<$ 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>