<data:blog.pageName/>: <data:blog.title/> <data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ body { background:url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/SomwGLhBE0I/AAAAAAAAJew/jiiF7p0Cw1o/s1600/fondodark2.jpg) no-repeat right top $bgcolor; margin:0; color:$textcolor; font: x-small "Comic Sans MS",Trebuchet MS, Trebuchet, Verdana, Sans-serif; font-size: 14px; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; background:none; } /* Header ----------------------------------------------- */ #header-wrapper { position:relative; width:990px; margin:0px auto; border:2px solid $bordercolor; } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; background:url(http://lh5.ggpht.com/_0eC4K-qZ7AM/SmythyJJqoI/AAAAAAAAJTg/9uy9yjI0ZU4/Fondodark.jpg) no-repeat left top; } #search-wrapper { position:absolute; text-align:right; width:185px; height:80px; left:780px; top:0px; z-index:100; background:url(http://4.bp.blogspot.com/_0eC4K-qZ7AM/SqrNJEPff0I/AAAAAAAAJug/QodSPN-gTUo/s400/lupa.gif) no-repeat 145px 35px; } #search { position:absolute; top:40px; left:30px; } #header { margin: 5px; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px 4px; line-height:19px; text-transform:uppercase; letter-spacing:3px; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:3px; line-height: 22px; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { position:relative; width: 990px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { padding-top:30px; width: 560px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 410px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper1 { width: 49%; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper2 { width: 49%; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #widebar-wrapper1, #widebar-wrapper2 { width: 100%; text-align:center; margin:0px auto; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:24px 0 12px; font:$headerfont; line-height: 22px; text-transform:uppercase; letter-spacing:2px; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ .post-up { height:30px; background:url(http://lh6.ggpht.com/_0eC4K-qZ7AM/SmyMZiUPiLI/AAAAAAAAJTY/G8m63ehyDvY/bloc-up557.gif) no-repeat; } .post-bottom { margin-bottom:40px; height:30px; background:url(http://lh3.ggpht.com/_0eC4K-qZ7AM/SmyKks94cMI/AAAAAAAAJTU/Q_SRt6dL0p0/bloc-down557.gif) no-repeat; } h2.date-header { float:left; margin:-30px 0px 0px 80px; padding:4px 4px 4px 4px; color:#ffff00; font-size:80%; text-align:center; width:82px; height:22px; border: 0px #999999 solid; background:url("http://bp0.blogger.com/_0eC4K-qZ7AM/RtBojQupHRI/AAAAAAAABQQ/KigZIcvCi90/s1600/marcador.jpg"); } .post { margin:0px 0px 0px 0px; padding-bottom:10px; background:url(http://lh3.ggpht.com/_0eC4K-qZ7AM/SjlnxttL88I/AAAAAAAAHvE/7_CAG4NaFJI/bloc-amarillo557.gif) repeat-y; } .post h3 { margin:0px 0 0; padding:0 40px 4px 65px; font-size:160%; font-weight:normal; line-height:24px; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:bold; } .post h3 strong, .post h3 a:hover { color:#f00000; } .post-header-line-1 { position:relative; } .post-body { margin:10px 15px 0px 65px; line-height:26px; text-align:justify; } .post-body a { padding-left:18px; background:url(http://4.bp.blogspot.com/_0eC4K-qZ7AM/SqPxKvI8qjI/AAAAAAAAJog/ZeLIQz1KUdQ/s400/enlace.gif) no-repeat 0px 0px; } /* No muestra el background en enlaces de imagenes */ .post-body a[href$='.gif'], .post-body a[href$='.jpg'], .post-body a[href$='.png'] { background:none; padding-left:0px; } .post-body ul { } .post-body ul li { list-style-image:url(http://img266.imageshack.us/img266/8256/faviconbn.gif); } .post-body blockquote { padding-left:24px; padding-right:4px; line-height:22px; font-size:20px; color:#666666; font-style:italic; background:url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/SqPx2kHR5QI/AAAAAAAAJoo/CmYs4A1dDlw/s400/comillas.gif) no-repeat 0px 0px; } .post-body .pullquote { width: 150px; float: right; padding:20px 0px 10px 20px; margin:0px; background: url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/SqPx2kHR5QI/AAAAAAAAJoo/CmYs4A1dDlw/s400/comillas.gif) no-repeat 0px 15px; color:#990000; text-align:left; font-size:24px; font-family:impact, verdana; line-height:24px; } .post-body .pullquote:first-letter { color:#300C06; display:block; font-size:50px; font-family:arial; font-weight:bold; } hr { background:url(http://3.bp.blogspot.com/_0eC4K-qZ7AM/SqP4lPfJgJI/AAAAAAAAJo4/R8e7jsZGniU/s1600/hr.gif); width:100%; height:27px; border:0px; } .post-footer { margin: 12px 10px 0px 60px; padding:5px; color:$sidebarcolor; text-transform:uppercase; font: $postfooterfont; line-height: 22px; background:url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/Sqa0X5ItvBI/AAAAAAAAJtI/lV6x5fTznvw/s1600/fondopie.jpg); border:0px solid #cccccc; } .comment-link { margin-$startSide:10px; } .numcomments a { background: url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/SqExcEEB2fI/AAAAAAAAJlI/TpZH1SzWxmE/s320/numcomments.gif) no-repeat top right; /*float:right; margin:-55px 20px 0px 0px;*/ position:absolute; right:15px; top:-55px; text-align: center; padding: 8px 0px 0px 0px; font-size: 18px; width: 50px; height:50px; color:#cccccc; } .numcomments a:hover { color:#ffffff; text-decoration:none; } /* Para añadir un borde a las imágenes dar aquí un valor al ancho */ .post img, .post img a { padding:0px; border:0px solid $bordercolor; background:none; } /* Comments ----------------------------------------------- */ #comments h4 { margin:16px 0; font-weight: bold; line-height: 22px; text-transform:uppercase; letter-spacing:3px; color: #ffffff; } #comments-block { margin:16px 0 24px; line-height:26px; } #comments-block .comment-author { margin:18px 0px 0px 0px; padding-left:20px; color: #cccccc; font-size:14px; background:url(http://4.bp.blogspot.com/_0eC4K-qZ7AM/SqPrsVYFK4I/AAAAAAAAJoY/3aZjGaUE-1E/s400/marcacom.jpg) no-repeat 0px 0px; } #comments-block .comment-author a { color: #ffffff; font-size:16px; } #comments-block .comment-author a:hover { color: #990000; font-size:16px; } .triangulo { border-bottom: 12px solid #C5C0A2; border-left: 12px dotted transparent; left: 0px; top: 0px; height: 0; width: 0; margin-left: 30px; z-index: 10; } #comments-block .comment-body { margin:0px 0 0; background:url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/Sqa0X5ItvBI/AAAAAAAAJtI/lV6x5fTznvw/s1600/fondopie.jpg); color:#333333; font-style:italic; } #comments-block .comment-footer { margin:-4px 0 32px; line-height: 22px; text-transform:uppercase; letter-spacing:2px; } #comments-block .comment-body p { margin:0 0 12px; padding:10px; } .comment-footer { font-size:10px; line-height:10px; text-align:right; float:right; display:block; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 40px; display: none; visibility: hiden; } #blog-pager-newer-link a { float: $startSide; color:#ffffff; height:37px; } #blog-pager-older-link a { float: $endSide; color:#ffffff; height:37px; } #blog-pager { text-align: center; position: relative; } /* Sidebar Content ----------------------------------------------- */ .sidebar h2 { background:url(http://lh6.ggpht.com/_0eC4K-qZ7AM/ScVF-Y8rPKI/AAAAAAAAG8M/grmCahlnruQ/fondotitulo.jpg); text-align:center; border:1px solid #666666; padding:0px 0px 0px 0px; margin:0px 0px 4px 0px; } .sidebar { color: $sidebartextcolor; line-height: 24px; } .sidebar a { text-decoration:none; } .sidebar a:hover { text-decoration:none; background:#ffff66; } .sidebar ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 24px; list-style-image:url(http://2.bp.blogspot.com/_0eC4K-qZ7AM/SqrRX5XG7vI/AAAAAAAAJuo/SRooKx0eDAI/s400/marca.jpg); /* list-style-image:url(http://lh5.ggpht.com/_0eC4K-qZ7AM/SqFC2M3vgDI/AAAAAAAAJlg/793iO4F-9B4/marca.gif);*/ } .sidebar ul li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:4px; padding-left:13px; text-indent:-15px; line-height:24px; } .sidebar .widget { margin:12px 0px 0px 0px; } .main .widget { margin-bottom:24px; } .sidebar .widget img { border:0px; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:2px; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 26px; } .profile-datablock { margin:8px 0 8px; } .profile-textblock { margin: 8px 0; line-height: 26px; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: 2px; } /* Footer ----------------------------------------------- */ #footer { width:990px; clear:both; margin:0 auto; padding-top:10px; padding-left:65px; line-height: 26px; text-transform:uppercase; letter-spacing:2px; text-align: center; } /* Columnas al pie ----------------------------------------------- */ #clip { width:250px; height:116px; position:absolute; z-index:10; } #pie-wrapper { clear:both; position:relative; width:990px; margin:0 auto; padding-bottom:70px; text-align:left; color:#000000; } #pie-wrapper a { color:#990000; } #pie-wrapper a:hover { color;#666666; } #pie-wrapper h2 { font-size:20px; line-height:20px; color:#990000; padding-top:5px; margin-top:0px; text-align:center; } #pie-wrapper-bot { width:990px; height:180px; } #columnapie1, #columnapie2, #columnapie3 { width:300px; padding:10px 5px 5px 5px; border:1px #cccccc solid; border-bottom:2px #999999 solid; border-right:1px #999999 solid; background:url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/Sqa0X5ItvBI/AAAAAAAAJtI/lV6x5fTznvw/s400/fondopie.jpg); color:#000000; z-index:5; position:relative; top:140px; } #columnapie1 { float:left; left:20px; } #columnapie3 { float:right; right:20px; } #columnapie2 { margin:0px auto; text-align:left; } /* Varios ----------------------------------------------- */ /* Las imágenes a precargar, situarlas bajo con esta clase */ .precarga { display: none; } .post-labels { color:#333333; } .post-labels a { color:#666666; } .resaltado { padding: 10px; background: url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/Sqa0X5ItvBI/AAAAAAAAJtI/lV6x5fTznvw/s400/fondopie.jpg); border:1px solid #000000; } .comment-form { height:320px; text-align:center; margin: 0px auto; background: url(http://1.bp.blogspot.com/_0eC4K-qZ7AM/Sqa0X5ItvBI/AAAAAAAAJtI/lV6x5fTznvw/s1600/fondopie.jpg); padding:10px; } .comment-post-message { color:#000000; } /* Rollover con desplazamiento para botones. A introducir manualmente. Ver ejemplo en las dos primeras filas de botones del pie de la página */ .movimiento { padding:2px 2px 0px 0px; } .movimiento:hover { padding:0px 0px 2px 2px; } /* Rollover con transparencia. A introducir manualmente. Ver ejemplo en las dos últimas filas de botones del pie de la página */ .transparencia { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; -khtml-opacity: 0.7; } .transparencia:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; -khtml-opacity: 1.0; } /* Estilo menu */ ul#main-nav { font-family:comic sans ms, arial, verdana; margin:0px; padding:0px; float:left; width:100%; } ul#main-nav li { font-size:12px; list-style:none; float:left; width:100px; text-align:center; text-transform:uppercase; } ul#main-nav li a { text-decoration:none; display:block; color:#999999; background:url(http://4.bp.blogspot.com/_0eC4K-qZ7AM/SqL8lV9KvWI/AAAAAAAAJno/8BKgddxLUR8/s400/pestana1.jpg) no-repeat top left; height:36px; padding:2px 0px 9px 0px; } ul#main-nav li a:hover { background:#cc0000; color:#cccccc; background:url(http://2.bp.blogspot.com/_0eC4K-qZ7AM/SqMEpIVMwNI/AAAAAAAAJn4/hlOUaROScxc/s400/pestana2.jpg) no-repeat top left; padding-top:9px; padding-bottom:2px; } /* Estilo menu iconos */ ul#icon-nav { margin:0px; padding:0px; position:absolute; bottom:0px; right:0px; } ul#icon-nav li { list-style:none; float:left; text-align:center; margin:0px 1px 0px; } ul#icon-nav li a { display:block; padding-top:6px; padding-bottom:0px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; -khtml-opacity: 0.5; } ul#icon-nav li a:hover { padding-top:0px; padding-bottom:6px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; -khtml-opacity: 1.0; } /* ESTILO NUBE */ .cloud-label-widget-content { width:80%; margin:0px auto; } .cloud-label-widget-content span { float:right; } .cloud-label-widget-content span a { font-family:comic sans ms, arial, verdana; line-height:12px; font-weight:bold; } .cloud-label-widget-content span a:hover { background:#ff0000; text-decoration:none; } .label-size-1 a, .label-size-1 a:link, .label-size-1 a:visited { font-size:14px; margin:25px 0px 0px 5px; color:#ffffff; } .label-size-2 a, .label-size-2 a:link, .label-size-2 a:visited { font-size:18px; margin:5px 10px 0px 20px; color:#990000; } .label-size-3 a, .label-size-3 a:link, .label-size-3 a:visited { font-size:22px; margin:10px 30px 0px 30px; color:#ffffff; } .label-size-4 a, .label-size-4 a:link, .label-size-4 a:visited { font-size:26px; margin:0px 20px 0px 10px; color:#999999; } .label-size-5 a, .label-size-5 a:link, .label-size-5 a:visited { font-size:30px; margin:0px 0px 0px 5px; color:#990000; } ]]>
Cargando...
Blogger Draft | Edicion Entradas | Configuración | Diseño | Edición HTML | quickEdit OFF | quickEdit ON

Leer más »