/* Theme Name: 25 cosas que hacer antes de los 25 Theme URI: http://www.themeurl.com Description: Nuevo diseño para el blog 25 cosas que hacer antes de los 25. Author: Carles B. Arnan Author URI: http://arnancreative.com Version: 0.1.1 Tags: Framework Template: hybrid */ /** * Import pre-made styles from Hybrid ************************************************/ /* Eric Meyer's reset.css */ /* @import url('../hybrid/library/css/reset.css'); */ /* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */ /* @import url('../hybrid/library/css/18px.css'); */ /* @import url('../hybrid/library/css/20px.css'); */ /* @import url('../hybrid/library/css/21px.css'); */ /* @import url('../hybrid/library/css/22px.css'); */ /* @import url('../hybrid/library/css/25px.css'); */ /* Holy Grail */ /* @import url('../hybrid/library/css/holy-grail-fluid.css'); */ /* Plugins CSS */ /* @import url('../hybrid/library/css/plugins.css'); */ /* Hybrid's default CSS */ /* @import url('../hybrid/library/css/screen.css'); */ /** * Body ************************************************/ /* Contains everything */ html { margin:0; padding: 0; width: 100%; height: 100%; background: white url(images/header.jpg) no-repeat center top; } body { display: block; font-family: VW Headline OT, arial, trebutchet, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; background: url(images/footer.jpg) no-repeat center bottom; margin:0; padding: 0; postion: absolute; top: 0; bottom: 0; } /* Wrapper for everything inside of the body */ #body-container {margin:0; padding: 0; width: 100%; height: 100%; display: block;} /** * Elements ************************************************/ /* Hyperlinks */ a:link {text-decoration: none; color: #333399; outline-style: none;} a:visited {text-decoration: none; color: #333399; outline-style: none;} a:hover {text-decoration: underline; color: #333399; outline-style: none;} a:active {text-decoration: underline; color: #333399; outline-style: none;} /* Headers */ h1 {} h2 {} h3 {font-size: 12px; font-weight: bold; font-family: VW Headline OT, arial, trebutchet, sans-serif;} h4 {} h5 {} h6 {} /* Text elements */ strong {} em {} cite {} abbr {} acronym {} sup {} sub {} address {} ins {} dfn {} del {} /* Paragraphs */ p {} /* Unordered lists */ ul {padding: 0;} ul li {display: inline; list-style: none; margin: 0 4px;} /* Ordered lists */ ol {} ol li {} /* Defition lists */ dl {} dt {} dd {} /* Blockquotes */ blockquote {} blockquote blockquote {} blockquote em {} /* Object */ object {} /* Code */ code {} pre {} pre code {} /* Tables */ table {} caption {} tr {} th {} td {} /* Forms */ form {} textarea {} input {} label {} option {} /* Drop caps */ .drop-cap { } /* Notes */ .note {} /* Warnings/Alerts */ .warning, .alert {} /* Errors */ .error {} /* Downloads */ .download {} /* Alignment */ .left, .alignleft {} .right, .alignright {} .center, .aligncenter {} .block, .alignnone {} .clear {} /** * Images ************************************************/ /* Normal images */ img {} a img {border: none;} /* WP Smilies */ img.wp-smiley {} /* Thumbnails */ .thumbnail {} /* WP Captions [caption] */ .wp-caption {} .wp-caption img {} .wp-caption p {} /* Gallery [gallery] */ .gallery {} .gallery img {} /* Avatars */ .avatar {} /** * Header ************************************************/ /* Contains entire header */ #header-container {width:965px; height: 302px; margin: 0 auto 0 auto;} /* Contains site title and tagline */ #header {} /* Site title */ #site-title {margin:0;} #site-title a { width:965px; height: 302px; margin: 0; display: block; outline-style: none;} #site-title a span {display: none;} /* Site description/tagline */ #site-description {display: none;} /** * Page navigation ************************************************/ /* Wrapper for navigation */ #navigation {width:965px; height: 83px; background: url(images/content-top.jpg) left top; display: block; margin: 0 auto;} /* Page nav */ #page-nav {margin-left: 31px;} #page-nav ul {padding-top: 29px; margin: 0;} #page-nav li { list-style: none;} #page-nav li a {font-size: 12px; text-transform: uppercase; font-weight: bold;} #page-nav li.current_page_item {} #page-nav li:first-child { height: 12px; float: left; text-align: center; padding: 10px 0; margin-right: 3px; width: 81px;} #page-nav li:first-child.current_page_item { background: url(images/nav1-fondo.jpg);} #page-nav .sf-menu li {height: 12px;float: left; text-align: center; padding: 10px 0; margin-right: 3px;} #page-nav .page-item-6 { width: 55px; display: block; } #page-nav .page-item-7 { width: 120px; display: block; } #page-nav .page-item-8 { width: 210px; display: block; } #page-nav .page-item-104 { width: 102px; display: block; } #page-nav .page-item-6.current_page_item {background: url(images/nav2-fondo.jpg); } #page-nav .page-item-7.current_page_item {background: url(images/nav3-fondo.jpg);} #page-nav .page-item-8.current_page_item {background: url(images/nav4-fondo.jpg);} #page-nav .page-item-104.current_page_item {background: url(images/nav5-fondo.jpg);} #page-nav .page-item-11 {display: none;} /** * Containers below the header and navigation ************************************************/ /* Wrapper for the content and primary/secondary widget sections */ #container {width: 965px; clear: both; display: block; margin: 0 auto;} /** * Content ************************************************/ /* Contains site's main content */ #content { width: 965px; min-height: 125px; height: auto !important; height: 125px; float: left; background: url(images/content-center.jpg) repeat-y;} /* Breadcrumb trail */ .breadcrumb {display: none;} /* Archive and search
before posts are listed */ .author-info {width: 480px; margin: 0 0 0 99px;} .category-info {width: 480px; margin: 0 0 0 99px;} .date-info {width: 480px; margin: 0 0 0 99px;} .search-info {width: 480px; margin: 0 0 0 99px;} .tag-info {width: 480px; margin: 0 0 0 99px;} /* Posts */ .post {width: 531px; margin: 0 57px 35px 50px; clear: left; padding-bottom: 10px; } .post.category-cosa01 {background: url(images/tik1-2.png) no-repeat left top; background: url(images/tik1.png) no-repeat left top !important;} .post.category-cosa02 {background: url(images/tik2-2.png) no-repeat left top; background: url(images/tik2.png) no-repeat left top!important;} .post.category-cosa03 {background: url(images/tik3-2.png) no-repeat left top; background: url(images/tik3.png) no-repeat left top !important;} .post.category-cosa04 {background: url(images/tik4-2.png) no-repeat left top; background: url(images/tik4.png) no-repeat left top !important;} .post.category-cosa05 {background: url(images/tik5-2.png) no-repeat left top; background: url(images/tik5.png) no-repeat left top !important;} .post.category-cosa06 {background: url(images/tik6-2.png) no-repeat left top; background: url(images/tik6.png) no-repeat left top !important;} .post.category-cosa07 {background: url(images/tik7-2.png) no-repeat left top; background: url(images/tik7.png) no-repeat left top !important;} .post.category-cosa08 {background: url(images/tik8-2.png) no-repeat left top; background: url(images/tik8.png) no-repeat left top !important;} .post.category-cosa09 {background: url(images/tik9-2.png) no-repeat left top; background: url(images/tik9.png) no-repeat left top !important;} .post.category-cosa10 {background: url(images/tik10-2.png) no-repeat left top; background: url(images/tik10.png) no-repeat left top !important;} .post.category-cosa11 {background: url(images/tik11-2.png) no-repeat left top; background: url(images/tik11.png) no-repeat left top !important;} .post.category-cosa12 {background: url(images/tik12-2.png) no-repeat left top; background: url(images/tik12.png) no-repeat left top !important;} .post.category-cosa13 {background: url(images/tik13-2.png) no-repeat left top; background: url(images/tik13.png) no-repeat left top !important;} .post.category-cosa14 {background: url(images/tik14-2.png) no-repeat left top; background: url(images/tik14.png) no-repeat left top !important;} .post.category-cosa15 {background: url(images/tik15-2.png) no-repeat left top; background: url(images/tik15.png) no-repeat left top !important;} .post.category-cosa16 {background: url(images/tik16-2.png) no-repeat left top; background: url(images/tik16.png) no-repeat left top !important;} .post.category-cosa17 {background: url(images/tik17-2.png) no-repeat left top; background: url(images/tik17.png) no-repeat left top !important;} .post.category-cosa18 {background: url(images/tik18-2.png) no-repeat left top; background: url(images/tik18.png) no-repeat left top !important;} .post.category-cosa19 {background: url(images/tik19-2.png) no-repeat left top; background: url(images/tik19.png) no-repeat left top !important;} .post.category-cosa20 {background: url(images/tik20-2.png) no-repeat left top; background: url(images/tik20.png) no-repeat left top !important;} .post.category-cosa21 {background: url(images/tik21-2.png) no-repeat left top; background: url(images/tik21.png) no-repeat left top !important;} .post.category-cosa22 {background: url(images/tik22-2.png) no-repeat left top; background: url(images/tik22.png) no-repeat left top !important;} .post.category-cosa23 {background: url(images/tik23-2.png) no-repeat left top; background: url(images/tik23.png) no-repeat left top !important;} .post.category-cosa24 {background: url(images/tik24-2.png) no-repeat left top; background: url(images/tik24.png) no-repeat left top !important;} .post.category-cosa25 {background: url(images/tik25-2.png) no-repeat left top; background: url(images/tik25.png) no-repeat left top !important;} /* Post, page, and archive titles */ .entry-title { color: #333333; font-size: 16px; margin-left: 49px;} .entry-title a {color: #333333; font-size: 1.2em;} .single-title {} .page-title {} .attachment-title {} .error-404-title {} .author-title {} .category-title {} .date-title {} .search-title {} .tag-title {} /* Author and date byline */ .byline {color: #333399; font-weight: bold; margin-top: -9px; margin-left: 49px;} .byline a {color: #333399; font-weight: bold; } /* Full entries */ .entry-content {margin-left: 49px;} .entry-content h3 {margin-top: 19px; margin-bottom: -5px;} .tweetmeme_button {margin-top:18px;} .sociable {float: right; margin:-28px 0 0 5px; width: 40px;} .sociable_tagline {display: none;} #facebook {} /* Excerpts (introduced in Hybrid 0.4) */ .entry-summary {} /* Using */ p.pages a {} /* More link */ a.more-link {} /* Post meta data */ .post-meta-data {display: inline; } .post-meta-data .categories {display: block; margin-left: 49px; font-size: 11px;} .post-meta-data .tags {display: block; margin-bottom: 10px; margin-left: 49px; font-size: 11px; width: 300px;} .post-meta-data .separator, .post-meta-data .edit {display: none;} .post-meta-data .comments-link {display: inline; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-top:13px; width: 50px; margin-left: 49px; margin-right: -29px;} .post-ratings {display: inline; margin-left: 49px;} .post-ratings em { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #333399; margin-right: 10px; font-style: normal;} .post-ratings-text {display: none;} /* Post series */ .series {} .series-title {} /* Navigation links */ .navigation-links {width: 480px; margin: 40px 0 0 99px; float: left;} .navigation-links .previous {float: left; } .navigation-links .next {float: right;} /* WP PageNavi (plugin) */ .wp-pagenavi {} .wp-pagenavi .pages {} .wp-pagenavi .current {} .wp-pagenavi .extend {} .wp-pagenavi a {} /* Attachment image navigation */ .navigation-attachment {} /** * Comments template ************************************************/ /* Wrapper for entire comments area */ #comments-template {width: 480px; margin: 0 59px 0 99px;} /* Comments section headers/titles */ .comments-header {color: #333399;} #comments-number {} /* Comments closed paragraph */ p.comments-closed {} /* Main comments section */ #comments {} #comments ol {} /* Individual comments (note that WordPress has even/odd backwards) */ #comments li {} #comments li li {} #comments li li li {} #comments li li li li {} #comments li.even {} #comments li.odd {} #comments li.thread-even {} #comments li.thread-odd {} #comments li.author {} #comments li.trackback {} #comments li.pingback {} /* Comment avatars */ #comments .avatar {} /* Comment meta data */ #comments .comment-meta-data {} #comments .comment-meta-data cite {} /* Comment text */ #comments .comment-text {} /* Paged comments navigation */ #comments-template .paged-navigation {} #comments-template .paged-navigation .page-numbers {} #comments-template .paged-navigation .next {} #comments-template .paged-navigation .prev {} /* Main comment form div */ #respond {} /* Comment form title */ #reply {} /* Comment form elements */ p#cancel-comment-reply {} #respond form {} #respond .form-author {} #respond input {} #respond .form-email {} #respond .form-url {} #respond .form-textarea {} #respond textarea {border: none; padding: 3px; width: 474px; font-family: arial, trebutchet, sans-serif; font-size: 11px;} #respond .button {background: #333399; border: none; color: white; text-transform: uppercase;} #respond .comment-action {} /** * Utility widget sections (see other widget code below) ************************************************/ /* All utility widget sections (except widgets template) */ .utility {} /* Before content */ #utility-before-content {width: 252px; float: right; margin: -4px 44px 0 31px;} #utility-before-content h3 { color: #333399; font-size: 12px; margin-bottom: 3px; margin-top: 15px;} #utility-before-content #social-links {margin-bottom: 40px; } #utility-before-content .wpcf7-form p {display: inline; float: left; width: 252px; margin: 0 0 5px 0;} #utility-before-content .wpcf7-form .wpcf7-validates-as-email { width: 196px; border: none; background: white; height: 16px; padding: 0 3px; float: right; font-size: 11px; color: black;} #utility-before-content .wpcf7-form .wpcf7-form-control-wrap textarea{ width: 196px; border: none; background: white; height: 16px; padding: 0 3px; font-family: arial, trebutchet, sans-serif; font-size: 11px; line-height: 1.5em; float: right;} #wpcf7-f1-w1-o1 {margin-bottom: 30px;} #utility-before-content .wpcf7-form input {background: #333399; color: white; float: right; border: none; text-transform: uppercase;} .wpcf7-response-output.wpcf7-validation-errors {display: none;} #utility-before-content #text-7 h3 {margin-bottom: -5px;} #utility-before-content #lista25cosas { height: 156px; overflow: auto; background: white; padding: 10px; } #utility-before-content #lista25cosas li {display: block;} #utility-before-content #lista25cosas li em { font-style: normal; text-decoration: line-through;} #facebook-fan-box {clear: both; padding-top: 5px;} #ratings-3 h3, #ratings-4 h3 {display: none;} #ratings-3 { margin-top: 15px; background: url(images/postit-votado.gif); display:block; height:140px; padding:10px;} #ratings-4 { margin-top: 15px; background: url(images/postit-puntuado.gif); display:block; height:140px; padding:10px;} #utility-before-content .widget-widget_ratings ul {margin-top:30px; margin-left: 5px;} #utility-before-content .widget-widget_ratings ul li {display: block; margin:0;} #utility-before-content #text-10 a img {margin-right: 4px;} /* After content */ #utility-after-content {display: inline; float: right; margin-right: 40px; margin-top: 40px;clear: both;} /* After post but before comments */ #utility-after-single {} /* After page but before comments */ #utility-after-page {} /* Widgets page template widgets */ .page-template-widgets #content .widget-search, .page-template-widgets #content .widget-archives, .page-template-widgets #content .widget-categories, .page-template-widgets #content .widget-tags{width: 480px; margin: 0 0 0 99px; float: left;} .page-template-widgets #content .widget-search .search-text {width: 200px; border: 1px solid black; padding: 4px; margin: 20px 10px 22px 0;} .page-template-widgets #content .widget-search .search-submit {background: #333399; color: white; border: none; text-transform: uppercase; } .page-template-widgets #content .widget-archives h3, .page-template-widgets #content .widget-categories h3, .page-template-widgets #content .widget-tags h3 {text-transform: uppercase; margin-bottom: -7px;} .page-template-widgets #content .widget-archives ul li, .page-template-widgets #content .widget-categories ul li {display: block; margin-left: 0;} .search-results .page {display: none;} .tag-cloud a {margin-right: 5px;} /** * Widget sections (Primary and Secondary) ************************************************/ /* Widgets in general */ .widget {} .widget-inside {} .widget-title {} /* Primary widget section */ #primary {} #primary .widget {} #primary .widget-inside {} #primary .widget-title {} #primary .widget ul {} #primary .widget ul li {} /* Secondary widget section */ #secondary {} #secondary .widget {} #secondary .widget-inside {} #secondary .widget-title {} #secondary .widget ul {} #secondary .widget ul li {} /** * Footer ************************************************/ /* Wrapper for the entire footer */ #footer-container {} /* Subsidiary widget section */ #subsidiary {width: 965px; height: 256px; display: block; margin: 0 auto; clear: both; background: url(images/content-bottom.jpg) no-repeat left top;} #subsidiary .widget {padding-top: 35px;} #subsidiary .widget-inside {} #subsidiary .widget-title {} #subsidiary a {text-transform: uppercase; font-size: 11px; font-weight: bold;} #hybrid-pages-3 {float: left; margin: 0 44px 0 70px; } #hybrid-pages-3 ul {margin: 0 auto; text-align: center; } #hybrid-pages-3 ul li{margin: 0 9px; float: left; display: block; height: 20px;} #hybrid-pages-3 ul li:first-child.current_page_item {background: url(images/footer-1.png) no-repeat center center;} #hybrid-pages-3 ul li:first-child {width: 50px;} #footer-container .page-item-6.current_page_item {background: url(images/footer-2.png) no-repeat center center;} #footer-container .page-item-6 {width: 46px;} #footer-container .page-item-7.current_page_item {background: url(images/footer-3.png) no-repeat center center;} #footer-container .page-item-7 {width: 98px;} #footer-container .page-item-8.current_page_item {background: url(images/footer-4.png) no-repeat center center;} #footer-container .page-item-8 {width: 170px;} #footer-container .page-item-104.current_page_item {background: url(images/footer-5.png) no-repeat center center;} #footer-container .page-item-104 {width: 80px;} #footer-container .page-item-11 {display: none;} #text-3 {width: 297px; float: right;} #text-3 ul {width: 252px; float: left; text-align: center; margin: 0 auto;} #text-3 ul li {margin: 0 3px;} #text-3 ul li a{text-transform: capitalize; font-size: 11px; color: black; font-weight: normal;} /* Footer section */ #footer {text-align: center;} /* Footer extra */ #footer .copyright {display: none;} #footer .credit {display: none;} /** * Especials pages ************************************************/ .page-7 .content .page-title {margin-bottom: 30px;} .page-7 .content .entry-content p {margin: 10px 0; font-weight: bold;} .page-7 .content .entry-content p a {text-transform: uppercase; margin-left: 10px;} #text-6 h3 {margin-bottom:5px;} #text-6 b {display: inline; background: url(images/reto.png); overlay: visible; padding: 3px 3px 3px 0; margin-bottom:10px;} #text-7 h3 {padding-bottom: 3px;} .page .wpcf7-form .wpcf7-validates-as-email {width: 300px; border: none; background: white; height: 16px; padding: 0 3px;font-size: 12px; color: black; display: block; font-family: arial, trebutchet, sans-serif;} .page .wpcf7-form .wpcf7-form-control-wrap textarea{width: 300px; border: none; background: white; height: 200px; padding: 0 3px; font-family: arial, trebutchet, sans-serif; font-size: 12px; line-height: 1.5em; display: block; color: black;} /** * Info ************************************************/ #post-6 .page-title {display: none;} #post-6 .header {margin-top: 24px; margin-bottom: -16px;} #post-6 .angelyraul {display: block; width: 519px; height: 446px; background: url(images/angelyraul-2.png) no-repeat; background: url(images/angelyraul.png) no-repeat center center !important; margin-left: -19px;} #post-6 .angelyraul span {display: none;} #post-6 .cocoylola {display: block; width: 425px; height: 315px; background: url(images/cocoylola-2.png) no-repeat; background: url(images/cocoylola.png) no-repeat !important;} #post-6 .cocoylola span {display: none;} #post-6 .coche-polo { margin-left: -19px; display: block; width: 506px; height: 357px; background: url(images/coche-polo-2.png) no-repeat; background: url(images/coche-polo.png) no-repeat !important;} #post-6 .coche-polo span {display: none;} /** * Google Maps ************************************************/ .sl_header, #cm_mapTR {display: none;} .entry-content #sl_div {padding: 0; margin-top: 30px;}