API tools faq
paste
Advertisement
MystiqueAquanian

Version 2

MystiqueAquanian
Jan 25th, 2017
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ==============================================
  8.  
  9.  
  10. 「 CODES BY POHRORO 」
  11. @ http://pohroro.com
  12. Theme ▸ 005. Petrichor Hills (Revamped)
  13. Last Updated: 13 January 2017
  14.  
  15. +
  16.  
  17. Icon:
  18. redvlvets.tumblr.com
  19.  
  20. Masonry + Infinite Scroll + PXU Photosets:
  21. shythemes.tumblr.com
  22.  
  23.  
  24. ==============================================
  25.  
  26. -->
  27.  
  28. <title>Philocalies</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31.  
  32. <link href="https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic|Arapey:400,400italic" rel="stylesheet" type="text/css">
  33. <link href="https://static.tumblr.com/yzs4yqx/aSjo8f2eh/reset.css" rel="stylesheet" type="text/css">
  34. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  35. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  36.  
  37. <meta name="image:Background" content="">
  38. <meta name="image:Avatar" content="http://static.tumblr.com/2d2eda7f206c2bb9122674a7fcea2078/yzs4yqx/V6Wojoukk/tumblr_static_5qn6r0tvu5oogw4cokk8og80s.png">
  39.  
  40. <meta name="color:Body Font" content="#313131">
  41. <meta name="color:Background" content="#F0EBE6">
  42. <meta name="color:Bar Background" content="#FFFFFF">
  43. <meta name="color:Post Background" content="#FFFFFF">
  44. <meta name="color:Accent" content="#C3AB95">
  45. <meta name="color:Link" content="#C3AB95">
  46. <meta name="color:Hover Link" content="#C1C1C1">
  47. <meta name="color:Title" content="#000000">
  48. <meta name="color:Border" content="#F1F1F1">
  49.  
  50. <meta name="select:Background Type" content="background-repeat: repeat;" title="Repeat Background">
  51. <meta name="select:Background Type" content="background-size: cover;" title="Full Page Background">
  52. <meta name="if:Infinite Scroll" content="0">
  53. <meta name="if:Inverted Controls" content="1">
  54. <meta name="if:Show Captions" content="1">
  55. <meta name="if:Show Page Border" content="1">
  56. <meta name="if:Show Avatar" content="1">
  57. <meta name="if:Show Tags" content="1">
  58. <meta name="if:Custom Link Four" content="1">
  59. <meta name="if:Custom Link Five" content="1">
  60. <meta name="if:Custom Link Six" content="0">
  61.  
  62. <meta name="select:Post Size" content="250px" title="200px">
  63. <meta name="select:Post Size" content="250px" title="250px">
  64. <meta name="select:Post Size" content="300px" title="300px">
  65. <meta name="select:Post Size" content="400px" title="400px">
  66. <meta name="select:Post Size" content="500px" title="500px">
  67. <meta name="select:Post Size" content="540px" title="540px">
  68.  
  69. <meta name="select:Columns" content="1" title="1">
  70. <meta name="select:Columns" content="2" title="2">
  71. <meta name="select:Columns" content="3" title="3">
  72.  
  73. <meta name="select:Body Font Size" content="10px" title="10px">
  74. <meta name="select:Body Font Size" content="11px" title="11px">
  75. <meta name="select:Body Font Size" content="12px" title="12px">
  76. <meta name="select:Body Font Size" content="13px" title="13px">
  77.  
  78. <meta name="text:Title" content="Petrichor Hills">
  79. <meta name="text:Post Margin" content="30px">
  80. <meta name="text:Link One" content="Index">
  81. <meta name="text:Link One URL" content="/">
  82. <meta name="text:Link Two" content="Message">
  83. <meta name="text:Link Two URL" content="/ask">
  84. <meta name="text:Link Three" content="Link Three">
  85. <meta name="text:Link Three URL" content="Link Three URL">
  86. <meta name="text:Link Four" content="Link Four">
  87. <meta name="text:Link Four URL" content="Link Four URL">
  88. <meta name="text:Link Five" content="Link Five">
  89. <meta name="text:Link Five URL" content="Link Five URL">
  90. <meta name="text:Link Six" content="Link Six">
  91. <meta name="text:Link Six URL" content="Link Six URL">
  92.  
  93. <style>
  94.  
  95. div#qTip {
  96. font: 8px/10px Karla;
  97. background: {color:Accent};
  98. text-align: center;
  99. text-transform: uppercase;
  100. color: {color:Post Background};
  101. display: none;
  102. max-width: 350px;
  103. position: absolute;
  104. text-align: justify;
  105. z-index: 99;
  106. padding: 3px 4px 2px 4px;
  107. margin: -5px 0 0 20px;
  108. border-radius: 1px;
  109. letter-spacing: 1px;
  110. }
  111.  
  112. .tmblr-iframe {
  113. z-index: 9999!important;
  114. opacity: 0.2!important;
  115. position: fixed!important;
  116. transform: scale(0.9);
  117. {block:IfShowPageBorder}
  118. right: 3px!important;
  119. top: 20px!important;
  120. {/block:IfShowPageBorder}
  121. {block:IfNotShowPageBorder}
  122. right: -10px!important;
  123. top: 7px!important;
  124. {/block:IfNotShowPageBorder}
  125. {block:IfInvertedControls}
  126. white-space: nowrap;
  127. -webkit-filter: invert(100%);
  128. filter: invert(100%);
  129. {/block:IfInvertedControls}
  130. }
  131.  
  132. body {
  133. font-family: Karla, Arial;
  134. color: {color:Body Font};
  135. font-size: {select:Body Font Size};
  136. background: {color:Background} url({image:Background}) fixed;
  137. {select:Background Type}
  138. line-height: 20px;
  139. }
  140.  
  141. sub, sup, small {
  142. font-size: {select:Body Font Size};
  143. }
  144.  
  145. a {
  146. color: {color:Link};
  147. text-decoration: none;
  148. -webkit-transition: all 0.5s ease;
  149. transition: all 0.5s ease;
  150. }
  151.  
  152. a:hover {
  153. color: {color:Hover Link};
  154. }
  155.  
  156. h1 {
  157. font: normal 16px Arapey;
  158. font-style: italic;
  159. text-align: center;
  160. padding: 10px 0;
  161. {block:IndexPage}
  162. padding-top: 0px;
  163. {/block:IndexPage}
  164. }
  165.  
  166. #top, #left, #right, #bottom {
  167. background: {color:Bar Background};
  168. position: fixed;
  169. z-index: 999;
  170. }
  171.  
  172. #top {
  173. height: 15px;
  174. width: 100%;
  175. top: 0;
  176. left: 0;
  177. }
  178.  
  179. #left {
  180. height: 100%;
  181. width: 15px;
  182. top: 0;
  183. left: 0;
  184. }
  185.  
  186. #right {
  187. height: 100%;
  188. width: 15px;
  189. top: 0;
  190. right: 0;
  191. }
  192.  
  193. #bottom {
  194. width: 100%;
  195. height: 80px;
  196. left: 0;
  197. bottom: 0;
  198. text-align: center;
  199. padding-top: 10px;
  200. }
  201.  
  202. #avatar img {
  203. width: 40px;
  204. height: 40px;
  205. border-radius: 100%;
  206. border: 6px solid {color:Bar Background};
  207. margin-top: -35px;
  208. margin-bottom: -3px;
  209. }
  210.  
  211. #title {
  212. font: italic 22px/16px Arapey;
  213. color: {color:Accent};
  214. {block:IfNotShowAvatar}
  215. margin-top: 13px;
  216. {/block:IfNotShowAvatar}
  217. }
  218.  
  219. #title span {
  220. background: {color:Bar Background};
  221. padding: 0 15px;
  222. }
  223.  
  224. #title hr {
  225. margin-top: -9px;
  226. width: 250px;
  227. border-color: {color:Border};
  228. }
  229.  
  230. nav {
  231. font-size: 8px;
  232. text-transform: uppercase;
  233. letter-spacing: 1.5px;
  234. margin-top: 15px;
  235. color: {color:Accent};
  236. }
  237.  
  238. nav a {
  239. margin: 0 5px;
  240. color: {color:Body Font};
  241. }
  242.  
  243. #container {
  244. {block:IndexPage}
  245. width: calc(({select:Post Size} * {select:Columns}) + ({select:Columns} * ({text:Post Margin} * 2)));
  246. {/block:IndexPage}
  247. {block:PermalinkPage}
  248. width: 500px;
  249. {/block:PermalinkPage}
  250. margin: 0 auto;
  251. left: 0;
  252. right: 0;
  253. position: absolute;
  254. padding: 60px 0 130px;
  255. }
  256.  
  257. #entries {
  258. {block:PermalinkPage}
  259. width: 500px;
  260. {/block:PermalinkPage}
  261. }
  262.  
  263. .post {
  264. background: {color:Bar Background};
  265. border-top-left-radius: 3px;
  266. border-top-right-radius: 3px;
  267. border-bottom-left-radius: 3px;
  268. border-bottom-right-radius: 3px;
  269. line-height: 15px;
  270. text-align: justify;
  271. {block:IndexPage}
  272. width: {select:Post Size};
  273. margin: 0px {text:Post Margin} calc({text:Post Margin} + 10px);
  274. opacity: 0;
  275. z-index: -1;
  276. {/block:IndexPage}
  277. {block:PermalinkPage}
  278. margin: 0 auto;
  279. width: 500px;
  280. {/block:PermalinkPage}
  281. }
  282.  
  283. .post img {
  284. max-width: 100%;
  285. height: auto;
  286. {block:IndexPage}
  287. width: {select:Post Size};
  288. {/block:IndexPage}
  289. {block:PermalinkPage}
  290. width: 500px;
  291. {/block:PermalinkPage}
  292. }
  293.  
  294. .post blockquote {
  295. padding: 0;
  296. margin: 0;
  297. border-left: 1px solid {color:Border};
  298. padding-left: 12px;
  299. margin-left: 12px;
  300. padding-right: 12px;
  301. }
  302.  
  303. .text {
  304. border-top: 1px solid {color:Border};
  305. border-bottom: 1px solid {color:Border};
  306. padding: 0 15px 5px;
  307. }
  308.  
  309. .caption {
  310. line-height: 15px;
  311. padding: 0 12px 3px;
  312. {block:IfShowTags}
  313. border-bottom: 1px solid {color:Border};
  314. {/block:IfShowTags}
  315. }
  316.  
  317. .photo {
  318. line-height: 0px;
  319. }
  320.  
  321. .quote {
  322. text-align: center;
  323. font: italic 13px Arapey;
  324. }
  325.  
  326. .source {
  327. font-style: normal;
  328. font-size: {select:Body Font Size};
  329. }
  330.  
  331. .question h1 a {
  332. color: {color:Body Font};
  333. }
  334.  
  335. .question div {
  336. border-top: 1px solid {color:Border};
  337. border-bottom: 1px solid {color:Border};
  338. padding: 12px;
  339. color: {color:Accent};
  340. font-weight: bold;
  341. text-align-last: center;
  342. }
  343.  
  344. .answer {
  345. padding: 0 12px;
  346. border-bottom: 1px solid {color:Border};
  347. }
  348.  
  349. .audio {
  350. border-top: 1px solid {color:Border};
  351. border-bottom: 1px solid {color:Border};
  352. }
  353.  
  354. .player {
  355. position: absolute;
  356. line-height: 0;
  357. z-index: 1;
  358. overflow: hidden;
  359. width: 27px;
  360. height: 27px;
  361. margin-left: 26px;
  362. margin-top: 28px;
  363. }
  364.  
  365. .art {
  366. width: 80px;
  367. height: 80px;
  368. position: absolute;
  369. z-index: 0;
  370. }
  371.  
  372. .details {
  373. height: 55px;
  374. text-align: center;
  375. line-height: 15px;
  376. padding-top: 25px;
  377. margin-left: 80px;
  378. }
  379.  
  380. #permalink {
  381. text-transform: uppercase;
  382. text-align: center;
  383. font-size: 8px;
  384. letter-spacing: 1.5px;
  385. line-height: 20px;
  386. padding-top: 5px;
  387. height: 25px;
  388. }
  389.  
  390. #permalink a {
  391. background: {color:Post Background};
  392. color: {color:Accent};
  393. padding: 0 12px;
  394. }
  395.  
  396. #permalink hr {
  397. border-color: {color:Border};
  398. z-index: -9;
  399. width: 100%;
  400. margin-top: 3px;
  401. position: absolute;
  402. }
  403.  
  404. .controls {
  405. top: 0;
  406. margin-top: -14px;
  407. -webkit-transition: all 0.5s ease;
  408. transition: all 0.5s ease;
  409. }
  410.  
  411. .controls svg {
  412. width: 8px;
  413. height: auto;
  414. display: inline-block;
  415. overflow: visible;
  416. margin-bottom: 5px;
  417. fill: {color:Body Font};
  418. border-radius: 100%;
  419. -webkit-transition: all 0.5s ease;
  420. transition: all 0.5s ease;
  421. opacity: 0.5;
  422. }
  423.  
  424. .controls a {
  425. position: relative;
  426. width: 12px;
  427. height: 12px;
  428. }
  429.  
  430. .controls .reblog {
  431. float: left;
  432. margin-left: 1px;
  433. z-index: 99;
  434. background: {color:Post Background};
  435. }
  436.  
  437. .controls .like {
  438. float: right;
  439. z-index: 99;
  440. background: {color:Post Background};
  441. }
  442.  
  443. .controls .like .liked + svg path {
  444. fill: {color:Accent};
  445. }
  446.  
  447. .controls .like .like_button iframe {
  448. position: absolute;
  449. top: 0;
  450. left: 0;
  451. bottom: 0;
  452. right: 0;
  453. opacity: 0;
  454. z-index: 2;
  455. }
  456.  
  457. #permpage {
  458. text-transform: uppercase;
  459. text-align: center;
  460. margin-top: 10px;
  461. padding: 3px 0 10px;
  462. font-size: 8px;
  463. letter-spacing: 1px;
  464. line-height: 12px;
  465. border-bottom: 1px solid {color:Border};
  466. }
  467.  
  468. .tags {
  469. text-transform: uppercase;
  470. text-align: center;
  471. padding: 8px 5px;
  472. {block:IndexPage}
  473. font-size: 8px;
  474. letter-spacing: 1px;
  475. line-height: calc({text:Body Font Size} + 1px);
  476. color: {color:Accent};
  477. {/block:IndexPage}
  478. }
  479.  
  480. .tags a {
  481. {block:IndexPage}
  482. color: {color:Body Font};
  483. color: {color:Accent};
  484. {/block:IndexPage}
  485. margin-right: 3px;
  486. }
  487.  
  488. .tags a:last-of-type {
  489. margin: 0;
  490. }
  491.  
  492. ol.notes {
  493. padding: 12px;
  494. margin: 20px 0px;
  495. list-style-type: none;
  496. }
  497.  
  498. ol.notes li.note {
  499. margin-bottom: 10px;
  500. }
  501.  
  502. ol.notes li.note img.avatar {
  503. border-radius: 100%;
  504. vertical-align: -4px;
  505. margin-right: 10px;
  506. width: 16px;
  507. height: 16px;
  508. }
  509.  
  510. .pagination {
  511. margin: 0 auto;
  512. top: calc(50% - 50px);
  513. width: 100%;
  514. position: fixed;
  515. {block:IfInfiniteScroll}
  516. display: none;
  517. {/block:IfInfiniteScroll}
  518. }
  519.  
  520. .pagination svg {
  521. width: 40px;
  522. height: 40px;
  523. display: inline-block;
  524. margin-bottom: -2px;
  525. stroke-width: 5px;
  526. stroke: {color:Accent};
  527. -webkit-transition: all 0.5s ease;
  528. transition: all 0.5s ease;
  529. }
  530.  
  531. .pagination a:hover svg {
  532. stroke: {color:Body Font};
  533. }
  534.  
  535. .previous_page {
  536. left: 30px;
  537. display: block;
  538. position: fixed;
  539. }
  540.  
  541. .next_page {
  542. right: 30px;
  543. display: block;
  544. position: fixed;
  545. }
  546.  
  547. ::-webkit-scrollbar {
  548. height: 10px;
  549. width: 7px;
  550. background: {color:Bar Background};
  551. }
  552.  
  553. ::-webkit-scrollbar-thumb:vertical {
  554. background: {color:Background};
  555. border: 3px solid {color:Bar Background};
  556. }
  557.  
  558. ::selection {
  559. background: {color:Link};
  560. color: #FFF;
  561. }
  562.  
  563. #infscr-loading {
  564. opacity: 0;
  565. line-height: 0px;
  566. }
  567.  
  568. </style>
  569. </head>
  570. <body>
  571.  
  572. {block:IfShowPageBorder}
  573. <div id="top"></div>
  574. <div id="left"></div>
  575. <div id="right"></div>
  576. {/block:IfShowPageBorder}
  577.  
  578. <div id="bottom">
  579. {block:IfShowAvatar}
  580. <div id="avatar"><img src="{image:Avatar}"></div>
  581. {/block:IfShowAvatar}
  582. <div id="title"><span>{text:Title}</span><hr></div>
  583.  
  584. <nav>
  585. <a href="{text:Link One URL}">{text:Link One}</a> &#x25CF;
  586. <a href="{text:Link Two URL}">{text:Link Two}</a> &#x25CF;
  587. <a href="{text:Link Three URL}">{text:Link Three}</a>
  588. {block:IfCustomLinkFour} &#x25CF; <a href="{text:Link Four URL}">{text:Link Four}</a>{/block:IfCustomLinkFour}
  589. {block:IfCustomLinkFive} &#x25CF; <a href="{text:Link Five URL}">{text:Link Five}</a>{/block:IfCustomLinkFive}
  590. {block:IfCustomLinkSix} &#x25CF; <a href="{text:Link Six URL}">{text:Link Six}</a>{/block:IfCustomLinkSix}
  591. &#x25CF; <a href="http://pohroro.com">Theme</a>
  592. </nav>
  593. </div>
  594.  
  595. <div id="container">
  596. <div id="entries">
  597.  
  598. {block:Posts}
  599. <div class="post" id="{PostID}">
  600.  
  601. {block:IndexPage}
  602. <div id="permalink">
  603. <a href="{Permalink}" title="{NoteCountWithLabel}">{TimeAgo}</a>
  604. <div class="controls">
  605. <a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog">
  606. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  607. </a>
  608. </div>
  609. <div class="controls">
  610. <a href="#" class="like" title="Like">{LikeButton}
  611. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  612. </a>
  613. <hr>
  614. </div>
  615. </div>
  616. {/block:IndexPage}
  617.  
  618. {block:Text}
  619. {block:Title}<h1>{Title}</h1>{/block:Title}
  620. <div class="text">{Body}</div>
  621. {/block:Text}
  622.  
  623. {block:Photo}
  624. <div class="photo">
  625. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}
  626. </div>
  627. {/block:Photo}
  628.  
  629. {block:Photoset}
  630. <div class="photo">
  631. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  632. </div>
  633. {/block:Photoset}
  634.  
  635. {block:Quote}
  636. <div class="quote">
  637. {Quote}<br>
  638. {block:Source}<span class="source">&#8212; {Source}</span>{/block:Source}
  639. </div>
  640. {/block:Quote}
  641.  
  642. {block:Link}
  643. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  644. {block:Description}{Description}{/block:Description}
  645. {/block:Link}
  646.  
  647. {block:Chat}
  648. {block:Title}<h1>{Title}</h1>{/block:Title}
  649. {block:Lines}
  650. {block:Label}<b>{Label}</b>{/block:Label}
  651. {Line}<br>
  652. {/block:Lines}
  653. {/block:Chat}
  654.  
  655. {block:Audio}
  656. <div class="audio">
  657. <div class="player">{AudioPlayerWhite}</div>
  658. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  659. <div class="details">
  660. {block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br>
  661. by {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div>
  662. </div>
  663. {/block:Audio}
  664.  
  665. {block:Video}
  666. <div class="video">{Video-500}</div>
  667. {/block:Video}
  668.  
  669. {block:ReblogParent}
  670. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  671. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  672. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  673. {/block:ReblogParent}
  674.  
  675. {block:Answer}
  676. <div class="question">
  677. <h1>{Asker} asked:</h1>
  678. <div>{Question}</div>
  679. </div>
  680. <div class="answer">{Answer}</div>
  681. {/block:Answer}
  682.  
  683. {block:IfShowCaptions}
  684. {block:IndexPage}
  685. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  686. {/block:IndexPage}
  687. {/block:IfShowCaptions}
  688.  
  689. {block:PermalinkPage}
  690. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  691. {block:Date}
  692. <div id="permpage">
  693. Posted {TimeAgo} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
  694. {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  695. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  696. {block:HasTags}
  697. </div>
  698. {/block:Date}
  699. {/block:PermalinkPage}
  700.  
  701. {block:IfShowTags}
  702. {block:IndexPage}
  703. <div class="tags">
  704. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  705. </div>
  706. {/block:IndexPage}
  707. {/block:IfShowTags}
  708.  
  709. {block:PostNotes}{PostNotes}{/block:PostNotes}
  710. </div>
  711. {/block:Posts}
  712.  
  713. </div>
  714. </div>
  715.  
  716. {block:Pagination}
  717. <div class="pagination">
  718. {block:PreviousPage}
  719. <a href="{PreviousPage}" class="previous_page"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="100px" height="197px" viewBox="-0.267 1.061 100 197" overflow="visible" enable-background="new -0.267 1.061 100 197" xml:space="preserve"><defs></defs><line fill="none" stroke-miterlimit="10" x1="100.065" y1="197.739" x2="1.061" y2="98.734"/>
  720. <line fill="none" stroke-miterlimit="10" x1="2.061" y1="99.734" x2="100.733" y2="1.061"/></svg></a>
  721. {/block:PreviousPage}
  722.  
  723. {block:NextPage}
  724. <a href="{NextPage}" class="next_page"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="100px" height="197px" viewBox="2.729 1.061 100 197" overflow="visible" enable-background="new 2.729 1.061 100 197" xml:space="preserve"><defs></defs><line fill="none" stroke-miterlimit="10" x1="1.729" y1="1.061" x2="100.733" y2="100.065"/><line fill="none" stroke-miterlimit="10" x1="99.733" y1="99.065" x2="1.061" y2="197.739"/></svg></a>
  725. {/block:NextPage}
  726. </div>
  727. {/block:Pagination}
  728.  
  729. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  730. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  731. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  732. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  733. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  734. {block:IndexPage}
  735. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  736. {block:IfInfiniteScroll}
  737. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  738. {/block:IfInfiniteScroll}
  739. {/block:IndexPage}
  740.  
  741. <script>
  742.  
  743. $(document).ready(function(){
  744. $('.photo-slideshow').pxuPhotoset({
  745. lightbox: true,
  746. rounded: false,
  747. gutter: '3px',
  748. photoset: '.photo-slideshow',
  749. photoWrap: '.photo-data',
  750. photo: '.pxu-photo'
  751. });
  752.  
  753. {block:IndexPage}
  754. var $container = $('#container');
  755. $container.masonry({ itemSelector: '.post' });
  756. $container.imagesLoaded(function(){
  757. $container.masonry();
  758. $container.find('.post').animate({ opacity: 1, zIndex: 1 });
  759. });
  760.  
  761. {block:IfInfiniteScroll}
  762. $container.infinitescroll({
  763. itemSelector: '.post',
  764. navSelector: '.pagination',
  765. nextSelector: '.pagination a',
  766. loadingImg: '',
  767. loadingText: '<em></em>',
  768. bufferPx: 2000
  769. },
  770.  
  771. function( newElements ) {
  772. var $newElems = $(newElements);
  773. var $newElemsIDs = $newElems.map(function(){
  774. return this.id;
  775. }).get();
  776. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  777. $newElems.find('.photo-slideshow').pxuPhotoset({
  778. lightbox: true,
  779. rounded: false,
  780. gutter: '3px',
  781. photoset: '.photo-slideshow',
  782. photoWrap: '.photo-data',
  783. photo: '.pxu-photo'
  784. },
  785.  
  786. function(){
  787. resizeVideos();
  788. },
  789.  
  790. function(){
  791. $container.masonry();
  792. });
  793.  
  794. $newElems.imagesLoaded(function(){
  795. $container.masonry( 'appended', $newElems );
  796. $newElems.animate({ opacity: 1, zIndex: 1 });
  797. });
  798. });
  799.  
  800. {/block:IfInfiniteScroll}
  801. {/block:IndexPage}
  802.  
  803. });
  804. </script>
  805.  
  806. </body>
  807. </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!