/* Theme Name: Kanuel 960 - Trotamunding Edition Theme URI: Description: A search engine optimized website framework for WordPress. Developed thanks to Ian Stewart from ThemeShaper.com Author: Kanuel Author URI: http://www.kanuel.com/ Version: 0.8 Tags: */ @import url("reset.css"); @import url("modules.css"); @import url("typography.css"); @import url("wp.css"); @import url("borrar-esto.css"); /* HEADER */ body{ background:url(img/body-bg.png) #008460; font-family:Georgia, "Times New Roman", Times, serif; } a, a:active, a:focus, a:hover, a:link, a:visited{ color:#066; } a:focus img, a:hover img{ border:none; text-decoration:none; } #wrapper{ margin:0 auto; width:960px; } #header{ background:url(img/header.png) no-repeat top center; height:250px; } #blog-title{ float:left; margin:10px; } #blog-description{ background:url(img/trotamunder.png) no-repeat top left; float:left; font-size:2em; line-height:1.5em; margin:15px 0 0 -50px; padding:25px 20px 145px 170px; text-align:center; width:180px; } #main{} #container{ background:url(img/container.png) repeat-y top center; overflow:auto; padding:0 15px 20px; } /* Main content */ #content{ float:left; padding-right:10px; width:660px; } /* Category pages */ .page-title{ border-bottom:double 3px #999; color:#666; font-size:2.5em; font-style:italic; font-weight:bold; line-height:1.2em; margin:5px 0 15px 5px; padding-left:10px; } /* Entry navigation */ #nav-above{ border-bottom:dotted 1px #CCC; display:block; margin:5px 0 10px; overflow:auto; padding-bottom:10px; } #nav-above .volver, #nav-below .volver{ font-size:1em; margin:5px 0; } #nav-above .volver a, #nav-below .volver a{ background:url(img/entry-nav-home.png) no-repeat center left; padding:2px 0 0 20px; } #nav-above .nav-previous, #nav-below .nav-previous{ clear:none; float:left; width:320px; padding-right:10px; text-align:left; } #nav-above .nav-previous div, #nav-above .nav-next div, #nav-below .nav-previous div, #nav-below .nav-next div{ color:#CCC; font-size:1em; } #nav-above .nav-previous a, #nav-below .nav-previous a{ background:url(img/entry-nav-left-n.png) no-repeat center left; display:block; font-size:1.2em; padding:5px 0 5px 30px; } #nav-above .nav-previous a:focus, #nav-above .nav-previous a:hover, #nav-below .nav-previous a:focus, #nav-below .nav-previous a:hover{ background:url(img/entry-nav-left-h.png) no-repeat center left; } #nav-above .nav-next, #nav-below .nav-next{ clear:none; float:right; width:320px; padding-left:10px; text-align:right; } #nav-above .nav-next a, #nav-below .nav-next a{ background:url(img/entry-nav-right-n.png) no-repeat center right; display:block; font-size:1.2em; padding:5px 30px 5px 0; } #nav-above .nav-next a:focus, #nav-above .nav-next a:hover, #nav-below .nav-next a:focus, #nav-below .nav-next a:hover{ background:url(img/entry-nav-right-h.png) no-repeat center right; } /* Post styles */ .post{ margin:10px 0; } .post + .post{ background:url(img/entry-end.png) no-repeat top center; margin-top:20px; padding-top:40px; } .entry-title{ overflow:auto; } .entry-date{ background:url(img/entry-date.png) no-repeat top center; float:left; clear:none; line-height:1em; height:50px; padding-top:10px; text-align:center; width:40px; } .entry-date .year{ color:#FFF; margin-top:1px; } .entry-date .month{ color:#333; margin-top:2px; } .entry-date .day{ color:#000; font-size:1.8em; font-weight:bold; line-height:1em; } #title{ color:#000; font-size:2.5em; line-height:1.2em; margin:5px 0 0 50px; } .second-row{ font-size:1.2em; height:20px; margin-left:50px; overflow:auto; } #entry-category{ color:#999; font-style:italic; } #entry-category span, #entry-category b{ color:#666; font-size:1.4em; font-style:normal; } #entry-comments{} #edit{ float:right; clear:none; } #edit a{ color:#CCC; } .entry-content, .entry-summary{ background:#FFF; border:solid 1px #EEE; border-top-color:#CCC; font-size:1.6em; margin-top:10px; padding:15px; } #related{ color:#666; font-size:.7em; margin-top:2em; text-align:right; } /* Warning, Info boxes */ .warning{ background:url(img/comment-warning.png) no-repeat 10px center #FF9; border:solid 1px #FC0; color:#F30; font-size:1.2em; margin:10px 0; padding:10px 10px 10px 40px; } .info{ background:url(img/comment-info.png) no-repeat 10px center #D9EEED; border:solid 1px #9CF; color:#09C; font-size:1.2em; margin:10px 0; padding:10px 10px 10px 40px; } /* Entry navigation */ #nav-below{ border-top:dotted 1px #CCC; display:block; margin:15px 0; overflow:auto; padding-top:10px; } /* Comments */ #comments{} #comments-list, #trackbacks-list{ border-top:double 3px #CCC; padding-top:15px; } #comments h4{ background:none; color:#666; font-size:2em; font-style:italic; line-height:1em; padding:0; } /* Comments navigation */ #comments-nav-above, #comments-nav-below{ background:green; background:blue; } #comments-nav-above .paginated-comments-links, #comments-nav-below .paginated-comments-links{ background:cyan; } /* Comments structure */ #comments ul{} #comments li{ display:block; margin:20px 0 0; } #comments li + li{ border-top:solid 1px #CCC; } #comments .children{ background:url(img/comment-child.png) no-repeat left 5px; border-top:solid 1px #CCC; padding-left:20px; } #comments .children #respond{ margin-left:-20px; } #comments .children .children #respond{ margin-left:-40px; } #comments .children .children .children #respond{ margin-left:-60px; } #comments .children .children .children .children #respond{ margin-left:-80px; } #comments .children .children .children .children .children #respond{ margin-left:-100px; } #comments .children .children .children .children .children .children #respond{ margin-left:-120px; } #comments .children .children .children .children .children .children .children #respond{ margin-left:-140px; } #comments .children .children .children .children .children .children .children .children .children #respond{ margin-left:-160px; } #comments .children .children .children .children .children .children .children .children .children #respond{ margin-left:-180px; } #comments .children .children .children .children .children .children .children .children .children .children #respond{ margin-left:-200px; } /* Comments commenter info */ #comments .vcard{ background:#EEE; margin:20px 0; padding:5px 0; } #comments .comment-photo{ background:#FFF; border:solid 2px #EEE; float:left; height:50px; margin-top:-15px; padding:5px; width:50px; } #comments .comment-author{ font-size:2em; margin-left:70px; } #comments .comment-meta{ color:#666; font-size:1.4em; margin:5px 0 0 75px; } #comments .unapproved{ background:url(img/comment-warning.png) no-repeat 10px center #FF9; border:solid 1px #FC0; color:#F30; font-size:1.2em; margin:10px 0; padding:10px; text-align:center; } #comments .comment-content{ background:url(img/comment-open-quotes.png) no-repeat top left; font-size:1.5em; line-height:1.75em; margin:15px 0; padding:20px 0 0 25px; } .comment-content p{ background:url(img/comment-close-quotes.png) no-repeat bottom right; font-style:italic; padding-right:20px; } .comment-content .comment-reply{ border-top:solid 1px #EEE; margin-top:5px; padding:0 10px; text-align:right; } /* Author's comments */ #comments .his-royal-majesty-mrkanuel .vcard{ background:#008460; } #comments .his-royal-majesty-mrkanuel .comment-photo{ border-color:#008460; } #comments .his-royal-majesty-mrkanuel .comment-author, #comments .his-royal-majesty-mrkanuel .comment-author a{ color:#FFF; } #comments .his-royal-majesty-mrkanuel .comment-meta{ color:#CCC; } #respond{ background:url(img/respond.png) no-repeat top right; padding:40px 10px 10px; width:640px; } #respond h4{ background:url(img/comment-write.png) no-repeat top left; color:#666; font-size:2em; font-style:italic; line-height:1em; padding-left:25px; } #respond #cancel-comment-reply-link{ background:url(img/comment-cancel.png) no-repeat center right; float:right; font-size:.8em; letter-spacing:0; padding-right:25px; } #respond #login-req{ background:url(img/comment-warning.png) no-repeat 10px center #FF9; border:solid 1px #FC0; color:#F30; font-size:1.2em; margin:10px 0; padding:10px; text-align:center; } #respond #formcontainer{ background:grey; padding:5px; } #respond #commentform{} #commentform #login, #commentform #comment-notes, #commentform #form-allowed-tags{ background:url(img/comment-info.png) no-repeat 10px center #D9EEED; border:solid 1px #9CF; color:#09C; font-size:1.2em; margin:10px 0; padding:10px 10px 10px 40px; text-align:center; } #commentform #login{ text-align:right; } #commentform .form-section{ margin:10px 0;} .form-section .form-label{ border-bottom:dotted 1px #DDD; float:left; font-size:1.6em; margin-right:5px; padding:5px 0; width:325px; } .form-section .form-label-wide{ font-size:1.6em; padding:5px 0; width:640px; } .form-section .form-input input{ background:url(img/comment-field.png) no-repeat top left; border:none; font-size:1.6em; height:20px; padding:5px; width:300px; } .form-section .form-textarea textarea{ background:url(img/comment.png) no-repeat top left; border:none; font-size:1.6em; height:150px; padding:5px; width:630px; } #commentform .form-submit{ text-align:right; } #commentform .form-submit #submit{ background:url(img/comment-submit.png) no-repeat top left; border:none; color:#666; font-size:1.4em; height:30px; line-height:.5em; padding:0 25px 0 15px; } #commentform .form-submit #submit:focus, #commentform .form-submit #submit:hover{ background-position:left -30px; color:#000; } #commentform #form-allowed-tags{ text-align:left; } #trackbacks-list{ margin-top:10px; } #trackbacks-list li{ border:none; font-size:1.2em; margin:5px 10px; padding:5px; } /* Single pages */ .page .entry-content{ font-size:1em; margin:0; padding:5px 10px; } .page h1{ background:none; border-bottom:dotted 1px #CCC; color:#000; font-size:2.5em; margin:10px 0; } .page h2{ background:none; color:#666; font-size:2em; margin:5px 0; } .page h3{ background:none; color:#999; font-size:1.6em; margin:5px 0; } /* 404 - Not found page */ .not-found .title{ background:url(img/comment-warning.png) no-repeat 10px center #FF9; border:solid 1px #FC0; color:#F30; font-size:3em; font-weight:bold; padding:20px; text-align:center; } .not-found .content{ background:url(img/search-lens.png) no-repeat top right #EEE; border:double 3px #CCC; font-size:1.6em; margin-top:10px; padding:15px 15px 5px; } .not-found p{ color:#C00; font-weight:bold; text-align:center; } .not-found p + p{ color:#333; font-size:1.25em; font-weight:normal; margin:20px 0 10px 0; text-align:left; } .not-found form#search-form{ margin:10px auto; width:380px; } .not-found form#search-form input#search-text{ font-size:1em; width:345px; } .not-found ol{ list-style:decimal; } .not-found li{ margin:10px 0 10px 25px; } .not-found span{ color:#999; } /* Sidebar */ #sidebar{ float:right; padding-left:10px; width:250px; } #sidebar li.widget-container{ margin:0; padding:10px 0 20px; } #sidebar li.widget-container + li.widget-container{ border-top:dotted 1px #EEE; margin:0; padding:20px 0; } #sidebar h3{ background:none; color:#666; font-size:2.5em; font-style:italic; line-height:1em; margin-bottom:.25em; padding:0; } #sidebar h4{ background:none; color:#666; font-family:"Times New Roman", Times, serif; font-size:2em; font-style:italic; font-weight:bold; margin:.5em 0; padding:0; } form#search-form{ margin:0 auto; height:30px; overflow:auto; width:250px; } input#search-text, input#search-submit{ border:none; float:left; } input#search-text{ background:url(img/input-field.png) no-repeat top left; font-size:1.6em; height:20px; padding:5px 0 5px 5px; width:215px; } input#search-submit{ background:url(img/button-lens.png) no-repeat top right; cursor:pointer; height:30px; width:30px; } .widget_categories ul{ font-size:1.6em; margin-left:10px; } .widget_categories ul li + li{ margin-top:.5em; } .widget_categories ul ul{ font-size:1em; margin-left:20px; } /* Footer */ #footer{ background:url(img/footer-shadow.png) no-repeat top center; margin-top:-15px; padding-top:15px; } #colophon{ background:url(img/footer-bg.png) repeat-x center top #000; color:#007070; padding:20px 0; overflow:auto; } #footer-wrapper{ margin:0 auto; overflow:auto; padding:10px 0 20px; width:960px; } #about-author{ clear:none; float:left; overflow:auto; width:600px; } #author-avatar{ float:left; } #author-avatar a{ background:#001010; border:solid 1px; border-color:#000D0D #051414 #172626 #051414; display:block; height:96px; padding:5px; width:96px; } #author-info{ margin-left:130px; } .nickname{ font-size:3em; font-style:italic; font-weight:bold; letter-spacing:1px; line-height:1em; } .description{ font-size:1.6em; line-height:1.25em; margin-top:10px; } #site-info{ float:right; width:340px; } #search{ margin-bottom:30px; } #search h3{ background:none; color:#007070; font-size:3em; font-style:italic; font-weight:bold; letter-spacing:1px; line-height:1em; margin:0 0 10px 10px; } form#search-form{ margin:0 auto; height:30px; overflow:auto; width:300px; } input#search-text, input#search-submit{ border:none; float:left; } input#search-text{ background:url(img/input-field.png) no-repeat top left; font-size:1.6em; height:20px; padding:5px 0 5px 5px; width:265px; } input#search-submit{ background:url(img/button-lens.png) no-repeat top right; cursor:pointer; height:30px; width:30px; } #login{ color:#000; text-align:center; } #login a.wordpress{ display:block; margin-bottom:20px; overflow:auto; } #login a{ color:#000; }