Advertisement
de-pres-si-vo

THEME 024

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