Tengo dos .post { y no se como areglar...

#1 (**permalink**) 30/10/2011, 17:19

Hola! Estoy con diseños de blogger..

Tengo dos .post { y hay uno que tengo que bloquearlo.. y no se como hacerlo..

tengo este codigo para bloquear:

Código PHP:

  <b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<style type='text/css'> 
.post { 
display: none; 
} 
</style> 
</b:if>

sinceramente no se como hacer... si cambio el nombre no me funciona nada.. algun consejo? Seguido os dejare los dos .post {

Este es el que tengo que bloquear:

Código PHP:

  .post { 
    background: none repeat scroll 0 0 #F4F4F4; 
    border: 1px solid #CCCCCC; 
    border-radius: 5px 5px 5px 5px; 
    display: inline; 
    float: right; 
    height: 240px; 
    margin: 0 20px 20px 5px; 
    overflow: hidden; 
    padding: 7px 0 0 10px; 
    position: relative; 
    width: 250px;

Y este si lo bloqueo, no veo nada de nada:

Código PHP:

  .post { 
    margin: 0.5em 0 1.5em; 
    padding-bottom: 1.5em;

Algun consejo? Seria de tanta ayuda........ llevo desde las 4:00 intentando hacer funcionar y esta se me resistio durante horas..

Muchas Gracias! Por la buena intencion!

GAST0N · #2 (**permalink**) 30/10/2011, 18:32

no se entiende lo que queres hacer, tenes 3 .post

#3 (**permalink**) 30/10/2011, 18:38

Necesito desactivar un .Post en las paginas de blogger.. por que me la lia.. y me hace esto: http://ganardinerotrabajandoadistanc.../contacto.html

pero como hay dos.. se me desactivan los dos.. y sale en blanco.. Entonces deberia de cambiar de nombre de uno.. pero ni idea :S

GAST0N · #4 (**permalink**) 30/10/2011, 19:19

Podrias dejar las lineas html donde esta la clase post?

Carlangueitor · #5 (**permalink**) 30/10/2011, 20:06

Con CSS 2.1 no se puede, con los selectores de CSS3 sí, específicamente con :last-child aunque no es compatible con navegadores antiguos.

Yo creo que lo mejor sería que lo hicieses con Javascript si no puede modificar el HTML.

Saludos

GAST0N · #6 (**permalink**) 30/10/2011, 20:17

no creo que sea necesario que incluya javascript, si mostrara el codigo html donde esta la clase post, se podria aplicar el css en puntos especificos mediante la herencia de elementos

Cita:

Iniciado por Carlangueitor

Con CSS 2.1 no se puede, con los selectores de CSS3 sí, específicamente con :last-child aunque no es compatible con navegadores antiguos.

Yo creo que lo mejor sería que lo hicieses con Javascript si no puede modificar el HTML.

Saludos

Carlangueitor · #7 (**permalink**) 30/10/2011, 20:18

Parece que es una plantilla de bloger, y no estoy seguro que pueda editar con toda libertad el html para por ejemplo agregarle una clase extra.

Saludos

GAST0N · #8 (**permalink**) 30/10/2011, 20:37

Cita:

Iniciado por Carlangueitor

Parece que es una plantilla de bloger, y no estoy seguro que pueda editar con toda libertad el html para por ejemplo agregarle una clase extra.

Saludos

Yo lo hice, si se puede

Carlangueitor · #9 (**permalink**) 30/10/2011, 20:38

Excelente, siempre se aprende algo nuevo

Saludos

emprear · #10 (**permalink**) 30/10/2011, 20:55

@djkiku

Por favor, yo quiero ver donde estan los class !!!

#11 (**permalink**) 31/10/2011, 05:45

Hola!!! Pido disculpas por la tardanza!! me quede dormirdo.. ya que llevaba horas peleando con eso... Dejo el codigo partido ya que no cabe todo! OJALA ME PUEDAN AYUDAR seria de tanta ayuda dios...

Código PHP:

  <?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head> 
<!--[if IE]> 
<script defer type="text/javascript" src="http://askerakbar.110mb.com/jquery/bgsleight.js"></script> 
 
<![endif]--> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<title><data:blog.title/></title> 
<b:else/> 
<title><data:blog.pageName/> | <data:blog.title/></title> 
</b:if> 
<meta content='Cute templates blogger, Cute blogger templates, Cool blogger templates' name='Keywords'/> 
<meta content='Cute templates blogger design and share blogger templates free' name='Description'/> 
<meta content='index,follow' name='robots'/> 
<link href='http://3.bp.blogspot.com/-z-z21s1OHJ0/TgMjTG7kSwI/AAAAAAAAANw/-e4gASG7rqc/s1600/ico.png' rel='shortcut icon'/> 
<b:skin><![CDATA[ 
 
/*----------------------------------------------- 
 
Name         :  Cute Templates 
Designer     :  Quach - Cute Templates Blogger 
URL          :  cutetemplatesblogger.blogspot.com 
 
Cute Templates blogger theme comes under a Creative Commons license. 
They are free of charge to use as a theme for your blog and  
you can make changes to the templates to suit your needs.  
and please you must keep the footer credit links intact which  
provides credit to its authors. 
 
-----------------------------------------------*/ 
 
#navbar-iframe { 
display: none !important; 
} 
/* Variable definitions 
   ==================== 
   <Variable name="bgcolor" description="Page Background Color" 
             type="color" default="#69224F" value="#69224F"> 
   <Variable name="textcolor" description="Text Color" 
             type="color" default="#333" value="#333333"> 
   <Variable name="linkcolor" description="Link Color" 
             type="color" default="#905376" value="#905376"> 
   <Variable name="pagetitlecolor" description="Blog Title Color" 
             type="color" default="#fff" value="#ffffff"> 
   <Variable name="descriptioncolor" description="Blog Description Color" 
             type="color" default="#eee" value="#ffffff"> 
   <Variable name="titlecolor" description="Post Title Color" 
             type="color" default="#641A46" value="#641A46"> 
   <Variable name="sidebarcolor" description="Sidebar Title Color" 
             type="color" default="#5E2647" value="#5E2647"> 
   <Variable name="sidebartextcolor" description="Sidebar Text Color" 
             type="color" default="#666" value="#666666"> 
   <Variable name="visitedlinkcolor" description="Visited Link Color" 
             type="color" default="#905376" value="#905376"> 
   <Variable name="bodyfont" description="Text Font" 
             type="font" default="normal normal 110% Arial, Serif" value="normal normal 110% Arial, Serif"> 
   <Variable name="headerfont" description="Sidebar Title Font" 
             type="font" 
             default="italic bold 130%/1.4em 'Georgia',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 130%/1.4em 'Georgia',Trebuchet,Arial,Verdana,Sans-serif"> 
   <Variable name="pagetitlefont" description="Blog Title Font" 
             type="font" 
             default="260% Lobster,Serif" value="260% Lobster,Serif"> 
   <Variable name="descriptionfont" description="Blog Description Font" 
             type="font" 
             default="italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif" value="italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif"> 
   <Variable name="postfooterfont" description="Post Footer Font" 
             type="font" 
             default="italic 100%/1.4em 'Georgia',Trebuchet,Arial,Verdana,Sans-serif" value="italic 100%/1.4em 'Georgia',Trebuchet,Arial,Verdana,Sans-serif"> 
   <Variable name="startSide" description="Side where text starts in blog language" 
             type="automatic" default="left" value="left"> 
   <Variable name="endSide" description="Side where text ends in blog language" 
             type="automatic" default="right" value="right"> 
*/ 
 
/* Use this with templates/template-two.html */ 
 
body { 
    background: url("http://3.bp.blogspot.com/-DcDy20WAXiM/Tp5n51zd1rI/AAAAAAAADW4/m0Zak0NA3pw/s000/wrapper.jpg") no-repeat scroll center top #74B9FC; 
    color: #333333; 
    font: small Georgia Serif; 
    margin: 0; 
    text-align: center; 
} 
a:link { 
    color: #3366CC; 
    text-decoration: none; 
} 
a:visited { 
    color: #3366CC; 
    text-decoration: none; 
} 
a:hover { 
    color: #5588AA; 
    text-decoration: underline; 
} 
a img { 
    border-width: 0; 
} 
#header-wrapper { 
    height: 139px; 
    margin: 0 auto; 
    width: 960px; 
} 
#header-inner { 
    margin-left: auto; 
    margin-right: auto; 
} 
#header { 
    color: #333333; 
    text-align: left; 
} 
#header h1 { 
    font: bold 220% Prata,Serif; 
    letter-spacing: -1px; 
    margin: 0; 
    padding: 59px 30px 0; 
    text-shadow: 0 1px 0 #FFFFFF; 
    text-transform: none; 
} 
#header a { 
    color: #333333; 
    text-decoration: none; 
} 
#header a:hover { 
    color: #333333; 
} 
#header .description { 
    color: #333333; 
    font: 90% 'Prata',Trebuchet,Arial,Verdana,Sans-serif; 
    letter-spacing: 0; 
    margin: 0; 
    max-width: 700px; 
    padding: 0 30px 15px; 
    text-shadow: 0 1px 0 #FFFFFF; 
    text-transform: none; 
} 
#header img { 
    margin-left: auto; 
    margin-right: auto; 
} 
#outer-wrapper { 
    background: url("http://3.bp.blogspot.com/-FEZKTobP3mE/Tq2caYtg0wI/AAAAAAAAFA8/16mpiRB0qWo/s1600/trabajoempleo_encabezado.png") no-repeat scroll 0 16px transparent; 
    font: 110% Arial,Serif; 
    margin: 0 auto; 
    text-align: left; 
    width: 918px; 
} 
#main-wrapper { 
    background: none repeat scroll 0 0 #FFFFFF; 
    border: 1px solid #999999; 
    border-radius: 10px 10px 10px 10px; 
    float: left; 
    margin-left: 12px; 
    margin-top: 8px; 
    overflow: hidden; 
    padding: 12px; 
    width: 856px; 
    word-wrap: break-word; 
} 
h2 { 
    background: url("http://4.bp.blogspot.com/-p_6GORDFsao/Tp5n6MEB6DI/AAAAAAAADXI/P-xF1SchNzA/s000/tab.png") repeat-x scroll center top transparent; 
    border-radius: 6px 6px 0 0; 
    color: #333333; 
    font: bold 110%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif; 
    letter-spacing: 0; 
    margin: 0; 
    padding: 8px 10px 10px; 
    text-shadow: 0 1px 0 #FFFFFF; 
    text-transform: none; 
} 
h2.date-header { 
    background: none repeat scroll 0 0 transparent; 
    color: #777777; 
    font: italic 13px georgia; 
    letter-spacing: 0; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    text-transform: none; 
} 
.post { 
    margin: 0.5em 0 1.5em; 
    padding-bottom: 1.5em; 
} 
.post h3 { 
    color: #641A46; 
    font-size: 160%; 
    font-weight: normal; 
    line-height: 1.4em; 
    margin: 0.25em 0 0; 
    padding: 0 0 4px; 
} 
.post h3 a, .post h3 a:visited, .post h3 strong { 
    color: #000000; 
    display: block; 
    font-weight: bold; 
    text-decoration: none; 
} 
.post h3 strong, .post h3 a:hover { 
    color: #333333; 
} 
.post-body { 
    line-height: 1.6em; 
    margin: 0 0 0.75em; 
} 
.post-body blockquote { 
    line-height: 1.3em; 
} 
.post-footer { 
    background: none repeat scroll 0 0 #ffffff; 
    border-radius: 10px 10px 10px 10px; 
    color: #333333; 
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif; 
    letter-spacing: 0; 
    margin: 0.75em 0; 
    padding: 10px 15px; 
    text-shadow: 0 1px 0 #FFFFFF; 
    text-transform: none; 
} 
.comment-link { 
    margin-left: 0.6em; 
 
} 
.tr-caption-container img { 
    border: medium none; 
    padding: 0; 
} 
.post blockquote { 
    margin: 1em 20px; 
} 
.post blockquote p { 
    margin: 0.75em 0; 
} 
#comments h4 { 
    color: #666666; 
    font-size: 14px; 
    font-weight: bold; 
    letter-spacing: 0; 
    line-height: 1.4em; 
    margin: 1em 0; 
    text-transform: none; 
} 
#comments-block { 
    line-height: 1.6em; 
    margin: 1em 0 1.5em; 
} 
#comments-block .comment-author { 
    -moz-background-inline-policy: continuous; 
    background: none repeat scroll 0 0 #F5E6EF; 
    border: 1px solid #F5E6EF; 
    font-size: 15px; 
    font-weight: normal; 
    margin-right: 20px; 
    padding: 5px; 
} 
#comments .blogger-comment-icon, .blogger-comment-icon { 
    -moz-background-inline-policy: continuous; 
    background: none repeat scroll 0 0 #E8DEC4; 
    border-color: #E8DEC4; 
    border-style: solid; 
    border-width: 2px 1px 1px; 
    line-height: 16px; 
    padding: 5px; 
} 
#comments-block .comment-body { 
    border-left: 1px solid #F5E6EF; 
    border-right: 1px solid #F5E6EF; 
    margin-left: 0; 
    margin-right: 20px; 
    padding: 7px; 
} 
#comments-block .comment-footer { 
    border-bottom: 1px solid #F5E6EF; 
    border-left: 1px solid #F5E6EF; 
    border-right: 1px solid #F5E6EF; 
    font-size: 11px; 
    line-height: 1.4em; 
    margin: -0.25em 20px 2em 0; 
    padding: 5px; 
    text-transform: none; 
} 
#comments-block .comment-body p { 
    margin: 0 0 0.75em; 
} 
.deleted-comment { 
    color: gray; 
    font-style: italic; 
} 
#blog-pager-newer-link { 
    float: left; 
} 
#blog-pager-older-link { 
    float: right; 
} 
#blog-pager { 
    font-weight: bold; 
    text-align: center; 
} 
.feed-links { 
    clear: both; 
    line-height: 2.5em;

#12 (**permalink**) 31/10/2011, 05:46

Código PHP:

  } 
.sidebar { 
    color: #333333; 
    font-size: 99%; 
    line-height: 1.5em; 
    padding-left: 10px; 
    padding-right: 0; 
    text-shadow: 0 1px 0 #FFFFFF; 
} 
.sidebar ul { 
    list-style: none outside none; 
    margin: 0; 
    padding: 0; 
} 
.sidebar li { 
    border-bottom: 1px dotted #CCCCCC; 
    line-height: 1.5em; 
    margin: 0; 
    padding: 0 0 0.25em 3px; 
    text-indent: 0; 
} 
.sidebar .widget, .main .widget { 
    background: url("http://4.bp.blogspot.com/-rzo6QO4ieW8/Tp5n6jOZSYI/AAAAAAAADXQ/v8E882hJsMw/s000/widget.png") repeat-x scroll 0 0 #E3E5E5; 
    border: 1px solid #999999; 
    border-radius: 7px 7px 7px 7px; 
    margin: 0 0 10px; 
} 
.main .Blog { 
    background: none repeat scroll 0 0 transparent; 
    border: medium none; 
} 
.profile-img { 
    border: 1px solid #CCCCCC; 
    float: left; 
    margin: 0 5px 5px 0; 
    padding: 4px; 
} 
.profile-data { 
    color: #999999; 
    font: bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; 
    letter-spacing: 0.1em; 
    margin: 0; 
    text-transform: uppercase; 
} 
.profile-datablock { 
    margin: 0.5em 0; 
} 
.profile-textblock { 
    line-height: 1.6em; 
    margin: 0.5em 0; 
} 
.profile-link { 
    font: 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; 
    letter-spacing: 0.1em; 
    text-transform: uppercase; 
} 
#footer { 
    background: url("http://3.bp.blogspot.com/-xAB5Gg9fieg/Tq2hftm_pOI/AAAAAAAAFBk/HaMTG67n430/s1600/tiendasempresas_pie.png") no-repeat scroll 0 0 transparent; 
    clear: both; 
    color: #333333; 
    font: 11px/22px Arial; 
    height: 45px; 
    letter-spacing: 0; 
    margin: 0 auto; 
    padding-bottom: 0; 
    padding-top: 2px; 
    text-align: center; 
    text-transform: none; 
    width: 919px; 
} 
.feed-links { 
    display: none; 
} 
#PageList1 { 
    height: 33px; 
    margin-left: auto; 
    margin-top: 0; 
    width: 885px; 
} 
#footer a { 
    color: #333333; 
} 
.crosscol .PageList li, .footer .PageList li { 
    background: none repeat scroll 0 0 transparent; 
    float: left; 
    list-style: none outside none; 
    margin: 6px 0; 
    padding: 0; 
} 
.PageList li a { 
     
    color: #333333; 
    font: bold 12px Arial; 
    padding: 11px 14px; 
     
    text-transform: uppercase; 
} 
.PageList li a:hover { 
    background: url("http://4.bp.blogspot.com/-p_6GORDFsao/Tp5n6MEB6DI/AAAAAAAADXI/P-xF1SchNzA/s000/tab.png") repeat-x scroll center top transparent; 
    font-weight: bold; 
    text-decoration: none; 
} 
.PageList li.selected a { 
    background: url("http://4.bp.blogspot.com/-p_6GORDFsao/Tp5n6MEB6DI/AAAAAAAADXI/P-xF1SchNzA/s000/tab.png") repeat-x scroll center top transparent; 
    font-weight: bold; 
    text-decoration: none; 
} 
#sidebar-wrapper .widget-content { 
    padding: 0 10px 10px; 
} 
.col-left { 
    float: left; 
    margin-right: 10px; 
    width: 47%; 
} 
.col-right { 
    float: right; 
    width: 50%; 
} 
#Attribution1 { 
    display: none; 
} 
.post-author { 
    background: url("") no-repeat scroll 0 0 transparent; 
    padding-left: 20px; 
} 
.post-comment-link a { 
    background: url("http://4.bp.blogspot.com/-2btm9EoOqs0/Tp5n7M9GtOI/AAAAAAAADXo/g0mtkPNVVw4/s000/1276328597_comment.png") no-repeat scroll left center transparent; 
    padding-left: 20px; 
} 
.post-labels { 
    background: url("") no-repeat scroll left center transparent; 
    padding-left: 20px; 
} 
#headertw { 
    display: none; 
    float: left; 
    margin-left: 635px; 
    margin-top: -32px; 
    width: 100px; 
} 
body#layout #PageList1 { 
    display: none; 
} 
body#layout #headertw { 
    display: none; 
} 
body#layout #footer { 
    display: none; 
} 
body#layout #header-wrapper { 
    height: 100px; 
} 
 
 
h2.date-header { 
    background: url("http://2.bp.blogspot.com/-3rsiJuyMrCA/Tp5n7vXVp_I/AAAAAAAADYA/eDSMjm2saWw/s000/1276328132_date.png") no-repeat scroll left -1px transparent; 
    border: medium none; 
    color: #333333; 
    font: 12px Arial; 
    letter-spacing: 0; 
    margin: 0 0 5px; 
    padding-left: 20px; 
    text-align: left; 
    text-shadow: none; 
    text-transform: none; 
} 
#s3slider { 
    background: none repeat scroll 0 0 #FFFFFF; 
    border: 3px solid #EEEEEE; 
    height: 280px; 
    margin-bottom: 25px; 
    margin-top: 0; 
    overflow: hidden; 
    position: relative; 
    text-shadow: 0 1px 0 #000000; 
    width: 577px; 
} 
#s3sliderContent { 
    background: none repeat scroll 0 0 #FFFFFF; 
    height: 300px; 
    list-style: none outside none; 
    margin-left: 0; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    top: -14px; 
    width: 577px; 
} 
.s3sliderImage { 
    display: none; 
    float: left; 
    position: relative; 
    width: 577px; 
} 
.s3sliderImage span { 
    background-color: #000000; 
    color: #FFFFFF; 
    display: none; 
    font-size: 12px; 
    height: 300px; 
    line-height: 16px; 
    opacity: 0.7; 
    overflow: hidden; 
    padding: 10px 13px; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 180px; 
} 
.s3sliderImage strong a { 
    font-family: 'Myriad Pro',Helvetica,Arial,Sans-Serif; 
    font-size: 20px; 
} 
.s3sliderImage strong a:hover { 
    color: #FFFFFF; 
} 
#HTML101 h2 { 
    display: none; 
} 
#main-top { 
} 
#wrapper { 
    background: url("") no-repeat scroll center bottom transparent; 
} 
#footer-bg { 
} 
#sidebar-wrapper { 
visibility: hidden; 
display: none; 
    float: right; 
    margin-right: 14px; 
    margin-top: 10px; 
    overflow: hidden; 
    width: 325px; 
    word-wrap: break-word; 
} 
#content-wrapper { 
    background: url("http://1.bp.blogspot.com/-dj0eec0XsJ0/Tq2fQbjLNEI/AAAAAAAAFBU/OrezfKS0LnU/s1600/tiendasempresas_fondo.png") repeat-y scroll 0 0 transparent; 
    margin-top: 0; 
} 
 
 
.tabla { 
    padding: 1px; 
    border: 1px solid #000000; 
} 
 
 
#blog-pager {visibility:hidden; display:none;}

#13 (**permalink**) 31/10/2011, 05:46

Código PHP:

  /*footer-wrapper 
-----------------------------------------------------------------------------------*/ 
 
#footer-wrapper { 
overflow:hidden; 
width:980px; 
background:#fff; 
clear:both; 
} 
 
.footer .widget { 
width:221px; 
float:left; 
padding:20px 0 0 20px; 
font-size:13px; 
} 
 
.footer .widget-content { 
padding:10px 0 0; 
} 
 
#footer li { 
list-style:none; 
line-height:1.8em; 
} 
 
#credits { 
    background: none repeat scroll 0 0 #FFFFFF; 
    border: 1px solid #DDDDDD; 
    border-radius: 4px 4px 4px 4px; 
    clear: both; 
    color: #97A3A9; 
    font-size: 12px; 
    height: 40px; 
    margin: 20px auto; 
    text-align: center; 
    width: 900px; 
} 
 
#credits_left { 
float:left; 
padding:10px; 
} 
 
#credits_right { 
float:right; 
padding:10px; 
} 
 
#credits a { 
color:#539DE8; 
text-decoration:none; 
font-size:13px; 
outline:none; 
} 
#ft { background:#FDF9EB;border:1px solid #eee;padding:7px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
} 
#ft .tit {border-bottom:1px dashed #ddd; 
padding-bottom:5px; 
color: #6fa8dc; 
font-size:16px;} 
 
/* down counter */ 
#load{height:35px; 
padding:20px 0; 
background:#dcf7ff; 
Border-top:2px solid #A3E9FF; 
border-bottom:2px solid #A3E9FF; 
text-align:center; 
margin: 15px 0; 
} 
 
.view {background:#FF799F; 
width:160px;height:28px;border:1px solid #f2f2f2;color:#fff; 
padding: 10px;margin:10px;text-align:center; 
font-size:16px; 
font-weight:bold; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
border-radius: 20px; 
} 
.js-kit-rating{height:0px;} 
.js-rating-labelText{font-size:0px !important;} 
 
#colors a { 
    border: 1px solid #666666; 
    border-radius: 2px 2px 2px 2px; 
    display: block; 
    float: left; 
    height: 13px; 
    margin: 0 10px 10px 0; 
    opacity: 0.8; 
    overflow: hidden; 
    text-indent: -9999px; 
    width: 13px; 
} 
#colors a:hover { 
    border-color: #333333; 
    opacity: 1; 
} 
#black { 
    background-color: #4C4C4C; 
} 
#black:hover { 
    background-color: #313131; 
} 
#blue { 
    background-color: #4B9EE5; 
} 
#blue:hover { 
    background-color: #3E93DB; 
} 
#brown { 
    background-color: #816246; 
} 
#brown:hover { 
    background-color: #74563B; 
} 
#gray { 
    background-color: #A59F9F; 
} 
#gray:hover { 
    background-color: #9A9494; 
} 
#green { 
    background-color: #A8C332; 
} 
#green:hover { 
    background-color: #9CB725; 
} 
#orange { 
    background-color: #ECB531; 
} 
#orange:hover { 
    background-color: #ECAE19; 
} 
#pink { 
    background-color: #E744D2; 
} 
#pink:hover { 
    background-color: #DF31C9; 
} 
#red { 
    background-color: #E71D1D; 
} 
#red:hover { 
    background-color: #E11010; 
} 
#violet { 
    background-color: #AF82EE; 
} 
#violet:hover { 
    background-color: #A777EB; 
} 
#yellow { 
    background-color: #F4F34C; 
} 
#yellow:hover { 
    background-color: #F4F328; 
} 
#white { 
    background-color: #FFFFFF; 
} 
 
]]></b:skin> 
 
 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<style> 
 
/*homepage styles 
-----------------------------------------------------------------------------------*/ 
 
#main-wrapper { 
    background: #fff; 
    float: left; 
    margin: 0px 0 0 10px; 
    overflow: hidden; 
    padding:   30px 10px 10px; 
    width: 877px; 
} 
 
.post { 
    background: none repeat scroll 0 0 #F4F4F4; 
    border: 1px solid #CCCCCC; 
    border-radius: 5px 5px 5px 5px; 
    display: inline; 
    float: right; 
    height: 240px; 
    margin: 0 20px 20px 5px; 
    overflow: hidden; 
    padding: 7px 0 0 10px; 
    position: relative; 
    width: 250px; 
} 
.post:hover {background:#d8f0ff; 
border:1px solid #c5e6fa; 
} 
.post h1 { 
padding-bottom:8px; 
font-family:arial; 
font-size:14px; 
font-weight:bold; 
bottom:22px; 
color:#5b6065; 
margin:0; 
position:absolute; 
border:none !important; 
} 
 
.post-body { 
overflow:hidden; 
width:236px; 
height:168px; 
padding:0; 
margin:21px 0 0; 
} 
 
.post img { 
height:160px; 
width:236px; 
border:1px solid #ddd; 
} 
.post img:hover{border:1px solid #a3cbe4;} 
</style> 
</b:if> 
 
<!--Related Posts with thumbnails Scripts and Styles Start--> 
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style type='text/css'> 
#related-posts { 
float:center; 
text-transform:none; 
height:100%; 
min-height:100%; 
padding-top:5px; 
padding-left:5px; 
} 
 
#related-posts h2{ 
font-size: 1.2em; 
font-weight: bold; 
color: black; 
font-family: Georgia, &#39;Times New Roman';, Times, serif; 
margin-bottom: 0.75em; 
margin-top: 15px; 
padding-top: 0em; 
} 
#related-posts a{ 
color:black;width:80px; 
} 
#related-posts a:hover{ 
color:black; 
} 
 
#related-posts a:hover { 
background-color:#d4eaf2; 
} 
 
</style> 
<script type='text/javascript'> 
var defaultnoimage=&quot;http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png&quot;; 
var maxresults=5; 
var splittercolor=&quot;#d4eaf2&quot;; 
var relatedpoststitle=&quot;Related Posts&quot;; 
</script> 
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/> 
<!-- remove --></b:if> 
<!--Related Posts with thumbnails Scripts and Styles End--> 
 
<script src='http://vimobile.net/demview.js' type='text/javascript'/> 
 
  </head> 
 
<body> 
<div id='wrapper'> 
  <div id='outer-wrapper'><div id='wrap2'> 
 
    <!-- skip links for text browsers --> 
    <span id='skiplinks' style='display:none;'> 
      <a href='#main'>skip to main </a> | 
      <a href='#sidebar'>skip to sidebar</a> 
    </span> 
    
    <div id='header-wrapper'> 
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='. (cabecera)' type='Header'/> 
</b:section> 
    </div> 
 <div id='crosscol-wrapper' style='text-align:center'> 
        <b:section class='crosscol' id='crosscol' showaddelement='no'> 
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/> 
</b:section>  
<div id='headertw'> 
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='http://3.bp.blogspot.com/-y4TfyU90V1g/Tp5n74gyyhI/AAAAAAAADYY/0krIn4kNBpo/s000/rss.png'/></a> <a href='http://www.twitter.com/YOUR_USERNAME'><img src='http://4.bp.blogspot.com/-cvyNJ2c4of0/Tp5n8Bd-JWI/AAAAAAAADYg/g9egJifcimw/s000/twitter.png'/></a>  <a href='http://www.facebook.com/YOUR_USERNAME'><img src='http://2.bp.blogspot.com/-P3PVyKrSQGw/Tp5n8a5crnI/AAAAAAAADYo/9DDu7ArYVRE/s000/facebook.png'/></a> 
</div> 
 
      </div> 
 
            <div id='content-wrapper'> 
 
 
<div id='crosscol-wrapper' style='text-align:center'> 
<b:section class='crosscol2' id='crosscol2' showaddelement='yes'> 
<b:widget id='CustomSearch1' locked='false' title='Buscar este blog' type='CustomSearch'/> 
</b:section> 
</div> 
 
 
 
 
    <div id='main-wrapper'> 
    <b:section class='main' id='main' showaddelement='yes'> 
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/> 
</b:section> 
    </div> 
                     
       <div id='sidebar-wrapper'> 
 
        <div class='ads'> 
<a href='http://cutetemplatesblogger.blogspot.com' target='_blank'><img alt='Cute Templates Blogger' src='http://4.bp.blogspot.com/-DaCbso5fLaE/Tiov9RQGXGI/AAAAAAAAATU/DFb5oCCODlo/s1600/125.png' style='border-radius:3px;' title='Ads here 10$/month only'/></a> 
<a href='http://btemplates.com/author/cute-templates/' target='_blank'><img alt='btemplate' src='http://1.bp.blogspot.com/_Zuzii37VUO4/S3ODpbO2r3I/AAAAAAAAEdY/HZDgwE9bS_g/s1600/btemplates-125w.png'/></a><a href='#' target='_blank'><img alt='Cute Templates Blogger' src='http://3.bp.blogspot.com/-Sx6LSXS9u0I/TgM__MLRgjI/AAAAAAAAAN4/gfCQs5ssqeA/s1600/ads125.gif' title='Ads here 10$/month only'/></a> 
<a href='#' target='_blank'><img alt='Cute Templates Blogger' src='http://3.bp.blogspot.com/-Sx6LSXS9u0I/TgM__MLRgjI/AAAAAAAAAN4/gfCQs5ssqeA/s1600/ads125.gif' title='Ads here 10$/month only'/></a> 
 
        </div> 
 
        <div id='sidebar-right'> 
    <b:section class='sidebar' id='sidebarr' preferred='yes'> 
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/> 
<b:widget id='LinkList1' locked='false' title='Partners' type='LinkList'/> 
</b:section> 
    </div> 
 
 
 
    </div> 
 
 <!-- spacer for skins that want sidebar and main to be the same height--> 
<div class='clear'> </div> 
 
</div> <!-- end content-wrapper --> 
 
     
 <!-- 
Cute Templates blogger theme comes under a Creative Commons license. 
They are free of charge to use as a theme for your blog and  
you can make changes to the templates to suit your needs.  
and please you must keep the footer credit links intact which  
provides credit to its authors. 
--> 
 <div id='footer-bg'> 
 <div id='footer'> 
<!-- Remmeber!!! This free Blogger template is licensed under the Creative Commons Attribution 3.0 License. You are required to keep the footer links intact which provides due credit to its Author and Supporters.--> 
  
     (c) Copyright 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.  Designed for <a href='http://www.metazone.co.uk/tubemap/'>London Tube Map</a> - <a href='http://www.keepcalmcarryon.me.uk/shop'>Keep Calm Shop</a>, <a href='http://www.3lancer.com/'>Freelancer</a> 
</div></div></div> <!-- end outer-wrapper --> 
 
</div><script src='http://mermelada.uphero.com/tiendasyempresas.js'/></div> 
</body> 
</html>