< 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.g?targetBlogID\x3d4435770447286521347\x26blogName\x3dMARIA+CLARETE+FONTOLAN\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://mariaclaretefontolan.blogspot.com/search\x26blogLocale\x3dpt_BR\x26v\x3d2\x26homepageUrl\x3dhttp://mariaclaretefontolan.blogspot.com/\x26vt\x3d-6251420896327268372', 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>