API tools faq
paste
pamellabellegarde

Theme Tumblr: Get It Hot

pamellabellegarde
Oct 8th, 2012
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 KB | None | 0 0
raw download clone embed print report
  1. <!-------
  2.  
  3. THEME BY SECRET-DIALOGUES.TUMBLR.COM
  4. DON'T COPY! BE ORIGINAL!
  5.  
  6. ------->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  9. "http://www.w3.org/TR/html4/strict.dtd">
  10. <html lang="en">
  11. <head>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  15.  
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  17. <title>{title}</title>
  18.  
  19.  
  20.  
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23. <link rel="shortcut icon" href="{favicon}" />
  24. <meta name="color:Postsbox" content="#fff"/>
  25. <meta name="color:background" content="#eee" />
  26. <meta name="image:background" content=""/>
  27.  
  28.  
  29.  
  30. <meta name="font:Title" content="georgia" />
  31. <meta name="font:body" content="verdana" />
  32.  
  33. <meta name="color:scroll bar" content="#000" />
  34. <meta name="color:Links" content="#666" />
  35. <meta name="color:Links Hover" content="#dadada" />
  36. <meta name="color:Text" content="#000" />
  37. <meta name="color:Tumblr Title" content="#000" />
  38. <meta name="text:Link1" content="/#" />
  39. <meta name="text:Link1 Title" content="link 1" />
  40. <meta name="text:Link2" content="/#" />
  41. <meta name="text:Link2 Title" content="link 2" />
  42. <meta name="text:Link3" content="/#" />
  43. <meta name="text:Link3 Title" content="link 3" />
  44. <meta name="text:Link4" content="/#" />
  45. <meta name="text:Link4 Title" content="link 4" />
  46. <meta name="text:Link5" content="/#" />
  47. <meta name="text:Link5 Title" content="link 5" />
  48. <meta name="text:Link6" content="/#" />
  49. <meta name="text:Link6 Title" content="link 6" />
  50. <meta name="text:Link7" content="/#" />
  51. <meta name="text:Link7 Title" content="link 7" />
  52. <meta name="text:Link8" content="/#" />
  53. <meta name="text:Link8 Title" content="link 8" />
  54. <meta name="if:bwimages" content="0"/>
  55. <meta name="if:Show Title" content="1"/>
  56.  
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
  59.  
  60.  
  61. </head>
  62. <style type="text/css" media="screen">
  63. /** BARRA ROLAGEM -- BY SECRET-DIALOGUES.TUMBLR.COM **/
  64.  
  65. ::-webkit-scrollbar{width:5px;height:5px;}
  66. ::-webkit-scrollbar-button:start:decrement
  67. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  68. ::-webkit-scrollbar-track-piece{background-color:{color:background}
  69. ;}
  70. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:{color:scroll bar}; background-color:{color:scroll bar};}
  71. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:{color:scroll bar}; background-color:{color:scroll bar};}
  72.  
  73. .tt {
  74. font-size:22px;
  75. background:{color:postsbox};
  76. color:{color:Text};
  77. }
  78.  
  79.  
  80.  
  81. .cre {padding:5px;bottom: 0px; right: 30px; z-index: 100; position: fixed;text-align:center;font-size:9px;height:20px;width:35px;-webkit-transition-duration: .50s;font-family:{font:body};background:{color:Postsbox};color:{color:Text}; }
  82. .cre:hover {height:65px;}
  83.  
  84. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  85. blockquote {margin:0px;padding:0px;padding-left:4px;border-left: 2px solid {color:Text};}
  86.  
  87.  
  88. /*** Corpo **********/
  89. body {
  90. background-attachment: fixed;
  91. font-size: 9px;
  92. background-repeat: repeat;
  93. font-family: {font:body};
  94. color: {color:Text};
  95. background:{color:background} url('{image:background}');
  96. background-attachment: fixed;}
  97.  
  98.  
  99.  
  100.  
  101.  
  102. /*** Layout principal *****/
  103. #content {
  104. width: 1125px;
  105. margin-left: auto;
  106. margin-right: auto;
  107. margin-top:85px;}
  108.  
  109. .h2 { font-size: 17px;font-weight:none; font-style:italic;font-family: {font:Title};color: {color:Text};}
  110.  
  111. .h1 { font-size: 16px;font-weight:none; text-transform:uppercase;font-family: {font:Title};color: {color:Text};}
  112.  
  113. {block:Ifbwimages}
  114.  
  115. img {-webkit-filter: grayscale(100%);}
  116.  
  117. {/block:ifbwimages}
  118.  
  119.  
  120. #main {
  121. width: 1130px;
  122. float: right;
  123. position: relative;
  124. margin-left: 0px;
  125. margin-top: 0px;}
  126.  
  127. #sidebar {
  128. background: transparent;
  129. width: 30px;
  130. height:30px;
  131. padding:5px;
  132. font-size:20px;
  133. float: right;
  134. margin-top: 450px;
  135. position: fixed;
  136. -webkit-border-radius: 350px;
  137. -moz-border-radius: 350px;
  138. border-radius: 350px;
  139. background:{color:bg menu};
  140. color:{color:links menu};
  141.  
  142. }
  143.  
  144.  
  145.  
  146.  
  147.  
  148. .caixinha {opacity:0.0;
  149. position: absolute;
  150. z-index: 999;
  151. text-align: center;
  152. height:100%;
  153. text-transform:uppercase;
  154. top: 40%;
  155. bottom: 60%;
  156. left:42%;
  157. -webkit-transition-duration: 0.9s;
  158. font-family:{font:body};}
  159.  
  160. .caixinha a {text-decoration:none;color: {color:Text};}
  161.  
  162.  
  163. .caixa {overflow: hidden;
  164. text-align:justify;
  165. margin-bottom:3px;
  166. font-size: 9px;
  167. margin-left: 5px;
  168. margin-top: 5px;
  169. background:{color:Postsbox};
  170. font-family: {font:body};
  171. color: {color:Text};
  172. {block:PermalinkPage} width:502px;{/block:PermalinkPage}
  173. {block:IndexPage}margin: 2px; float: left; text-align:justify;width: 250px; padding: 5px;font-family: {font:body}; {/block:IndexPage}
  174. {block:PermalinkPage}text-align: center;text-align:justify; width: 500px; padding: 2px;font-family: {font:body}; {/block:PermalinkPage}}
  175.  
  176. .caixa:hover .caixinha {opacity: 1.0;}
  177.  
  178. /** BORDA REDONDA **/
  179. .bordapam {webkit-transition-duration: .80s;border: 3px solid {color:background};margin:2px;}
  180.  
  181. nav3 a{font-size: 9px;line-height: 20px;padding:0px;color: {color:Text};font-family:{font:body};text-transform: lowercase; }
  182.  
  183. nav3 {font-size: 9px;line-height: 20px;padding:0px;color: {color:Text};font-family:{font:body};text-transform: lowercase; }
  184.  
  185. nav3:hover{color: {color:Text};}
  186.  
  187. nav4 {font-size:0px;
  188. }
  189.  
  190. /** APARENCIA LINKS **/
  191. a:link, a:visited, a:active { -webkit-transition-duration: 0.3s;text-decoration: none;color: {color:Links};}
  192. a:hover {color:{color:Links Hover};}
  193.  
  194.  
  195. /*** BALÃO ASK POR BIIBS ***/
  196. .bubble {align:right;background: {color:background}; margin:1px 0px 3px 63px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  197. .bubble p {margin:1px 0px;}
  198. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;text-align:left;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:background};}
  199.  
  200. #footer {
  201. background: #ccc;
  202. background-repeat:no-repeat;
  203. background-position: bottom;
  204. width: 900px;
  205. height: 44px;
  206. clear: both; }
  207.  
  208. .box2 {width:815px;
  209. min-height:96px;
  210. text-align:justify;
  211. padding:4px;
  212. margin-bottom:2px;
  213. margin-left:-123px;
  214. background:{color:Postsbox};
  215. color: {color:Text};}
  216.  
  217. nav1 {
  218. padding:3px;
  219. display: inline-block;
  220. font-size:8px;
  221. font-style:none;
  222. text-transform:uppercase;
  223. margin:1px;
  224. -webkit-transition-duration: 0.5s;
  225. background:transparent;
  226. color:{color:text};
  227. font-family:{font:body};
  228.  
  229.  
  230. }
  231.  
  232. nav1:hover {
  233. opacity:0.5;
  234. transform:rotate(360deg);
  235. -ms-transform:rotate(360deg); /* IE 9 */
  236. -moz-transform:rotate(360deg); /* Firefox */
  237. -webkit-transform:rotate(360deg); /* Safari and Chrome */
  238. -o-transform:rotate(360deg); /* Opera */
  239. }
  240.  
  241.  
  242. /** BARRA ROLAGEM -- BY SECRET-DIALOGUES.TUMBLR.COM **/
  243.  
  244. ::-webkit-scrollbar{width:5px;height:5px;}
  245. ::-webkit-scrollbar-button:start:decrement
  246. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  247. ::-webkit-scrollbar-track-piece{background-color:{color:background}
  248. ;}
  249. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:{color:scroll bar}; background-color:{color:scroll bar};}
  250. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:{color:scroll bar}; background-color:{color:scroll bar};}
  251.  
  252.  
  253.  
  254.  
  255.  
  256. /** QUOTE **/
  257. .aspas {position:relative; top:-10px;font-size:84px;opacity:0.4;filter: alpha (opacity=20);color: {color:Text}; font: normal 130px; font-family: georgia;text-align:left ; }
  258.  
  259. .quote {margin-left:20px;margin-top:-85px;line-height:20px; letter-spacing:0px;text-align:left ; }
  260.  
  261. </style>
  262.  
  263.  
  264. <body><center>
  265. <div id="content">
  266.  
  267.  
  268. <center>
  269. <div style=" background: {color:postsbox}; top: 0px; left: 0px; width: 100%; z-index: 100; position: fixed;filter: alpha(opacity=75);moz-opacity:.80;opacity:.80 ;padding-bottom:5px;font-family:courier new;">
  270.  
  271.  
  272. <br>
  273. <center>
  274. {block:IfShowTitle}<div class="tt"><a href="/"><font color="{color:Tumblr Title}"><font face="Finger Paint">{title}</a></font></div>{/block:IfShowTitle}
  275. <br>
  276. {block:ifLink1}<a href="{text:Link1}"> <nav1>{text:Link1 Title} </a> </nav1>{/block:ifLink1}
  277.  
  278. {block:ifLink2}<a href="{text:Link2}"> <nav1>{text:Link2 Title} </a> </nav1>{/block:ifLink2}
  279.  
  280. {block:ifLink3}<a href="{text:Link3}"><nav1>{text:Link3 Title} </a> </nav1>{/block:ifLink3}
  281.  
  282. {block:ifLink4}<a href="{text:Link4}"><nav1>{text:Link4 Title} </a> </nav1>{/block:ifLink4}
  283.  
  284. {block:ifLink5}<a href="{text:Link5}"><nav1>{text:Link5 Title} </a> </nav1>{/block:ifLink5}
  285.  
  286. {block:ifLink6}<a href="{text:Link6}"><nav1>{text:Link6 Title} </a> </nav1>{/block:ifLink6}
  287.  
  288. {block:ifLink7}<a href="{text:Link7}"><nav1>{text:Link7 Title} </a> </nav1>{/block:ifLink7}
  289.  
  290. {block:ifLink8}<a href="{text:Link8}"><nav1>{text:Link8 Title} </a> </nav1>{/block:ifLink8}
  291. <a href="http://secret-dialogues.tumblr.com" target="_blank"><nav1>theme by</a></nav1>
  292.  
  293.  
  294. </div></center>
  295.  
  296. <div id="main">
  297. {block:Posts}
  298. <div class="caixa"> <!--- Abrindo a div da caixa --->
  299. <div class="caixinha">
  300.  
  301.  
  302. <a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
  303.  
  304. <a href="{permalink}" title="permalink" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png" target="_blank"></a>
  305.  
  306. <nav4>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav4>
  307.  
  308. <nav4>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a>{/block:ContentSource}</nav4></div>
  309.  
  310. <!--- Texto --->
  311. {block:Text}
  312. {block:Title}<div class="h1">{Title}</div>{/block:Title}
  313. {body}
  314.  
  315. {block:PostNotes}
  316.  
  317. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  318.  
  319. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  320.  
  321. <nav3>{NoteCountWithLabel}</nav3>
  322.  
  323. <br />{PostNotes}{/block:PostNotes}
  324. {/block:Text}
  325. <!--- Photo --->
  326. {Block:Photo}
  327. {block:IndexPage}<center>{LinkOpenTag}<img src="{PhotoURL-250}" width="250px"></a></center>{/block:IndexPage}{LinkCloseTag}
  328. {block:PermalinkPage}<img src="{PhotoURL-500}">{/block:PermalinkPage}
  329. {block:Caption}{Caption}{/block:Caption}
  330.  
  331.  
  332.  
  333. {block:PostNotes}
  334.  
  335. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  336.  
  337. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  338.  
  339. <nav3>{NoteCountWithLabel}</nav3>
  340.  
  341. <br />{PostNotes}{/block:PostNotes}
  342.  
  343.  
  344. {/Block:Photo}
  345.  
  346. <!--- Photoset --->
  347. {block:Photoset}<div class="opacidade">
  348. {block:IndexPage}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IndexPage}</div>
  349. {block:PermalinkPage}{LinkOpenTag}{Photoset-500}{LinkCloseTag}{/block:PermalinkPage}
  350. {block:Caption}{Caption}{/block:Caption}
  351.  
  352. {block:PostNotes}
  353.  
  354. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  355.  
  356. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  357.  
  358. <nav3>{NoteCountWithLabel}</nav3>
  359.  
  360. <br />{PostNotes}{/block:PostNotes}
  361.  
  362.  
  363. {/block:Photoset}
  364.  
  365. <!--- Quote --->
  366. {block:Quote}
  367. <span class="aspas">“</span><div class="h2"><div class="quote">{Quote}
  368.  
  369. </span></div></div><br>
  370.  
  371. <center>
  372. {block:Source}— {Source}{/block:Source}</center>
  373.  
  374.  
  375. {block:PostNotes}
  376.  
  377. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  378.  
  379. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  380.  
  381. <nav3>{NoteCountWithLabel}</nav3>
  382.  
  383. <br />{PostNotes}{/block:PostNotes}
  384.  
  385.  
  386. {/block:Quote}
  387.  
  388. <!--- Chat --->
  389. {block:Chat}
  390. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  391.  
  392. {Line}<p>
  393.  
  394. {/block:Lines}
  395.  
  396. {block:PostNotes}
  397.  
  398. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  399.  
  400. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  401.  
  402. <nav3>{NoteCountWithLabel}</nav3>
  403.  
  404. <br />{PostNotes}{/block:PostNotes}
  405.  
  406.  
  407. {/block:Chat}
  408.  
  409. <!--- Link --->
  410. {block:Link}
  411. <div class="h1"><a href="{URL}">{Name}</a></div>
  412. {block:Description}{Description}{/block:Description}
  413.  
  414.  
  415. {block:PostNotes}
  416.  
  417. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  418.  
  419. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  420.  
  421. <nav3>{NoteCountWithLabel}</nav3>
  422.  
  423. <br />{PostNotes}{/block:PostNotes}
  424.  
  425.  
  426. {/block:Link}
  427.  
  428. <!--- Audio --->
  429. {block:Audio}
  430. {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}
  431. <center>{AudioPlayerGrey}</center>
  432. {block:Caption}{Caption}{/block:Caption}
  433.  
  434. {block:PostNotes}
  435.  
  436. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  437.  
  438. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  439.  
  440. <nav3>{NoteCountWithLabel}</nav3>
  441.  
  442. <br />{PostNotes}{/block:PostNotes}
  443.  
  444.  
  445. {/block:Audio}
  446.  
  447. <!--- Video --->
  448. {block:Video}
  449. {block:Indexpage}{Video-250}{/block:IndexPage}
  450. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  451. {block:Caption}{Caption}{/block:Caption}
  452.  
  453. {block:PostNotes}
  454.  
  455. <nav3>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" >Via</a>{/block:RebloggedFrom}</nav3>
  456.  
  457. <nav3>{block:ContentSource} · <a href="{SourceURL}" target="_blank" >Source</a> ·{/block:ContentSource}</nav3>
  458.  
  459. <nav3>{NoteCountWithLabel}</nav3>
  460.  
  461. <br />{PostNotes}{/block:PostNotes}
  462.  
  463.  
  464. {/block:Video}
  465.  
  466. <!--- Answer --->
  467. {block:Answer}
  468. <img src="{AskerPortraitURL-40}" align="left" class="bordapam" /><div class="bubble"><span></span>{Asker}: {Question}<p></div>
  469.  
  470. {Answer}
  471. {/block:Answer}
  472.  
  473. </div> <!--- Fechando a div da caixa --->
  474. {/block:Posts}
  475.  
  476. </div>
  477.  
  478.  
  479. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  480. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  481. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  482. <script type="text/javascript">
  483. $(window).load(function () {
  484. $('#main').masonry(),
  485. $('.masonryWrap').infinitescroll({
  486. navSelector : "div#navigation",
  487. nextSelector : "div#navigation a#nextPage",
  488. itemSelector : ".caixa",
  489. bufferPx : 10000,
  490. extraScrollPx: 11000,
  491. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  492. loadingText : "<i> </i>",
  493. },
  494. // call masonry as a callback.
  495. function() { $('#main').masonry({ appendedContent: $(this) }); }
  496. );
  497. });
  498. </script>
  499. {block:IndexPage}
  500. <div class="column navigation" id="navigation">
  501. {block:Pagination}
  502. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  503. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  504. </div>
  505. {/block:IndexPage}
  506.  
  507. <div class="cre">theme by
  508.  
  509. <a href="http://secret-dialogues.tumblr.com/" target="_blank">s-d</a><br>-<br>
  510. <a href="http://biibis.tumblr.com/" target=blank>help 1</a>
  511. <a href="http://things-to-help-you.tumblr.com/" target=blank>help 2</a>
  512. <a href="http://goldhtml.tumblr.com/" target=blank>help 3</a>
  513.  
  514. </div>
  515. <div style="top: 0px; right: 0px; position: fixed;z-index: 100;">
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!