/* Theme Name: Rucito's Air Theme Theme URI: http://www.ciclodi.com/ Description: Tema original con colores azules creado especialmente para Ciclodí. Version: 1.0 Author: Román Pantín Author URI: http://www.ciclodi.com/ */ /* Reset default browser styles */ @import url('./reset.css'); /* Reset Inicial --------------------------------------*/ body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; } /* Cuerpo (ajustes generales) --------------------------------------*/ body { background: #fff url(./css/fondo.jpg) top left repeat-x; font:small Verdana,Futura,Arial,Georgia,Serif; color:#666666; text-align: left; } a:link { color:#58a; text-decoration:none; } a:visited { color:#969; text-decoration:none; } a:hover { color:#c60; text-decoration:underline; } a img { border-width:0; } html { height: 100%; margin-bottom: 5px; } /* Contenedor general ---------------------------------*/ #container { width: 1024px; margin: 0 auto; background: url(./css/background_repeat.jpg) top repeat-y; } /* Cabecera --------------------------------*/ #header { background: url(./css/header.jpg) top no-repeat; min-height: 212px; } /* Icono de login ------------------------------------*/ .login { float: right; margin-top: -20px; left: 980px; } h1 a{ margin: auto; display: block; width: 415px; height: 183px; background: url(./css/enlace.png) top no-repeat; text-indent: -9999px; } /* Contenedor posts y barra lateral --------------------------------*/ #content { background: url(./css/content-top.jpg) top no-repeat; min-height: 633px; padding-top: 40px; } /*Menú Navegación ------------------------------------*/ ul.navigation { width: 200px; clear: both; float: left; text-align: left; margin: 20px auto; } ul.navigation li { display: block; margin-left: 75px; } ul.navigation li a:link, ul.navigation li a:visited{ font: 12px Verdana,Futura,Arial,Georgia,Serif; font-weight: bold; text-decoration: none; color: #999; } ul.navigation li a:hover, ul.navigation li a:active { color: #333; } ul.navigation li.current_page_item a{ color: #333; } /* Contenedor Posts ----------------------------*/ #main { padding-right: 10px; padding-bottom: 20px; width:400px; float:left; } /* Títulos Posts ----------------------------------------------- */ h2 { margin:.25em 0 10px 0; font: 11px Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif; font-weight: bold; text-transform:uppercase; color:#58a; } /* Posts ----------------------------------------------- */ .date-header { margin:1.5em 0 .5em; } .post { border-bottom:1px dotted #ccc; padding-bottom:.5em; text-align: left; } .post-title { margin:.25em 0 0; padding:0 0 0px; font-size:160%; font-weight:normal; line-height:1.4em; color:#58a; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#58a; font-weight:bold; } .post-title strong, .post-title a:hover { text-decoration: underline; color:#c60; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin: 0px 0px 5px 0px; color:#666; text-align: left; } .post-footer em, .comment-link { font:x-small Verdana,Arial,"Trebuchet MS",Trebuchet,Sans-serif; text-transform: none; } .post-footer em { font-style:normal; color:#666; /* margin-right:.6em;*/ } .comment-link { margin-left:.6em; } .post img { padding:8px 8px 8px 0; } .post blockquote { margin:1em 20px; color:#999; font-style:italic; } .post blockquote p { margin:.75em 0; } /* Comentarios ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em Verdana,Arial,"Trebuchet MS",Trebuchet,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em Verdana,Arial,"Trebuchet MS",Trebuchet,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Antiguos y recientes ------------------------------------*/ .right { float: right; padding-top: 0px; padding-right: 10px; } .left { float: left; padding-top: 0px; padding-left:10px; } /* Barra Lateral ----------------------------------------------- */ #sidebar { margin-top: .5em; width:200px; padding-left: 20px; float: left; } #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; padding-bottom: 1em; border-bottom:1px dotted #ccc; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 0px; /* text-indent:-15px;*/ line-height:1.5em; } #sidebar p { color:#666; line-height:1.5em; } /* Flickr ----------------------------------------------- */ #flickr ul { list-style: none; } #flickr ul li { display: inline; } #flickr ul, #flickr ul li { padding: 0; margin: 0; border: 0; } #flickr a img { border: 1px #ccc solid; padding: 3px; margin: 5px 3px 0px;} #flickr a:hover img { border: 1px #999 solid; } #enlaces { margin:0 auto; text-align: right } #flickr_badge_uber_wrapper {text-align:center; width:200px;} #flickr_badge_wrapper {padding: 10px;} .flickr_badge_image {margin: 10px;} .flickr_badge_image img {padding:5px; border: 1px solid #CCCCCC !important;} #flickr_badge_source {text-align:left; margin:0;} #flickr_badge_icon {float:left; margin-right:10px;} #flickr_www {display:none; padding:0 5px 0 5px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper {background-color:#ffffff;border: solid 0px #000000} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} .thumbnail{ float: left; margin: auto 20px; display: inline; } /* Pie de página ---------------------------------------*/ #footer { height: 155px; background: #fff url(./css/footer.jpg) no-repeat; } ul.foot { width: 200px; clear: both; float: right; text-align: right; margin: 80px 200px 0 0; } ul.foot li { display: inline-block; margin-left: 5px; padding: 1px; } ul.foot li a:link, ul.foot li a:visited { font: 10px Verdana,Futura,Arial,Georgia,Serif; font-weight: bold; text-decoration: none; color: #fff; } ul.foot li a:hover, ul.foot li a:active { color: #FF9933; } /* Clear ----------------------------*/ .clear { clear:both; } /* Acerca de ----------------------------*/ .about-content { width:560px; margin: auto; border:1px solid #ccc; padding:1.5em; text-align: left; } .about-pic { float: right; margin-left: 10px; display: inline; } /* Archivos -----------------------------*/ .text-content { width:350px; min-height: 90px; margin: 10px 0px 10px 10px; border:1px solid #ccc; padding-top:1.5em; padding-bottom:1.5em; text-align: left; } .thumbnail{ float: left; display: inline; } .text-content-thumb { min-height: 90px; margin: 10px 0px 10px 10px; border:1px solid #ccc; padding-top:1.5em; padding-bottom:1.5em; text-align: left; }