< html xmlns = " http://www.w3.org/1999/xhtml "xml : lang = "en" lang = "en "dir = "<$ BlogLanguageDirection $> ">
$ BlogPageTitle $> </ title>
<$ BlogMetaData $>
<style type="text/css">
/ *
-----------------------------------------------
Blogger Template Style
Name: Rounders
Data: 27 de fevereiro, 2004
----------------------------------------------- * /
body {
background: # ABA ;
margin: 0;
padding: 10px 20px;
text-align : center;
fonte: x-small/1.5em " Trebuchet MS " , Verdana , Arial, Sans -Serif ;
color: # 333;
font-size */:/**/ / * pequenas;
font-size: / ** / pequeno;
}
/ * Estrutura Page
----------------------------------------------- * /
/ * As imagens que ajudam a criar cantos arredondados depende da
seguintes larguras e medições. Se você quer mudar
essas medidas , as imagens também têm de mudar.
* /
@ todos os meios {
# content {
width: 740px ;
margin: 0 auto ;
text-align : left;
}
# Main {
width: 485px ;
float : left;
background: # fff url (" http://www.blogblog.com/rounders/corners_main_bot.gif ") no-repeat canto inferior esquerdo ;
margin: 15px 0 0 ;
padding: 0 0 10px;
color: # 000;
font-size: 97% ;
line-height : 1.5em ;
}
# { main2
float : left;
width: 100% ;
background: url (" http://www.blogblog.com/rounders/corners_main_top.gif ") no-repeat canto superior esquerdo ;
padding: 10px 0 0 ;
}
# { main3
background: url (" http://www.blogblog.com/rounders/rails_main.gif ") repeat- y ;
padding: 0;
}
# Sidebar {
width: 240px ;
float : right;
margin: 15px 0 0 ;
font-size: 97% ;
line-height : 1.5em ;
}
}
@ Media handheld {
# content {
width: 90%;
}
# Main {
width: 100% ;
float: none ;
background: # fff ;
}
# { main2
float: none ;
background: none ;
}
# { main3
background: none ;
padding: 0;
}
# Sidebar {
width: 100% ;
float: none ;
}
}
/ * Links
----------------------------------------------- * /
a: link {
color: # 258;
}
a: visited {
color: # 666 ;
}
a: hover {
color: # C63 ;
}
uma img {
border-width : 0;
}
/ * Blog Cabeçalho
----------------------------------------------- * /
@ todos os meios {
fff ;
}
div # header {
background: url (" http://www.blogblog.com/rounders/corners_cap_bot.gif ") no-repeat canto inferior esquerdo ;
padding: 0 15px 8px;
}
}
@ Media handheld {
# header {
background: # 456;
}
div # header {
background: none ;
}
}
# blog { título
margin: 0;
padding: 10px 30px 5px;
font-size: 200%;
line-height: 1.2em ;
}
# blog title- a {
text-decoration : none;
color: # fff ;
}
# { descrição
margin: 0;
padding: 5px 30px 10px;
font-size: 94%;
line-height : 1.5em ;
}
/ * Posts
----------------------------------------------- * /
. date -header {
margin: 0 28px 0 43px ;
font-size: 85%;
line-height: 2em ;
text-transform : uppercase ;
letter-spacing : .2 em;
color: # 357 ;
}
. { post
margin: .3 em 0 25px ;
padding: 0 13px;
border: 1px dotted # bbb ;
border-width : 1px 0;
}
. post -title {
margin: 0;
font-size: 135% ;
line-height : 1.5em ;
background: url (" http://www.blogblog.com/rounders/icon_arrow.gif ") no-repeat 10px em 0,5 ;
display: block ;
border: 1px dotted # bbb ;
border-width : 0 1px 1px ;
padding: 2px 14px 29px 2px ;
color: # 333;
}
a.title - link . título de pós- forte {
text-decoration : none;
display: block ;
}
a.title link : hover {
background-color: # DED ;
color: # 000;
}
. post -body {
border: 1px dotted # bbb ;
border-width : 0 1px 1px ;
border-bottom -color: # fff ;
padding: 10px 14px 29px 1px ;
}
html> body . corporal pós- {
border-bottom -width : 0;
}
. post p {
margin: 0 0 em 0,75 ;
}
rodapé p.post {
background: # DED ;
margin: 0;
padding: 2px 14px 29px 2px ;
border: 1px dotted # bbb ;
border-width : 1px;
border-bottom : 1px # eee sólidos;
font-size: 100%;
line-height : 1.5em ;
color: # 666 ;
text-align : right;
}
html > body { p.post rodapé
border- bottom-color : transparent ;
}
em rodapé p.post {
display: block ;
float : left;
text-align : left;
font-style: normal;
}
a.comment link {
/ * IE5.0/Win não se aplica ao preenchimento elementos inline,
por isso, esconder estas duas declarações dele * /
fundo / * */:/**/ url (" http://www.blogblog.com/rounders/icon_comment.gif ") no-repeat 0 45 %;
padding-left: 14px ;
}
html > body { link a.comment
/ * respecified , para benefício IE5/Mac 's * /
background: url (" http://www.blogblog.com/rounders/icon_comment.gif ") no-repeat 0 45 %;
padding-left: 14px ;
}
. post { img
margin: 5px 0 0 0;
padding: 4px;
border: 1px solid # ccc ;
}
blockquote {
margin: 0,75 em 0;
border: 1px dotted # ccc ;
border-width : 1px 0;
padding: 15px 5px;
color: # 666 ;
}
. blockquote post p {
margin: 0,5 em 0;
}
/ * Comentários
----------------------------------------------- * /
# comments {
margin: 25px 13px - 0;
border: 1px dotted # ccc ;
border-width : 0 1px 1px ;
padding: 20px 0 15px 0;
}
# comments h4 {
margin: 0 0 10px;
padding: 0 14px 29px 2px ;
border-bottom : 1px dotted # ccc ;
font-size: 120% ;
line-height: 1.4em ;
color: # 333;
}
# Comments -block {
margin: 0 15px 0 9px ;
}
. comment- dados {
background: url (" http://www.blogblog.com/rounders/icon_comment.gif ") no-repeat 2px em 0,3 ;
margin: 0,5 em 0;
padding: 0 0 0 20px;
color: # 666 ;
}
. poster comentário {
font-weight : bold;
}
. comentário corpo {
margin: 0 0 1.25em ;
padding: 0 0 0 20px;
}
. p { corpo comentário
margin: 0 0 .5 em;
}
. timestamp { comentário
margin: 0 0 .5 em;
padding: 0 0 0,75 em 20px;
color: # 666 ;
}
. comment- timestamp a: link {
color: # 666 ;
}
. eliminada- { comentário
font-style : italic;
cor: cinza;
}
. paginação de controle de container {
float : right;
margin: 0px 0px 0px 6px ;
font-size: 80%;
}
. desnecessários paginação controle {
visibility: hidden ;
}
/ Perfil *
----------------------------------------------- * /
@ todos os meios {
# container { perfil
background: url # CDC (" http://www.blogblog.com/rounders/corners_prof_bot.gif ") no-repeat canto inferior esquerdo ;
margin: 0 0 15px ;
padding: 0 0 10px;
color: # 345;
}
# perfil contêiner h2 {
background: url (" http://www.blogblog.com/rounders/corners_prof_top.gif ") no-repeat canto superior esquerdo ;
padding: 10px 15px em 0,2 ;
margin: 0;
border-width : 0;
font-size: 115%;
line-height : 1.5em ;
color: # 234;
}
}
@ Media handheld {
# container { perfil
background: # CDC ;
}
# perfil contêiner h2 {
background: none ;
}
}
. DataBlock perfil {
margin: 0 15px em 0,5 ;
border- top: 1px dotted # ABA ;
padding- top: 8px;
}
. perfil img { display: inline; }
. img perfil de { img
float : left;
margin: 5px 0 10px 0;
border: # fff 4px sólidos;
}
. perfil de dados strong {
display: block ;
}
p # container { perfil
margin: 0 15px em 0,5 ;
}
# perfil recipiente . TextBlock perfil {
clear: left ;
}
# perfil de contêiner a {
color: # 258;
}
. perfil de um link {
background: url (" http://www.blogblog.com/rounders/icon_profile.gif ") no-repeat 0 em 0,1 ;
padding-left: 15px ;
font-weight : bold;
}
DataBlock - ul.profile {
list-style -type: none ;
}
/ * Sidebar Boxes
----------------------------------------------- * /
@ todos os meios {
. { caixa
background: # fff url (" http://www.blogblog.com/rounders/corners_side_top.gif ") no-repeat canto superior esquerdo ;
margin: 0 0 15px ;
padding: 10px 0 0 ;
color: # 666 ;
}
. box2 {
background: url (" http://www.blogblog.com/rounders/corners_side_bot.gif ") no-repeat canto inferior esquerdo ;
padding: 0 13px 8px;
}
}
@ Media handheld {
. { caixa
background: # fff ;
}
. box2 {
background: none ;
}
}
. sidebar -title {
margin: 0;
padding: 0 0 em 0,2 ;
border-bottom : 1px dotted # 9b9 ;
font-size: 115%;
line-height : 1.5em ;
color: # 333;
}
. ul { caixa
margin: 0 1.25em em 0,5 ;
padding: 0 0px;
list-style : none;
}
. ul li { caixa
background: url (" http://www.blogblog.com/rounders/icon_arrow_sm.gif ") no-repeat 2px em 0,25 ;
margin: 0;
padding: 3px 0 0 16px ;
margin-bottom: 3px;
border-bottom : 1px dotted # eee ;
line-height: 1.4em ;
}
. box p {
margin: 0 0 em 0,6 ;
}
/ * Footer
----------------------------------------------- * /
# footer {
clear: both ;
margin: 0;
padding: 15px 0 0 ;
}
@ todos os meios {
div # footer {
background: url # 456 ( " http://www.blogblog.com/rounders/corners_cap_top.gif ") no-repeat canto superior esquerdo ;
padding: 8px 0 0 ;
color: # fff ;
}
div # footer {
background: url (" http://www.blogblog.com/rounders/corners_cap_bot.gif ") no-repeat canto inferior esquerdo ;
padding: 0 15px 8px;
}
}
@ Media handheld {
div # footer {
background: # 456;
}
div # footer {
background: none ;
}
}
hr # footer {display : none;}
p # footer {margin : 0 ;}
# rodapé a {color: # fff ;}
/ * Feeds
----------------------------------------------- * /
# { blogfeeds
}
# { postfeeds
padding: 0 15px 0;
}
</ Style>
</ Head>
<link rel="me" href="https://draft.blogger.com/profile/17813752228962076852" />
<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://draft.blogger.com/navbar/5594144812338014795?origin\x3dhttp://receitadeolhar.blogspot.com',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
bordas <! - Begin # content - Centros de todo o conteúdo e prevê flutuava colunas ->
id="content"> <div
<! - Blog Header ->
<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>
<! - Begin # main - Contém coluna principal conteúdo do blog ->
<div id="main"> <div id="main2"> <div id="main3">
<Blogger>
<BlogDateHeader>
<h2 class="date-header"> <$ BlogDateHeaderDate $> </ h2>
</ > BlogDateHeader
<! - Begin. post ->
<div class="post"> <a name = " <$ BlogItemNumber $>"></ a>
<BlogItemTitle>
<BlogItemUrl> <a href = " <$ BlogItemURL $> "title = "link 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 = "link permanente "> < $ BlogItemDateTime $ > </ a > </ em>
<BlogItemCommentsEnabled>
I18NNumComments <a class = "comment -link href = "< $ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnClick $ > <span style="text-transform:lowercase"> < $ > </ span> < / a>
</ BlogItemCommentsEnabled > <BlogItemBacklinksEnabled>
links <a class = "comment -link href = "< $ BlogItemPermalinkURL $> # " > <span style="text-transform:lowercase"> <$ I18NLinksToThisPost $> </ span> </ a>
</ BlogItemBacklinksEnabled>
<$ BlogItemControl $>
</ P>
</ Div>
<! - Fim . mensagem ->
<! - Begin # comments ->
<ItemPage>
id="comments"> <div
<BlogItemCommentsEnabled> <a name="comments"> </ a>
<h4> < I18NNumComments $ $>:</ h4>
id="comments-block"> <dl
<$ CommentPager $>
<BlogItemComments>
<Class dt = " comment- dados " 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"> <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>
<dd class="comment-body"> <$ 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
<! - End # comments ->
</ Blogger>
< / div> < / div> < / div>
<! - End # principal ->
<! - Begin # sidebar ->
id="sidebar"> <div
<! - Begin # Profile container - >
<$ BlogMemberProfile $>
<! - End # profile - >
<! - Begin. box - >
<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 News </ 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"> <p <$ BlogFeedsVertical $> < / p>
<! -
<p> Este é um parágrafo do texto que poderia ir na barra lateral. </ p>
->
< / div> < / div> < / div>
<! - Fim . box - >
</ Div>
<! - End # sidebar ->
<! - Begin # footer ->
<div id="footer"> <div> <hr />
<p> <! - Este é um opcional de rodapé . Se você deseja que o texto aqui , coloque-o dentro destas tags e remova este comentário. -> < / p>
< / div> < / div> < / div>
<! - End # footer ->
</ Div>
<! - End # content ->
</ Body>
</ Html></body></html>