< html xmlns = " http://www.w3.org/1999/xhtml "xml : lang = "en" lang = "en "dir = "<$ BlogLanguageDirection $> ">
$ BlogPageTitle $> </ title>
<$ BlogMetaData $>
type="text/css"> <style
/ *
-----------------------------------------------
Blogger Template Style
Nome: Thisaway (Rose )
Designer: Dan Rubin
URL: www.superfluousbanter.org
Data: 29 de fevereiro de 2004
----------------------------------------------- * /
/ * global
----------------------------------------------- * /
body {
margin: 0;
padding: 0;
text-align : center;
min -width: 760px ;
background: url # ce436e http://www.blogblog.com/thisaway_rose/bg_body.gif () repeat- x superior esquerdo ;
font-family : helvetica , arial, verdana, " Trebuchet MS ", sans -serif ;
color: # 632035 ;
}
blockquote {
margin: 0;
padding: 0 10px 0 10px ;
border-left : 6px solid # f7d8e2 ;
border- right: 6px solid # f7d8e2 ;
color: # ba476b ;
}
{code
color: # ba8094 ;
}
{ hr
display: none ;
}
/ * layout
----------------------------------------------- * /
@ todos os meios {
# wrapper {
margin: 0 auto ;
width: 760px ;
text-align : left;
}
# blog -header {
padding-bottom : 15px ;
background: http://www.blogblog.com/thisaway_rose/bg_header_bottom.gif (url) no-repeat canto inferior esquerdo ;
}
# div { header blog
background: url # 632035 ( http://www.blogblog.com/thisaway_rose/bg_header.gif ) repeat- x inferior esquerdo;
}
# wrapper { principal
position: relative ;
width: 760px ;
top background: url # f7f0e9 ( http://www.blogblog.com/thisaway_rose/bg_main_wrapper.gif ) repeat- y esquerda;
}
# { conteúdo principal
display: inline; / * corrige um bug estranho isto * / margem
float : left;
margin: 0 0 0 3px;
padding: 0;
width: 483px ;
}
# Content -wrapper {
padding: 22px 0 0 0;
background: http://www.blogblog.com/thisaway_rose/bg_content.gif (url) repeat- x superior esquerdo ;
}
}
@ Media handheld {
# wrapper {
width: 90%;
}
# blog -header {
background: none ;
}
# div { header blog
background: # 632035 ;
}
# wrapper { principal
width: 100% ;
background: # f7f0e9 ;
}
# { conteúdo principal
float: none ;
width: 100% ;
}
# Content -wrapper {
background: none ;
}
}
. { post
margin: 0 16px 14px 29px ;
padding: 0;
border-bottom : 3px solid # f7d8e2 ;
}
# comments {
margin: 0 16px 14px 29px ;
padding: 10px;
border: 1px solid # f0ced8 ;
background-color : # f5e4e9 ;
}
@ todos os meios {
# Sidebar -wrapper {
display: inline; / * corrige um bug estranho isto * / margem
float : right;
margin: 0 0 0 3px ;
width: 269px ;
color: # 761c37 ;
background: http://www.blogblog.com/thisaway_rose/bg_sidebar.gif (url) repeat- x superior esquerdo ;
}
# Sidebar {
padding: 11px 0 14px 7px ;
background: url ( http://www.blogblog.com/thisaway_rose/bg_sidebar_arrow.gif ) repeat- y 0 179px ;
}
# blog -footer {
padding- top: 15px ;
background: http://www.blogblog.com/thisaway_rose/bg_footer_top.gif (url) no-repeat canto superior esquerdo ;
}
# div { rodapé blog
background: url # 491525 http://www.blogblog.com/thisaway_rose/bg_footer.gif () repeat- x superior esquerdo ;
}
}
@ Media handheld {
# Sidebar -wrapper {
float: none ;
width: 100% ;
background: none ;
}
# Sidebar {
background: none ;
}
# blog -footer {
background: none ;
}
# div { rodapé blog
background: # 491525 ;
}
}
# container { perfil
margin-bottom: 20px;
}
# blog -footer {
padding- top: 15px ;
background: http://www.blogblog.com/thisaway_rose/bg_footer_top.gif (url) no-repeat canto superior esquerdo ;
}
# div { rodapé blog
background: url # 491525 http://www.blogblog.com/thisaway_rose/bg_footer.gif () repeat- x superior esquerdo ;
}
/ * posições
----------------------------------------------- * /
# blog -header h1 {
margin: 0;
padding: 26px 0 0 84px ;
color: # feeef3 ;
font-size: 30px ;
line-height: 25px ;
background: http://www.blogblog.com/thisaway_rose/icon_header.gif (url) no-repeat 16px 26px ;
}
cabeçalho h2.date {
margin: 0;
padding: 0 0 0 29px ;
font-size : 10px;
text-transform : uppercase ;
color: # c88fa2 ;
background: http://www.blogblog.com/thisaway_rose/icon_date.gif (url) no-repeat 13px 0;
}
. span cabeçalho data {
margin: 0 0 0 5px;
padding: 0 25px 0 25px ;
background: http://www.blogblog.com/thisaway_rose/bg_date.gif (url) no-repeat 0 0 ;
}
título h2.sidebar {
padding: 1px 0 0 36px ;
font-size: 14px ;
color: # bd8095 ;
background: http://www.blogblog.com/thisaway_rose/icon_sidebar_heading.gif (url) no-repeat 0 45 %;
}
# Container perfil de h2.sidebar título {
color: # 95526a ;
background: http://www.blogblog.com/thisaway_rose/icon_sidebar_profileheading.gif (url) no-repeat 0 45 %;
}
. h3.post pós -título {
margin: 13px 0 0 0;
padding: 0;
font-size: 18px ;
color: # ba476b ;
}
# comments h4 {
margin- top: 0;
font-size: 16px ;
}
/ * texto
----------------------------------------------- * /
p # header { blog
margin: 0;
padding: 16px 0 84px 7px ;
color: # feeef3 ;
font-size : 10px;
font-weight : bold;
line-height : 14px;
}
. div corpo pós- {
font-size: 13px;
line-height : 18px ;
margin: 0;
height: 1 %;
overflow : visible ;
}
. blockquote corpo pós- {
margin: 0px 10px ;
}
rodapé p.post {
font-size: 11px;
color: # bd8095 ;
text-align : right;
}
em rodapé p.post {
display: block ;
float : left;
text-align : left;
font-style: normal;
}
p.comment de dados {
font-size : 12px;
}
. p { corpo comentário
font-size : 12px;
line-height: 17px ;
}
. 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 ;
}
# Sidebar { p
font-size : 12px;
line-height: 17px ;
margin-bottom: 20px;
}
# Sidebar { p.profile TextBlock
clear: both ;
margin-bottom: 10px;
}
. perfil link {
padding: 0 0 0 17px ;
background: http://www.blogblog.com/thisaway_rose/icon_profile.gif (url) no-repeat 0 0 ;
}
p # alimentado por {
margin: 0;
padding: 0;
}
p # footer { blog
margin: 0;
padding: 15px 0 0 55px ;
color: # feeef3 ;
font-size : 10px;
line-height : 14px;
background: http://www.blogblog.com/thisaway_rose/icon_footer.gif (url) no-repeat 16px 0;
}
/ * Lista
----------------------------------------------- * /
. perfil de dados {
font-size: 13px;
line-height: 17px ;
}
. post ul {
padding-left: 32px ;
list-style -type: none ;
font-size: 13px;
line-height : 18px ;
}
. li { post
padding: 17px 0 0 4px ;
background: http://www.blogblog.com/thisaway_rose/icon_list_item.gif (url) no-repeat 0 3px;
}
# comments ul {
margin: 0;
padding: 0;
list-style -type: none ;
}
# { li comentários
padding: 17px 0 0 1px ;
background: http://www.blogblog.com/thisaway_rose/icon_comment.gif (url) no-repeat 0 3px;
}
# Sidebar ul {
margin: 0 0 20px 0;
padding: 0;
list-style -type: none ;
font-size : 12px;
line-height : 14px;
}
# Sidebar li {
padding: 17px 0 0 4px ;
background: http://www.blogblog.com/thisaway_rose/icon_list_item.gif (url) no-repeat 0 3px;
}
/ Links *
----------------------------------------------- * /
a {
color: # bf277e ;
font-weight : bold;
}
a: hover {
color: # 96095a ;
}
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/thisaway_rose/icon_comment.gif ) no-repeat 0% 45;
padding-left: 14px ;
}
html > body { link a.comment
/ * respecified , para ie5/mac '* benefício / s
background: http://www.blogblog.com/thisaway_rose/icon_comment.gif (url) no-repeat 0 45 %;
padding-left: 14px ;
}
# Sidebar ul { um
color: # e25984 ;
}
# Sidebar hover a: ul {
color: # b02c56 ;
}
# alimentado por uma img {
border: none ;
}
# blog cabeçalho h1 a {
color: # feeef3 ;
text-decoration : none;
}
# blog cabeçalho h1 a: hover {
color: # d9b4c1 ;
}
título h3.post -a {
color: # ba476b ;
text-decoration : none;
}
título h3.post -a : hover {
color: # 902245 ;
}
/ * Diversos
----------------------------------------------- * /
. postar foto {
padding: 3px;
border: 1px solid # ebbdcc ;
}
. perfil img {
display: inline;
}
. img perfil de { img
float : left;
margin: 5px 0 10px 0;
padding: 3px;
border: 1px solid # ebbdcc ;
}
. perfil de dados strong {
display: block ;
}
. claro {
clear: both ;
line-height : 0;
height: 0;
}
/ * Feeds
----------------------------------------------- * /
# { blogfeeds
font-size: 14px ;
}
# { postfeeds
font-size : 12px;
}
</ Style>
</ Head>
<link rel="me" href="https://www.blogger.com/profile/09233465270677331686" />
<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/4435770447286521347?origin\x3dhttps://mariaclaretefontolan.blogspot.com',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
<! - # wrapper para centralizar o layout ->
id="wrapper"> <div
<! - Blog Header ->
<div id="blog-header"> <div>
<h1>
<ItemPage> <a href = " <$ BlogURL $>"></ ItemPage>
<$ BlogTitle $>
<ItemPage> </ a > </ > ItemPage
</ H1>
<p> $ BlogDescription $> </ p>
< / div> < / div>
<! - Begin # main- wrapper - envolve o # main -content e # sidebar divs para o posicionamento ->
id="main-wrapper"> <div
<! - Begin # main - Este div contém a coluna principal conteúdo do blog ->
id="main-content"> <div
<! - Begin # content -wrapper ->
id="content-wrapper"> <div
<Blogger>
<BlogDateHeader>
<h2 class="date-header"> <$ BlogDateHeaderDate $> </ h2>
</ > BlogDateHeader
<! - Begin. post ->
<div class="post"> <a name = " <$ BlogItemNumber $>"></ a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl> <a href = " <$ BlogItemURL $> "title = "link externo" > </ BlogItemURL >
<$ $ BlogItemTitle >
<BlogItemUrl> </ a > </ BlogItemURL
</ H3>
</ > BlogItemTitle
class="post-body"> <div
<div>
<$ BlogItemBody $>
</ Div>
</ Div>
<p class="post-footer">
<em> I18NPostedByAuthorNickname $ $> @ <a href = "< $ BlogItemPermalinkURL $> "title = "link permanente "> < $ BlogItemDateTime $ > </ a > </ em>
<MainOrArchivePage> <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>
</ MainOrArchivePage > < $ BlogItemControl $>
</ P>
</ Div>
<! - Fim . mensagem ->
<! - Begin # comments ->
<ItemPage>
id="comments"> <div
<BlogItemCommentsEnabled> <a name="comments"> </ a>
<h4> < I18NNumComments $ $>:</ h4>
<ul>
<$ CommentPager $>
<BlogItemComments>
li < id = " <$ BlogCommentAnchorName $>">< a name = "<$ BlogCommentAnchorName $>"></ a>
class="comment-data"> <p I18NAtCommentTimeWithPermalink $ $ > <$ I18NCommentAuthorSaid $> < / p>
class="comment-body"> <div
<p> $ BlogCommentBody $> < / p>
<$ BlogCommentDeleteIcon $ >
</ Div>
</ Li>
</ BlogItemComments >
<$ CommentPager $>
</ Ul>
class="comment-data"> <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>
class="comment-data"> <p
<A href = " <$ BlogURL $>"><< <$ I18NHome $> < / a>
</ P>
</ Div>
</ > ItemPage
<! - End # comments ->
</ Blogger>
</ Div>
<! - End # content -wrapper ->
</ Div>
<! - End # principal de conteúdo ->
<! - Begin # sidebar -wrapper ->
id="sidebar-wrapper"> <div
<! - Begin # sidebar ->
id="sidebar"> <div
<! - Begin # Profile container - >
<$ BlogMemberProfile $>
<! - End # profile - >
<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>
</ Div>
<! - End # sidebar ->
</ Div>
<! - End # sidebar -wrapper ->
<div class="clear"> </ div>
</ Div>
<! - End # wrapper principal ->
<div id="blog-footer"> <div>
<p> <! - Se você quiser , você pode colocar informações de rodapé aqui. -> < / p>
< / div> < / div>
</ Div>
<! - End # wrapper ->
</ Body>
</ Html></body></html>