Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)

THEME 021

By: de-pres-si-vo on Apr 20th, 2012  |  syntax: None  |  size: 13.18 KB  |  hits: 2,224  |  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. <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="geneva" />
  8. <meta name="font:title" content="georgia" />
  9. <meta name="color:bg" content="#3f3e3e" />
  10. <meta name="color:post" content="#000000" />
  11. <meta name="color:text" content="#ffffff" />
  12. <meta name="color:link" content="#ffffff" />
  13. <meta name="color:sidebar" content="#000000" />
  14. <meta name="color:sidebartext" content="#ffffff" />
  15. <meta name="color:linkssidebar" content="#ffffff" />
  16. <meta name="color:linkssidebarbg" content="#000000" />
  17. <meta name="color:paginacao" content="#ffffff" />
  18. <meta name="color:paginacaobg" content="#000000" />
  19. <meta name="color:scrollbar" content="#ffffff" />
  20. <meta name="color:scrollbarbg" content="#000000" />
  21.  
  22. <meta name="image:bg" content="" />
  23. <meta name="image:sidebar1" content="http://25.media.tumblr.com/tumblr_m1za07LUYv1rr2cv1o4_250.png" />
  24.  
  25. <meta name="if:Mostrar tags" content="1"/>
  26.  
  27. <meta name="text:frase" content="Uma frase de uma linha aqui por favor." />
  28. <meta name="text:Link1" content="/" />
  29. <meta name="text:Link1 Title" content="1st page" />
  30. <meta name="text:Link2" content="/ask" />
  31. <meta name="text:Link2 Title" content="ask me" />
  32. <meta name="text:Link3" content="/submit" />
  33. <meta name="text:Link3 Title" content="submit a post" />
  34. <meta name="text:Link4" content="#" />
  35. <meta name="text:Link4 Title" content="coloque os" />
  36. <meta name="text:Link5" content="#" />
  37. <meta name="text:Link5 Title" content="sete links" />
  38. <meta name="text:Link6" content="#" />
  39. <meta name="text:Link6 Title" content="ou fica feio" />
  40. <meta name="text:Link7" content="#" />
  41. <meta name="text:Link7 Title" content="mais links aqui" />
  42.  
  43. <title>{Title}</title>
  44.    <style type="text/css">
  45. body {background-color:{color:bg}; font-family: {font:text}; color: {color:text}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  46. a {color:{color:link}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  47. a:hover {opacity:0.5;}
  48.  
  49. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  51. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  52.  
  53. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  54.  
  55. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  56.  
  57. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  58.  
  59. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  60.  
  61.  
  62.  
  63. blockquote img{max-width: 470px!important}
  64.  
  65. blockquote blockquote img{max-width: 450px!important}
  66.  
  67. blockquote blockquote blockquote img{max-width: 430px!important}
  68.  
  69. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  70.  
  71. #content {}
  72. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  73.  
  74. #title {position:fixed; top:15px; margin-left:401px; width:530px; line-height:40px; background-color:{color:text}; color:{color:post}; z-index:999999999; opacity:0.3; text-align:center; font-size:18px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; font-family:{font:title}; font-style:italic;}
  75. #title:hover {opacity:1;}
  76.  
  77. #posts {margin-left: 401px; margin-top:56px; z-index:99999;}
  78.  
  79. .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;}
  80.  
  81. .chat {line-height: 12px; list-style: none; }
  82. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  83.  
  84. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  85.  
  86. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  87.  
  88. .quote {font-size:14px; text-align:center;}
  89. .sourcequote {text-align:right;}
  90. .title {font-size:16px; text-align:left; font-weight:bold;}
  91.  
  92. .tags {font-size:8px;}
  93.  
  94. .askerimg {border-radius:5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  95. .askerimg:hover {border-radius:32px;}
  96.  
  97. .titleask {font-size:9px; font-style:italic;}
  98. .titleask a {font-weight:bold; opacity:0.9;}
  99. .titleask a:hover {opacity:0.5;}
  100.  
  101. .answer {font-size:12px;}
  102.  
  103. .question {font-size:10px;}
  104.  
  105. #date {font-size:8px; font-family:tinytots; text-transform:uppercase;}
  106.  
  107. .notecount {color:#e084c2; font-family:verdana;}
  108. .tag {color:#e084c2;}
  109.  
  110. #cap {position:relative;}
  111. .source {display: none;}
  112.  
  113. #sidebar {}
  114.  
  115. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  116.  
  117. .mais {position:fixed; margin-left:223px; top:15px; width:160px; height:181px; font-family:verdana; background-color:{color:sidebar}; color:{color:sidebartext}; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; overflow:hidden; font-size:9px; text-align:justify;}
  118. .mais:hover {margin-left:79px;}
  119. .mais:hover .mouse {display:none}
  120. .mais:hover .avatar {opacity:1;}
  121. .mais:hover .description {opacity:1;}
  122. .mouse {padding:5px; height:170px; width:7px; border-right:1px solid {color:bg};}
  123.  
  124.  
  125. .avatar {position:absolute; top:5px; left:5px; width:60px; height:60px; overflow:hidden; opacity:0; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  126.  
  127. .description {margin-left:3px; top: 65px; width:147px; text-align:justify; position:absolute; height:106px; overflow:auto; padding:3px; padding-left:1px; opacity:0; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  128.  
  129. .otherlinks {position:absolute; margin-left:67px; width:89px; top:5px; height:70px;}
  130. .otherlinks a {font-family:tinytots; font-size:8px; display:block; color:{color:linkssidebar};  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-bottom:1px; background-color:{color:linkssidebarbg}; padding:3px; padding-left:5px; opacity:1; text-transform:uppercase;}
  131. .otherlinks a:hover {opacity:0.5;}
  132.  
  133. .imgside {position:fixed; margin-left:239px; top:15px; width:150px; overflow:hidden; background-color:{color:sidebar}; padding:5px; border-left:1px solid {color:bg}; border-bottom:1px solid {color:bg};}
  134.  
  135. .links {position:absolute; height:150px; overflow:hidden; padding:10px; z-index:50000000; top:115px; right:0px; font-size:8px; text-align:right;}
  136. .links a {display:block; font-family:tinytots; font-size:8px; text-transform:uppercase; margin-bottom:1px; color:{color:linkssidebar};}
  137. .links a:hover {background-color:{color:linkssidebarbg}; color:{color:linkssidebar};}
  138.  
  139. .baixo {position:fixed; top:176px; margin-left:239px; width:59px; background-color:{color:sidebar}; color:{color:sidebartext}; line-height:19px; font-size:10px; border-left:1px solid {color:bg}; text-align:center; z-index:99999999; overflow:hidden; height:19px;}
  140. .baixobg {position:fixed; top:176px; margin-left:239px; width:60px; background-color:{color:sidebar}; color:transparent; line-height:20px; font-size:10px; border-left:1px solid {color:bg}; text-align:center;}
  141.  
  142. .baixo2 {position:fixed; top:176px; margin-left:299px; width:100px; background-color:{color:sidebar}; color:{color:sidebartext}; line-height:20px; font-size:8px; border-left:1px solid {color:bg}; text-align:center; font-family:tinytots; text-transform:uppercase;}
  143. .baixo2 a {color:{color:sidebartext};}
  144.  
  145.  
  146.  
  147. .active_page {font-size:7px; color:{color:paginacao}; padding:4px; font-family:verdana; background-color:{color:paginacaobg}; opacity:0.7;}
  148.  
  149. .jump_page {font-size:7px; color:{color:paginacao}; padding:4px; background-color:{color:paginacaobg}; font-family:verdana;}
  150. .jump_page:hover {opacity:0.7;}
  151.  
  152.  
  153. 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;}
  154.  
  155.  
  156.  
  157. 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;}
  158.  
  159. </style>
  160. <link rel="shortcut icon" href="{Favicon}">
  161.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  162.         {block:Description}
  163.   <meta name="description" content="{MetaDescription}" />
  164.         {/block:Description}
  165. </head>
  166.  
  167. <body>
  168. <div id="content">
  169. {block:iffrase}
  170. <div id="title">
  171. {text:frase}
  172. </div>
  173. {/block:iffrase}
  174. <div id="sidebar">
  175. <div class="mais">
  176. <div class="mouse">
  177. +<br />
  178. +<br />
  179. +
  180. </div>
  181.  
  182. <div class="avatar">
  183. <img src="{PortraitURL-64}" width="56"/>
  184.    
  185. </div>
  186. <div class="otherlinks">
  187. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  188. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  189. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  190. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  191.  
  192. </div>
  193. <div class="description">
  194. <table width="100%" height="106">
  195. <tr>
  196. <td>
  197. {Description}
  198. </td>
  199. </tr>
  200. </table>
  201. </div>
  202. </div>
  203. <div class="imgside">
  204. <div style="height:150px; overflow:hidden;">
  205. <img src="{image:sidebar1}" />
  206. </div>
  207. <div class="links">
  208.  {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  209. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  210. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  211. </div>
  212. </div>
  213. <div class="baixo">
  214. {block:JumpPagination length="3"}{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}
  215. </div>
  216. <div class="baixobg">
  217. .
  218. </div>
  219. <div class="baixo2">
  220. <a href="http://intercalado.tumblr.com/" target="_blank">intercalado</a> ©
  221. </div>
  222. </div>
  223.  
  224.  
  225.  
  226.  
  227. <div id="posts">
  228. {block:Posts}
  229. <div class="post">
  230.  
  231. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  232. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  233.  
  234. {block:Photoset}{Photoset-500}{/block:Photoset}
  235. {block:Quote}
  236. <div class="quote">"{Quote}"</div>
  237. {block:Source}<div class="sourcequote"> — {Source}</div>
  238. {/block:Source}
  239. {/block:Quote}
  240.  
  241. {block:Link}
  242. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  243. {block:Description}{Description}{/block:Description}
  244. {/block:Link}
  245.  
  246. {block:Chat}
  247. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  248. <div class="chat"><ul>{block:Lines}
  249. <li class="person{UserNumber}">{block:Label}
  250. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  251. {/block:Chat}
  252.  
  253. {block:Audio}
  254. <div class="player">{AudioPlayerBlack}</div>
  255. {block:Caption}{Caption}{/block:Caption}
  256. {/block:Audio}
  257.  
  258. {block:Video}{Video-500}{/block:Video}
  259.  
  260. {block:Answer}
  261. <table width="100%" style="font-size:12px;">
  262. <tr>
  263. <td width="48"><a href="{AskerURL}" target="_blank"><img width="48" src="{AskerPortraitURL-48}" class="askerimg"></a></td>
  264. <td class="asker" style="padding:10px;"><font class="titleask"><b>{Asker}</b> gemeu baixinho:</font><div class="question">{Question}</div></td>
  265. </tr>
  266. </table>
  267. <div class="answer">{Answer}</div>
  268. {/block:Answer}
  269.  
  270. <div id="cap">
  271. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  272. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  273. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  274.  
  275.  
  276. </div>
  277. <br>
  278. <div class="source">
  279. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  280. </div>
  281. <div id="date">
  282. {block:Date}{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}<br></div>{/block:HasTags}{/block:IfMostrartags}
  283. <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}
  284. {block:RebloggedFrom}<br><strong>original:</strong> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  285. {/block:RebloggedFrom}
  286. </div>
  287. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  288. </div>{/block:Date}
  289.  {/block:Posts}
  290.  
  291.  
  292. </div>
  293. </div>
  294.  
  295. <div style="display:none">
  296.  
  297.  
  298. </div>
  299.  
  300. </body>
  301. </html>