API tools faq
paste
pamellabellegarde

Theme Tumblr: night lights II

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