API tools faq
paste
Advertisement
themekid

answer to theme

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