/* Theme Name: PLANTILLA PARA DOMINIO PUBLICO Theme URI: http://www.publico.es/ Description: Esta es la plantilla para dominio publico. Version: 2.0 Author: Matteo Battazi */ /* Global properties*/ body {margin:0; padding: 0; background: #f7f7f7} a {outline: none; color: #057; text-decoration: none} a:hover {background: #057; color: #fff} img {border: none} h1, h2, h3, h4, h5, p, ul, li {margin: 0; padding: 0; font-weight: normal} ul {list-style: none} /* Contenedor y Contenido */ #contenedor {width: 996px; margin: 0 auto} #contenido {width: 996px; float: left; background: #fff; border-left: 1px solid #bcbbbb; border-right: 1px solid #bcbbbb} img.alignright {float: right; margin-left: 10px; border: none;} /* Menu arriba P�blico */ #barapublico {width: 996px; height: 27px; margin: 0 0 5px 0; background: url(bg_publicomenu.gif) repeat-x; border-top: 1px solid #bcbbbb; border-bottom: 1px solid #bcbbbb} #barapublico .logo {float: left; width: 127px; padding: 0 0 0 5px} #barapublico .logo a {display: block; height: 27px; background: url(logo_publico.gif) no-repeat} #barapublico .logo span {position: absolute; top: -99999em} #barapublico ul {float: left; margin: 6px 0 0 50px; padding: 0; list-style: none; font-family: Arial; font-size: 12px} #barapublico ul li {display: inline; margin: 0; padding: 0 3px; text-transform: uppercase; font-weight: bold} #barapublico ul li a {color: #fff} #barapublico ul li a:hover {color: #ccc; background: none} /* Cabecera */ #cabecera {width: 996px; float: left; position: relative; margin: 0} #cabecera .logo {width: 139px; height: 129px; position: absolute; top: 1px; background: url(logo.jpg) no-repeat} #cabecera .logo span {position: absolute; top: -99999em} #contcabecera {height: 150px; padding: 5px; background: url(cabecera.jpg) no-repeat; border-top: 1px solid #bcbbbb; font-family: Georgia; text-align: center} #contcabecera h1 {margin: 5px 0 0 0; padding: 0; font-size: 36px} #contcabecera h1 a {color: #057} #contcabecera h1 a:hover {background: none; color: #006996} #contcabecera h2 {margin: 0; padding: 0; font-size: 22px; color: #898989} /* Contenido izq */ #main {float: left; width: 675px; margin: 25px 0 0 0; padding: 0 15px; display: inline} #main .post {float: left; width: 100%; margin: 0 0 50px 0; font-family: Georgia} #main .meta {float: left; width: 675px; display: block; margin: 0 0 5px 0; font-family: Arial; color: #a4a4a4} #main .tags {width: 600px; float: left; font-size: 10px; text-transform: uppercase} #main .fecha {width: 40px; float: right; font-size: 15px; margin: -55px 0 0 0; text-align: center} #main .fecha span {font-size: 30px} #main .herramientas {float: left; width: 675px; display: block; margin: 0 0 40px 0; padding: 5px 0 0 0; border-top: 1px solid #d7d6d6} #main .text {float: left} #main .text img {margin: 0 1px} #main .compartir {float: right} #main .compartir img {margin: 0 1px} /* Contenido izq - Post */ #main .post h3.storytitle {width: 630px; margin: 0 0 20px 0; padding: 0} #main .post h3.storytitle a {font-size: 26px; color: #057; font-weight: normal} #main .post h3.storytitle a:hover {background: none; color: #006996} #main .post p {margin: 10px 0; padding: 0; font-family: Verdana; font-size: 15px; color: #171717; line-height: 20px} #main .post .feedback {margin: 10px 0; font-family: Arial; font-size: 18px; text-align: right; } #main .post .feedback a {color: #057} #main .post .feedback a:hover {background: none; color: #006996} /* Contenido izq - Comentarios */ #main .comentarios {float: left; width: 675px; font-family: Arial; } #main .comentarios ul {float: left; margin: 20px 0 0 0; padding: 0; list-style: none} #main .comentarios ul li {margin: 0; padding: 0; } #main .comentarios .autor {float: left; width: 673px; height: 22px; background: #f7f7f7; border: 1px solid #efefef} #main .comentarios .autor h4 {float: left; width: 500px; margin: 3px 0 0 3px; padding: 0 0 0 25px; font-size: 15px; color: #171717; background: url(ico_com.gif) no-repeat; font-family: Georgia; font-size: 14px} #main .comentarios .autor h4 span {font-weight: bold; color: #057} #main .comentarios .autor p.fechacom {float: right; padding: 4px 4px 0 0; font-size: 11px; color: #a6a6a6} #main .comentarios .texto {float: left; padding: 10px; margin: 0 0 20px 0; font-size: 12px; line-height: 18px; color: #2a2a2a} #main .comentarios ul li {margin: 0; padding: 0; width: 100%; float: left; } #main .comentarios .texto p, #main .comentarios .texto br { margin: 20px 0;} #main .comentarios ul li {margin: 0; padding: 0; width: 100%; float: left; } /* Google Adsense */ .publiAdsense {float: left; width: 260px; margin: 0; padding: 0; display: inline} /* #sidebar .publiAdsense h3 { background:transparent url(http://www.publico.es/estaticos/css/img/bg_cintillo.gif) repeat-x scroll 0 0; border-bottom:medium none #EEEEEE; display:block; font-weight:normal; height:23px; margin:0; padding:2px 0; } */ #sidebar .publiAdsense ul li { margin:10px 0; padding:1px 0 0; } #sidebar .publiAdsense ul li h4 { color:#057; font-family:Georgia; font-size:13px; font-weight:bold; margin:0; padding:1px 0 0; } #sidebar .publiAdsense ul li h4 a:hover { color:#057; background: none; text-decoration: underline; } #sidebar .publiAdsense ul li a:hover { background: none; text-decoration: underline; } #sidebar .publiAdsense ul li p { color:#666; font-family:arial, helvetica; font-size:13px; font-weight:normal; margin:0; padding:1px 0 0; } #sidebar .publiAdsense ul li a.link { font-size: 13px; color:#057; font-family:arial, helvetica; } p#respond {width: auto !important; float: right !important; padding: 4px 0 10px 0 !important} .contcomment {float: left} h2#comments {float: left} h2#postcomment {color: #057} #commentform {float: left} input {width: 170px; margin: 2px 0 6px 0; padding: 2px; border: 1px solid #bcbbbb} #comment {width: 650px; padding: 2px; border: 1px solid #bcbbbb} .captcha {margin: 10px 0} .captcha p {font-size: 12px} label {width: 650px; float: left; margin: 10px 0 0 0} small {font-size: 12px} /* Sidebar */ #sidebar {float: right; width: 260px; margin: 25px 15px 0 0; padding: 0; display: inline} /* Sidebar Bio */ #sidebar .bio {float: left; display: inline; position: relative; width: 250px; margin: 0 0 20px 0; padding: 0 5px 5px 5px; background: #f7f7f7 url(bg_bio.gif) top left no-repeat; border-bottom: 1px solid #bcbbbb} #sidebar .bio .contbio {height: 57px; margin: 0 0 5px 0; border-bottom: 1px solid #bcbbbb; } #sidebar .bio .contfoto {position: absolute; top: -13px; left: 3px; } #sidebar .bio h3 {margin: 0 0 0 105px; padding: 5px 0 0 0; font-family: Georgia; font-size: 18px; color: #057} #sidebar .bio p {font-family: Arial; margin: 0; padding: 5px; font-size: 12px; color: #666} /* Caja - sidebar */ #sidebar .caja {float: left; display: inline; width: 260px; margin: 0 0 20px 0; padding: 0 0 5px 0; background: #f7f7f7 url(bg_caja.gif) bottom left repeat-x; border: 1px solid #eee} /* #sidebar .caja h3 {display: block; height: 23px; margin: 0; padding: 2px 0; background: url(http://www.publico.es/estaticos/css/img/bg_cintillo.gif) repeat-x; border-bottom: #eee; font-weight: normal} */ /* #sidebar .caja h3 span.open {display: block; height: 25px; padding: 2px 0 0 18px; background: url(http://www.publico.es/estaticos/css/img/fgeneral.gif) 5px 7px no-repeat; cursor: pointer} */ /* #sidebar .caja h3 span.close {display: block; height: 25px; padding: 2px 0 0 18px; background: url(http://www.publico.es/estaticos/css/img/fgeneral2.gif) 7px 4px no-repeat; cursor: pointer} */ #sidebar .caja h3 a {display: block; width: 240px; height: 19px; margin: 0; font-family: Georgia; font-size: 17px; color: #057; text-decoration: none; cursor: pointer; } #sidebar .caja h3 a:hover {text-decoration: underline; background: none} #sidebar .caja .contcaja {padding: 5px} /* Caja Tags */ #sidebar .caja p.cajatags {font-family: Arial; margin: 0; padding: 5px; font-size: 11px; color: #666} /* Caja Blogs */ #sidebar .caja ul.otrosblogs {margin: 0; padding: 0; list-style: none} #sidebar .caja ul.otrosblogs li {float: left; width: 250px; margin: 0; padding: 10px 0} #sidebar .caja ul.otrosblogs h4 {margin: 0; padding: 1px 0 0 0; font-family: Georgia; font-size: 14px; color: #057; font-weight: normal} #sidebar .caja ul.otrosblogs p {margin: 0; padding: 0; text-transform: uppercase; font-family: Arial; font-size: 11px; color: #171717} #sidebar .caja ul.otrosblogs h5 {margin: 6px 0 5px 0; padding: 0; font-family: Arial; font-size: 12px; color: #171717; font-style: italic; font-weight: normal} #sidebar .caja ul.otrosblogs h5 a {color: #171717; background: none} #sidebar .caja ul.otrosblogs h5 a:hover {text-decoration: underline} #sidebar .caja .imagen {float: left; width:110px} #sidebar .caja .imagen img {border-top: 1px solid #cecece} /* Caja Vi�etas */ #sidebar .caja .vinetahoy {position: relative; width: 240px; margin:5px auto; border: 1px solid #d6d6d6} #sidebar .caja .vinetahoy img { width: 240px; height: 100px} #sidebar .caja .fototexto {width: 220px; position: absolute; left: 5px; bottom: 3px; padding: 2px 5px; background: #216fc2; filter: alpha(opacity = 85); -moz-opacity:0.85; opacity: 0.85} #sidebar .caja .fototexto h4 {display: block; margin: 0; padding: 0; font-size: 13px; font-weight: normal; } #sidebar .caja .fototexto h4 a {display: block; color: #fff; text-decoration: none} #sidebar .caja .fototexto h4 a:hover {text-decoration: underline; background: none} #sidebar .caja .fototexto h4 { font-weight: bold; font-variant: small-caps; font-size: 15px} #sidebar .caja ul.vineta {margin: 0; padding: 5px; list-style: none; font-size: 13px} /* #sidebar .caja ul.vineta li {display: inline; margin: 0; padding: 0 0 0 20px; background: url(http://www.publico.es/estaticos/css/img/ulvinetas.gif) left no-repeat; float: left; width: 100px} */ #sidebar .caja ul.vineta li a {color: #216fc2; text-decoration: none} #sidebar .caja ul.vineta li a:hover {text-decoration: underline; background: none} #sidebar .caja ul.vineta li h4 {margin: 0; padding: 0; font-size: 13px; font-weight: normal; } /* Caja Mes a mes */ #sidebar .caja ul.mesames {margin: 0; padding: 5px; list-style: none} #sidebar .caja ul.mesames li {font-family: Arial; font-size: 13px} #sidebar .caja ul.mesames li a {color: #171717; background: none} #sidebar .caja ul.mesames li a:hover {color: #666} /* Caja Buscador */ #sidebar .caja input {width: 80px; border: 1px solid #bcbbbb; margin: 0 0 0 2px} #sidebar .caja .searchtext {width: 150px} #sidebar .caja .searchbutt {background: #ededed; cursor: pointer; font-family: Arial; font-size: 13px; text-transform: uppercase} #sidebar .caja .searchbutt:hover {background: #bcbbbb} /* Caja Sindicacion */ #sidebar .caja ul.rss {margin: 0; padding: 5px; list-style: none} #sidebar .caja ul.rss li {margin: 0; padding: 0 0 0 22px; font-family: Arial; font-size: 13px; background: url(ico_rss.gif) no-repeat} #sidebar .caja ul.rss li a {color: #171717; background: none} #sidebar .caja ul.rss li a:hover {color: #666} ul.listacat li {font-size: 14px;} /* Caja Post mas comentados*/ #sidebar .caja ul.mascomentados {margin: 0; padding: 0; list-style: none; float: left; display: inline} #sidebar .caja ul.mascomentados li {margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(list-style.gif) 0 6px no-repeat} #sidebar .caja ul.mascomentados h4 {margin: 0; padding: 0; font-family: Georgia; font-size: 14px; color: #057; font-weight: normal} #sidebar .caja ul.mascomentados p {margin: 0; padding: 0; text-transform: uppercase; font-family: Arial; font-size: 11px; color: #171717} /* Pie */ #footer {float: left; width: 100%; font-family: Arial; margin: 15px 0 5px 0; border-top: 1px dashed #c9c9c9} #footer ul.contact {width: 600px; padding: 0; margin: 0 auto; list-style: none; } #footer ul.contact li {float: left; margin: 10px 5px; padding: 0; display: inline} #footer ul.contact li a { font-size: 12px; color: #595858} #footer ul.contact li a:hover {background: none; text-decoration: underline} #footer .contp {float: left} #footer p {margin: 0 0 0 15px; padding: 0; font-size: 11px; color: #838383; clear: both} #footer p.diario {font-weight: bold; margin-top: 20px} #footer .wordpress {margin: 0 15px 0 0} #footer .wordpress a {float: right; display: block; width: 127px; height: 60px; background: url(logo_wordpress.gif) bottom no-repeat} #footer .wordpress span {position: absolute; top: -99999em} #main .compartir a:hover { background: none; text-decoration: none; border: none} #main .compartir a img { background: none; text-decoration: none; border: none} .navigationMain .left {float: left; margin: 10px 0 10px 0} .navigationMain .right {float: right; margin: 10px 0 10px 0} /***** ADSENSE good **********/ .publiAdsense { width: auto !important; padding: 5px; margin: 10px 0 15px 0; border: 2px solid #ccc; font-family: arial, georgia, helvetica; background: none} .publiAdsense ul { padding: 0; margin: 0; list-style: none} .publiAdsense ul li { padding: 3px 0; margin: 0; width: 100%; font-size: 1.1em} .publiAdsense ul li a { color: #057; text-decoration: none;} .publiAdsense ul li a:hover { text-decoration: underline; } .publiAdsense ul li h4 {font-size: 1.025em; font-weight: bold;} .publiAdsense ul.unico li h4, .publiAdsense ul.unico li p { font-size: 13px} .publiAdsense h3 { height: 14px !important; padding: 2px; margin: 4px 0; background: #005577 !important; color: #fff !important; font-size: 11px !important; text-transform: uppercase; font-weight: bold !important; } .publiAdsense h3 a { color: #fff} .publiAdsense p { font-family: Arial, helvetica; float: left; width: auto; margin-right: 10px;} .publiAdsense a.link { font-family: arial, helvetica;} /* Módulo loPeta hecho por Multivac */ .v2esimportante.v2ventanica { float: left; height: auto; margin: 0 0 15px 0; padding: 0 0 5px 0; background: #f7f7f7; border: 1px solid #999; border-top: 1px solid #999;} .v2esimportante.v2ventanica h3 { display: block; height: 20px !important; margin: 0; padding: 2px 0; background: none; font-weight: bold; text-transform: none; } .v2esimportante.v2ventanica h3 span.open { display: block; height: 19px; padding: 7px 0 0 10px; background: #057; font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: georgia; } .v2esimportante.v2ventanica ul li .ventanica { float: left; width: 80px; height: auto; padding: 0; margin: 0 5px 0 0; overflow: hidden; border: 1px solid #ccc; } .v2esimportante.v2ventanica ul li img { width: 80px; margin: 0; padding: 0; } .v2esimportante.v2ventanica ul { margin: 0; padding: 5px; list-style: none; font-size: 13px; } .v2esimportante.v2ventanica ul li { display: inline; margin: 2px 0; padding: 3px 0px 6px 0px; float: left; width: 100%; border-bottom: 1px solid #ccc; background: #f0f0f0; text-transform: none; } .v2esimportante.v2ventanica ul li.deportes .ventanica { border: 2px solid #fa9a21; } .v2esimportante.v2ventanica ul li.ciencias .ventanica { border: 2px solid #2e5c09; } .v2esimportante.v2ventanica ul li.espana .ventanica, .v2esimportante.v2ventanica ul li.dinero .ventanica { border: 2px solid #b0113a} .v2esimportante.v2ventanica ul li.internacional .ventanica { border: 2px solid #005577} .v2esimportante.v2ventanica ul li.culturas .ventanica { border: 2px solid #25404c} .v2esimportante.v2ventanica ul li.televisionygente .ventanica { border: 2px solid #7f0055} .v2esimportante.v2ventanica ul li.viajes .ventanica { border: 2px solid #33a4ee} .v2esimportante.v2ventanica ul li a { color: #005577; text-decoration: none;} .v2esimportante.v2ventanica ul li a:hover { text-decoration: underline; background: none; } .v2esimportante.v2ventanica ul li h3, .v2esimportante.v2ventanica ul li span { font-family: georgia, arial, helvetica; font-size: 12px; font-weight: bold; float: none; width: auto; text-transform: none;} .v2esimportante.v2ventanica ul li p { font-family: arial, helvetica; font-size: 12px; font-weight: bold; float: none; width: auto; text-transform: none; text-align: right; padding-top: 30px; color: #555} .v2esimportante.v2ventanica ul li p a span { font-family: arial, helvetica; } .v2esimportante.v2ventanica ul li p a { color: #555} #main .post img.alignleft{float:left; margin:10px;} #main .post img.alignright{float:right; margin:10px;} /* Movil */ @media only screen and (max-device-width: 500px) { body {margin: 4px; padding: 0; background: #fff} #contenedor {width: 100%; margin: 0; padding: 0} #contenido {width: 100%; margin: 0; padding: 0; border: none} #barapublico {display: none} #cabecera {width: 100%; padding: 0; margin: 0} #cabecera #contcabecera {width: 100%; padding: 0; margin: 0; height: auto; background: none; border: none} #cabecera #contcabecera h1 {width: 100%; padding: 0; margin: 0; text-align: left; font-size: 24px} #main {width: 100%; padding: 0; margin: 0} #main .navigationMain .left {margin: 0; font-size:11px} #main .navigationMain .left a {color:#4D4D4D; text-decoration: underline} #main .navigationMain .right {margin: 0; font-size:11px} #main .navigationMain .right a {color:#4D4D4D; text-decoration: underline} #main .post {width: 100%} #main .post h3.storytitle {width: 100%; margin: 15px 0 0 0; font-size: 17px} #main .post h3.storytitle a {font-size: 17px} #main .post p {width: 100%; font-size: 13px} #main .meta {width: 100%; display: inline; float: none; margin: 0} #main .fecha {width: 100%; float: left; font-size: 11px; margin: 0; padding: 0; text-align: left} #main .fecha span {font-size: 11px} #main .herramientas {float: right; width: 100%; margin: 0 0 15px 0; padding: 0; border: none; font-size: 11px} #main .post .feedback {font-size: 13px} #main .comentarios {width: 100%} #main .comentarios h2#comments {width: 100%; background: #B0133A; color:#fff; font-weight: bold; font-size:12px; margin: 15px 0 10px; padding:1px 2px; text-transform: uppercase} #main .comentarios .autor {float: none; width: 100%; background: none; border: none} #main .comentarios .autor h4 {float: none; width: auto; margin: 0; padding: 0 0 0 22px; font-size: 12px} #main .comentarios .autor p.fechacom {float: none; width: 100%; padding: 2px 0 0 0; color: #4D4D4D} #main .comentarios .texto {float: none; width: 100%; margin: 10px 0 20px; padding: 0} #main p#respond {display: none} #main .comentarios ul {width: 100%; margin: 0} #main .contcomment {width: 100%} #main .contcomment h2#postcomment {float: left; width: 100%; background: #B0133A; color:#fff; font-weight: bold; font-size:12px; margin: 15px 0 10px; padding: 1px 2px; text-transform: uppercase} #main .contcomment #commentform {width: 100%; float: none} #main .contcomment p small {width: 100%; color:#4D4D4D; font-size:11px} #main .contcomment #commentform label {float: none; display: block; width: 100%; font-size: 13px; text-transform: uppercase; color: #4D4D4D} #main .contcomment #commentform #author {float: none; display: block; width: 160px; margin: 0 0 10px 0; padding: 3px; color: #666; background: #fff; border: 1px solid #ccc} #main .contcomment #commentform #email {float: none; display: block; width: 160px; margin: 0 0 10px 0; padding: 3px; color: #666; background: #fff; border: 1px solid #ccc} #main .contcomment #commentform #url {float: none; display: block; width: 160px; margin: 0 0 10px 0; padding: 3px; color: #666; background: #fff; border: 1px solid #ccc} #main .contcomment #commentform #comment {float: none; display: block; width: 160px; height: 80px; margin: 0 0 10px 0; padding: 3px; color: #666; background: #fff; border: 1px solid #ccc} #main .contcomment p.captcha_1 {width: 100%; font-size: 11px; color:#4D4D4D} #main .contcomment p.captcha_1 input#text2, p.captcha_2 input#text2, p.captcha_notvalid input#text2 {width: 50px} #sidebar {display: none} #footer {margin: 4px 0; color:#4D4D4D} #footer p {margin: 0} #footer ul.contact {display: none} #footer p.diario {margin: 4px 0 0 0} #footer .contp {width: 100%; float: none} #footer .wordpress {display: none} }