API tools faq
paste
Advertisement
themekid

gravity theme

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