Want more features on Pastebin? Sign Up, it's FREE!

THEME 014

By: de-pres-si-vo on Mar 23rd, 2012  |  syntax: None  |  size: 12.46 KB  |  views: 3,307  |  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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!-- ALL THEME BY intercalado, DON'T COPY ANYTHING, PLEASE! -->
  5. <!-- NÃO USE COMO BASE E LEIA ISSO AQUI:
  6. A SIDEBAR POSSUI UMA IMAGEM QUE AO PASSAR O MOUSE É TROCADA POR OUTRA. AS DIMENSÕES DESSA IMAGEM SÃO 170px DE LARGURA POR 220px DE ALTURA, ENTÃO SE COLOCAR ALGUMA IMAGEM MAIOR, NÃO ALTERARÁ O THEME, MAS PODERÁ NÃO APARECER TOTALMENTE. POR PADRÃO, COLOQUEI UMA FOTO EM SÉPIA E OUTRA COLORIDA, MAS PODE SER FOTOS DIFERENTES. AS IMAGENS DE BAIXO DA SIDEBAR SÃO 145px DE LARGURA, SENDO A ALTURA DEFINIDA POR VOCÊ. CORTE AS IMAGENS, POR FAVOR. SÓ USE IMAGENS DE MESMO TAMANHO NA PARTE DE BAIXO. -->
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <!-- VALORES DEFAULT - USE O CUSTOMIZE CLASSIC PARA EVITAR PROBLEMAS. -->
  9. <meta name="font:text" content="verdana" />
  10. <meta name="color:background" content="#f3f1f1" />
  11. <meta name="color:post" content="#ffffff" />
  12. <meta name="color:text" content="#000" />
  13. <meta name="color:link" content="#000" />
  14. <meta name="color:linkhover" content="#858d99" />
  15. <meta name="color:sidebar" content="#000" />
  16. <meta name="color:sidebartext" content="#fff" />
  17. <meta name="color:linkssidebar" content="#000" />
  18. <meta name="color:linkssidebarbg" content="#fff" />
  19. <meta name="color:scrollbar" content="#4e4e4e" />
  20. <meta name="color:scrollbarbg" content="#cecece" />
  21. <meta name="image:background" content=""/>
  22. <meta name="image:sidebar1" content="http://static.tumblr.com/eo5oqsr/BfRm19gre/tumblr_lbundgdhej1qcgkjko2_500.jpg"/>
  23. <meta name="image:sidebar2" content="http://static.tumblr.com/eo5oqsr/0mOm19h57/tumblr_lbundgdhej1qcgkjko1_500.jpg"/>
  24. <meta name="image:minigif1" content="http://24.media.tumblr.com/tumblr_m0mr1ptHwM1rnkne9o1_250.png"/>
  25. <meta name="image:minigif2" content="http://24.media.tumblr.com/tumblr_m0mr1ptHwM1rnkne9o2_250.png"/>
  26. <meta name="image:minigif3" content="http://27.media.tumblr.com/tumblr_m0mr1ptHwM1rnkne9o3_250.png"/>
  27. <meta name="if:Mostrar tags" content="1"/>
  28. <meta name="if:Mostrar Minigifs Sidebar" content="1"/>
  29. <meta name="text:frase1" content="Coloque uma frase aqui que ocupe duas linhas, e passe o mouse para ver a frase 2..." />
  30. <meta name="text:frase2" content="Coloque outra frase que ocupe duas linhas aqui. Tire o mouse para ver a frase 1." />
  31. <meta name="text:Link1" content="/" />
  32. <meta name="text:Link1 Title" content="1st page" />
  33. <meta name="text:Link2" content="/ask" />
  34. <meta name="text:Link2 Title" content="ask me" />
  35. <meta name="text:Link3" content="/submit" />
  36. <meta name="text:Link3 Title" content="submit a post" />
  37. <meta name="text:Link4" content="/archive" />
  38. <meta name="text:Link4 Title" content="arquivo do tumblr" />
  39. <meta name="text:Link5" content="#" />
  40. <meta name="text:Link5 Title" content="mais links aqui" />
  41. <meta name="text:Link6" content="#" />
  42. <meta name="text:Link6 Title" content="mais links aqui" />
  43. <meta name="text:Link7" content="#" />
  44. <meta name="text:Link7 Title" content="mais links aqui" />
  45. <meta name="text:Link8" content="#" />
  46. <meta name="text:Link8 Title" content="mais links aqui" />
  47. <meta name="text:Link9" content="#" />
  48. <meta name="text:Link9 Title" content="mais links aqui" />
  49.  
  50. <title>{Title}</title>
  51.    <style type="text/css">
  52. body {background-color:{color:background}; font-family: {font:text}; color: {color:text}; background-image:url('{image:background}'); font-size: 12px; background-attachment:fixed; background-repeat:repeat;}
  53. a {color:{color:link}; text-decoration:none; }
  54. a:hover {color:{color:linkhover}; }
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  57. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  58. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  59.  
  60.  
  61. #posts {float: left; margin-left: 450px; margin-top:0px;}
  62.  
  63. .post {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 5px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; margin-bottom:1px}
  64.  
  65. .chat {line-height: 12px; list-style: none }
  66. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  67. .person1 {color: #131212; }
  68. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:#131212}
  69. .person2 {color: #131212 }
  70. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:#131212}
  71.  
  72. .quote {font-size:14px; text-align:center;}
  73. .sourcequote {text-align:right;}
  74. .title {font-size:20px; text-align:left; font-weight:bold;}
  75.  
  76. .tags {font-size:9px;}
  77.  
  78. #date {font-size:9px;}
  79.  
  80.  
  81. #cap {position:relative;}
  82. .source {display: none;}
  83.  
  84. #sidebar {position:fixed; left:10px; top:8px; color:{color:sidebartext};}
  85. .sidebarimg {position:absolute; top:40px; left:0px; width:170px; height:220px; overflow:hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
  86. .sidebarimg:hover {opacity:0;}
  87. .sidebarimghover {position:absolute; left:0px; top:40px; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; height:220px; width:170px; overflow:hidden;}
  88. .sidebarimghover:hover {opacity:1.0;}
  89. .linkspag {position:absolute; left:171px; top:40px; width:35px; height:220px; background-color:{color:linkssidebarbg}; color:{color:linkssidebar}; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; overflow:hidden;}
  90. .linkspag:hover {color:{color:linkssidebarbg}; background-color:{color:linkssidebar};}
  91. .linkspag a {padding:2px;  color:{color:linkssidebarbg}; background-color:{color:linkssidebar}; display:block; margin-bottom:1px; font-size:10px; text-align:center; overflow:hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
  92. .linkspag a:hover {background-color:{color:linkssidebarbg}; color:{color:linkssidebar};}
  93. .description {position:absolute; left:207px; top:40px; background-color:{color:sidebar}; color:{color:sidebartext}; width:239px; height:220px; overflow:auto; text-align:justify; font-size:10px; opacity:0.6; -webkit-transition: all 0.9s; -moz-transition: all 0.9s;}
  94. .description:hover {opacity:1.0; }
  95. .titles {position:absolute; left:0px; top:0px;}
  96. .titlen {position:absolute; left:0px; top:0px;  width:440px; background-color:{color:sidebar}; color:{color:sidebartext}; font-size:13px; text-align:center; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; height:33px; overflow:hidden;}
  97. .titlen:hover {opacity:0;}
  98. .titleshover {position:absolute; left:0px; top:0px; width:440px; background-color:{color:sidebar}; color:{color:sidebartext}; font-size:13px;  text-align:center; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; opacity:0; height:33px; overflow:hidden;}
  99. .titleshover:hover {opacity:1.0;}
  100. .linkss {position:fixed; top:270px; left:7px; width:445px; }
  101. .linkss a {display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; width: auto; color:{color:linkssidebar}; text-decoration: none; padding: 3px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; font-weight: normal; margin-bottom: 1px; background-color:{color:linkssidebarbg}; color:{color:linkssidebar}:}
  102. .linkss a:hover {letter-spacing:1px; color:{color:linkssidebar}; opacity:0.7;}
  103. .minigifs {position:fixed; top:333px; left:10px; width:446px; }
  104. .minigifs img {opacity:0.8; -webkit-transition: all 0.9s; -moz-transition: all 0.9s;}
  105. .minigifs img:hover {opacity:1.0;}
  106. .gif1 {position:absolute; top:0px; left:0px; width:145px;}
  107. .gif2 {position:absolute; top:0px; left:151px; width:145px;}
  108. .gif3 {position:absolute; top:0px; left:301px; width:145px;}
  109. .cred {font-size:10px; width:445px; text-align:center; position:fixed; bottom:20px;}
  110. </style>
  111. <link rel="shortcut icon" href="{Favicon}">
  112.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  113.         {block:Description}
  114.   <meta name="description" content="{MetaDescription}" />
  115.         {/block:Description}
  116. </head>
  117.  
  118. <body>
  119. <div id="content">
  120. <div id="sidebar">
  121. <div class="titles">
  122. <div style="padding:3px;" class="titlen">{text:frase1}</div>
  123. <div class="titleshover" style="padding:3px;">{text:frase2}</div>
  124. </div>
  125. <div class="sidebarimg">
  126. <img src="{image:sidebar1}"/>
  127. </div>
  128. <div class="sidebarimghover">
  129. <img src="{image:sidebar2}"/>
  130. </div>
  131. <div class="description">
  132. <div style="padding:3px;">
  133. {Description}
  134. </div>
  135. </div>
  136. <div class="linkspag">
  137. {block:JumpPagination length="13"}{block:CurrentPage}<span><a href="#">{PageNumber}</a></span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}</div>
  138. {/block:Pagination}
  139. </div>
  140. <div class="linkss">
  141. <table width="452" border="0">
  142.   <tr>
  143.     <td width="146">
  144.     {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  145. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  146. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  147. </td>
  148.     <td width="146">
  149.     {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  150. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  151. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  152. </td>
  153.     <td>
  154.     {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  155. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  156. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}
  157. </td>
  158.   </tr>
  159. </table>
  160. </div>
  161. <div class="minigifs">
  162. {block:IfMostrarMinigifsSidebar}
  163. <!-- OS GIFS TEM QUE TER O MESMO TAMANHO, PARA NÃO FICAR ESTRANHO. -->
  164. <div class="gif1">
  165. <img src="{image:minigif1}" width="100%"/>
  166. </div>
  167. <div class="gif2">
  168. <img src="{image:minigif2}" width="100%"/>
  169. </div>
  170. <div class="gif3">
  171. <img src="{image:minigif3}" width="100%"/>
  172. </div>
  173. {/block:IfMostrarMinigifsSidebar}
  174. <div class="cred">
  175. { all theme by <a href="http://intercalado.tumblr.com/" target="_blank">intercalado</a>. don't copy, please! }</div>
  176. </div>
  177. </div>
  178.  
  179. <div id="posts">
  180. {block:Posts}
  181. <div class="post">
  182.  
  183. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  184. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  185.  
  186. {block:Photoset}{Photoset-500}{/block:Photoset}
  187. {block:Quote}
  188. <div class="quote">"{Quote}"</div>
  189. {block:Source}<div class="sourcequote"> — {Source}</div>
  190. {/block:Source}
  191. {/block:Quote}
  192.  
  193. {block:Link}
  194. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  195. {block:Description}{Description}{/block:Description}
  196. {/block:Link}
  197.  
  198. {block:Chat}
  199. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  200. <div class="chat"><ul>{block:Lines}
  201. <li class="person{UserNumber}">{block:Label}
  202. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  203. {/block:Chat}
  204.  
  205. {block:Audio}
  206. <div class="player">{AudioPlayerBlack}</div>
  207. {block:Caption}{Caption}{/block:Caption}
  208. {/block:Audio}
  209.  
  210. {block:Video}{Video-500}{/block:Video}
  211.  
  212. {block:Answer}
  213. <table width="100%" style="font-size:12px;">
  214. <tr>
  215. <td width="30"><img width="30" src="{AskerPortraitURL-48}"></td>
  216. <td style="padding: 10px; text-align:justify;"><b>{Asker}</b>: {Question}</td>
  217. </td>
  218. </table>
  219. {Answer}
  220. {/block:Answer}
  221.  
  222. <div id="cap">
  223. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  224. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  225. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  226.  
  227.  
  228. </div>
  229. <br>
  230. <div class="source">
  231. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  232. </div>
  233. <div id="date">
  234. {block:Date}{block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br></div>{/block:HasTags}{/block:IfMostrartags}
  235. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog this post</a>{/block:IndexPage}
  236. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  237. {/block:RebloggedFrom}
  238. </div>
  239. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  240. </div>{/block:Date}
  241.  {/block:Posts}
  242.  
  243.  
  244. </div>
  245. </div>
  246.  
  247. <div style="display:none">
  248.  
  249. </div>
  250.  
  251.  
  252. </body>
  253. </html>
clone this paste RAW Paste Data