API tools faq
paste
Advertisement
maryaciolli

Theme 4 blogger (version 1)

maryaciolli
Oct 22nd, 2013
1,000
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.24 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2.  
  3. <!----- THEME MADE BY MARIANA (OFICINADEHTML.TUMBLR.COM) ----->
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  6.  
  7. <title>NOME DO BLOG</title>
  8.  
  9. <style type="text/css">
  10. body {background-color: #eee; background-image: url('http://static.tumblr.com/nqcm3ld/x5hmv2lta/bg8.bmp');}
  11.  
  12. ::-moz-selection{background:#f1f1f1; color:#333333;}
  13.  
  14. a {color: #E28989;text-decoration: none;}
  15. a:hover {color: #aaa;}a
  16.  
  17. a.sidelink {font-family: arial;font-size: 9px;letter-spacing: 1px;
  18. color: #ADACAB;background-color: #E9E7E4;border-bottom: 1px solid #D7D5D3;
  19. letter-spacing: 0px;display: block;margin: 1px 0;padding: 5px;
  20. text-align: left;text-decoration: none;text-transform: uppercase;-webkit-transition-duration: .5s;}
  21. a.sidelink:hover {font-family: arial;font-size: 10px;letter-spacing: 2px;color: #FFFFFF;background-color: #E9E7E4;text-transform: uppercase;
  22. padding: 5px;text-decoration: none;}
  23.  
  24. .nav {font-family: arial;font-size: 10px;text-transform: uppercase;text-decoration: none;display: block;padding: 3px; border: 1px solid #eee;
  25. background: #f8f8f8; margin-bottom:2px; color: #aaa!important;}
  26. a.nav { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #444!important; text-shadow: 0px 2px 1px #fff;}
  27. a.nav:hover { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #444!important; text-shadow: 0px 2px 1px #fff;}
  28.  
  29. td#sidebar { font-family: arial; font-size: 11px; color: #999;
  30. line-height: 1.5; text-align: justify;}
  31.  
  32. .content {background-color: #FFFFFF;border-right: 1px solid #E5E4E1;
  33. border-bottom: 1px solid #E5E4E1;padding: 15px;box-shadow:0px 0px 5px #ddd;}
  34.  
  35. .background {background-color: #E5E4E1;padding: 5px;margin-bottom: 5px;
  36. width: 100%;height: 216px;}
  37.  
  38. .title {font-family: 'Lobster Two', cursive; font-size: 14pt;letter-spacing: 1px; margin-bottom: 2px;color: #9F9F9F;text-align: left;}
  39. .date {background: #F5F5F5; font: normal 7.5pt "Arial", sans-serif;
  40. color: #656565; line-height: 10px;letter-spacing: 0px;text-transform: none;
  41. text-align: left;padding: 3px;margin-bottom: 5px;}
  42.  
  43. .header {margin-top: 15px;}
  44.  
  45. big {font-family: arial;font-size: 20px;line-height: 22px;letter-spacing: -2px;text-transform: uppercase;font-weight: normal;}
  46. b {color: #555;}
  47. i, em {font-family: georgia; color: #888;}
  48. s, strike {color: #CCCCCC;}
  49.  
  50. small, sub, sup {font-family: arial; font-size: 9px;line-height: 10px; letter-spacing: 0px;text-transform: none;}
  51.  
  52. blockquote{padding:10px; background:#f9f9f9; border: 1px solid #eeeeee; margin: 0px;}
  53.  
  54. .icon {margin-right: 5px;background-color: #fff;padding: 5px;}
  55.  
  56.  
  57. ul li, ol li {border-bottom: 1px solid #e0e0e0;list-style: square;padding: 2px 0;margin-left:-5px;}
  58.  
  59. .footer {font-family: arial;font-size: 10px;line-height: 10px;text-transform: uppercase;background-color: #fff;padding: 5px;box-shadow:0px 0px 5px #ddd;}
  60.  
  61. #navbar-iframe {display: none;}
  62.  
  63. .blogger-labels { font: normal 9px 'helvetica', sans-serif; border-top: 1px solid #efefef; padding: 10px 0 0; text-transform: uppercase; }
  64.  
  65.  
  66. .what { background: #fff; padding: 10px 20px 10px 20px; margin-bottom: 10px;
  67. box-shadow:0px 0px 5px #ddd;width:100px; }
  68.  
  69. .p-sinfo {border-bottom: 1px solid #eee;margin: 1px 0;padding: 1px 0px 1px 3px;}
  70.  
  71. .menuesquerda {float:left; width:49%; text-align: left;}
  72. .menudireita {float:right; width:49%; text-align: left;}
  73. .espaco {clear: both;}
  74.  
  75.  
  76. </style></head>
  77.  
  78. <div align="center">
  79. <table cellpadding="0" cellspacing="0" style="margin-left: 235px;">
  80. <tr><td id="sidebar" valign="top" width="110" style="margin-left: -140px; margin-top: 39px; position: fixed;">
  81. <div class="what" style="padding:10px;">
  82. <img src="http://static.tumblr.com/nqcm3ld/dv0mv2lup/tumblr_inline_mrlpux8iqh1qz4rgp.png" width="100" style="margin-bottom: 10px;">
  83. <span class="nav" style="text-decoration: blur" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.borderBottom='0px solid #BDBBB9'" onMouseOver="this.style.textDecoration='none';this.style.cursor='pointer'; this.style.borderBottom='1px solid #BDBBB9'" title="posts">★ entries</span>
  84. <span class="nav" style="text-decoration: blur" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.borderBottom='0px solid #BDBBB9'" onMouseOver="this.style.textDecoration='none';this.style.cursor='pointer'; this.style.borderBottom='1px solid #BDBBB9'" title="perfil">★ about me</span>
  85. <span class="nav" style="text-decoration: blur" onClick="document.getElementById('main').innerHTML=document.getElementById('archives').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.borderBottom='0px solid #BDBBB9'" onMouseOver="this.style.textDecoration='none';this.style.cursor='pointer'; this.style.borderBottom='1px solid #BDBBB9'" title="blog">★ domain</span>
  86. <span class="nav" style="text-decoration: blur" onClick="document.getElementById('main').innerHTML=document.getElementById('affiliates').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.borderBottom='0px solid #BDBBB9'" onMouseOver="this.style.textDecoration='none';this.style.cursor='pointer'; this.style.borderBottom='1px solid #BDBBB9'" title="links">★ affiliates</span>
  87. <span class="nav" style="text-decoration: blur" onClick="document.getElementById('main').innerHTML=document.getElementById('creds').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.borderBottom='0px solid #BDBBB9'" onMouseOver="this.style.textDecoration='none';this.style.cursor='pointer'; this.style.borderBottom='1px solid #BDBBB9'" title="créditos">★ credits</span>
  88.  
  89. </div>
  90.  
  91. </div></td>
  92.  
  93.  
  94. <td id="sidebar" valign="top" width="525" style="margin-top: 26px;">
  95. <div class="header"> </div>
  96. <div id="main">
  97. <blogger><div class="content">
  98. <div class="title"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></div>
  99. <div class="date"> <strong><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></strong>, <strong><$BlogItemDateTime$></strong></div>
  100. <$blogitembody$>
  101.  
  102. </div><br>
  103. </blogger>
  104.  
  105. <center>
  106. <div class="footer">
  107. <OlderPosts><a href=<$OlderPosts$>>?« older posts</a> |</OlderPosts> <a href="#">back to the top</a> <NewerPosts>| <a href=<$NewerPosts$>>newer posts »</a></NewerPosts>
  108. </div></center>
  109. </div>
  110.  
  111. <div id="entries" style="display: none;">
  112. <blogger>
  113. <blogger><div class="content">
  114. <div class="title"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></div>
  115. <div class="date"><strong><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></strong>, <strong><$BlogItemDateTime$></strong></div>
  116. <$blogitembody$>
  117.  
  118. </div><br>
  119. </blogger>
  120.  
  121. <center>
  122. <div class="footer">
  123. <OlderPosts><a href=<$OlderPosts$>>« older posts</a> |</OlderPosts> <a href="#">back to the top</a> <NewerPosts>| <a href=<$NewerPosts$>>newer posts »</a></NewerPosts>
  124. </div></center>
  125. </div>
  126.  
  127. <div id="profile" style="display: none;"><div class="content">
  128. <div class="date">ABOUT ME</div>
  129.  
  130. Escreva aqui sobre você. Escreva aqui sobre o que você gosta. Escreva aqui sobre quem você é. Escreva aqui sobre suas manias. Escreva aqui sobre suas alegrias. Escreva aqui sobre sua decepções. Escreva aqui sobre você. Escreva aqui sobre o que você gosta. Escreva aqui sobre quem você é. Escreva aqui sobre suas manias. Escreva aqui sobre suas alegrias. Escreva aqui sobre sua decepções. Escreva aqui sobre você. Escreva aqui sobre o que você gosta. Escreva aqui sobre quem você é. Escreva aqui sobre suas manias. Escreva aqui sobre suas alegrias. Escreva aqui sobre sua decepções. Escreva aqui sobre você. Escreva aqui sobre o que você gosta. Escreva aqui sobre quem você é. Escreva aqui sobre suas manias. Escreva aqui sobre suas alegrias. Escreva aqui sobre sua decepções. ★ ☆ ★ ☆ ★ ☆
  131.  
  132.  
  133. </div></div>
  134.  
  135. <div id="archives" style="display: none;"><div class="content">
  136. <div class="date">A BLOGUEIRA</div>
  137. <div style="" class="p-sinfo"><b>Nome:</b> Coloque seu nome</div>
  138. <div style="" class="p-sinfo"><b>Hospedagem:</b> Blogger</div>
  139. <div style="" class="p-sinfo"><b>Desde:</b> -/-/-</div>
  140. <div style="" class="p-sinfo"><b>Estilo:</b> Diga se é pessoal, literário, informativo.</div>
  141. <div style="" class="p-sinfo"><b>Tela:</b> 1280x800, Mozilla Firefox </div>
  142. <div style="" class="p-sinfo"><b>Versão:</b> Slow down</div>
  143. </div>
  144.  
  145. <br><div class="content">
  146. <div class="date">ARQUIVOS DO BLOG</div>
  147.  
  148. <select style="width:100%; font-size:8pt; color:#585858; border:1px solid #f2f2f2; text-align:center; font-family:georgia; letter-spacing:2pt;" onChange="location.href=this.options[this.selectedIndex].value;" value="GO">
  149. <option selected="selected">posts recentes</option><BloggerPreviousItems>
  150. <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
  151. </BloggerPreviousItems>
  152. </select>
  153.  
  154. </div></div>
  155.  
  156. <div id="affiliates" style="display: none;"><div class="content">
  157. <div class="date">RECOMENDO OU AFILIAÇÕES</div>
  158. <div class="menuesquerda">
  159. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  160. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  161. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  162. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  163. </div>
  164. <div class="menudireita">
  165.  
  166. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  167. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  168. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  169. <div class="p-sinfo"> <a target="_blank" href="http://LINK.COM">link</a></div>
  170. </div>
  171. <div class="espaco">&nbsp;</div>
  172. </div></div>
  173.  
  174. <div id="creds" style="display: none;"><div class="content">
  175. <div class="date">CREDITOS</div>
  176.  
  177. <div style="" class="p-sinfo"> <a href="http://oficinadehtml.tumblr.com" target="blank">Mariana Aciolli</a> - Theme code </div>
  178.  
  179. <div style="" class="p-sinfo"> <a href="http://tumblr.com/" target="blank">Tumblr</a> - Tutoriais e bg</div>
  180.  
  181. <div style="" class="p-sinfo"><a href="http://tumblr.com/tagged/site model" target="blank">Site Models</a> - Icon</b></div>
  182.  
  183.  
  184. </div></div>
  185. </td></tr></table></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!