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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <!-- VALORES DEFAULT - USE O CUSTOMIZE CLASSIC PARA EVITAR PROBLEMAS. -->
  7. <meta name="font:text" content="verdana" />
  8. <meta name="font:title" content="georgia" />
  9. <meta name="color:background" content="#f3f1f1" />
  10. <meta name="color:post" content="#ffffff" />
  11. <meta name="color:text" content="#000000" />
  12. <meta name="color:link" content="#000000" />
  13. <meta name="color:linkhover" content="#858d99" />
  14. <meta name="color:sidebar" content="#ffffff" />
  15. <meta name="color:sidebartext" content="#000000" />
  16. <meta name="color:linkssidebar" content="#000000" />
  17. <meta name="color:linkssidebarbg" content="#FFFFFF" />
  18. <meta name="color:paginacao" content="#575656" />
  19. <meta name="color:paginacaobg" content="#f5f5f5" />
  20. <meta name="color:scrollbar" content="#4e4e4e" />
  21. <meta name="color:scrollbarbg" content="#fafafa" />
  22.  
  23. <meta name="image:background" content="" />
  24. <meta name="image:sidebar1" content="http://static.tumblr.com/eo5oqsr/Nvum1zj9p/tumblr_m1zh7swjdu1rnkne9o2_250_1__1_.png"/>
  25. <meta name="image:sidebar2" content="http://24.media.tumblr.com/tumblr_m1zh7swjDU1rnkne9o1_250.png"/>
  26.  
  27. <meta name="if:Mostrar tags" content="1"/>
  28.  
  29. <meta name="text:frase" content="Uma frase de uma linha aqui pfv." />
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="1st page" />
  32. <meta name="text:Link2" content="/ask" />
  33. <meta name="text:Link2 Title" content="ask me" />
  34. <meta name="text:Link3" content="/submit" />
  35. <meta name="text:Link3 Title" content="submit a post" />
  36. <meta name="text:Link4" content="#" />
  37. <meta name="text:Link4 Title" content="coloque os" />
  38. <meta name="text:Link5" content="#" />
  39. <meta name="text:Link5 Title" content="oito links" />
  40. <meta name="text:Link6" content="#" />
  41. <meta name="text:Link6 Title" content="ou fica feio" />
  42. <meta name="text:Link7" content="#" />
  43. <meta name="text:Link7 Title" content="mais links aqui" />
  44. <meta name="text:Link8" content="#" />
  45. <meta name="text:Link8 Title" content="mais links aqui" />
  46.  
  47.  
  48. <title>{Title}</title>
  49. <style type="text/css">
  50. body {background-color:{color:background}; font-family: {font:text}; color: {color:text}; background-image:url('{image:background}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  51. a {color:{color:link}; text-decoration:none; }
  52. a:hover {color:{color:linkhover}; }
  53.  
  54. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  55. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  56. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  57.  
  58. #content {}
  59. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  60.  
  61. #posts {margin-left: 350px; margin-top:20px; z-index:99999;}
  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.  
  77. #date {font-size:8px; font-family:tinytots; text-transform:uppercase; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:4px;}
  78. .notecount {color:#e084c2; font-family:verdana;}
  79. .tag {color:#e084c2;}
  80.  
  81.  
  82. #cap {position:relative;}
  83. .source {display: none;}
  84.  
  85. #sidebar {position:fixed; z-index:9999; left:50px;}
  86.  
  87. .cima {background-color:{color:sidebar}; color:{color:sidebartext}; width:299px; overflow:hidden; height:27px; padding:4px; overflow:hidden; position:fixed; top:20px; font-family:{font:title};}
  88.  
  89.  
  90. .img {width:160px; height:171px; padding:5px; padding-top:6px; background-color:{color:sidebar}; margin-top:1px; position:fixed; top:55px; overflow:hidden; -webkit-transition: all 1.8s ease-out;-moz-transition: all 1.8s ease-out; transition: all 1.8s ease-out;}
  91. .img2 {width:160px; height:171px; padding:5px; padding-top:6px; background-color:{color:sidebar}; margin-top:1px; position:fixed; top:55px; opacity:0; z-index:99999; overflow:hidden; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  92. .img2:hover {opacity:1.0;}
  93. .img2:hover .desclinks {opacity:1.0; left:221px;}
  94.  
  95. .img2 img {width:170px;}
  96. .img img {width:170px;}
  97.  
  98. .desc {width:128px; height:174px; left:221px; background-color:{color:sidebar}; z-index:9998; color:{color:sidebartext}; overflow:auto; position:fixed; top:56px; opacity:1; padding:4px; font-size:9px; text-align:justify;}
  99.  
  100. .desclinks {width:136px; height:182px; background-color:{color:background}; z-index:9999; color:{color:sidebartext}; overflow:hidden; position:fixed; top:56px; opacity:0; font-size:9px; text-align:justify; left:50px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  101.  
  102. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  103.  
  104. .desclinks a {padding:7px; font-family:tinytots; font-size:8px; text-transform:uppercase; display:block; margin-bottom:1px; background-color:{color:linkssidebarbg}; color:{color:linkssidebar}; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  105. .desclinks a:hover {padding-left:15px; opacity:0.8; left:221px;}
  106.  
  107.  
  108. .baixo {text-align:center; margin-top:1px; width:160px; height:17px; text-align:right; overflow:hidden; position:fixed; top:210px; z-index:99999999999;}
  109.  
  110. .baixo2 {position:absolute; top:219px; width:301px; background-color:{color:sidebar}; color:{color:sidebartext}; height:13px; font-size:9px; padding:3px; text-align:center;}
  111. .baixo2 a {font-family:verdana; font-weight:bold;}
  112.  
  113.  
  114.  
  115. .active_page {font-size:7px; color:{color:paginacao}; padding:4px; font-family:verdana; background-color:{color:paginacaobg}; opacity:0.7;}
  116.  
  117. .jump_page {font-size:7px; color:{color:paginacao}; padding:4px; background-color:{color:paginacaobg}; font-family:verdana;}
  118. .jump_page:hover {opacity:0.7;}
  119.  
  120.  
  121. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  122.  
  123.  
  124.  
  125. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  126.  
  127. </style>
  128. <link rel="shortcut icon" href="{Favicon}">
  129. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  130. {block:Description}
  131. <meta name="description" content="{MetaDescription}" />
  132. {/block:Description}
  133. </head>
  134.  
  135. <body>
  136. <div id="content">
  137. <div id="sidebar">
  138. <div class="cima">
  139. <div style="padding-top:6px; text-align:center; font-style:italic;">
  140. {text:frase}
  141.  
  142. </div>
  143.  
  144. </div>
  145. <div class="img">
  146. <div style="height:170px; overflow:hidden;"><img src="{image:sidebar1}" width:"100%" /></div>
  147. </div>
  148. <div class="img2">
  149. <div style="height:170px; overflow:hidden;"><img src="{image:sidebar2}" width:"100%" /></div>
  150. <div class="desclinks">
  151. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  152. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  153. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  154. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  155. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  156. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  157. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  158. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  159. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}
  160. </div>
  161. </div>
  162. <div class="baixo">
  163. {block:JumpPagination length="5"}{block:CurrentPage}<span><a href="#" class="active_page">{PageNumber}</a></span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}
  164. </div>
  165. <div class="desc">
  166. {Description}
  167. </div>
  168.  
  169.  
  170. <div class="baixo2">
  171. { all theme by <a href="http://intercalado.tumblr.com/">intercalado</a> ©, don't copy! }
  172. </div>
  173. </div>
  174.  
  175. <div id="posts">
  176. {block:Posts}
  177. <div class="post">
  178.  
  179. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  180. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  181.  
  182. {block:Photoset}{Photoset-500}{/block:Photoset}
  183. {block:Quote}
  184. <div class="quote">"{Quote}"</div>
  185. {block:Source}<div class="sourcequote"> — {Source}</div>
  186. {/block:Source}
  187. {/block:Quote}
  188.  
  189. {block:Link}
  190. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  191. {block:Description}{Description}{/block:Description}
  192. {/block:Link}
  193.  
  194. {block:Chat}
  195. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  196. <div class="chat"><ul>{block:Lines}
  197. <li class="person{UserNumber}">{block:Label}
  198. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  199. {/block:Chat}
  200.  
  201. {block:Audio}
  202. <div class="player">{AudioPlayerBlack}</div>
  203. {block:Caption}{Caption}{/block:Caption}
  204. {/block:Audio}
  205.  
  206. {block:Video}{Video-500}{/block:Video}
  207.  
  208. {block:Answer}
  209. <table width="100%" style="font-size:12px;">
  210. <tr>
  211. <td width="30"><img width="30" src="{AskerPortraitURL-48}"></td>
  212. <td style="padding: 10px; text-align:justify;"><b>{Asker}</b>: {Question}</td>
  213. </td>
  214. </table>
  215. {Answer}
  216. {/block:Answer}
  217.  
  218. <div id="cap">
  219. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  220. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  221. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  222.  
  223.  
  224. </div>
  225. <br>
  226. <div class="source">
  227. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  228. </div>
  229. <div id="date">
  230. {block:IfMostrartags}{block:HasTags}<div class="tags"><strong>Tags:</strong> {block:Tags}<font class="tag">#</font><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  231. {block:Date}
  232. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <font class="notecount">♥</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong> this shit</a>{/block:IndexPage}
  233. {block:RebloggedFrom}<div><strong>original:</strong> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  234. {/block:RebloggedFrom}
  235. </div>
  236. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  237. </div>{/block:Date}
  238. {/block:Posts}
  239.  
  240.  
  241. </div>
  242. </div>
  243.  
  244. <div style="display:none">
  245.  
  246.  
  247. </div>
  248.  
  249. </body>
  250. </html>