BlogPageTitle $ $> </ title>
<$ BlogMetaData $>
<style type="text/css">
/ *
-----------------------------------------------
Blogger plantilla de estilo
Nombre: Rounders
Fecha: 27 de febrero 2004
----------------------------------------------- * /
body (
de fondo: # aba;
margin: 0;
padding: 10px 20px;
texto-align: center;
fuente: x-small/1.5em "Trebuchet MS", Verdana, Arial, Sans-serif;
color: # 333;
font-size / * */:/**/ pequeños;
font-size: / ** / small;
)
/ * Estructura de la página
----------------------------------------------- * /
/ * Las imágenes que contribuyen a crear esquinas redondeadas dependerá de la
siguientes anchos y medidas. Si desea cambiar
estas mediciones, las imágenes también tendrá que cambiar.
* /
@ Todos los medios de comunicación (
# Contenido (
ancho: 740px;
margin: 0 auto;
texto-align: left;
)
# (Principal
ancho: 485px;
float: left;
de fondo: url # FFF ("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat abajo a la izquierda;
margin: 15px 0 0;
padding: 0 0 10px;
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;
padding: 10px 0 0;
)
# (Main3
de fondo: url ("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;
padding: 0;
)
# Sidebar (
ancho: 240px;
float: right;
margin: 15px 0 0;
font-size: 97%;
line-height: 1.5em;
)
)
@ Media de mano (
# Contenido (
Ancho: 90%;
)
# (Principal
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;
)
/ * Blog de cabecera
----------------------------------------------- * /
@ Todos los medios de comunicación (
encabezado # (
de fondo: url # 456 ("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat arriba a la izquierda;
margin: 0 0 0;
padding: 0 0 8px;
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;
)
)
@ Media de mano (
encabezado # (
de fondo: # 456;
)
encabezado # div (
de fondo: ninguno;
)
)
# blog-title (
margin: 0;
padding: 10px 30px 5px;
font-size: 200%;
line-height: 1.2em;
)
# Blog-título de un (
text-decoration: none;
color: # fff;
)
Descripción # (
margin: 0;
padding: 5px 30px 10px;
font-size: 94%;
line-height: 1.5em;
)
/ * Mensajes
----------------------------------------------- * /
. Fecha-header (
margin: 0 28px 0 43px;
font-size: 85%;
line-height: 2em;
texto-transform: mayúsculas;
espaciado entre letras: .2 em;
color: # 357;
)
. Post (
margin: 0 25px em 0.3;
padding: 0 13px;
border: 1px bbb 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;
border: 1px bbb puntos #;
border-width: 1px 0 1px;
padding: 2px 14px 29px 2px;
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 (
border: 1px bbb puntos #;
border-width: 1px 0 1px;
border-bottom-color: # fff;
padding: 10px 14px 29px 1px;
)
cuerpo html>. post-body (
border-bottom-width: 0;
)
. Post (p
margin: 0 0 .75 em;
)
p.post-footer (
de fondo: # DED;
margin: 0;
padding: 2px 14px 29px 2px;
border: 1px bbb puntos #;
border-width: 1px;
border-bottom: 1px solid # eee;
font-size: 100%;
line-height: 1.5em;
color: # 666;
texto-align: right;
)
html p.post> cuerpo-footer (
border-bottom-color: transparente;
)
p.post em-footer (
display: block;
float: left;
texto-align: left;
font-style: normal;
)
a.comment-link (
/ * IE5.0/Win no se aplica a los elementos de relleno 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 (
/ * Respecified, 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;
padding: 4px;
border: 1px solid # ccc;
)
blockquote (
margin: .75 em 0;
border: 1px # ccc puntos;
border-width: 1px 0;
padding: 15px 5px;
color: # 666;
)
. Post (p blockquote
margin: .5 em 0;
)
/ * Comentarios
----------------------------------------------- * /
# comments (
margin: 25px 13px-0;
border: 1px # ccc puntos;
border-width: 1px 0 1px;
padding: 20px 15px 0 0;
)
# comments h4 (
margin: 0 0 10px;
padding: 0 14px 29px 2px;
border-bottom: 1px # ccc puntos;
font-size: 120%;
line-height: 1.4em;
color: # 333;
)
# Comentarios de bloque (
margin: 0 15px 0 9px;
)
. Comment-datos (
de fondo: url ("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px 0,3 em;
margin: .5 em 0;
padding: 0 0 0 20px;
color: # 666;
)
. Comment-anunciante (
font-weight: bold;
)
. Comment-body (
margin: 0 0 1.25em;
padding: 0 0 0 20px;
)
. Comment-cuerpo p (
margin: 0 0 0,5 em;
)
. Comment-timestamp (
margin: 0 0 0,5 em;
padding: 0 20px 0 .75 em;
color: # 666;
)
. Comment-timestamp a: link (
color: # 666;
)
. Deleted-comentario (
font-style: italic;
color: gris;
)
. Paginación-control-contenedor (
float: right;
margin: 0px 0px 0px 6px;
font-size: 80%;
)
. Innecesaria-de paginación de control (
visibilidad: oculto;
)
/ * 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 0 10px;
color: # 345;
)
# Perfil contenedor h2 (
de fondo: url ("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat arriba a la izquierda;
padding: 10px 15px 0,2 em;
margin: 0;
border-width: 0;
font-size: 115%;
line-height: 1.5em;
color: # 234;
)
)
@ Media de mano (
Perfil # contenedor (
de fondo: # CDC;
)
# Perfil contenedor h2 (
de fondo: ninguno;
)
)
. Perfil bloque de datos (
margin: 0 15px .5 em;
border-top: 1px puntos # aba;
padding-top: 8px;
)
. Perfil-img (display: inline;)
. Img perfil-img (
float: left;
margin: 0 10px 5px 0;
border: 4px sólidos # FFF;
)
. Perfil de datos fuertes (
display: block;
)
# Perfil contenedor (p
margin: 0 15px .5 em;
)
Perfil de # contenedor. Perfil-TextBlock (
clear: left;
)
# Perfil de un contenedor (
color: # 258;
)
. Perfil de vínculos 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: url # FFF ("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat arriba a la izquierda;
margin: 0 0 15px;
padding: 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;
)
)
@ Media de mano (
. Box (
de fondo: # fff;
)
. Box2 (
de fondo: ninguno;
)
)
. Sidebar-title (
margin: 0;
padding: 0 0 0,2 em;
border-bottom: 1px # 9b9 puntos;
font-size: 115%;
line-height: 1.5em;
color: # 333;
)
. Ul (cuadro
margin: .5 em 0 1.25em;
padding: 0px 0;
list-style: none;
)
. Ul li (cuadro
de fondo: url ("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25 em;
margin: 0;
padding: 16px 0 0 3px;
margin-bottom: 3px;
border-bottom: 1px puntos # eee;
line-height: 1.4em;
)
. Cuadro p (
margin: 0 0 0,6 em;
)
/ * Pie de página
----------------------------------------------- * /
pie de página # (
claro: ambos;
margin: 0;
padding: 15px 0 0;
)
@ Todos los medios de comunicación (
pie de página # div (
de fondo: url # 456 ("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat arriba a la izquierda;
padding: 0 0 8px;
color: # fff;
)
pie de página # div (
de fondo: url ("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat abajo a la izquierda;
padding: 0 15px 8px;
)
)
@ Media de mano (
pie de página # div (
de fondo: # 456;
)
pie de página # div (
de fondo: ninguno;
)
)
horas de pie de página # (display: none;)
pie de página # p (margin: 0;)
# (Pie de página un color: # fff;)
/ * Feeds
----------------------------------------------- * /
# Blogfeeds (
)
# (Postfeeds
padding: 0 15px 0;
)
</ Style>
</ Head>
<link rel="me" href="https://www.blogger.com/profile/08286938797742092721" />
<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/4486485140905952623?origin\x3dhttps://reflexionemosacercade.blogspot.com',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
bordes <! - Comenzar # content - Centros de todo el contenido y prevé flotaba columnas ->
id="content"> <div
<! - Encabezado blog ->
<div id="header"> <div>
<h1 id="blog-title">
<ItemPage> <A href = "<$ BlogURL $>"></ ItemPage>
<$ BlogTitle $>
<ItemPage> </ A> </> ItemPage
</ H1>
id="description"> align="left"> <$ BlogDescription $> </ p>
</ Div> </ div>
<! - # Principales empezar - Contiene principal columna del blog de contenido ->
<div id="main"> <div id="main2"> <div id="main3">
<Blogger>
<BlogDateHeader>
<h2 class="date-header"> <$ BlogDateHeaderDate $> </ h2>
</> BlogDateHeader
<! - Comenzar. Post ->
<div class="post"> <a name = "<$ BlogItemNumber $>"></ a>
<BlogItemTitle>
<BlogItemUrl> <A href = "<$ BlogItemURL $>" title = "enlace externo" class = "link-título"> </ BlogItemURL>
<h3 class="post-title">
<$ BlogItemTitle $>
</ H3>
<BlogItemUrl> </ A> </> BlogItemURL
</> BlogItemTitle
class="post-body"> <div
<p>
<$ BlogItemBody $>
</ P>
</ Div>
class="post-footer"> <p
<em> <$ I18NPostedByAuthorNickname $> @ <a href = "<$ BlogItemPermalinkURL $>" title = "enlace permanente"> <$ BlogItemDateTime $> </ a> </ em>
<BlogItemCommentsEnabled>
I18NNumComments <a class = "comment-link" href = "<$ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnClick $>> <span style="text-transform:lowercase"> <$ $> </ span> </ a>
</ BlogItemCommentsEnabled> <BlogItemBacklinksEnabled>
<A class = "comment-link" href = "<$ BlogItemPermalinkURL $> links #"> <span style="text-transform:lowercase"> <$ I18NLinksToThisPost $> </ span> </ a>
</ BlogItemBacklinksEnabled>
<$ BlogItemControl $>
</ P>
</ Div>
<! - End. Post ->
<! - Comenzar # comments ->
<ItemPage>
id="comments"> <div
<BlogItemCommentsEnabled> <a Name="comments"> </ a>
<h4> <$ I18NNumComments $>:</ h4>
id="comments-block"> <dl
<$ CommentPager $>
<BlogItemComments>
<Dt class = "comment-datos" id = "<$ BlogCommentAnchorName $>">< a name =" <$ BlogCommentAnchorName $>"></ a>
<$ I18NAtCommentTimeWithPermalink $>,
<$ I18NCommentAuthorSaid $>
</ Dt>
class="comment-body"> <dd
<p> <$ BlogCommentBody $> </ p>
<$ BlogCommentDeleteIcon $>
</ Dd>
</ BlogItemComments>
<$ CommentPager $>
</ Dl>
class="comment-timestamp"> <p
<$ BlogItemCreate $>
</ P>
id="postfeeds"> align="left"> <$ 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>
<dd class="comment-body"> <$ BlogBacklinkSnippet $>
<br />
class="comment-poster"> <span
<em> <$ I18NPostedByBacklinkAuthor $> @ <$ BlogBacklinkDateTime $> </ em>
</ Span>
</ Dd>
</ BlogItemBacklinks>
</ Dl>
class="comment-timestamp"> align="left"> <$ BlogItemBacklinkCreate $> </ p>
</ BlogItemBacklinksEnabled>
style="padding-left:20px;"> <p
<A href = "<$ BlogURL $>"><< <$ I18NHome $> </ a>
</ P>
</ Div>
</> ItemPage
<! - End # comments ->
</ Blogger>
</ Div> </ div> </ div>
<! - End # principal ->
<! - Comenzar # barra lateral ->
id="sidebar"> <div
<! - Comenzar perfil # contenedor ->
<$ BlogMemberProfile $>
<! - End # perfil ->
<! - Comenzar. Cuadro ->
<div class="box"> <div class="box2"> <div class="box3">
<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"> Edit-Me </ a> </ li>
<li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit-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"> align="left"> <$ BlogFeedsVertical $> </ p>
<! -
<p> Este es un párrafo de texto que podría ir en la barra lateral. </ p>
->
</ Div> </ div> </ div>
<! - End. Cuadro ->
</ Div>
<! - End # sidebar ->
<! - Comenzar # pie de página ->
<div id="footer"> <div> <div> <hr />
<p> <! - Este es un pie de página opcional. Si desea que el texto aquí, colóquelo dentro de estas etiquetas, y eliminar este comentario. -> </ P>
</ Div> </ div> </ div>
<! - # Fin de pie de página ->
</ Div>
<! - End # content ->
</ Body>
</ Html></body></html>