< html xmlns = " http://www.w3.org/1999/xhtml "xml : lang = "es" lang = "es" dir = "<$ BlogLanguageDirection $> " >
BlogPageTitle $ $> < / title>
<$ BlogMetaData $>
<style type="text/css">
/ *
-----------------------------------------------
Blogger plantilla de estilo
Nombre: Rounders 3
Diseñador: Douglas Bowman
URL: www.stopdesign.com
Fecha : 27 de febrero 2004
----------------------------------------------- * /
body {
de fondo : # 123;
margin: 0;
padding: 10px 20px ;
texto - align: center ;
fuente: x-small/1.5em " Trebuchet MS " , Verdana , Arial , Sans -serif ;
color: # ccc ;
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 # CEE ( " http://www.blogblog.com/rounders3/corners_main_bot.gif ") no-repeat abajo a la izquierda ;
margin: 15px 0 0 ;
padding: 0 0 10px ;
color: # 333 ;
font-size : 97 % ;
line-height : 1.5em ;
}
# { Main2
float: left ;
width: 100% ;
de fondo : url (" http://www.blogblog.com/rounders3/corners_main_top.gif ") no-repeat arriba a la izquierda ;
padding: 10px 0 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 : # CEE ;
}
# { Main2
float : none ;
width: 100% ;
de fondo : ninguno ;
}
# sidebar {
width: 100% ;
float : none ;
}
}
/ * Enlaces
----------------------------------------------- * /
a: link {
color: # 9 dB ;
}
a: visited {
color: # 798;
}
a: hover {
color: # fff ;
}
una img {
border-width: 0;
}
# principales a: link {
color: # 347;
}
# principales a: visited {
color: # 666 ;
}
# principales a: hover {
color: # 68
}
/ * Blog de cabecera
----------------------------------------------- * /
@ todos los medios de comunicación {
encabezado # {
de fondo : url # 357 ( " http://www.blogblog.com/rounders3/corners_cap_bot.gif ") no-repeat abajo a la izquierda ;
margin: 0 0 0 ;
padding: 0 0 8px ;
color: # fff ;
}
encabezado # div {
de fondo : url (" http://www.blogblog.com/rounders3/corners_cap_top.gif ") no-repeat arriba a la izquierda ;
padding: 15px 0 8px ;
}
}
@ Media de mano {
encabezado # {
de fondo : # 357 ;
}
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 ;
color: # abc ;
}
/ * Mensajes
----------------------------------------------- * /
. fecha -header {
margin: 0 28px 0 43px ;
font-size : 85 % ;
line-height : 2em ;
texto -transform : mayúsculas ;
espaciado entre letras : .2 em ;
color: # 586 ;
}
. post {
margin: 0 25px em 0.3 ;
padding: 0 13px ;
border: 1px # BB9 puntos ;
border-width: 1px 0;
}
. post- título {
margin: 0;
font-size : 135% ;
line-height : 1.5em ;
de fondo : url (" http://www.blogblog.com/rounders3/icon_arrow.gif ") no-repeat 10px .5 em ;
display: block ;
border: 1px # BB9 puntos ;
border-width: 1px 0 1px ;
padding: 2px 14px 29px 2px ;
color: # 333 ;
}
# principales a.title - link, . post- título fuerte {
text-decoration : none ;
display: block ;
}
# principales a.title -link : hover {
background-color : # fff ;
color: # 000 ;
}
. post- body {
border: 1px # BB9 puntos ;
border-width: 1px 0 1px ;
border-bottom -color: # CEE ;
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 : # fff ;
margin: 0;
padding: 2px 14px 29px 2px ;
border: 1px # BB9 puntos ;
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/rounders3/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/rounders3/icon_comment.gif ") no-repeat 0 45 % ;
padding-left : 14px ;
}
. post img {
margin: 0 0 5px 0;
padding: 4px;
border: 1px solid # 586 ;
}
blockquote {
margin: .75 em 0;
border: 1px puntos # 596 ;
border-width: 1px 0;
padding: 15px 5px ;
}
. post { p blockquote
margin: .5 em 0;
}
/ * Comentarios
----------------------------------------------- * /
# comments {
margin: 25px 13px - 0;
border: 1px # 6a7 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 # 6a7 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/rounders3/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: # fff ;
}
. comment- timestamp a: link {
color: # fff ;
}
. 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 # 586 ( " http://www.blogblog.com/rounders3/corners_prof_bot.gif ") no-repeat abajo a la izquierda ;
margin: 0 0 15px ;
padding: 0 0 10px ;
color: # fff ;
}
# perfil contenedor h2 {
de fondo : url (" http://www.blogblog.com/rounders3/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: # fff ;
}
}
@ Media de mano {
Perfil # contenedor {
de fondo : # 586 ;
}
# perfil contenedor h2 {
de fondo : ninguno ;
}
}
. perfil bloque de datos {
margin: 0 15px .5 em ;
border-top : 1px # 7a8 puntos ;
padding-top : 8px ;
}
. perfil -img {display: inline ; }
. img perfil -img {
float: left ;
margin: 0 10px 5px 0;
border: 4px sólidos # bec ;
}
. 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: # fff ;
}
. perfil de vínculos a {
de fondo : url (" http://www.blogblog.com/rounders3/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 # 234 ( " http://www.blogblog.com/rounders3/corners_side_top.gif ") no-repeat arriba a la izquierda ;
margin: 0 0 15px ;
padding: 10px 0 0 ;
color: # abc ;
}
. box2 {
de fondo : url (" http://www.blogblog.com/rounders3/corners_side_bot.gif ") no-repeat abajo a la izquierda ;
padding: 0 13px 8px ;
}
}
@ Media de mano {
. box {
de fondo : # 234;
}
. box2 {
de fondo : ninguno ;
}
}
. sidebar -title {
margin: 0;
padding: 0 0 0,2 em ;
border-bottom : 1px puntos # 456;
font-size : 115% ;
line-height : 1.5em ;
color: # abc ;
}
. ul { cuadro
margin: .5 em 0 1.25em ;
padding: 0px 0 ;
list-style : none ;
}
. ul li { cuadro
de fondo : url (" http://www.blogblog.com/rounders3/icon_arrow_sm.gif ") no-repeat 2px .25 em ;
margin: 0;
padding: 16px 0 0 3px ;
margin-bottom : 3px ;
border-bottom : 1px puntos # 345;
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 # 357 ( " http://www.blogblog.com/rounders3/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/rounders3/corners_cap_bot.gif ") no-repeat abajo a la izquierda ;
padding: 0 15px 8px ;
}
}
@ Media de mano {
pie de página # div {
de fondo : # 357 ;
}
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/11937750495519942399" />
<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/7301207868983154661?origin\x3dhttp://doctoraquinmanualidades.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>