Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

THEME 023

By: de-pres-si-vo on May 1st, 2012  |  syntax: None  |  size: 13.73 KB  |  views: 2,461  |  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="color:bg" content="#1f1f1f" />
  9. <meta name="color:borders" content="#ffffff" />
  10. <meta name="color:post" content="#000000" />
  11. <meta name="color:text" content="#ffffff" />
  12. <meta name="color:sidebar" content="#000000" />
  13. <meta name="color:sidebartext" content="#ffffff" />
  14. <meta name="color:linkssidebar" content="#ffffff" />
  15. <meta name="color:linkssidebarbg" content="#000000" />
  16. <meta name="color:linksimg" content="#ffffff" />
  17. <meta name="color:linksimgbg" content="#000000" />
  18. <meta name="color:scrollbar" content="#c4c4c4" />
  19. <meta name="color:scrollbarbg" content="#000000" />
  20.  
  21. <meta name="image:bg" content="http://static.tumblr.com/tnpw0nm/ku2m2n31w/background.jpg">
  22. <meta name="image:sidebar1" content="http://28.media.tumblr.com/tumblr_m307ar6zmh1rnkne9o3_250.png"/>
  23. <meta name="image:sidebar2" content="http://30.media.tumblr.com/tumblr_m307ar6zmh1rnkne9o1_250.png" />
  24.  
  25. <meta name="if:Mostrar tags" content="1"/>
  26.  
  27. <meta name="text:frase" content="Poucas palavras aqui." />
  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="oito 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. <meta name="text:Link8" content="#" />
  43. <meta name="text:Link8 Title" content="mais links aqui" />
  44.  
  45. <script type="text/javascript">
  46.  
  47. var rev = "fwd";function titlebar(val)
  48.  
  49. {var msg = "{Title}";
  50.  
  51. var res = " ";
  52.  
  53. var speed = 120;var pos = val;msg = "{Title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  54.  
  55. else{rev = "bwd";
  56.  
  57. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  58.  
  59. else{
  60.  
  61. if(pos > 0){
  62.  
  63. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  64.  
  65. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  66.  
  67. titlebar(0);
  68.  
  69. </script>
  70.  
  71.    <style type="text/css">
  72. 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;}
  73. a {color:{color:text}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  74. a:hover {opacity:0.5;}
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  77. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  78. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  79.  
  80. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  81.  
  82. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  83.  
  84. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  85.  
  86. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  87.  
  88.  
  89.  
  90. blockquote img{max-width: 470px!important}
  91.  
  92. blockquote blockquote img{max-width: 450px!important}
  93.  
  94. blockquote blockquote blockquote img{max-width: 430px!important}
  95.  
  96. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  97.  
  98. #content {}
  99. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  100. @font-face {font-family: "allura";src: url('http://static.tumblr.com/eo5oqsr/RTvm376fw/allura-regular.ttf');}
  101.  
  102. #toppost {position:fixed; top:0px; margin-left:452px; height:78px; border-bottom:2px solid {color:borders}; width:522px; background-color:{color:bg}; z-index:998; background-image:url('{image:bg}'); background-position:bottom left; background-attachment:fixed; background-repeat:repeat; overflow:hidden;}
  103.  
  104. #posts {margin-left: 452px; margin-top:79px; z-index:999; width:520px; margin-bottom:20px; border-top:0px solid transparent;}
  105.  
  106. .post {width: 500px; background-color: {color:post}; padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; position:relative; opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out z-index:999; border:1px solid {color:borders};}
  107.  
  108. .chat {line-height: 12px; list-style: none; }
  109. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  110.  
  111. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  112.  
  113. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  114.  
  115. .quote {font-size:16px; text-align:center; font-family:georgia}
  116. .sourcequote {text-align:right;}
  117. .title {font-size:16px; text-align:left; font-weight:bold;}
  118.  
  119.  
  120. .askerimg {border-radius:5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  121. .askerimg:hover {border-radius:32px;}
  122.  
  123. .titleask {font-size:9px; font-style:italic;}
  124. .titleask a {font-weight:bold; opacity:0.9;}
  125. .titleask a:hover {opacity:0.5;}
  126.  
  127. .answer {font-size:12px;}
  128.  
  129. .question {font-size:10px;}
  130.  
  131. .tags {font-family:tinytots; font-size:8px; text-transform:uppercase}
  132. .tags a {color:{color:text};}
  133.  
  134. .post:hover .tags {opacity:0.9;}
  135.  
  136.  
  137.  
  138. #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;}
  139. .notecount {color:#e084c2; font-family:verdana;}
  140. .tag {color:#e084c2;}
  141.  
  142.  
  143.  
  144. #cap {position:relative;}
  145. .source {display: none; position:absolute;}
  146.  
  147. #sidebar {position:fixed; left:138px; bottom:170px; background-color:{color:sidebar}; width:100%; padding:4px; border:1px solid {color:borders}; height:204px;}
  148.  
  149. .linksefrase {border-bottom:1px solid {color:borders}; position:absolute; top:0px; left:0px; width:315px; padding:3px;}
  150.  
  151. .linkss {position:relative; top:0px; left:0px; width:172px; height:25px}
  152.  
  153. .linkss a {line-height:17px; background-color:{color:linkssidebarbg}; color:{color:linkssidebar}; display:block; float:left; padding:4px; width:76px; text-align:center; font-family:tinytots; text-transform:uppercase; font-size:8px; border:1px solid {color:sidebar};}
  154. .linkss a:hover {color:{color:linkssidebarbg}; background-color:{color:linkssidebar}; opacity:0.9;}
  155.  
  156. .frase {position:absolute; line-height:25px; left:176px; top:5px; width:145px; color:{color:sidebartext}; font-family:tinytots; font-size:8px; text-transform:uppercase; text-align:center;}
  157.  
  158. .pag {bottom:4px; left:178px; position:absolute; width:140px; height:17px; overflow:hidden; text-align:center;}
  159.  
  160. .active_page {font-size:7px; color:{color:paginacao}; padding:4px; font-family:verdana; background-color:{color:paginacaobg}; opacity:0.7;}
  161.  
  162. .jump_page {font-size:7px; color:{color:sidebartext}; padding:4px; background-color:{color:paginacaobg}; font-family:verdana;}
  163. .jump_page:hover {opacity:0.7;}
  164.  
  165. .description {position:absolute; left:178px; bottom:23px; height:151px; width:140px; color:{color:sidebartext}; font-size:11px; overflow:hidden;}
  166.  
  167. .credit {position:absolute; left:765px; bottom:103px; -webkit-transform:rotate(90deg); font-family:tinytots; font-size:8px; text-transform:uppercase; color:{color:sidebartext}; -moz-transform:rotate(90deg);}
  168.  
  169. .credit a {color:{color:sidebartext};}
  170.  
  171.  
  172. #img {width:170px; height:170px; overflow:hidden; top:34px; position:relative;}
  173.  
  174. .img2 {position:absolute; top:0px; left:0px; overflow:hidden; height:170px; width:170px; opacity:0; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out; }
  175. .img2:hover {opacity:1;}
  176.  
  177. .linksimg {bottom:3px; right:4px; position:absolute; z-index:9999;}
  178.  
  179. .linksimg a {font-family:tinytots; font-size:8px; text-transform:uppercase; text-align:right; display:block; color:{color:linksimg}; margin-bottom:1px;}
  180. .linksimg a:hover {background-color:{color:linksimgbg}; padding-right:3px;}
  181.  
  182. #img:hover .img2 {opacity:1;}
  183.  
  184. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:999;}
  185.  
  186.  
  187.  
  188. 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; }
  189.  
  190. </style>
  191. <link rel="shortcut icon" href="{Favicon}">
  192.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  193.         {block:Description}
  194.   <meta name="description" content="{MetaDescription}" />
  195.         {/block:Description}
  196. </head>
  197.  
  198. <body>
  199. <div id="content">
  200.  
  201. <div id="sidebar">
  202. <div class="credit">
  203. <a href="http://intercalado.tumblr.com/" target="_blank">{ all theme by intercalado, don't copy! © }
  204. </a>
  205. </div>
  206. <div class="linksefrase">
  207. <div class="linkss">
  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. </div>
  211. <div class="frase">
  212. {text:frase}
  213. </div>
  214. </div>
  215. <div id="img">
  216. <img src="{image:sidebar1}" width="100%" />
  217. <div class="img2">
  218. <img src="{image:sidebar2}" width:100% />
  219. </div>
  220. <div class="linksimg">
  221. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  222. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  223. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  224. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  225. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  226. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  227. </div>
  228. </div>
  229. <div class="description">
  230. <table width="100%" height="100%" style="text-align:center;">
  231. <tr>
  232. <td>
  233. {Description}
  234. </td>
  235. </tr>
  236. </table>
  237. </div>
  238. <div class="pag">
  239. {block:JumpPagination length="7"}{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}
  240. </div>
  241. </div>
  242.  
  243.  
  244.  
  245. <div id="toppost">
  246. </div>
  247. <div id="posts">
  248. {block:Posts}
  249. <div class="post">
  250.  
  251. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  252. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  253.  
  254. {block:Photoset}{Photoset-500}{/block:Photoset}
  255. {block:Quote}
  256. <div class="quote">"{Quote}"</div>
  257. {block:Source}<div class="sourcequote"> — {Source}</div>
  258. {/block:Source}
  259. {/block:Quote}
  260.  
  261. {block:Link}
  262. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  263. {block:Description}{Description}{/block:Description}
  264. {/block:Link}
  265.  
  266. {block:Chat}
  267. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  268. <div class="chat"><ul>{block:Lines}
  269. <li class="person{UserNumber}">{block:Label}
  270. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  271. {/block:Chat}
  272.  
  273. {block:Audio}
  274. <div class="player">{AudioPlayerBlack}</div>
  275. {block:Caption}{Caption}{/block:Caption}
  276. {/block:Audio}
  277.  
  278. {block:Video}{Video-500}{/block:Video}
  279.  
  280. {block:Answer}
  281. <table width="100%" style="font-size:12px;">
  282. <tr>
  283. <td width="48"><a href="{AskerURL}" target="_blank"><img width="48" src="{AskerPortraitURL-48}" class="askerimg"></a></td>
  284. <td class="asker" style="padding:10px;"><font class="titleask"><b>{Asker}</b> gemeu baixinho:</font><div class="question">{Question}</div></td>
  285. </tr>
  286. </table>
  287. <div class="answer">{Answer}</div>
  288. {/block:Answer}
  289.  
  290.  
  291. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  292. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  293. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  294.  
  295. <div class="source">
  296. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  297. </div>
  298.  
  299. <div id="date">
  300. {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}
  301. {block:Date}
  302. <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}
  303. {block:RebloggedFrom}<div><strong>original:</strong> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  304. {/block:RebloggedFrom}
  305. </div>
  306.  
  307. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  308. </div>{/block:Date}
  309.  {/block:Posts}
  310.  
  311.  
  312. </div>
  313. </div>
  314.  
  315. <div style="display:none">
  316.  
  317.  
  318.  
  319. </div>
  320.  
  321. </body>
  322. </html>