/* Theme Name: Mandatheme Theme URI: http://www.mandarinamagazine.com Description: Theme de MandarinaMagazine.com, basado en ajustes de grilla de 960.gs Author: Iván Tamayo Author URI: http://www.ivantamayo.com/ Version: 1.0 */ /*#wrapper { background:url(images/grid-test.png); }*/ /* =Resets ------------------------------------------------------*/ html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {margin:0; padding:0; } input, :focus {outline:0;} ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; } li { list-style-type:none; } /* =Clearfix ------------------------------------------------------*/ .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } /* =Common ------------------------------------------------------*/ body {background:#151712 url(images/bg-page.png); color:#484848; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } a:link, a:visited, a:active { color:#C00; text-decoration:none; } a:hover { color:#333; text-decoration:none; } blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;} code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;} kbd, tt {font-size:1.2em;} hr {border:1px solid #a8ef9d;} pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */} dl {} dt {font-weight:bold;} dd {padding-left:1em;} p { } .clear { clear:both; font-size:1px; line-height:0; } .salto { margin-bottom:16px; } .flt-left { float:left; } .flt-right { float:right; } .flt-none { float:none; } /* =Headings ------------------------------------------------------*/ h1 { float:left; height:37px; margin-left:6px; margin-top:25px; width:361px; } h1 a { background:url(images/logo-mandarina.png) no-repeat; display:block; height:72px; text-indent:-9000px; width:260px; } h2 { margin-bottom:16px; margin-top:14px; min-height:16px; /*max-height:52px;*/ } h2 a { font-size:18px; font-weight:normal; } /*h3 { color:#FFF; font-size:19px; margin-bottom:16px; text-shadow:#000 1px 1px; } h4 { color:#999; font-size:16px; margin-bottom:16px; text-shadow:#000 1px 1px; }*/ /* =Structure ------------------------------------------------------*/ #wrapper { font-size:12px; line-height:17px; margin:0 auto; padding:0; position:relative; width:940px; } #header { background:url(images/border-header.png) no-repeat 0 97px; height:103px; margin-bottom:39px; position:relative; width:940px; } #main-content { float:left; width:620px; } #secondary-content { float:right; width:300px; } .featured-content { overflow:hidden; width:300px; } .featured-content h2 { color:#000; font-weight:normal; margin-bottom:8px; } .additional-content { float:left; width:300px; } .related-content { float:right; width:160px; } .comentarios { margin-left:20px; } #main-content-error { float:left; width:720px; } .related-content-error { float:right; margin-top:32px; width:160px; } .grid { float:left; margin-left:15px; width:305px; } #intro .alpha, #fast-content .alpha, .interior-content .alpha { margin-left:8px; } #footer { background:url(images/border-header.png) no-repeat; color:#666; margin:16px 0 32px 0; padding-top:20px; width:940px; } .menu-pages { float:right; width:auto; } .menu-pages li { float:left; margin-left:15px; } /* =Header ------------------------------------------------------*/ .menu-options { float:right; margin-top:25px; width:auto; } .menu-options li { float:left; margin-left:10px; } .menu-options li:first-child { line-height:2.3em; margin-left:0; } .menu-options li a { text-transform:uppercase; text-decoration:none; } .menu-options li a:link, .menu-options li a:visited, .menu-options li a:active { color:#FFF; } .menu-options li a:hover { color:#0CF; text-decoration:none; } .menu-options li a[title='RSS'] { background:url(images/icon-rss.png) no-repeat; display:block; height:24px; margin-left:10px; text-indent:-9000px; width:24px; } .menu-options li a[title='Twitter'] { background:url(images/icon-twitter.png) no-repeat; display:block; height:24px; text-indent:-9000px; width:24px; } .menu-options li a[title='Facebook'] { background:url(images/icon-facebook.png) no-repeat; display:block; height:24px; text-indent:-9000px; width:24px; } li.search { background:url(images/bg-search-input.png) no-repeat; display:block; height:24px; margin-left:20px; width:160px; } #searchform { height:24px; margin-left:24px; width:136px; } #searchform input { background:none; border:0 none; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; height:17px; padding:3px 0; width:134px; } #searchform input:focus { outline:none; } .menu-categories { bottom:6px; position:absolute; right:0; } .menu-categories li { float:left; } .menu-categories li a { height:9px; letter-spacing:-1px; padding:0 3px 6px 3px; text-shadow:#000 1px 1px; text-transform:lowercase; font-size: 26px; } .menu-categories li.cat-item-1 a:link, .menu-categories li.cat-item-1 a:visited, .menu-categories li.cat-item-1 a:active { color:#666; text-decoration:none; } .menu-categories li.cat-item-3 a:link, .menu-categories li.cat-item-3 a:visited, .menu-categories li.cat-item-3 a:active { color:#09F; text-decoration:none; } .menu-categories li.cat-item-4 a:link, .menu-categories li.cat-item-4 a:visited, .menu-categories li.cat-item-4 a:active { color:#C06; text-decoration:none; } .menu-categories li.cat-item-5 a:link, .menu-categories li.cat-item-5 a:visited, .menu-categories li.cat-item-5 a:active { color:#9C0; text-decoration:none; } .menu-categories li.cat-item-6 a:link, .menu-categories li.cat-item-6 a:visited, .menu-categories li.cat-item-6 a:active { color:#960; text-decoration:none; } .menu-categories li.cat-item-7 a:link, .menu-categories li.cat-item-7 a:visited, .menu-categories li.cat-item-7 a:active { color:#669; text-decoration:none; } .menu-categories li.cat-item-8 a:link, .menu-categories li.cat-item-8 a:visited, .menu-categories li.cat-item-8 a:active { color:#C00; text-decoration:none; } .menu-categories li.cat-item-9 a:link, .menu-categories li.cat-item-9 a:visited, .menu-categories li.cat-item-9 a:active { color:#F90; text-decoration:none; } .menu-categories li.cat-item-1 a:hover, .menu-categories li.cat-item-3 a:hover, .menu-categories li.cat-item-4 a:hover, .menu-categories li.cat-item-5 a:hover, .menu-categories li.cat-item-6 a:hover, .menu-categories li.cat-item-7 a:hover, .menu-categories li.cat-item-8 a:hover, .menu-categories li.cat-item-9 a:hover { background:url(images/bar-hover-mainmenu-alt.png) no-repeat center bottom; color:#333; text-decoration:none; } .menu-categories .current-cat a { background:url(images/bar-hover-mainmenu.png) no-repeat center bottom; text-decoration:none; } /* =Tablas ------------------------------------------------------*/ table {margin:.5em 0;} table th {color:#a8ef9d;} table td, table th {padding:.5em .7em;} table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;} table td {background:url(images/blacktrans.png);} table tr.even td {background:url(images/blacktrans2.png);} table tr:hover td{background:url(images/whitetrans.png);} fieldset {padding:1.2em; border:1px dashed #a8ef9d;} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select { } input.radio, input.checkbox {background:#fff; padding:2px;} /* =Post ------------------------------------------------------*/ p.content { margin-bottom:12px; margin-top:5px; } #main-content img.alignnone { color:#151712; height:auto; line-height:0; margin-top:10px; max-width:460px; width:expression(this.width > 460 ? 460: true); } .additional-content img.alignnone { height:auto; line-height:0; margin-top:10px; max-width:280px; width:expression(this.width > 280 ? 280: true); } .related-content img.alignnone { height:auto; line-height:0; margin-top:10px; max-width:160px; width:expression(this.width > 160 ? 160: true); } .post-data, p.post-tags, p.post-details { font-size:11px; } .post-data-comments { font-size:11px; margin-bottom:16px; } .header-post { background:url(images/bg-header-post.png) no-repeat; height:220px; line-height:0; width:620px; } .header-post img { border:0; margin:6px 0 0 6px; } .posted-by { color:#669; font-weight:bold; } .posted-by-single { color:#669; font-weight:bold; margin-bottom:16px; } .columns-content p.content { display:none; } /* =Content ------------------------------------------------------*/ #content {float:left; } #contentfull {float:left; width:980px;} #texto-post p { margin-bottom:16px; } .post { margin-bottom:32px; } .post-image { line-height:0; margin-top:12px; text-align:center; } .post-image a { color:#151712; } .additional-content .link-more-category { margin-bottom:32px; padding-left:12px; } /*.related-content .widget_archive li { margin-bottom:16px; }*/ .aktt_tweets { margin-bottom:32px; } #results { float:left; overflow:hidden; width:780px; } #results .post { float:left; height:128px; margin-bottom:8px; margin-right:20px; position:relative; width:370px; } #results .post h2 { min-height:32px; } #results .post a#lnk-leermas { bottom:5px; position:absolute; left:0; } #results .cat-list-search { float:left; margin-right:20px; min-height:110px; width:370px; } #results .cat-list-search h4 { color:#666; font-size:17px; font-weight:normal; margin-bottom:7px; margin-top:17px; } #results .cat-list-search ul { margin-left:12px; } #results > p { margin-bottom:32px; } .columns-content { overflow:hidden; width:620px; } .columns-content .col, .columns-content .last { float:left; margin-bottom:20px; width:300px; } .columns-content .col { margin-right:20px; } .columns-content .last:after { clear:both; } .columns-content h2 { margin-bottom:2px; min-height:36px;} .editorial { background:#000 url(images/header-editorial.png) no-repeat; color:#FFF; padding:100px 15px 20px 15px; } .thumbnail-div { background:url(images/bg-image-columns-home.png) no-repeat; height:115px; margin-top:4px; padding:6px; width:288px; } .thumbnail-archive { background:url(images/bg-image-columns-home.png) no-repeat; float:left; height:105px; line-height:0; margin-right:10px; margin-top:0px; padding:6px; width:180px; } .bottom-category .post-content { background:#F7F7F7; border:1px solid #FFF; margin-top:4px; padding:9px; } .bottom-category .post-content h2 { margin-bottom:8px; margin-top:8px; text-indent:8px; } .bottom-category .post-content .personajes-thumb { border:1px solid #E2E2E2; float:left; height:125px; line-height:0; margin-right:10px; padding:4px; width:290px; } .bottom-category .personajes-thumb img { border:1px solid #FFF; } .bottom-category .post-content .content { float:right; width:280px; } .archivo #contentdesc { line-height:1.4em; margin-top:0; } .archivo #contentdesc span { margin-right:5px; padding-left:31px; text-indent:0; } /* =Icons Categories ------------------------------------------------------*/ span.icon-cine, span.icon-television, span.icon-musica, span.icon-teatro, span.icon-libros, span.icon-agenda, span.icon-fotomaton, span.icon-personajes, span.icon-editorial { color:#666; float:left; font-size:12px; height:16px; padding-left:18px; text-transform:uppercase; } span.icon-cine { background:url(images/icon-cine.png) no-repeat; } span.icon-television { background:url(images/icon-television.png) no-repeat; } span.icon-musica { background:url(images/icon-musica.png) no-repeat; } span.icon-teatro { background:url(images/icon-teatro.png) no-repeat; } span.icon-libros { background:url(images/icon-libros.png) no-repeat; } span.icon-agenda { background:url(images/icon-agenda.png) no-repeat; } span.icon-fotomaton { background:url(images/icon-fotomaton.png) no-repeat; } span.icon-personajes { background:url(images/icon-personajes.png) no-repeat; } span.icon-editorial { background:url(images/icon-editorial.png) no-repeat; } span.pin-cine, span.pin-television, span.pin-musica, span.pin-teatro, span.pin-libros, span.pin-agenda, span.pin-fotomaton, span.pin-personajes, span.pin-editorial { display:block; height:23px; text-indent:-9000px; width:23px; } span.pin-cine { background:url(images/pin-cine.png) no-repeat; color:#333; } span.pin-television { background:url(images/pin-television.png) no-repeat; color:#09F; } span.pin-musica { background:url(images/pin-musica.png) no-repeat; color:#D93985; } span.pin-teatro { background:url(images/pin-teatro.png) no-repeat; color:#9C0; } span.pin-libros { background:url(images/pin-libros.png) no-repeat; color:#960; } span.pin-agenda { background:url(images/pin-agenda.png) no-repeat; color:#669; } span.pin-fotomaton { background:url(images/pin-fotomaton.png) no-repeat; color:#C00; } span.pin-personajes { background:url(images/pin-personajes.png) no-repeat; color:#F90; } span.pin-editorial { background:url(images/pin-editorial.png) no-repeat; color:#099; } .comments-number { background:url(images/icon-comments.png) no-repeat 0 3px; color:#666; font-size:12px; height:16px; padding-left:17px; } .comments-number-archive { background:url(images/icon-comments.png) no-repeat 0 3px; color:#666; font-size:12px; height:16px; padding-left:17px; } .post-data .date { float:right; margin-right:10px; } #main-content #content .featured { background:url(images/bg-main-featured.png) no-repeat; height:330px; overflow:hidden; width:620px; } #main-content .featured-container { height:318px; margin-left:6px; margin-top:6px; position:relative; width:608px; } #main-content .post-details { background:url(images/bg-trans-65.png); bottom:0; height:80px; left:0; padding:15px 20px; position:absolute; width:568px; } .post-details h2 { color:#FFF; float:right; font-size:19px; font-weight:normal; margin:0; margin-bottom:7px; width:520px; } .post-details div { color:#FFF; float:right; margin:0; width:520px; } .post-details .post-category { float:left; margin-left:10px; width:23px; } .fotomaton-thumb { background:#EEF1F2; border:1px solid #E2E2E2; line-height:0; padding:6px; width:288px; } /************************************************ * Navigation * ************************************************/ #navigation { } #navigation a { font-size:16px; font-weight:bold; } #navigation a:hover { } #navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} #navigation .wp-pagenavi a:hover {color:#a8ef9d;} #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} /************************************************ * Comments * ************************************************/ #comments h3 { color:#999; font-size:17px; margin-bottom:16px; text-shadow:1px 2px #FFF; } #respond > p { margin-bottom:25px; } #commentform p label { color:#666; display:block; margin-bottom:4px; text-indent:5px; } #commentform p.author, #commentform p.email, #commentform p.url { background:url(images/bg-input-comments.png) no-repeat; line-height:0; } #commentform input#author, #commentform input#email, #commentform input#url { background:none; border:none; color:#09F; height:19px; margin-bottom:9px; padding-left:5px; width:220px; } #commentform textarea { background:transparent url(images/bg-textarea-comments.png) no-repeat; border:none; color:#09F; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; height:119px; margin-bottom:5px; padding:5px; width:290px; } #respond p.btn-enviar { text-align:right; } #respond .submitbutton { background:#666; border:1px solid #999; color:#FFF; font-size:12px; font-weight:bold; padding:3px 8px; text-transform:uppercase; } #respond .submitbutton:hover { background-position:bottom left; cursor:pointer; } .intro-comments { color:#F60; font-size:13px; font-weight:normal; } .wpcf7-form input[name="your-name"], .wpcf7-form input[name="your-email"], .wpcf7-form input[name="your-subject"] { background:url(images/bg-input-comments.png) no-repeat; border:0; color:#CCC; height:19px; line-height:0; padding-left:5px; padding-right:7px; width:208px; } .wpcf7-form textarea { background:transparent url(images/bg-textarea-comments.png) no-repeat; border:none; color:#CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; height:128px; margin-bottom:5px; padding:5px; width:270px; } .wpcf7-form input[type="submit"] { background:url(images/btn-enviar-comments.png) no-repeat; border:none; height:22px; text-indent:-9000px; width:92px; } #comments {margin:0 0 15px 0;} #comments ul.commentlist, #comments .commentbody { width:300px; } #comments ul.commentlist li {margin-top:20px;} #comments ul.commentlist li ul.children li {margin-top:20px;} #comments .commentbody .author { color:#666; margin-bottom:10px; } #comments .commentbody .author a {color:#D9366D; font-weight:bold; } #comments .commentbody .author a:hover {color:#F90;} #comments .commentbody .commentmetadata { color:#999; margin-bottom:25px;} #comments .commentbody em { color:#F93; display:block; font-style:normal; margin-bottom:10px; } #comments .commentbody p { padding:5px 0 8px 0; line-height:1.4em;} #comments .commentbody p a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;} #comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;} #comments .reply a { background:#999; color:#FFF; border:1px solid #666; float:left; line-height:1.3em; margin-left:90px; margin-top:5px; padding:5px; text-shadow:0 1px #333; text-transform:uppercase; } #comments .reply a:hover {background:#fff; color:#111; text-shadow:none; } #comments h3#trackbacktitle {padding-top:10px;} #comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);} #comments ul.trackback li {margin-bottom:17px; } #comments ul.trackback li .commentbody .author {margin:0;} #comments a#cancel-comment-reply-link {display:block; padding:8px 0;} #comments a#cancel-comment-reply-link:hover {color:#ccc;} #comments .commentbody .flt-left { color:#464646; float:left; margin-right:10px; text-align:center; width:80px; } #comments .commentbody .flt-right { float:right; width:210px; } #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} /************************************************ * WP related * ************************************************/ .alignleft {float:left; margin:5px 15px 7px 0;} .alignright {float:right; margin:5px 0 7px 15px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:5px 15px 5px 0;} img.alignright {float:right; margin:5px 0 5px 15px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img {padding:0; margin:0; border: 0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /* =Página de error ------------------------------------------------------*/ #main-content-error { margin-top:32px; } #main-content-error img:first-child { display:block; margin-bottom:32px; } .categories-errorpage li.box-category-error { float:left; height:144px; margin-right:20px; margin-bottom:32px; position:relative; width:220px; } .categories-errorpage li.box-category-error .link-more-category { height:16px; margin-top:16px; position:absolute; bottom:0; left:0; } .related-content-error .widget_archive { margin-bottom:16px; } .agenda-sidebar { margin-top:15px; } .agenda-sidebar span.icon-agenda { display:block; clear:right; margin-bottom:10px; width:282px; } .agenda-sidebar ul.rsevent { display:block; } li.rsevent { margin-bottom:10px; } .recent-posts h3 { color:#666; font-size:16px; font-weight:normal; margin-bottom:7px; } .recent-posts li { background:url(images/bg-recents-home.png) no-repeat; height:26px; margin-bottom:2px; width:620px; } .recent-posts li .recent-details { float:left; overflow:hidden; width:495px; } .recent-posts li .recent-fecha { float:right; } .recent-posts .recent-details span { float:left; height:16px; margin:3px 3px 0 3px; text-indent:-9000px; width:22px; } .recent-posts .recent-details a:link, .recent-posts .recent-details a:active, .recent-posts .recent-details a:visited { color:#FFF; float:left; font-size:15px; font-weight:bold; line-height:1.6em; } .recent-posts .recent-details a:hover { color:#333; } .recent-posts .recent-fecha span { color:#FFF; line-height:2em; } .recent-posts .recent-fecha a:link, .recent-posts .recent-fecha a:visited, .recent-posts .recent-fecha a:active { background-position:0 1px; color:#FFF; line-height:2em; margin-left:13px; margin-right:7px; } .recent-posts .recent-fecha a:hover { color:#0CF; } h3.related_post_title { border-top:1px solid #CCC; color:#666; font-size:16px; font-weight:normal; margin-bottom:7px; margin-top:40px; padding-top:15px; } ul.related_post li { background:url(images/bg-related-post.png) no-repeat; height:34px; margin-bottom:2px; width:620px; } ul.related_post li.no-related { background:none; color:#C36; } .related_post li .recent-details { float:left; overflow:hidden; width:495px; } .related_post li .recent-fecha { float:right; } .related_post .recent-details span { float:left; height:16px; margin:3px 3px 0 3px; text-indent:-9000px; width:22px; } .related_post .recent-details a.thumb { display:block; float:left; height:30px; margin-top:2px; margin-left:3px; width:60px; } .related_post .recent-details a.lnkPost:link, .related_post .recent-details a.lnkPost:active, .related_post .recent-details a.lnkPost:visited { color:#FFF; float:left; font-size:15px; font-weight:bold; line-height:2em; margin-left:8px; } .related_post .recent-details a.lnkPost:hover { color:#333; } .related_post .recent-fecha .date { color:#FFF; line-height:2.9em; } .related_post .recent-fecha a:link, .related_post .recent-fecha a:visited, .related_post .recent-fecha a:active { background-position:0 3px; color:#FFF; margin-left:13px; margin-right:7px; margin-top:9px; } .related_post .recent-fecha a:hover { color:#0CF; } .editorial p { margin-top:16px; }