<$ BlogPageTitle $> </ title>   <$ BlogMetaData $>   <style type="text/css"> / * ----------------------------------------------- Blogger de plantilla de estilo Nombre: Rounders Fecha: 27 de febrero 2004 ----------------------------------------------- * / body {   de fondo: # aba;   margin: 0;   relleno: 10px 20px;   text-align: Centro;   fuente: x-small/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;   color: # 333;   font-size / * pequeña */:/**/;   font-size: / ** / pequeño;   } / * Estructura de la página ----------------------------------------------- * / / * Las imágenes que ayudan a crear esquinas redondeadas dependerá de la    siguientes anchos y medidas. Si desea cambiar    estas medidas, las imágenes también tendrá que cambiar.    * / @ Todos los medios de comunicación {   # Contenido {     ancho: 740px;     margin: 0 auto;     text-align: left;     }   # Main {     ancho: 485px;     float: left;     de fondo: # FFF url ("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat abajo a la izquierda;     margen: 15px 0 0;     padding: 0 10px 0;     color: # 000;     font-size: 97%;     line-height: 1.5em;     }   # {Main2     float: left;     width: 100%;     de fondo: url ("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat arriba a la izquierda;     relleno: 10px 0 0;     }   # {Main3     de fondo: url ("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;     padding: 0;     }   # Sidebar {     ancho: 240px;     float: right;     margen: 15px 0 0;     font-size: 97%;     line-height: 1.5em;     }   } @ Los medios de comunicación de mano {   # Contenido {     ancho: 90%;     }   # Main {     width: 100%;     float: none;     de fondo: # FFF;     }   # {Main2     float: none;     de fondo: ninguno;     }   # {Main3     de fondo: ninguno;     padding: 0;     }   # Sidebar {     width: 100%;     float: none;     }   } / * Enlaces ----------------------------------------------- * / a: link {   color: # 258;   } a: visited {   color: # 666;   } a: hover {   color: # c63;   } una img {   border-width: 0;   } / * Cabecera de blog ----------------------------------------------- * / @ Todos los medios de comunicación {   # Cabecera {     de fondo: # 456 url ("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat arriba a la izquierda;     margin: 0 0 0;     relleno: 8px 0 0;     color: # FFF;     }   # Encabezado div {     de fondo: url ("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat abajo a la izquierda;     padding: 0 15px 8px;     }   } @ Los medios de comunicación de mano {   # Cabecera {     de fondo: # 456;     }   # Encabezado div {     de fondo: ninguno;     }   } # Blog-title {   margin: 0;   relleno: 10px 30px 5px;   font-size: 200%;   line-height: 1.2em;   } # Blog-un título {   text-decoration: none;   color: # FFF;   } # {Descripción   margin: 0;   relleno: 5px 30px 10px;   font-size: 94%;   line-height: 1.5em;   } / * Mensajes ----------------------------------------------- * / . Fecha-encabezado {   margin: 0 28px 0 43px;   font-size: 85%;   line-height: 2em;   text-transform: mayúsculas;   letter-spacing: 0,2 em;   color: # 357;   } . Post {   margen: 0,3 em 0 25px;   padding: 0 13px;   borde: bbb 1px # puntos;   border-width: 1px 0;   } . Post-título {   margin: 0;   font-size: 135%;   line-height: 1.5em;   de fondo: url ("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5 em;   display: block;   borde: bbb 1px # puntos;   border-width: 1px 1px 0;   relleno: 2px 14px 2px 29px;   color: # 333;   } a.title-link,. post-título fuerte {   text-decoration: none;   display: block;   } a.title-link: hover {   background-color: # DED;   color: # 000;   } . Post-body {   borde: bbb 1px # puntos;   border-width: 1px 1px 0;   border-bottom-color: # FFF;   relleno: 10px 14px 29px 1px;   } cuerpo html>. post-body {   border-bottom-anchura: 0;   } . Post p {   margin: 0 0 .75 em;   } p.post-footer {   de fondo: # DED;   margin: 0;   relleno: 2px 14px 2px 29px;   borde: bbb 1px # puntos;   border-width: 1px;   eee 1px solid #;: border-bottom   font-size: 100%;   line-height: 1.5em;   color: # 666;   text-align: right;   } html p.post> cuerpo de pie de página {   border-bottom-color: transparente;   } p.post em-pie de página {   display: block;   float: left;   text-align: left;   font-style: normal;   } a.comment-link {   / * IE5.0/Win no se aplica el relleno a los elementos en línea,      por lo que esconden estas dos declaraciones de él * /   fondo / */:/**/ * url ("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;   padding-left: 14px;   } html a.comment> cuerpo-link {   / * Reespecificada, por IE5/Mac * 's / beneficio   de fondo: url ("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;   padding-left: 14px;   } . Post img {   margin: 0 0 5px 0;   relleno: 4PX;   border: 1px solid # ccc;   } blockquote {   margen: .75 em 0;   border: 1px puntos # ccc;   border-width: 1px 0;   relleno: 15px 5px;   color: # 666;   } . Post blockquote {p   margen: .5 em 0;   } / * Comentarios ----------------------------------------------- * / # Comments {   margen: 25px 13px-0;   border: 1px puntos # ccc;   border-width: 1px 1px 0;   relleno: 20px 0 15px 0;   } # Comments h4 {   margin: 0 0 10px;   padding: 0 14px 2px 29px;   border-bottom: 1px puntos # ccc;   font-size: 120%;   line-height: 1.4em;   color: # 333;   } # Comentarios de bloque {   margin: 0 15px 0 9px;   } . Comentario de datos {   de fondo: url ("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px 0,3 em;   margen: .5 em 0;   padding: 0 0 0 20px;   color: # 666;   } . Comment-cartel {   font-weight: bold;   } . Comment-body {   margin: 0 0 1.25em;   padding: 0 0 0 20px;   } . Comment-cuerpo p {   margin: 0 0 .5 em;   } . Comment-timestamp {   margin: 0 0 .5 em;   padding: 0 20px 0 .75 em;   color: # 666;   } . Comment-fecha y hora a: link {   color: # 666;   } . Eliminado-comentario {   font-style: italic;   color: gris;   } . Paginación de control de contenedor {   float: right;   margen: 0px 0px 0px 6px;   font-size: 80%; } . Innecesaria-de paginación de control {   visibility: hidden; } / * Perfil ----------------------------------------------- * / @ Todos los medios de comunicación {   # Perfil contenedor {     de fondo: # url CDC ("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat abajo a la izquierda;     margin: 0 0 15px;     padding: 0 10px 0;     color: # 345;     }   el perfil # contenedor h2 {     de fondo: url ("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat arriba a la izquierda;     relleno: 10px 15px 0,2 em;     margin: 0;     border-width: 0;     font-size: 115%;     line-height: 1.5em;     color: # 234;     }   } @ Los medios de comunicación de mano {   # Perfil contenedor {     de fondo: # CDC;     }   el perfil # contenedor h2 {     de fondo: ninguno;     }   } . Perfil bloque de datos {   margin: 0 15px .5 em;   aba puntos # 1px;: frontera-top   padding-top: 8px;   } . Perfil-img {display: inline;} . Img perfil-img {   float: left;   margin: 0 10px 5px 0;   borde: solid # FFF 4PX;   } . Perfil de datos fuerte {   display: block;   } # Perfil contenedor p {   margin: 0 15px .5 em;   } el perfil # contenedor. perfil TextBlock {   clear: left;   } # Perfil contenedor {   color: # 258;   } . Perfil de enlace a {   de fondo: url ("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 0.1 em;   padding-left: 15px;   font-weight: bold;   } ul.profile-bloque de datos {   list-style-type: none;   } / * Cajas de la barra lateral ----------------------------------------------- * / @ Todos los medios de comunicación {   . Box {     de fondo: # fff url ("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat arriba a la izquierda;     margin: 0 0 15px;     relleno: 10px 0 0;     color: # 666;     }   . BOX2 {     de fondo: url ("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat abajo a la izquierda;     padding: 0 13px 8px;     }   } @ Los medios de comunicación de mano {   . Box {     de fondo: # FFF;     }   . BOX2 {     de fondo: ninguno;     }   } . Sidebar-título {   margin: 0;   padding: 0 0 0,2 em;   border-bottom: 1px # 9b9 puntos;   font-size: 115%;   line-height: 1.5em;   color: # 333;   } . Cuadro ul {   margen: .5 em 0 1.25em;   padding: 0 0px;   list-style: none;   } . Li ul {cuadro   de fondo: url ("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25 em;   margin: 0;   padding: 0 16px 0 3px;   margin-bottom: 3px;   eee puntos # 1px;: border-bottom   line-height: 1.4em;   } . Caja p {   margin: 0 0 0,6 em;   } / * Pie de página ----------------------------------------------- * / # Footer {   claro: ambos;   margin: 0;   relleno: 15px 0 0;   } @ Todos los medios de comunicación {   # Footer {p     de fondo: # 456 url ("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat arriba a la izquierda;     relleno: 8px 0 0;     color: # FFF;     }   # Pie div {     de fondo: url ("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat abajo a la izquierda;     padding: 0 15px 8px;     }   } @ Los medios de comunicación de mano {   # Footer {p     de fondo: # 456;     }   # Pie div {     de fondo: ninguno;     }   } # Horas de pie de página {display: none;} # Pie de p {margin: 0;} # Un pie de página {color: # FFF;} / * Feeds ----------------------------------------------- * / # {Blogfeeds   } # {Postfeeds   padding: 0 15px 0;   }   </ Style> </ Head> <link rel="me" href="https://www.blogger.com/profile/13920012347452000453" /> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/7443848768612614882?origin\x3dhttps://elnuevomediopelo.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script> <- Comienza # content - Centros de todos los bordes de contenido y modo de columnas flotando -> id="content"> <div <- Blog de cabecera -> <div id="header"> <div>   <h1 id="blog-title">     <ItemPage> <A href = "<$ BlogURL $>"></ ItemPage> <$ BlogTitle $> <ItemPage> </ A> </ ItemPage>   </ H1>   id="description"> <p <$ BlogDescription $> </ p> </ Div> </ div> <- Comienza # principal - Contiene el contenido principal del blog de la columna -> <div id="main"> <div id="main3"> id="main2"> <div <Blogger>     <BlogDateHeader>   <h2 class="date-header"> <$ BlogDateHeaderDate $> </ h2>   </ BlogDateHeader>          <-!. Comience post ->   class="post"> <div <a name = "<$ BlogItemNumber $>"></ a>      <BlogItemTitle> <BlogItemUrl> <A href = "<$ BlogItemUrl $>" title = "enlace externo" class = "title-link"> </ BlogItemUrl>     <h3 class="post-title"> <$ BlogItemTitle $>     </ H3> <BlogItemUrl> </ A> </ BlogItemUrl>     </ BlogItemTitle>          class="post-body"> <div           <p>       <$ BlogItemBody $>     </ P>         </ Div>         <p class="post-footer">       <em> <$ I18NPostedByAuthorNickname $> @ <a href = "<$ BlogItemPermalinkURL $>" title = "enlace permanente"> <$ BlogItemDateTime $> </ a> </ em>       <BlogItemCommentsEnabled>          <A class = "comment-link" href = "<$ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnClick $>> <span style="text-transform:lowercase"> <$ I18NNumComments $> </ span> </ a>       </ BlogItemCommentsEnabled> <BlogItemBacklinksEnabled> <A class = "comment-link" href = "<$ BlogItemPermalinkURL $> # links"> <span style="text-transform:lowercase"> <$ I18NLinksToThisPost $> </ span> </ a> </ BlogItemBacklinksEnabled>  <$ BlogItemControl $>     </ P>     </ Div>   <-!. Finalización post ->         <- Comienza # comments ->  <ItemPage>   id="comments"> <div <BlogItemCommentsEnabled> <a Name="comments"> </ a>         <h4> <$ I18NNumComments $>:</ h4>         id="comments-block"> <dl           <$ CommentPager $>       Códigos <BlogItemComments>       <Clase dt = "comment-datos" id = "<$ BlogCommentAnchorName $>">< a name =" <$ BlogCommentAnchorName $>"></ a>         <$ I18NAtCommentTimeWithPermalink $>,         <$ I18NCommentAuthorSaid $>       </ Dt>       <dd class="comment-body">         <p> <$ BlogCommentBody $> </ p> <$ BlogCommentDeleteIcon $>       </ Dd> </ BlogItemComments>     <$ CommentPager $>     </ Dl> class="comment-timestamp"> <p     <$ BlogItemCreate $>     </ P>     id="postfeeds"> <p <$ BlogItemFeedLinks $> </ p>     </ BlogItemCommentsEnabled>     <BlogItemBacklinksEnabled>     <a name="links"> </ a> <h4> <$ I18NLinksToThisPost $>:</ h4>     id="comments-block"> <dl     <BlogItemBacklinks>         class="comment-title"> <dt         <$ BlogBacklinkControl $>         <A href = "<$ BlogBacklinkURL $>" rel = "nofollow"> <$ BlogBacklinkTitle $> </ a> <$ BlogBacklinkDeleteIcon $>         </ Dt>         class="comment-body"> <dd <$ BlogBacklinkSnippet $>         <br />         class="comment-poster"> <span         <em> <$ I18NPostedByBacklinkAuthor $> @ <$ BlogBacklinkDateTime $> </ em>         </ Span>         </ Dd>     </ BlogItemBacklinks>     </ Dl>     class="comment-timestamp"> <p <$ BlogItemBacklinkCreate $> </ p>     </ BlogItemBacklinksEnabled> style="padding-left:20px;"> <p <A href = "<$ BlogURL $>"><< <$ I18NHome $> </ a>     </ P>     </ Div> </ ItemPage>   <- Los comentarios de Final # -> </ Blogger> </ Div> </ div> </ div> <- Final # principal -> <- Comienza # barra lateral -> id="sidebar"> <div     <- Comienza el perfil # contenedor ->    <$ BlogMemberProfile $>   <- Final # perfil ->     <-!. Comience cuadro ->   <div class="box"> <div class="box3"> class="box2"> <div              <MainOrArchivePage>   <h2 class="sidebar-title"> <$ I18NLinks $> </ h2>     <ul>     <li> <a href="http://news.google.com/"> Google Noticias </ a> </ li>     <li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Editar-Me </ a> </ li>     <li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Editar-Me </ a> </ li>   </ Ul>   </ MainOrArchivePage>       <h2 class="sidebar-title"> <$ I18NPreviousPosts $> </ h2>     id="recently"> <ul     <BloggerPreviousItems>         <li> <a href = "<$ BlogItemPermalinkURL $>"><$ BlogPreviousItemTitle $> </ a> </ li>      </ BloggerPreviousItems>   </ Ul>     <MainOrArchivePage>   <h2 class="sidebar-title"> <$ I18NArchives $> </ h2>     class="archive-list"> <ul    <BloggerArchives>     <li> <a href = "<$ BlogArchiveURL $>"><$ BlogArchiveName $> </ a> </ li> </ BloggerArchives>       <ArchivePage> <li> <A href = "<$ BlogURL I18NCurrentPosts $>"><$ $> </ a> </ li> </ ArchivePage>   </ Ul>   </ MainOrArchivePage>       <p id="powered-by"> <a href="http://www.blogger.com"> <img src = "http://buttons.blogger.com/bloggerbutton1.gif" alt = "Powered by Blogger "/> </ a> </ p>       id="blogfeeds"> <p <$ BlogFeedsVertical $> </ p>         <! -     <p> Este es un párrafo de texto que podría ir en la barra lateral. </ p>     ->     </ Div> </ div> </ div>   <-!. Final caja -> </ Div> <- Final # barra lateral -> <- Comienza # pie de página -> id="pie"> <div <div> /> <hr   <p> <- Este es un pie de página opcional. Si desea que el texto aquí, es el lugar dentro de estas etiquetas, y eliminar este comentario. -> </ P> </ Div> </ div> </ div> <- Final # pie de página -> </ Div> <- Final # content -> </ Body> </ HTML></body></html>