Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme our dreams

By: karinagomes on May 8th, 2012  |  syntax: None  |  size: 8.31 KB  |  hits: 15  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5. <head>
  6. <title>{Title}</title>
  7. <script type="text/javascript">
  8. function changeNavigation(id) {document.getElementById('posts').innerHTML=document.getElementById(id).innerHTML}
  9. </script>
  10. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  11. </head>
  12.  
  13. <style type="text/css">
  14.  
  15. /*** Body por Anna (livelikeasuicide) ***/
  16. body {font:11px tahoma; color:#808080; margin:0; text-align:center;
  17. background: #eee url('Link do background') fixed;}
  18.  
  19. .title {font-family: 'Poiret One', cursive; font-size: 30px; font-color: #ff0022;}
  20.  
  21. a.tag{font-size: 8px;
  22. font-family:"04b03", small fonts;
  23. font-size:8px;
  24. text-transform: uppercase;
  25. -webkit-border-radius: 5px;
  26. -moz-border-radius: 5px;
  27. border-radius: 5px;
  28. color: #fff;
  29. background: #b3b3b3;
  30. padding: 3px;
  31. text-align: center;
  32. margin: 1px;
  33. margin-bottom: 0px;
  34. margin-right: 2px;
  35. display: inline-block;
  36. text-shadow: -1px -1px 0px #000000;}
  37. a.tag:hover{color: #ffffff;}
  38. /* --- font small por Debs ------- */
  39. @font-face {font-family: "04b03";
  40. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  41. format("truetype");}
  42. @font-face {font-family: "charnarr";
  43. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  44. format("truetype");}
  45.  
  46. .ll3 {margin: 4px;}
  47. .ll3 a {display: inline-block; margin-top: 1px; text-transform:uppercase;margin-left: -1px;margin-right: -1px; font-style: normal;font-size: 12px; font-family: verdana; letter-spacing: 1px; padding: 9px; width: 20px; background: #d0ade2 url('http://static.tumblr.com/wa79tuo/X6rm1gmg5/header.png'); color: #fff;-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;text-shadow: 1px 1px 1px #e09693; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
  48. .ll3 a:hover {opacity: 0.5;}
  49.  
  50. /*** Theme por Anna (livelikeasuicide) ***/
  51. #corpo{width: 780px; text-align:left; margin-left: auto; margin-right: auto;}
  52. #posts {float:right; margin-top: 12px; width: 510px; padding-left: -5px}
  53. #posts .post{margin-bottom:12px;}
  54. #sidebar {text-align:justify; float:left; width: 250px; margin-top: 15px;
  55. padding:0px; position: fixed;}
  56. .caixap {background: #fff; padding: 5px;}
  57. .caixa {background: #fff; padding: 5px; margin-top: -2px;}
  58. /*** Formatação dos textos por Anna (livelikeasuicide) ***/
  59. strong, b, bold {color:#ff0023; text-decoration:none; font-weight:bold;} /* negrito */
  60. i, em {color:#ff0010;} /* italico */
  61. u, underline {text-decoration:none; border-bottom:1px solid #ff0030;} /* sublinhado */
  62. s, s /*** Blockquote por Anna (livelikeasuicide) ***/
  63. blockquote {text-align: center; padding: 5px; background-url: ('http://media.tumblr.com/tumblr_lra7r0mdxW1qm574l.bmp');
  64. border-left: 5px solid #ff0028;}trike {color: #b3b3b3;} /* Riscado */
  65.  
  66. a {color: #ffb3b3; text-decoration: none;}
  67. a:hover {color: #ff0035;}
  68.  
  69. .borderimage {display: block; margin-left: auto; margin-right: auto;
  70. margin-bottom: 2px; margin-top: 2px; padding: 1px; background: #ff0028;
  71. border: 3px solid #b3b3b3;}
  72.  
  73. #menu{ list-style:none; position: absolute; top: 250px; height:70px;width:660px;}
  74. #menu li{float:left;width:109px;height:70px;position:relative;overflow:hidden;}
  75. #menu li a{position:absolute;top:20px;text-indent:-999em;background:url(http://static.tumblr.com/wa79tuo/X6rm1gmg5/header.png) no-repeat 0 0;display:block;width:109px;height:70px; }
  76. </style>
  77.  
  78. <body><center><div class="menu">
  79. <div class="ll3">
  80. <a href="/">01</a>
  81. <a href="/ask">02</a>
  82. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('posts').innerHTML=document.getElementById('01').innerHTML" class="ll3">03</a>
  83. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('posts').innerHTML=document.getElementById('02').innerHTML" class="ll3">04</a>
  84. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('posts').innerHTML=document.getElementById('03').innerHTML" class="ll3">05</a>
  85. <a href="http://www.tumblr.com/dashboard">06</a> <br>
  86. </div></div>
  87. <div id="corpo">
  88. <div id="sidebar"> <div class="caixa">
  89. {Description} <img src="http://29.media.tumblr.com/tumblr_lwzjt4bV6U1qfbv2lo1_400.gif" width="200px" class="borderimage"><img src="http://24.media.tumblr.com/tumblr_lwzjt4bV6U1qfbv2lo3_400.gif" width="200px" class="borderimage"><img src="http://27.media.tumblr.com/tumblr_lwzjt4bV6U1qfbv2lo6_400.gif" width="200px" class="borderimage"></div><center>
  90.  
  91. {block:Pagination}<BR><span class=”page_link”>
  92.  
  93. {block:PreviousPage}
  94.  
  95. <a href={PreviousPage} title=”newer posts” class=”page_link”><big><big><big><big>
  96. <big>&#171;</big></big></big></big>
  97. </big></a> # {/block:PreviousPage}
  98.  
  99. {block:NextPage}
  100.  
  101. <a href={NextPage} title=”older posts” class=”page_link”><big><big><big><big>
  102. <big>&#187;</big></big></big></big>
  103. </big></a>{/block:NextPage}</span>
  104.  
  105. {/block:Pagination} </div>
  106.  
  107. <div id="posts">
  108. {block:Posts}
  109.  
  110. {block:Regular}
  111. <div class="post"><div class="caixap">
  112. {block:Title}<a href="{Permalink}"><div class="title">{Title}</div></a>{/block:Title}
  113. {Body}</div></div>
  114. {/block:Regular}
  115.  
  116. {block:Photo}
  117. <div class="post"><div class="caixap">
  118. <center><img src="{PhotoURL-500}" class="borderimage"></center>
  119. {block:Caption}{Caption}{/block:Caption}
  120. </div></div>{/block:Photo}
  121.  
  122. {block:Photos}
  123. <div class="post"><div class="caixap">
  124. <center><img src="{Photoset-500}" class="borderimage"></center>
  125. {block:Caption}{Caption}{/block:Caption}
  126. </div></div>{/block:Photos}
  127.  
  128. {block:Answer}
  129. <div class="post"><div class="caixap">
  130. <img src="{AskerPortraitURL-24}" align="left">
  131. <strong>{Asker}</strong> perguntou:<br>
  132. {Question}<br><br>
  133. <img src="{PortraitURL-24}" align="right"> <strong>{Title}</strong> respondeu:
  134.  
  135. {Answer}
  136. </div></div>
  137. {block:Answer}
  138.  
  139. {block:Quote}
  140. <div class="post"><div class="caixap">"{Quote}
  141. {block:Source}— {Source}{/block:Source}<br>
  142. </div></div>{/block:Quote}
  143.  
  144. {block:Link}
  145. <div class="post"><div class="caixap">
  146. <a href="{URL}" {Target}>{Name}</a>
  147. {block:Description}{Description}{/block:Description}
  148. </div></div>{/block:Link}
  149.  
  150. {block:Chat}
  151. <div class="post"><div class="caixap">
  152. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  153. {block:Lines}
  154. {block:Label}
  155. <b>{Label}</b>
  156. {/block:Label}
  157. {Line}<br>
  158. {/block:Lines}
  159. </div></div>{/block:Chat}
  160.  
  161. {block:Audio}
  162. <div class="post"><div class="caixap">
  163. <center>{AudioPlayerGrey}</center>
  164. {block:Caption}{Caption}{/block:Caption}
  165. </div></div>{/block:Audio}
  166.  
  167. {block:Video}
  168. <div class="post"><div class="caixap">
  169. {Video-500}
  170. {block:Caption}{Caption}{/block:Caption}
  171. </div></div>{/block:Video}
  172.  
  173. {block:PostNotes}<div class="post"><div class="caixap">
  174. {PostNotes}</div></div>{/block:PostNotes}
  175. {block:HasTags}{/block:HasTags}
  176. <span style="width:auto; float:left; text-align:left;">Tagged:
  177. {block:HasTags}
  178. {block:Tags}
  179. <a class="tag" href="{TagURL}">{Tag}</a>
  180. {/block:Tags}
  181. {/block:HasTags}</span> <a href=”{ReblogURL}” target=”_blank”> Click and reblog!</a><br><br>
  182. {/block:Posts}
  183.  
  184. </div></div></center>
  185. <div id="01" style="display:none">
  186. <div class="title">Sobre mim</div>
  187. Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você Sobre você.
  188. </div>
  189.  
  190. <div id="02" style="display:none">
  191. <div class="title">Sobre meu tumblr</div>
  192. Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr Sobre seu tumblr.
  193. </div>
  194.  
  195. <div id="03" style="display:none">
  196. <div class="title">Créditos</div>
  197. Theme por: <a href="http://my-swaggie.tumblr.com">Karina Gomes</a>.<br>Ajudas do <a href="http://things-to-help-you.tumblr.com">Things to help you!</a><br> Not Copy! ©
  198. </div>
  199.  
  200.  
  201. </body>
  202.  
  203.  
  204. </html>
create a new version of this paste RAW Paste Data