API tools faq
paste
Advertisement
themekid

coming down theme

themekid
Apr 22nd, 2017
910
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.28 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Coming Down Theme 2.0 by ThemeKid Chloë | @redivide | @themekid
  6.  
  7. > Do not delete/alter any credit.
  8. > Do not claim as your own.
  9. > Do not copy any code.
  10. > Do not redistribute.
  11.  
  12. ------------------------------------------->
  13. <html>
  14. <head>
  15. <meta charset="UTF-8" />
  16. <title>{block:TagPage}{Tag} posts | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <meta name="image:Background" content="" />
  24. <meta name="image:Avatar" content="//66.media.tumblr.com/3e9027cdb946c30549399eda149b64e8/tumblr_o2nisfzn0m1tm0l12o1_400.jpg" />
  25. <meta name="color:Accent" content="#51da36" />
  26. <meta name="color:Gradient 1" content="#61fe2a" />
  27. <meta name="color:Gradient 2" content="#2de1a6" />
  28.  
  29. <meta name="if:Hide Title" content="" />
  30. <meta name="if:Hide Description" content="" />
  31. <meta name="if:Repeating Background" content="" />
  32. <meta name="if:Gradient Background" content="" />
  33. <meta name="if:Redirect Ask" content="" />
  34.  
  35. <meta name="text:IMPORTANT" content="do not enable the redirect ask if you are using the default /ask page. it will cause your browser to crash! only enable if you are using a custom ask page."/>
  36. <meta name="text:Ask Link" content="/ask" />
  37.  
  38. <!--there is a reason you can't find this link for outicons when you google, it's because i made it. so leave it the fuck alone and go make your own-->
  39. <link rel="stylesheet" href="https://static.tumblr.com/8pnyeus/D87qcdm0a/oi-icomoon.css">
  40. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  41. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Oswald|Open+Sans:700" rel="stylesheet">
  42. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  44. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  45.  
  46. <script>{block:IfRedirectAsk}
  47. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  48. (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);
  49. var fhs = document.createElement('script');var fhs_id = "5467387";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  50. </script>
  51.  
  52. <style type="text/css">
  53. * {
  54. margin:0;
  55. padding:0;
  56. }
  57. #tumblr_controls, .tmblr-iframe {
  58. top:5px!important;
  59. right:5px!important;
  60. -webkit-filter: invert(90%);
  61. filter: invert(90%);
  62. position:fixed!important;
  63. -webkit-transform:scale(.8, .8);
  64. -moz-transform:scale(.8, .8);
  65. transform:scale(.8, .8);
  66. -webkit-transform-origin: right top;
  67. -moz-transform-origin: right top;
  68. -ms-transform-origin: right top;
  69. -o-transform-origin: right top;
  70. transform-origin: right top;
  71. z-index:999999999999999999!important
  72. }
  73. [class*=" icon-oi_"]:before,[class^=icon-oi_]:before {
  74. line-height:inherit;
  75. vertical-align: middle;
  76. }
  77. @font-face {
  78. font-family: 'icomoon';
  79. src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs');
  80. src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs#iefix') format('embedded-opentype'),
  81. url('https://dl.dropboxusercontent.com/s/9qmsmnbzj2canp9/icomoon.ttf?5kiojs') format('truetype'),
  82. url('https://dl.dropboxusercontent.com/s/eodx1z60h9yimh0/icomoon.woff?5kiojs') format('woff'),
  83. url('https://dl.dropboxusercontent.com/s/m57uc7hijqbua78/icomoon.svg?5kiojs#icomoon') format('svg');
  84. font-weight: normal;
  85. font-style: normal;
  86. }
  87. ::-webkit-scrollbar {
  88. background-color:#ddd;
  89. height: 11px;
  90. width: 11px;
  91. border:5px solid #fff;
  92. }
  93. ::-webkit-scrollbar-thumb {
  94. background-color:#000;
  95. border:5px solid #fff;
  96. }
  97. ::-moz-selection {
  98. color:{color:Dark Accent};
  99. background:rgba({RGBcolor:Accent},0.1);
  100. }
  101.  
  102. ::selection {
  103. color:{color:Dark Accent};
  104. background:rgba({RGBcolor:Accent},0.1);
  105. }
  106. #s-m-t-tooltip {
  107. max-width:300px;
  108. padding:3px 6px;
  109. margin:20px 10px;
  110. background: #000;
  111. color:#fff;
  112. z-index:999999999999999!important;
  113. font-size:9px;
  114. text-transform:uppercase;
  115. font-family:'Roboto Condensed', monospace;
  116. }
  117. body {
  118. color:#000;
  119. font-size:12px;
  120. font-family:"Times New Roman", Times, serif;
  121. word-break:break-word;
  122. background:url({image:Background}) {block:IfRepeatingBackground}repeat{/block:IfRepeatingBackground}{block:IfNotRepeatingBackground}no-repeat center center{/block:IfNotRepeatingBackground} fixed;
  123. {block:IfNotRepeatingBackground}background-size: cover;{/block:IfNotRepeatingBackground}
  124. {block:IfGradientBackground}
  125. background: {color:Gradient 1};
  126. background: -webkit-linear-gradient({color:Gradient 1}, {color:Gradient 2});
  127. background: -o-linear-gradient({color:Gradient 1}, {color:Gradient 2});
  128. background: -moz-linear-gradient({color:Gradient 1}, {color:Gradient 2});
  129. background: linear-gradient({color:Gradient 1}, {color:Gradient 2});
  130. background-size:cover;
  131. {/block:IfGradientBackground}
  132. }
  133. img:not(.lightbox-image) {
  134. vertical-align:middle;
  135. max-width:100%;
  136. }
  137. a {
  138. text-decoration:none;
  139. color:{color:Accent};
  140. }
  141. a:hover {
  142. font-style:italic;
  143. }
  144. h1,h2,h3,h4,h5,h6 {
  145. font-family:'Oswald', sans-serif;
  146. font-weight:normal;
  147. }
  148. header {
  149. text-align:center;
  150. margin-bottom:50px;
  151. }
  152. header h1 {
  153. font-size:2em;
  154. margin-bottom:10px;
  155. }
  156. header #avatar {
  157. width:90px;
  158. height:90px;
  159. margin-bottom:10px;
  160. border-radius:50%;
  161. border:2px solid {color:Accent};
  162. }
  163. ul#nav {
  164. list-style:none;
  165. margin:5px 0;
  166. }
  167. ul#nav a {
  168. color:#000;
  169. }
  170. ul#nav li {
  171. margin:0px 5px;
  172. text-transform:lowercase;
  173. display:inline-block;
  174. }
  175. #desc {
  176. width:400px;
  177. margin:5px auto;
  178. }
  179. #infscr-loading {
  180. position:absolute;
  181. margin-bottom:-50px;
  182. bottom:20px;
  183. width:200px;
  184. margin-left:50%;
  185. left:-100px;
  186. text-align:center;
  187. }
  188. #wrapper {
  189. width:600px;
  190. margin:0 auto;
  191. position:relative;
  192. background:#fff;
  193. padding:30px 60px 70px;
  194. min-height:calc(100vh - 100px);
  195. }
  196. article {
  197. width:270px;
  198. box-sizing:border-box;
  199. margin-bottom:50px;
  200. position:relative;
  201. overflow:hidden;
  202. background:#fff;
  203. }
  204. * + .caption {
  205. margin-top:10px;
  206. }
  207. img.caption_avatar {
  208. border-radius:3px;
  209. margin-right:5px;
  210. height:20px;
  211. }
  212. blockquote.tumblr_parent {
  213. margin-bottom:10px;
  214. border-bottom:1px solid #f6f6f6;
  215. padding-bottom:10px;
  216. }
  217. blockquote.tumblr_parent:last-of-type {
  218. margin-bottom:0;
  219. padding-bottom:0;
  220. }
  221. blockquote.tumblr_parent ul,
  222. blockquote.tumblr_parent ol {
  223. margin:10px 0;
  224. line-height:2em;
  225. padding-left:25px;
  226. }
  227. blockquote.tumblr_parent ul {
  228. list-style:circle;
  229. }
  230. blockquote.tumblr_parent blockquote {
  231. border-left:2px solid #eee;
  232. padding-left:10px;
  233. margin:10px 0;
  234. margin-left:15px;
  235. }
  236. blockquote.tumblr_parent p {
  237. margin:5px 0;
  238. }
  239. a.tumblr_blog {
  240. font-family: 'Roboto Condensed', sans-serif;
  241. text-transform: uppercase;
  242. font-size: 0.9em;
  243. font-weight: bold;
  244. letter-spacing: 0.3px;
  245. }
  246. .t blockquote.tumblr_parent p:last-of-type {
  247. margin-bottom:0;
  248. }
  249. .photo, .photoset {
  250. border:3px solid {color:Accent};
  251. border-radius:5px;
  252. overflow:hidden;
  253. background:{color:Accent};
  254. }
  255. .quote cite {
  256. display:block;
  257. text-align:right;
  258. margin-top:5px;
  259. }
  260. .chat ul {
  261. list-style:none;
  262. }
  263. .chat ul span {
  264. font-family:'Roboto Condensed', sans-serif;
  265. font-weight:bold;
  266. }
  267. .chat ul li {
  268. padding: 6px 0;
  269. border-bottom: 1px solid #f6f6f6;
  270. }
  271. .chat ul li:last-of-type {
  272. border-bottom:0;
  273. }
  274. .album-art {
  275. height:50px;
  276. margin-bottom:15px;
  277. width:100%;
  278. background:{color:Accent} repeat center center;
  279. background-size:contain;
  280. }
  281. .audio-info {
  282. list-style:none;
  283. padding:0;
  284. margin:0;
  285. }
  286. .audio-info li {
  287. border-bottom:1px solid #eaeaea;
  288. padding:4px 0;
  289. text-align:right;
  290. }
  291. .audio-info i, .audio-info b {
  292. float:left;
  293. }
  294. .audio-info b {
  295. font-family:'Roboto Condensed', sans-serif;
  296. }
  297. .audio-info i {
  298. color:#7b7b7b;
  299. margin-right:4px;
  300. }
  301. .tumblr_audio_player {
  302. width: calc(100% - 20px);
  303. position: absolute;
  304. top: 10px;
  305. height: 50px;
  306. opacity: 0.6;
  307. }
  308. span.asker {
  309. display: block;
  310. margin-bottom: 5px;
  311. }
  312. .asker img {
  313. height: 20px;
  314. border-radius: 3px;
  315. margin-right: 3px;
  316. }
  317. .asker a {
  318. font-family: 'Roboto Condensed', sans-serif;
  319. text-transform: uppercase;
  320. font-size: 0.9em;
  321. font-weight: bold;
  322. letter-spacing: 0.3px;
  323. }
  324. .question {
  325. background: #f6f6f6;
  326. padding: 10px;
  327. border-radius: 3px;
  328. }
  329. .question + .question {
  330. margin-top: 8px;
  331. }
  332. .caption:empty {
  333. margin:0;
  334. }
  335. {block:IndexPage}
  336. article.text-type {
  337. padding:15px;
  338. border:1px solid #f6f6f6;
  339. }
  340. blockquote.tumblr_parent:last-of-type {
  341. border-bottom:none;
  342. }
  343. ul.permalinks {
  344. list-style:none;
  345. text-align:left;
  346. }
  347. ul.permalinks a {
  348. color:#000;
  349. }
  350. ul.permalinks a:hover {
  351. font-style:initial;
  352. }
  353. ul.permalinks li {
  354. background:{color:Accent};
  355. height: 14px;
  356. width: 14px;
  357. text-align: center;
  358. line-height: 14px;
  359. padding: 3px;
  360. border-radius: 3px;
  361. display:inline-block;
  362. margin: 5px 5px 5px 0;
  363. font-family:'Open Sans', sans-serif;
  364. font-weight:bold;
  365. text-transform:uppercase;
  366. }
  367. article.text-type ul.permalinks {
  368. margin-top:5px;
  369. }
  370. article.text-type ul.permalinks li {
  371. margin-bottom:0;
  372. }
  373. ul.permalinks li:last-of-type {
  374. width:auto;
  375. float:right;
  376. margin-right:0px;
  377. font-size:9px;
  378. padding:3px 5px;
  379. }
  380. li.custom-like-button {
  381. position:relative;
  382. }
  383. .like_button {
  384. position: absolute;
  385. top: 0;
  386. left: 0;
  387. right: 0;
  388. bottom: 0;
  389. width: 100%;
  390. height: 100%;
  391. opacity: 0;
  392. z-index: 10;
  393. }
  394. .like_button iframe {
  395. width: 100% !important;
  396. height: 100% !important;
  397. }
  398. .our_toggle {
  399. top: 0;
  400. left: 0;
  401. right: 0;
  402. bottom: 0;
  403. width: 14px;
  404. height: 14px;
  405. z-index: 1;
  406. -webkit-transition: all 0.2s ease-in-out;
  407. -moz-transition: all 0.2s ease-in-out;
  408. -o-transition: all 0.2s ease-in-out;
  409. transition: all 0.2s ease-in-out;
  410. }
  411. .like_button:hover + .our_toggle {
  412. color:#d95e40;
  413. -webkit-transition: all 0.2s ease-in-out;
  414. -moz-transition: all 0.2s ease-in-out;
  415. -o-transition: all 0.2s ease-in-out;
  416. transition: all 0.2s ease-in-out;
  417. }
  418. .like_button.liked + .our_toggle .icon-oi_heart:before {
  419. content: "\e992";
  420. color:#d95e40;
  421. }
  422. {/block:IndexPage}{block:PermalinkPage}
  423. article {
  424. width:530px;
  425. padding:25px;
  426. margin:0 auto;
  427. }
  428. blockquote.tumblr_parent {
  429. padding-left:2px;
  430. padding-right:2px;
  431. }
  432. .photoset {
  433. margin-bottom:7px;
  434. }
  435. .chat, .quote {
  436. border-bottom:1px solid #f6f6f6;
  437. padding-bottom:5px;
  438. }
  439. .tumblr_audio_player {
  440. width: calc(100% - 50px);
  441. top: 25px;
  442. }
  443. ul.extra-info {
  444. padding:0;
  445. margin:0;
  446. list-style:none;
  447. text-align:left;
  448. font-family:'Roboto Condensed', sans-serif;
  449. font-size:0.9em;
  450. text-transform:uppercase;
  451. }
  452. ul.extra-info li {
  453. padding: 4px 0;
  454. margin: 3px 0;
  455. border-bottom: 1px solid #f6f6f6;
  456. text-align:left;
  457. }
  458. ul.extra-info i {
  459. font-size:13px;
  460. color:#000;
  461. margin-right:3px;
  462. }
  463. ol.notes a, .extra-info a {
  464. color:#000;
  465. font-weight:bold;
  466. }
  467. ol.notes {
  468. padding:0;
  469. margin: 0;
  470. list-style-type: none;
  471. padding: 0;
  472. font-family:'Roboto Condensed', sans-serif;
  473. font-size:0.9em;
  474. text-transform:uppercase;
  475. }
  476. ol.notes li.note {
  477. padding: 4px 0;
  478. margin: 3px 0;
  479. padding-left: 16px;
  480. border-bottom: 1px solid #f6f6f6;
  481. }
  482. ol.notes li.note .avatar_frame {
  483. float:right;
  484. margin-top:-2px;
  485. }
  486. ol.notes li.note img.avatar {
  487. border-radius:3px;
  488. }
  489. ol.notes li.note blockquote {
  490. border-left:2px solid #eee;
  491. padding-left:10px;
  492. margin:10px 0;
  493. margin-left:15px;
  494. font-family:"Times New Roman", Times, serif;
  495. font-size:12px;
  496. text-transform:initial;
  497. }
  498. ol.notes li.note blockquote a {
  499. text-decoration: none;
  500. font-weight:normal;
  501. }
  502. li.more_notes_link_container {
  503. font-weight: bold;
  504. text-transform: uppercase;
  505. font-size: 0.85em;
  506. }
  507. li.like:before {
  508. content: "\e993";
  509. font-family: icomoon!important;
  510. font-style: normal;
  511. font-weight: 400;
  512. speak: none;
  513. display: inline-block;
  514. text-decoration: inherit;
  515. width: 1em;
  516. text-align: center;
  517. font-variant: normal;
  518. text-transform: none;
  519. vertical-align: middle;
  520. line-height: 1;
  521. font-size: 1em;
  522. -webkit-font-smoothing: antialiased;
  523. -moz-osx-font-smoothing: grayscale;
  524. margin-right: -11px;
  525. color:#f3719f;
  526. left: -16px;
  527. position: relative;
  528. font-size:13px;
  529. }
  530. li.reblog:before {
  531. content:'\e9ae';
  532. font-family: icomoon!important;
  533. font-style: normal;
  534. font-weight: 400;
  535. speak: none;
  536. display: inline-block;
  537. text-decoration: inherit;
  538. width: 1em;
  539. text-align: center;
  540. font-variant: normal;
  541. text-transform: none;
  542. vertical-align: middle;
  543. line-height: 1;
  544. font-size: 1em;
  545. -webkit-font-smoothing: antialiased;
  546. -moz-osx-font-smoothing: grayscale;
  547. margin-right: -11px;
  548. color:#000;
  549. left: -16px;
  550. position: relative;
  551. font-size:13px;
  552. }
  553. li.original_post:before {
  554. content:'\e9b8';
  555. }
  556. {/block:PermalinkPage}
  557. </style>
  558.  
  559. </head>
  560.  
  561. <body>
  562. <div id="wrapper">
  563. <header>
  564. {block:IfAvatarImage}<img src="{image:Avatar}" id="avatar">{/block:IfAvatarImage}
  565. {block:IfNotHideTitle}<h1>{Title}</h1>{/block:IfNotHideTitle}
  566. <ul id="nav">
  567. <li><a href="/">home</a>
  568. {block:AskEnabled}<li><a href="{text:Ask Link}">message</a>{/block:AskEnabled}
  569. <li><a href="/archive">past</a>
  570. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  571. </ul>
  572. {block:IfNotHideDescription}{block:Description}<div id="desc">
  573. {Description}
  574. </div>{/block:Description}{/block:IfNotHideDescription}
  575. </header>
  576. <section id="posts">
  577. {block:Posts}<article id="{PostID}" class="{block:Photo}non-{/block:Photo}{block:Photoset}non-{/block:Photoset}text-type">
  578. {block:Text}<div class="text t">
  579. {block:Title}<h2>{Title}</h2>{/block:Title}
  580. <div class="caption">{Body}</div>
  581. </div>{/block:Text}{block:Photo}<div class="photo">
  582. <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}">
  583. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  584. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  585. {block:Photos}<div class="photo-data">
  586. <div class="pxu-photo">
  587. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  588. </div>
  589. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  590. </div>{/block:Photos}
  591. </div>
  592. </div>{/block:Photoset}{block:Quote}<div class="quote {Length} t">
  593. <h2>{Quote}</h2>
  594. {block:Source}<cite>{Source}</cite>{/block:Source}
  595. </div>{/block:Quote}{block:Link}<div class="link t">
  596. <h2><a href="{URL}"><i class="icon-oi_link"></i> {Name}</a></h2>
  597. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  598. </div>{/block:Link}{block:Chat}<div class="chat t">
  599. <ul>
  600. {block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}{/block:Lines}
  601. </ul>
  602. </div>{/block:Chat}{block:Audio}<div class="audio t">
  603. {block:AlbumArt}<div class="album-art" style="background-image:url({AlbumArtURL})"></div>{/block:ALbumArt}
  604. <ul class="audio-info">
  605. <li><i class="icon-oi_mic"></i> <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  606. <li><i class="icon-oi_playlist"></i> <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  607. <li><i class="icon-oi_disc"></i> <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  608. <li><i class="icon-oi_repeat"></i> <b>Plays:</b> {FormattedPlayCount}
  609. </ul>
  610. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  611. </div>{/block:Audio}{block:Video}<div class="vid t">
  612. <div class="video">
  613. {block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  614. </div>
  615. </div>{/block:Video}{block:Answer}<div class="answer t">
  616. <div class="question">
  617. <span class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</span>
  618. {Question}
  619. </div>
  620. {block:Answerer}<div class="question">
  621. <span class="asker"><img src="{AnswererPortraitURL-24} "> {Answerer}</span>
  622. {Answer}
  623. </div>{/block:Answerer}
  624. <div class="caption">
  625. {Replies}
  626. </div>
  627. </div>{/block:Answer}{block:IndexPage}
  628. <ul class="permalinks">
  629. <li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="icon-oi_heart"></i></span></div>
  630. <li><a href="{ReblogURL}" target="_blank" title="Reblog?"><i class="icon-oi_refresh"></i></a>
  631. <li><a href="{Permalink}" target="_blank" title="{NoteCount}">{NoteCountWithLabel}</a>
  632. </ul>
  633. {/block:IndexPage}{block:PermalinkPage}{block:Caption}
  634. <div class="caption">
  635. {Caption}
  636. </div>{/block:Caption}
  637. {block:Date}<ul class="extra-info">
  638. <li><i class="icon-oi_time"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} ({TimeAgo})
  639. {block:NoteCount}<li><i class="icon-oi_chart"></i> {NoteCountWithLabel}{/block:NoteCount}
  640. {block:RebloggedFrom}<li><i class="icon-oi_refresh"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  641. {block:ContentSource}<li><i class="icon-oi_globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  642. {block:HasTags}<li><i class="icon-oi_tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  643. </ul>{/block:Date}
  644. {block:PostNotes}<div id="notes">
  645. {PostNotes-16}
  646. </div>{/block:PostNotes}
  647. {/block:PermalinkPage}
  648. </article>
  649. {/block:Posts}
  650. </section>
  651. </div>
  652. {block:Pagination}
  653. <div class="pagination" style="visibility:hidden;">
  654. {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
  655. </div>
  656. {/block:Pagination}
  657. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  658. <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  659. <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  660. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  661. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  662. <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  663. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  664. <script>
  665. var pxuOptions = {
  666. lightbox: true,
  667. rounded: 'corners',
  668. gutter: '3px',
  669. photoset: '.photo-slideshow',
  670. photoWrap: '.photo-data',
  671. photo: '.pxu-photo'
  672. }, infScrollOptions = {
  673. navSelector : "div.pagination",
  674. nextSelector : ".pagination a#next-link",
  675. itemSelector : "article",
  676. loading: {
  677. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  678. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  679. msg: null,
  680. msgText: "",
  681. },
  682. }, masonryOptions = {
  683. itemSelector: 'article',
  684. isAnimated:false,
  685. columnWidth:270,
  686. gutterWidth:60,
  687. }, unnestOptions = {
  688. yourCaption: ".caption",
  689. wrapName: ".tumblr_parent",
  690. newCaptionUsername: true,
  691. originalPostCaptionUsername: false,
  692. tumblrAvatars: true,
  693. tumblrAvatarClass: ".caption_avatar",
  694. usernameColon: false
  695. }
  696. $(function(){
  697. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  698. $('article').unnest(unnestOptions);
  699. {block:IndexPage}
  700. var $tumblelog = $('#posts');
  701. $tumblelog.imagesLoaded(function () {
  702. $tumblelog.masonry(masonryOptions);
  703. });
  704. $tumblelog.infinitescroll(
  705. infScrollOptions, function( newElements ) {
  706. var $newElems = $( newElements );
  707. var $newElemsIDs = $newElems.map(function () {
  708. return this.id;
  709. }).get();
  710. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  711. $newElems = $(newElements).css({ opacity: 0, zIndex: -1});
  712. $newElems.imagesLoaded(function(){
  713. $newElems.animate({ opacity: 1, zIndex: 1 });
  714. $tumblelog.masonry( 'appended', $newElems );
  715. });
  716. $newElems.unnest(unnestOptions);
  717. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  718. resizeVideos();
  719. });
  720.  
  721. {/block:IndexPage}
  722. })();
  723. </script>
  724. </body>
  725. </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!