API tools faq
paste
Advertisement
kathisneckdeep

[OLD] theme 11: clairvoyant

kathisneckdeep
Apr 20th, 2016
588
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. *.。.☆ clairvoyant theme (theme 11) by distance-themes or fleaur ☆.。.*
  8. don't repost as your own + pls pls keep the credit
  9. hope you like this! enjoy x
  10. -->
  11.  
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  15.  
  16. <script type="text/javascript">
  17. function unhide(divID) {
  18. var item = document.getElementById(divID);
  19. if (item) {
  20. item.className=(item.className=='hidden')?'unhidden':'hidden';
  21. }
  22. }
  23. </script>
  24.  
  25. <link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  26.  
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:text" content="#4d4d4d"/>
  30. <meta name="color:link" content="#4d4d4d"/>
  31. <meta name="color:post bg" content="#ffffff"/>
  32. <meta name="color:bar" content="#f2eadb"/>
  33. <meta name="color:bar2" content="#f2eadb"/>
  34. <meta name="color:barh" content="#e5d5b6"/>
  35.  
  36. <meta name="image:sidepic" content=""/>
  37. <meta name="image:background" content=""/>
  38.  
  39. <meta name="if:1 column" content="0"/>
  40. <meta name="if:2 columns" content="1"/>
  41. <meta name="if:border" content="1"/>
  42. <meta name="if:infinite scroll" content="0"/>
  43.  
  44. <meta name="text:updates 1 title" content="title 1"/>
  45. <meta name="text:updates 1 text" content="Put anything here. Updates, stats, announcements, links, networks, etc."/>
  46. <meta name="text:updates 2 title" content="title 2"/>
  47. <meta name="text:updates 2 text" content="Put anything here. Updates, stats, announcements, links, networks, etc."/>
  48. <meta name="text:updates 3 title" content="title 3"/>
  49. <meta name="text:updates 3 text" content="Put anything here. Updates, stats, announcements, links, networks, etc."/>
  50.  
  51. <meta name="text:link 1 url" content="/"/>
  52. <meta name="text:link 1 name" content="home"/>
  53. <meta name="text:link 2 url" content="/ask"/>
  54. <meta name="text:link 2 name" content="mssg me"/>
  55. <meta name="text:link 3 url" content="/submit"/>
  56. <meta name="text:link 3 name" content="submit"/>
  57. <meta name="text:link 4 url" content="/archive"/>
  58. <meta name="text:link 4 name" content="past"/>
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script type="text/javascript">
  62. $(document).ready(function () {
  63. $("#clk").toggle(function() {
  64. $("#upd").show();
  65. }, function() {
  66. $("#upd").hide();
  67. });
  68. });
  69. </script>
  70.  
  71. <link rel="shortcut icon" href="{Favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. ::-webkit-scrollbar {
  79. width: 9px;
  80. height: 4px;
  81. background: {color:background};
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. border:3px solid {color:background};
  86. background-color: {color:bar};
  87. }
  88.  
  89. #s-m-t-tooltip {
  90. max-width:300px;
  91. margin:10px 0px 0px 10px;
  92. padding:3px 3px 3px 3px;
  93. background: #fff;
  94. border:0px solid {color:borderr};
  95. font-family: 'Raleway', sans-serif;:courier new;
  96. font-size:10px;
  97. letter-spacing:0px;
  98. text-transform:lowercase;
  99. color:#000;
  100. z-index:999999999999999999999999999999999999;
  101. }
  102.  
  103. #bpicyo{
  104. width:280px;
  105. opacity:.8;
  106. bottom:25px;
  107. right:30px;
  108. float:right;
  109. position:fixed;
  110. margin-right:0px;
  111. z-index:100;
  112. }
  113.  
  114. #updates{
  115. width:170px;
  116. top:90px;
  117. right:55px;
  118. position:fixed;
  119. }
  120.  
  121. #updtitle{
  122. border:1px solid {color:bar};
  123. letter-spacing: 1px;
  124. text-transform:uppercase;
  125. padding:5px;
  126. }
  127.  
  128. #upds{
  129. margin-top:5px;
  130. border:1px solid {color:bar};
  131. letter-spacing: 1px;
  132. padding:5px;
  133. }
  134.  
  135. .updt1{
  136. background:{color:bar};
  137. padding:3px;
  138. letter-spacing: 1px;
  139. text-transform:uppercase;
  140. text-align:center;
  141. }
  142.  
  143. #updte1{
  144. border:1px solid{color:bar};
  145. padding:3px;
  146. margin-top:3px;
  147. letter-spacing: 1px;
  148. text-align:center;
  149. }
  150.  
  151. .updt2{
  152. background:{color:bar};
  153. padding:3px;
  154. margin-top:5px;
  155. letter-spacing: 1px;
  156. text-transform:uppercase;
  157. text-align:center;
  158. }
  159.  
  160. #updte2{
  161. border:1px solid{color:bar};
  162. padding:3px;
  163. margin-top:3px;
  164. letter-spacing: 1px;
  165. text-align:center;
  166. }
  167.  
  168. .updt3{
  169. background:{color:bar};
  170. padding:3px;
  171. margin-top:5px;
  172. letter-spacing: 1px;
  173. text-transform:uppercase;
  174. text-align:center;
  175. }
  176.  
  177. #updte3{
  178. border:1px solid{color:bar};
  179. padding:3px;
  180. margin-top:3px;
  181. letter-spacing: 1px;
  182. text-align:center;
  183. }
  184.  
  185. .hidden {
  186. display: none;
  187. -webkit-transition: all .7s ease-in-out;
  188. -moz-transition: all .7s ease-in-out;
  189. -ms-transition: all .7s ease-in-out;
  190. -o-transition: all .7s ease-in-out;
  191. transition: all .7s ease-in-out;
  192. }
  193. .unhidden {
  194. display: block;
  195. -webkit-transition: all .7s ease-in-out;
  196. -moz-transition: all .7s ease-in-out;
  197. -ms-transition: all .7s ease-in-out;
  198. -o-transition: all .7s ease-in-out;
  199. transition: all .7s ease-in-out;
  200. }
  201.  
  202. #topbar{
  203. top:0;
  204. right:0;
  205. left:0;
  206. width:100%;
  207. z-index:20000;
  208. height:30px;
  209. background-color:{color:bar};
  210. position:fixed;
  211. }
  212.  
  213. #bottombar{
  214. bottom:0;
  215. right:0;
  216. left:0;
  217. width:100%;
  218. z-index:10000;
  219. height:30px;
  220. background-color:{color:bar};
  221. position:fixed;
  222. }
  223.  
  224. #leftbar{
  225. top:0;
  226. left:0;
  227. height:100%;
  228. z-index:10000;
  229. width:30px;
  230. background-color:{color:bar};
  231. position:fixed;
  232. }
  233.  
  234. #rightbar{
  235. top:0;
  236. right:0;
  237. height:100%;
  238. z-index:10000;
  239. width:30px;
  240. background-color:{color:bar};
  241. position:fixed;
  242. }
  243.  
  244. .tbtitle{
  245. font-size:25px;
  246. margin-top:4px;
  247. padding:5px;
  248. text-transform:uppercase;
  249. font-style: italic;
  250. letter-spacing:1px;
  251. }
  252.  
  253. .tbtitle a{
  254. border-bottom:2px solid {color:barh};
  255. padding:3px;
  256. }
  257.  
  258.  
  259. #bsbaryo{
  260. width:200px;
  261. height:auto;
  262. padding:5px;
  263. font-style:bold;
  264. background:transparent;
  265. top:30%;
  266. {block:if1column}left:380px;{/block:if1column}
  267. {block:if2columns}left:700px;{/block:if2columns}
  268. font-family: 'Raleway', sans-serif;
  269. text-align:left;
  270. position:fixed;
  271. }
  272.  
  273. .desc{
  274. padding:5px;
  275. margin-top:10px;
  276. letter-spacing:1px;
  277. }
  278.  
  279. .linkiees{
  280. margin-top:5px;
  281. border:1px solid {color:bar};
  282. padding:5px;
  283. text-align:center;
  284. }
  285.  
  286. .linkiees a{
  287. -webkit-transition: all 1s ease-in-out;
  288. -moz-transition: all 1s ease-in-out;
  289. -ms-transition: all 1s ease-in-out;
  290. -o-transition: all 1s ease-in-out;
  291. transition: all 1s ease-in-out;
  292. font-size:9px;
  293. line-height:20px;
  294. letter-spacing:1px;
  295. text-transform:uppercase;
  296. }
  297.  
  298. .linkiees a:hover{
  299. background:{color:barh};
  300. }
  301.  
  302. #navlinks {
  303. font-size:5px;
  304. position: fixed;
  305. background-color:{color:barh};
  306. width:10px;
  307. height:10px;
  308. bottom: 40px;
  309. padding:2px;
  310. right: 40px;
  311. z-index:999999999999;
  312. text-align:center;
  313. overflow:hidden;
  314. -webkit-transition:all 0.7s ease-in-out;
  315. -moz-transition:all 0.7s ease-in-out;
  316. transition:all 0.7s ease-in-out;
  317. }
  318.  
  319. #navlinks a {
  320. color:{color:barh};
  321. font-size:8px;
  322. letter-spacing:1px;
  323. font-weight:bold;
  324. text-decoration: none;
  325. }
  326.  
  327. #navlinks:hover {
  328. width:50px;
  329. -webkit-transition:all 0.7s ease-in-out;
  330. -moz-transition:all 0.7s ease-in-out;
  331. transition:all 0.7s ease-in-out;
  332. }
  333.  
  334. #navlinks:hover a {
  335. color:{color:text};
  336. }
  337.  
  338. #content {
  339. padding-top:40px;
  340. margin-left:40px;
  341. padding-right:20px;
  342. {block:if1column}width: 300px;{/block:if1column}
  343. {block:if2columns}width:620px;{/block:if2columns}
  344. float: left;
  345. {block:ifborder}border-right:2px solid {color:bar};{/block:ifborder}
  346. {block:ifnotborder}border-right:0px solid {color:bar};{/block:ifnotborder}
  347. {block:PermalinkPage}
  348. margin-left:200px;border-right:0px solid;width:410px; {/block:PermalinkPage}
  349. }
  350.  
  351.  
  352. body {
  353. background-color: {color:background};
  354. background-image: url({image:background});
  355. background-attachment:fixed;background-repeat:repeat;
  356. background-position:center;
  357. font-family: 'Raleway', sans-serif;
  358. font-size: 11px;
  359. color: {color:text};
  360. }
  361.  
  362. a {
  363. color: {color:link};
  364. text-decoration:none;
  365. }
  366.  
  367. blockquote {
  368. padding-left:5px;
  369. border-left:2px solid;
  370. color: {color:text};
  371. margin-left:3px;
  372. margin-bottom:5px;
  373. }
  374.  
  375. img, iframe, embed, object, video {
  376. max-width: 100%;
  377. }
  378.  
  379. #tumblr_controls, .tmblr-iframe{
  380. z-index:999999999999999999!important;
  381. -webkit-filter:invert(100%);
  382. -moz-filter:invert(100%);
  383. -o-filter:invert(100%);
  384. -ms-filter:invert(100%);
  385. filter:invert(100%);
  386. position:fixed!important;
  387. top:35px!important;
  388. right:35px!important;
  389. opacity:.4;
  390. }
  391.  
  392. /*post stuff*/
  393.  
  394. article {
  395. -webkit-transition: all .7s ease-in-out;
  396. -moz-transition: all .7s ease-in-out;
  397. -ms-transition: all .7s ease-in-out;
  398. -o-transition: all .7s ease-in-out;
  399. transition: all .7s ease-in-out;
  400. background: {color:post bg};
  401. margin: 20px;
  402. {block:if2columns}margin-left:40px;{/block:if2columns}
  403. {block:if1column}margin-left:40px;{/block:if1column}
  404. margin-bottom:40px;
  405. padding-bottom:20px;
  406. width: 250px;
  407. {block:PermalinkPage}width:400px;border-bottom: 0px solid {color:bar};{/block:PermalinkPage}
  408. {block:IndexPage}
  409. border-bottom: 2px solid {color:bar};{/block:IndexPage}
  410. }
  411.  
  412. #note{
  413. max-height:250px;
  414. overflow:auto;
  415. }
  416.  
  417. article:hover #perma1{
  418. z-index:200;
  419. -webkit-transition: all .7s ease-in-out;
  420. -moz-transition: all .7s ease-in-out;
  421. -ms-transition: all .7s ease-in-out;
  422. -o-transition: all .7s ease-in-out;
  423. transition: all .7s ease-in-out;
  424. opacity:1;
  425. margin-left:60px;
  426. }
  427.  
  428.  
  429. .title{
  430. font-family: 'Raleway', sans-serif;
  431. font-size:20px;
  432. text-transform:uppercase;
  433. letter-spacing:1px;
  434. margin-bottom:1px;
  435. }
  436.  
  437. .ans{
  438. font-family: 'Raleway', sans-serif;
  439. }
  440. .qtext{
  441. font-family: 'Raleway', sans-serif;
  442. }
  443.  
  444. .wteveridk{
  445. font-family: 'Raleway', sans-serif;
  446. margin-left:5px;
  447. margin-bottom:-3px;
  448. }
  449.  
  450. .chat span {
  451. float: left;
  452. margin-right: 10px;
  453. }
  454.  
  455. #perma1{
  456. -webkit-transition: all .7s ease-in-out;
  457. -moz-transition: all .7s ease-in-out;
  458. -ms-transition: all .7s ease-in-out;
  459. -o-transition: all .7s ease-in-out;
  460. transition: all .7s ease-in-out;
  461. opacity:0;
  462. background:transparent;
  463. text-align: left;
  464. position: absolute;
  465. height:auto;
  466. width:auto;
  467. bottom:-17px;
  468. left:-20px;
  469. font-family: 'Raleway', sans-serif;
  470. padding:10px;
  471. font-size: 11px;
  472. text-transform:uppercase;
  473. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  474. }
  475.  
  476. #perma1 a{
  477. background:{color:background};
  478. padding:5px;
  479. margin-left:5px;
  480. line-height:12px;
  481. }
  482.  
  483. #perma2{
  484. border-top:1px solid{color:bar};
  485. text-align:right;
  486. padding:3px;
  487. padding-bottom:0px;
  488. }
  489.  
  490. .tumblr_audio_player {
  491. width: 400px;
  492. height: 100px;
  493. overflow: hidden;
  494. position: relative;
  495. z-index: 1000;
  496. }
  497.  
  498. {block:ifnotinfinitescroll}
  499. .pagi { /*pagi stuff*/
  500. font-size:15px;
  501. font: {select:font};
  502. color: {color:link};
  503. text-align:center;
  504. padding:2px;
  505. padding-top:5px;
  506. }
  507. {/block:ifnotinfinitescroll}
  508.  
  509. {block:ifinfinitescroll}
  510. .pagi {
  511. display:none;
  512. }
  513. {/block:ifinfinitescroll}
  514.  
  515. .kathrynisfab{
  516. background:{color:barh};
  517. border-radius:50% 50% 50% 50%;
  518. color:#ccc;
  519. font-family: 'Raleway', sans-serif;
  520. padding:5px;
  521. position:fixed;
  522. bottom:35px;
  523. right:35px;
  524. font-size:10px;
  525. }
  526.  
  527. .kathrynisfab:hover{
  528. -webkit-transition: all 1s ease-in-out;
  529. -moz-transition: all 1s ease-in-out;
  530. -ms-transition: all 1s ease-in-out;
  531. -o-transition: all 1s ease-in-out;
  532. transition: all 1s ease-in-out;
  533. transform: rotate(180deg);
  534. -ms-transform: rotate(180deg);
  535. -webkit-transform: rotate(180deg);
  536. -o-transform: rotate(180deg);
  537. -moz-transform: rotate(180deg);
  538. }
  539.  
  540. </style>
  541. </head>
  542. <body>
  543.  
  544. <title>{Title}</title>
  545.  
  546.  
  547. <div id="updates">
  548. <div id="updtitle">
  549. <a href="javascript:unhide('upds');">updates</a>
  550. </div>
  551.  
  552. <div id="upds" class="hidden">
  553. <div class="updt1"><a href="javascript:unhide('updte1');">
  554. {text:updates 1 title}
  555. <i class="fa fa-minus-square-o"></i></a></div>
  556. <div id="updte1">
  557. {text:updates 1 text}
  558. </div>
  559. <div class="updt2"><a href="javascript:unhide('updte2');">
  560. {text:updates 2 title}
  561. <i class="fa fa-minus-square-o"></i></a></div>
  562. <div id="updte2">
  563. {text:updates 2 text}
  564. </div>
  565. <div class="updt3"><a href="javascript:unhide('updte3');">
  566. {text:updates 3 title}
  567. <i class="fa fa-minus-square-o"></i></a></div>
  568. <div id="updte3">
  569. {text:updates 3 text}
  570. </div>
  571. </div></div>
  572.  
  573. <div id="topbar"></div>
  574. <div id="bottombar"></div>
  575. <div id="leftbar"></div>
  576. <div id="rightbar"></div>
  577.  
  578. <div id="bpicyo">
  579. <img src="{image:sidepic}"/>
  580. </div>
  581.  
  582. <div id="bsbaryo">
  583. <div class="tbtitle">
  584. <a href="/">{Title}</a> </div>
  585. <div class="desc">
  586. {Description}</div>
  587.  
  588. <div class="linkiees">
  589. <a href="{text:link 1 url}" >.{text:link 1 name}</a>
  590. <a href="{text:link 2 url}" >.{text:link 2 name}</a>
  591. <a href="{text:link 3 url}" >.{text:link 3 name}</a>
  592. <a href="{text:link 4 url}" >.{text:link 4 name}</a>
  593. {block:HasPages}
  594. {block:Pages}
  595. / <a href="{URL}">{Label}</a></li>
  596. {/block:Pages}
  597. {/block:HasPages}
  598. <a href="maoli.co.vu" title="credits">.theme</a></div></div>
  599.  
  600. {block:Pagination}
  601. <div class="pagination">
  602. <div class="pagi">
  603. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  604. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  605. </div></div>
  606. {/block:Pagination}
  607. </div>
  608. <nav>
  609. <ul>
  610. {block:HasPages}
  611. {block:Pages}
  612. <li> <a href="{URL}">{Label}</a></li>
  613. {/block:Pages}
  614. {/block:HasPages}
  615. </ul>
  616. </nav>
  617.  
  618. <div id="content">
  619. {block:Posts}
  620. <article>
  621. {block:Text}
  622. <div class="text">
  623. {block:Title}<h1 class="title">
  624. <a href="{Permalink}">{Title}</a>
  625. </h1>{/block:Title}
  626. {Body}
  627. {block:IndexPage}
  628. <div id="perma2">
  629. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>{/block:IndexPage}
  630. </div>
  631. {/block:Text}
  632.  
  633. {block:Photo}
  634. <div class="photo">
  635. {LinkOpenTag}<a href="{Permalink}" target="_blank"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a>{LinkCloseTag}
  636. <div id="perma1">
  637. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}">Reblog</a> <a href="{Permalink}" title="post info">{NoteCount} notes</a>
  638. </div>
  639. {/block:Photo}
  640.  
  641. {block:Photoset}
  642. <div class="photoset">
  643. {block:IndexPage}
  644. {Photoset-250}
  645. {/block:IndexPage}
  646. {block:PermalinkPage}
  647. {Photoset-400}
  648. {/block:PermalinkPage}
  649. <div id="perma2">
  650. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  651. </div>
  652. {/block:Photoset}
  653.  
  654. {block:Quote}
  655. <div class="quote">
  656. {Quote}
  657. {block:Source}<cite>{Source}</cite>{/block:Source}
  658. <div id="perma2">
  659. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  660. </div>
  661. {/block:Quote}
  662.  
  663. {block:Link}
  664. <div class="link">
  665. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  666. {block:Description}{Description}{/block:Description}
  667. <div id="perma2">
  668. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  669. </div>
  670. {/block:Link}
  671.  
  672. {block:Chat}
  673. <div class="chat">
  674. <ul>
  675. {block:Lines}
  676. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  677. {/block:Lines}
  678. </ul>
  679. <div id="perma2">
  680. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  681. </div>
  682. {/block:Chat}
  683.  
  684. {block:Audio}
  685. <div class="audio">
  686. {block:AlbumArt}
  687. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  688. {/block:AlbumArt}
  689. {AudioPlayerWhite}
  690. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  691. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}</span><br>
  692. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}
  693. <div id="perma2">
  694. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  695. </div>
  696. {/block:Audio}
  697.  
  698. {block:Video}
  699. <div class="video">
  700. <div class="video-player">{Video-400}</div>
  701. <div id="perma2">
  702. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  703. </div>
  704. {/block:Video}
  705.  
  706. {block:Answer}
  707. <div class="answer">
  708. <div class="ans">
  709. <img src="{AskerPortraitURL-30}" align="left" style="margin-top:-3px;margin-right:4px;border-radius:10px;background:#fff;padding:2px;">
  710. {Asker}:<em>{Question}</em>
  711. {Answer}
  712. <div id="perma2">
  713. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a>
  714. </div>
  715. {/block:Answer}
  716. </div>
  717.  
  718. <div id="perma">
  719. {block:PermalinkPage}
  720. {block:HasTags}</br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  721. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  722. <div id="note">
  723. {block:PostNotes}{PostNotes}{/block:PostNotes}
  724. </div></div>
  725. {/block:PermalinkPage}
  726. </footer>
  727. </article>
  728. {/block:Posts}
  729. </div>
  730.  
  731. <!-- don't touch it lol -->
  732.  
  733. <div style="display:none">
  734. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5263526";
  735. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  736. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  737. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  738. </script>
  739. </div>
  740.  
  741. <div id="navlinks"><a href="http://j.gs/12878167/theme-credit" title="theme credit" target="_blank">DISTANCE</a></div>
  742.  
  743. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  744. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  745. {block:IfInfiniteScroll}
  746. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  747. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  748. {/block:IfInfiniteScroll}
  749.  
  750. <script>
  751. (function() {
  752. var $tumblelog = $('#content');
  753. {block:IfInfiniteScroll}
  754. $tumblelog.infinitescroll({
  755. navSelector : ".pagination",
  756. nextSelector : ".pagination a:first",
  757. itemSelector : "article",
  758. bufferPx : 50,
  759. done : "",
  760. loading: {
  761. img : "",
  762. msgText: ""
  763. },
  764. },
  765. function( newElements ) {
  766. var $newElems = $( newElements ).css({ opacity: 0 });
  767. $newElems.imagesLoaded(function(){
  768. $newElems.animate({ opacity: 1 });
  769. $tumblelog.masonry( 'appended', $newElems);
  770. });
  771. }
  772. );
  773. {/block:IfInfiniteScroll}
  774. $tumblelog.imagesLoaded( function(){
  775. $tumblelog.masonry({
  776. columnWidth: function( containerWidth ) {
  777. return containerWidth / 100;
  778. }
  779. });
  780. });
  781. })();
  782. </script>
  783. </body>
  784. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!