<data:blog.pageTitle/> */ #outer-wrapper { width: 950px; margin: 0 auto; text-align: left; } #navbar-iframe { height:0px; visibility:hidden; display:none } /*-- (Generales) --*/ * { margin: 0; padding: 0; outline: 0 } html { background: #010000 url(http://img65.imageshack.us/img65/2892/bgnb3.gif) repeat-x; } body { font: 14px/130% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; color: $textocolor; margin: 0; padding: 0; background: #010000 url(http://bp2.blogger.com/_Zuzii37VUO4/SI68U6DrP6I/AAAAAAAAC3k/_L1q-hEaL7E/s1600/bg2.jpg) no-repeat center top; text-align: center; } /* Links */ a, a:visited { text-decoration: none; color: $enlacecolor; } a:hover { color: $colorenlaceencima; border-bottom: 1px dotted #438800; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif; color: #FAFAFA; } h1 { font-size: 3.1em; letter-spacing: -2px; padding: 15px 10px 5px 10px; } h2 { font-size: 2em; color: #895F30; padding: 20px 10px 5px 10px; } h3 { font-size: 1.7em; font-weight: normal; padding: 20px 10px 5px 10px; } p, dl { padding: 10px; margin: 0; } ul, ol { margin: 10px 20px; padding: 0 20px; } ul { list-style: none; } dt { font-weight: bold; color: #FAFAFA; } /* images */ img { background: #1B1B1B; border: 1px solid #1B1B1B; padding: 6px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1.5em/2em 'Lucida Console', 'Courier New', Monospace ; /* white-space: pre; */ background: #070707; border: 1px solid #111; } acronym { cursor: help; border-bottom: 1px dotted #5B5B5B; } blockquote { margin: 15px 10px; padding: 10px 10px 10px 35px; background: #070707 url(http://bp0.blogger.com/_Zuzii37VUO4/SI68VTmbvHI/AAAAAAAAC4E/MWk8SZhvIWg/s1600/quote.gif) no-repeat 10px 10px; border: 1px solid #111; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #808080; } /* start - table */ table { margin: 15px 10px; border-collapse: collapse; } th { background: #000; color: #FAFAFA; height: 38px; padding-left: 12px; padding-right: 12px; text-align: left; border-left: 1px solid #211E20; border-right: 1px solid #211E20; border-bottom: 1px solid #211E20; border-top: 1px solid #48780E; } tr { color: #5b5b5b; height: 34px; } td { padding-left: 12px; padding-right: 12px; border: 1px solid #111; background: #070707; } /* end - table */ /* form elements */ form { margin: 20px 10px; padding: 15px 25px 25px 20px; background: #070707; border: 1px solid #111; } form p { border-bottom: 1px solid #101010; padding: 12px 0 5px 0; margin: 0; } label { font-weight: bold; color: #FAFAFA; } input, select, textarea { margin: 5px 0; padding: 5px; font: normal 1em Verdana, Tahoma, sans-serif; color: #6A6969; background: #0C0C0C; border: 1px solid #1C1C1C; } option { padding-right: 0.5em; } #name, #email, #message{ width: 480px; } input.button { font: bold 12px Arial, Verdana, Sans-serif; height: 30px; padding: 2px 3px; margin-top: 8px; color: #48780E; background: #000; border-width: 1px; border-style: solid; border-color: #1B1B1B; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .no-border { border: none; } .clearer { clear: both; } .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } #main-wrapper {overflow:hidden;} .clear {clear:both;} #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } /*-- (Cabecera) --*/ #header-wrapper { position: relative; width: 950px; height: 300px; margin: 0; padding: 0; } #header-wrapper h1 { position: absolute; margin: 0; padding: 0; font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; letter-spacing: -1.5px; color: $colortituloblog; text-decoration: none; text-transform: none; /* change the values of top and left to adjust the position of the logo*/ top: 125px; left: 25px; } #header-wrapper h1 a{ color: $colortituloblog; } #header-wrapper h1 a:hover { background: none; border: none; } #header-wrapper p { position: absolute; margin: 0; padding: 0; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; font-weight: bold; font-size: 16px; line-height: 1.5em; font-style: normal; text-transform: none; color: $descripcioncolor; width: 400px; /* change the values of top and left to adjust the position */ top: 205px; left: 30px; } /*-- (Menu) --*/ #nav { position: absolute; margin: 0; padding: 0; height: 50px; left: 10px; top: 30px; } #nav ul { float: left; list-style: none; height: 50px; margin: 0 0 0 5px; padding: 0; display: inline; } #nav ul li { display: inline; margin: 0; padding: 0; } #nav ul li a { float: left; margin: 0; padding: 0 12px; font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; text-decoration: none; color: $colormenu; text-transform: uppercase; } #nav ul li a:hover, #nav ul li a:active { color: #eee; background: none; border: none; } #nav ul li#current a { color: #D33972; } /*-- (Contenedor) --*/ #content-wrapper { clear: both; width: 950px; float: left; padding-top: 15px; padding-bottom: 50px; background: url(http://bp1.blogger.com/_Zuzii37VUO4/SI68xSa0DhI/AAAAAAAAC4k/_uwX5m73zIs/s1600/midline.gif) repeat-y 600px 0; border-top: 1px solid #121212; border-bottom: 1px solid #121212; } /*-- (Principal) --*/ #main-wrapper { float: left; width: 565px; padding: 0; margin: 0 0 0 10px; display: inline; } #main-wrapper a { } #main-wrapper a:hover { } .post-title { padding: 5px 12px; margin: 15px 5px 10px 5px; font: bold 1.8em 'Trebuchet MS', Helvetica, Arial, sans-serif; color: $colortituloentrada; border-bottom: 1px solid #121212; background-image: url(http://bp1.blogger.com/_Zuzii37VUO4/SI68VQ1EUMI/AAAAAAAAC38/t4yrdPl9MzU/s1600/pattern.gif); } .post-title a { color: $colortituloentrada; text-decoration: none; border: none; } #main ul li { list-style-image: url(http://bp3.blogger.com/_Zuzii37VUO4/SI68VDTn7yI/AAAAAAAAC3s/t1CMskS0FYk/s1600/bullet.gif); } .post-header-line-1 { font-size: .95em; padding-top: 3px; margin-left: 5px; color: $dateHeaderColor;} .post-header-line-1 a { color: #AE275A; } .post-footer, p.comment-footer { padding: 7px 5px; margin: 20px 10px 30px 10px; font-size: 1em; color: #545454; border: 1px solid #111; background: #070707; } .post-footer .date-header { margin: 0 10px 0 5px; } .post-footer comment-link { margin: 0 10px 0 5px; } .post-footer published { margin: 0 10px 0 5px; } /*-- (Lateral) --*/ #sidebar-wrapper { float: right; width: 300px; padding: 0; margin: 0px 18px 0 0; display: inline; } #sidebar-wrapper ul{ text-align: left; margin: 20px 5px 20px 0px; padding: 0; border-top: 1px solid #111; } #sidebar-wrapper li{ list-style: none; padding: 8px 10px; margin: 0; border-bottom: 1px solid #111; } #sidebar-wrapper li a { text-decoration: none; border: none; color: $colortextolateral; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; font-size: 14px; } #sidebar-wrapper li a span { color: #444; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; font-size: 11px; } #sidebar-wrapper li a:hover, #sidebar-wrapper li a:hover span { color: #fff; } * html body #sidebar-wrapper li { height: 1%; } #sidebar-wrapper h2 { padding: 5px 12px; margin: 15px 5px 10px 0; font: bold 1.8em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; color: $colortituloslateral; border-bottom: 1px solid #121212; background-image: url(http://bp1.blogger.com/_Zuzii37VUO4/SI68VQ1EUMI/AAAAAAAAC38/t4yrdPl9MzU/s1600/pattern.gif); } #sidebar-wrapper form#quick-search { padding: 0; margin: 20px 0 35px 0; border: none; width: 290px; height: 33px; background: url(http://bp1.blogger.com/_Zuzii37VUO4/SI68VK91BAI/AAAAAAAAC30/l7wcQRn3FzE/s1600/header-search.gif) no-repeat; } #sidebar-wrapper form#quick-search p { margin: 0; padding: 0; } #sidebar-wrapper form#quick-search input { float: left; border: none; background: transparent; color: #4E4E4E; margin: 0; } #sidebar-wrapper form#quick-search .tbox { margin: 5px 0 0 5px; width: 240px; display: inline; } #search form#quick-search .btn{ width: 24px; height: 24px; } #sidebar-wrapper form#quick-search label { display: none; } /*-- (Pie de pagina) --*/ #footer-wrapper { clear: both; padding: 1em 0 2.5em 0; background: #010000; color: #4E4E4E; width: 100%; float: left; border-bottom: 60px solid #010000; } #footer-wrapper a { color: #0E909C; border: none; } #footer-wrapper a:hover { color: #fafafa; } #footer-wrapper .rssfeed { background: url(http://bp2.blogger.com/_Zuzii37VUO4/SI68i7jv22I/AAAAAAAAC4M/FadkReE3oSM/s1600/rss.gif) no-repeat left 1px; padding-left: 17px; } #footer-wrapper-left { float: left; width: 70%; } #footer-wrapper-right { float: right; width: 25%; } /*-- (Comentarios) --*/ #comments h4 { padding: 5px 12px; margin: 15px 5px 10px 5px; font-size: 1.8em; font-weight:normal; color: #45D5E6; border-bottom: 1px solid #121212; background-image: url(http://bp1.blogger.com/_Zuzii37VUO4/SI68VQ1EUMI/AAAAAAAAC38/t4yrdPl9MzU/s1600/pattern.gif); } p.comment-footer { text-align:center; font-size:110%; } dd.comment-footer, dd.comment-body { margin:0; } .comment-timestamp { display:block; margin-bottom:15px; font-size:90%; border-bottom:1px solid #111111; } ]]>