Advertisement
de-pres-si-vo

THEME 30

Jun 9th, 2012
2,610
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.37 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 -->
  7.  
  8. <meta name="font:text" content="geneva" />
  9. <meta name="color:bg" content="#eeeeee" />
  10. <meta name="color:post" content="#ffffff" />
  11. <meta name="color:posttxt" content="#000000" />
  12. <meta name="color:sidebar" content="#ffffff" />
  13. <meta name="color:sidebartext" content="#000000" />
  14. <meta name="color:paginacao" content="#000000" />
  15. <meta name="color:scrollbar" content="#ffffff" />
  16. <meta name="color:scrollbarbg" content="#000000" />
  17.  
  18. <meta name="image:bg" content="">
  19. <meta name="image:sidebar" content="http://static.tumblr.com/eo5oqsr/Iqqm4notf/tumblr_m4noirgmiy1roojero1_250_1_.jpg"/>
  20.  
  21. <meta name="if:Mostrar tags" content="1"/>
  22.  
  23. <meta name="text:titulo" content="uma frase pequena" />
  24.  
  25. <meta name="text:Link1" content="/" />
  26. <meta name="text:Link1 Title" content="1st page" />
  27. <meta name="text:Link2" content="/ask" />
  28. <meta name="text:Link2 Title" content="ask me" />
  29. <meta name="text:Link3" content="/submit" />
  30. <meta name="text:Link3 Title" content="submit a post" />
  31. <meta name="text:Link4" content="#" />
  32. <meta name="text:Link4 Title" content="coloque os" />
  33. <meta name="text:Link5" content="#" />
  34. <meta name="text:Link5 Title" content="oito links" />
  35. <meta name="text:Link6" content="#" />
  36. <meta name="text:Link6 Title" content="se quiser k" />
  37. <meta name="text:Link7" content="#" />
  38. <meta name="text:Link7 Title" content="mais links aqui" />
  39. <meta name="text:Link8" content="#" />
  40. <meta name="text:Link8 Title" content="mais links aqui" />
  41.  
  42.  
  43. <title>{Title}</title>
  44.  
  45. <style type="text/css">
  46. 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;}
  47. 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;}
  48. a:hover {opacity:0.5;}
  49.  
  50. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  51. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  52. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  53.  
  54. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  55.  
  56. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  57.  
  58. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  59.  
  60. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  61.  
  62.  
  63.  
  64. blockquote img{max-width: 370px!important}
  65.  
  66. blockquote blockquote img{max-width: 350px!important}
  67.  
  68. blockquote blockquote blockquote img{max-width: 330px!important}
  69.  
  70. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  71.  
  72. #content {}
  73.  
  74. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  75.  
  76.  
  77. #posts {margin-left: 450px; margin-top:-2px; width:420px; border-top:0px solid transparent; }
  78.  
  79. .post {width: 400px; padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; border-bottom:1px solid {color:bg}; border-right:1px solid {color:bg}; color:{color:posttext}; z-index:10; border-left:1px solid {color:bg}; background-color:{color:post}}
  80.  
  81. .post img {opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; max-width:400px;}
  82. .post img:hover {opacity:0.8;}
  83.  
  84. .chat {line-height: 12px; list-style: none; }
  85. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  86.  
  87. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  88.  
  89. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  90.  
  91. .smbluc {position:absolute; left:-42px; top:-15px; color:{color:posttext}; font-size:80px; font-family:arial;}
  92.  
  93. .quote {font-size:16px; text-align:justify; font-family:georgia; width:363px; position:relative; left:37px;}
  94. .quote small {font-size:14px;}
  95.  
  96. .sourcequote {text-align:right;}
  97. .title {font-size:16px; text-align:center; font-weight:bold;}
  98.  
  99.  
  100.  
  101. .tags a {color:{color:posttxt};}
  102.  
  103.  
  104.  
  105. .date {font-size:9px; margin-top:4px; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; color:{color:posttext}; border-left:0px solid transparent; text-align:left; border-left:0px solid transparent;}
  106. .post:hover {border-right:1px solid {color:posttxt};}
  107. .post:hover .date {border-left:10px solid {color:posttxt}; padding-left:5px;}
  108.  
  109. .notecount {font-family:verdana;}
  110. .tag {}
  111.  
  112. #notess {margin-left: 0px; width:400px; font-size:8px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999;}
  113. #notess a {}
  114.  
  115. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  116.  
  117. ol.notes li {background-color:{color:post}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  118.  
  119. ol.notes img {display:none}
  120.  
  121. #ng {padding:10px; opacity:1; text-align:justify; color:{color:post}; background-color:{color:posttxt}; border-radius:5px; font-size:14px;}
  122.  
  123. .ng2 {width:10px; height:10px; -webkit-transform:rotate(45deg); background-color:{color:posttxt}; color:{post}; position:absolute; bottom:-5px; left:50px;}
  124.  
  125. .ngs {color:{color:posttxt}; font-size:30px; position:relative; top:-18px; left:8px; opacity:1; height:4px; z-index:1;}
  126.  
  127. #cap {position:relative;}
  128. .source {display: none; position:absolute;}
  129.  
  130. #sidebar {position:fixed; bottom:60px; left:338px; height:120px; color:{color:sidebartext};}
  131. #sidebar a {color:{color:sidebartext};}
  132.  
  133. .tudo:hover .imgborder {border-bottom-left-radius:0px; border-top-left-radius:0px;}
  134. .imgborder {height:128px; overflow:hidden;}
  135.  
  136. .imgs {z-index:999; position:absolute; top:0px; left:0px; overflow:hidden;}
  137. .imgborder {border-bottom-left-radius:60px; border-top-left-radius:60px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  138.  
  139. .frase {position:absolute; left:-152px; width:246px; height:20px; bottom:42px; overflow:hidden; padding:3px; z-index:1; opacity:1; background-color:{color:sidebar}; color:{color:sidebartext}; text-align:center; border-bottom-left-radius:10px; border-top-left-radius:10px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; }
  140.  
  141. .oslinks {position:absolute; bottom:3px; left:3px; width:142px; opacity:0; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  142.  
  143. .oslinks a {font-size:9px; display:inline; float:center;}
  144. .oslinks a:hover {opacity:0.7; text-decoration:underline;}
  145.  
  146. #sidebar:hover .frase {height:122px; width:246px; opacity:0.9; bottom:-8px; border-radius:5px; border-top-right-radius:0px;}
  147. #sidebar:hover .oslinks {opacity:1;}
  148.  
  149. #apag {position:fixed; left:188px; bottom:5px; color:{color:paginacao}; width:255px; text-align:right; font-size:15px;}
  150.  
  151. 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:99; z-index:19;}
  152.  
  153.  
  154.  
  155. 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; }
  156.  
  157.  
  158. #adiv {display:block; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; text-align:center; padding:10px; font-size:15px; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; color:#fff; z-index:9999; overflow:hidden; opacity:0.9;}
  159.  
  160. </style>
  161. <script language="JavaScript">
  162.  
  163. function mostra()
  164.  
  165.  
  166.  
  167. {
  168.  
  169. document.getElementById('negoc').style.height = '100px';
  170.  
  171. document.getElementById('negoc').style.bottom = '0px';
  172. document.getElementById('negoc').style.left = '-242px';
  173.  
  174. }
  175.  
  176. function sai()
  177.  
  178.  
  179.  
  180. {
  181.  
  182. document.getElementById('negoc').style.height = '0px';
  183.  
  184. document.getElementById('negoc').style.bottom = '41px';
  185.  
  186. }
  187.  
  188. </script>
  189.  
  190.  
  191.  
  192. <link rel="shortcut icon" href="{Favicon}">
  193. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  194. {block:Description}
  195. <meta name="description" content="{MetaDescription}" />
  196. {/block:Description}
  197. </head>
  198.  
  199. <body>
  200.  
  201. <div id="content">
  202.  
  203. <div id="apag">
  204. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
  205.  
  206. </div>
  207. <div id="sidebar" onmouseover="mostra()" onmouseout="sai()">
  208.  
  209. <dic class="tudo">
  210. <div class="imgs" style="width:120px; overflow:hidden;">
  211. <div class="imgborder">
  212. <img id="imgaqui" src="{image:sidebar}" width="140" />
  213. </div>
  214. <div style="position:absolute; top:3px; right:5px; z-index:99999999">
  215. <a href="http://intercalado.tumblr.com/" target="_blank">©</a>
  216. </div>
  217. </div>
  218.  
  219. <div class="frase" >
  220.  
  221.  
  222. <div style="width:145px;">
  223. <div style="line-height:20px;"><a href="#" >{text:titulo}</a></div>
  224. <center><div style="width:90%; background-color:{color:bg}; height:2px; margin-top:3px;"></div>
  225. <div style="width:70%; background-color:{color:bg}; height:2px; margin-top:1px;"></div></center>
  226. <div style="font-size:9px; text-align:center; height:52px; margin-top:2px; overflow:hidden;">{Description}</div>
  227. <div class="oslinks">
  228. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  229. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  230. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  231. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  232. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  233. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  234. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  235. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. <div style="position:fixed; right:10px; bottom:10px; font-size:11px;" class="lcred">
  242. <a href="http://intercalado.tumblr.com" target="_blank">theme by ©</a>
  243. </div>
  244. <div id="posts">
  245. {block:Posts}
  246. <div class="post">
  247.  
  248. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  249.  
  250. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  251.  
  252. {block:Photoset}{Photoset-400}{/block:Photoset}
  253. {block:Quote}
  254.  
  255. <div class="quote"><div class="smbluc"><strong>“</strong></div>{Quote}"</div>
  256. {block:Source}<div class="sourcequote"> — {Source}</div>
  257. {/block:Source}
  258. {/block:Quote}
  259.  
  260. {block:Link}
  261. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  262. {block:Description}{Description}{/block:Description}
  263. {/block:Link}
  264.  
  265. {block:Chat}
  266. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  267. <div class="chat"><ul>{block:Lines}
  268. <li class="person{UserNumber}">{block:Label}
  269. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  270. {/block:Chat}
  271.  
  272. {block:Audio}
  273. <div class="player">{AudioPlayerBlack}</div>
  274. {block:Caption}{Caption}{/block:Caption}
  275. {/block:Audio}
  276.  
  277. {block:Video}{Video-400}{/block:Video}
  278.  
  279. {block:Answer}
  280. <div id="ng" style="z-index:9;">
  281. {Question}
  282.  
  283. </div>
  284. <div class="ngs">
  285. </div>
  286. <table style="margin-left:5px; margin-top:10px;"><tr><td width="24"><a href="{AskerURL}" target="_blank"><img width="24" src="{AskerPortraitURL-24}" /></a></td><td><a href="{AskerURL}" target="_blank"><b>{Asker}</b></a></td></tr></table>
  287.  
  288. <div class="answer">{Answer}</div>
  289. {/block:Answer}
  290.  
  291.  
  292. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  293. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  294. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  295.  
  296. <div class="source">
  297. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  298. </div>
  299. {block:Date}
  300. <div class="date">
  301. <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong> <font style="color:pink">♥</font></a>{/block:NoteCount}
  302.  
  303. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}"> · <strong>original</strong></a> · <a href="{ReblogParentURL}"><strong>via</strong></a>{/block:RebloggedFrom}<a href="{ReblogUrl}" target="_blank"><strong> · reblog</strong></a>
  304.  
  305. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<font class="tag"><strong>#</strong></font><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  306.  
  307. </div>
  308. {/block:Date}
  309. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  310. </div>
  311.  
  312. {/block:Posts}
  313.  
  314.  
  315. </div>
  316. </div>
  317.  
  318. </body>
  319. </html>
  320. </body>
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement