API tools faq
paste
Advertisement
themekid

cost of lifestyle theme

themekid
Jul 19th, 2020
2,983
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.84 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Cost of Lifestyle 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. Published 19/07/2020
  14.  
  15. ===========================================
  16.  
  17. DEPENDENCIES:
  18.  
  19. > jQuery
  20. https://jquery.com/
  21. > Outicons by Anton Saputro
  22. https://github.com/antonps/outicons
  23. > Google Fonts
  24. https://fonts.google.com/
  25. > imagesLoaded
  26. https://imagesloaded.desandro.com/
  27. > Masonry
  28. https://masonry.desandro.com/
  29. > PXU Photosets - updated by bct
  30. https://bychloethemes.tumblr.com/post/155956945114/
  31. > Infinite Scroll
  32. https://infinite-scroll.com/
  33. > Video Resizing
  34. https://shythemes.tumblr.com/post/134536748863/
  35. > Style My Tooltips
  36. https://manos.malihu.gr/tuts/style-my-tooltips.html
  37.  
  38. ------------------------------------------->
  39. <html>
  40. <head>
  41. {block:Hidden}
  42. <meta name="image:Background" content="" />
  43. <meta name="image:Header" content="https://64.media.tumblr.com/68f754df3e8cfebe41389c4706327c15/59d37642fce9328d-22/s1280x1920/6d9245b2d3184d3805bfbf69702cd3794517c649.jpg" />
  44.  
  45. <meta name="color:Background" content="#fff" />
  46. <meta name="color:Accent" content="#e29d4a" />
  47. <meta name="color:Borders" content="#fbdfbe" />
  48.  
  49. <meta name="if:Extra Column" content="0"/>
  50. <meta name="if:Tiled Background" content="" />
  51. <meta name="if:Redirect Ask" content="" />
  52.  
  53. <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."/>
  54. <meta name="text:Ask Link" content="/ask" />
  55. <meta name="text:Margins" content="40" />
  56. <meta name="text:Post Width" content="240" />
  57. {/block:Hidden}
  58. <meta charset="UTF-8" />
  59. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  63. <link rel="stylesheet" href="https://static.tumblr.com/8pnyeus/D87qcdm0a/oi-icomoon.css">
  64. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|IBM+Plex+Mono" rel="stylesheet">
  65. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  66. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  67. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68. <script>{block:IfRedirectAsk}
  69. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  70. (function($){
  71. $(document).ready(function(){
  72. $("[title],a[title],img[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:100,
  75. tip_fade_speed:300,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81. <style>
  82. * {
  83. margin: 0;
  84. padding: 0;
  85. }
  86. ::-webkit-scrollbar {
  87. background-color: #ddd;
  88. height: 11px;
  89. width: 11px;
  90. border: 5px solid #fff;
  91. }
  92. ::-webkit-scrollbar-thumb {
  93. background-color: #000;
  94. border: 5px solid #fff;
  95. }
  96. #tumblr_controls, .tmblr-iframe {
  97. top: 21px!important;
  98. right: 15px!important;
  99. -webkit-filter: invert(100%);
  100. filter: invert(100%);
  101. position: fixed!important;
  102. -webkit-transform: scale(.7, .7);
  103. -moz-transform: scale(.7, .7);
  104. transform: scale(.7, .7);
  105. -webkit-transform-origin: right top;
  106. -moz-transform-origin: right top;
  107. -ms-transform-origin: right top;
  108. -o-transform-origin: right top;
  109. transform-origin: right top;
  110. z-index: 999999999999999999!important
  111. }
  112. #s-m-t-tooltip {
  113. max-width: 300px;
  114. padding: 3px 6px;
  115. margin: 20px 10px;
  116. background: #000;
  117. color: #fff;
  118. z-index: 999999999999999!important;
  119. font-size: 9px;
  120. }
  121. #reblogged {
  122. right: 20px!important;
  123. bottom: 20px!important;
  124. }
  125. body {
  126. background:{color:Background} url({image:Background}) {block:IfNotTiledBackground}no-repeat center center fixed;
  127. background-size:cover;{/block:IfNotTiledBackground}
  128. {block:IfTiledBackground}repeat fixed;{/block:IfTiledBackground}
  129. color: #676767;
  130. font-family: 'Karla', sans-serif;
  131. line-height: 15px;
  132. -moz-osx-font-smoothing: grayscale;
  133. -webkit-font-smoothing: antialiased;
  134. font-smoothing: antialiased;
  135. font-size: 11px;
  136. word-wrap: break-word;
  137. }
  138. img:not(.lightbox-image) {
  139. max-width: 100%;
  140. height: auto;
  141. vertical-align: middle;
  142. }
  143. [class*=" icon-oi_"]:before,[class^=icon-oi_]:before {
  144. line-height:inherit;
  145. vertical-align: middle;
  146. }
  147. @font-face {
  148. font-family: 'icomoon';
  149. src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs');
  150. src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs#iefix') format('embedded-opentype'),
  151. url('https://dl.dropboxusercontent.com/s/9qmsmnbzj2canp9/icomoon.ttf?5kiojs') format('truetype'),
  152. url('https://dl.dropboxusercontent.com/s/eodx1z60h9yimh0/icomoon.woff?5kiojs') format('woff'),
  153. url('https://dl.dropboxusercontent.com/s/m57uc7hijqbua78/icomoon.svg?5kiojs#icomoon') format('svg');
  154. font-weight: normal;
  155. font-style: normal;
  156. }
  157. a {
  158. text-decoration: none;
  159. color: #000;
  160. }
  161. h1, h2, h3, h4, h5, h6 {
  162. font-family: 'IBM Plex Mono', monospace;
  163. }
  164. #infscr-loading {
  165. position:absolute;
  166. margin-bottom:-40px;
  167. bottom:30px;
  168. width:200px;
  169. margin-left:50%;
  170. left:-100px;
  171. text-align:center;
  172. }
  173. header {
  174. background: {color:Borders};
  175. width: 100%;
  176. height: 80px;
  177. position: fixed;
  178. text-align: center;
  179. line-height: 80px;
  180. top: 0;
  181. left: 0;
  182. z-index: 999999999999;
  183. }
  184. header h1 {
  185. font-family: 'IBM Plex Mono', monospace;
  186. font-weight: normal;
  187. z-index: 99;
  188. font-size: 1.5em;
  189. position: relative;
  190. color: #000;
  191. display: inline-block;
  192. margin-right: 45px;
  193. }
  194. ul#nav {
  195. list-style: none;
  196. display: inline-block;
  197. font-family: 'IBM Plex Mono', monospace;
  198. font-size: 0.9em;
  199. }
  200. ul#nav a {
  201. color: {color:Accent};
  202. }
  203. ul#nav li {
  204. margin: 0;
  205. display: inline-block;
  206. font-size: 1.3em;
  207. }
  208. ul#nav li:after {
  209. content:'x';
  210. margin-left: 15px;
  211. margin-right: 15px;
  212. font-size:11px;
  213. color:{color:Accent};
  214. }
  215. ul#nav li:last-of-type:after {
  216. content:'';
  217. margin-left:0px;
  218. }
  219. ul#nav li:last-of-type {
  220. margin-right:0;
  221. }
  222. aside {
  223. top: 150px;
  224. text-align: center;
  225. margin: 50px auto;
  226. }
  227. aside .side-img {
  228. background: url({image:Header});
  229. background-size: cover;
  230. width: 80px;
  231. height: 80px;
  232. display: inline-block;
  233. border-radius: 50%;
  234. vertical-align: middle;
  235. }
  236. #desc {
  237. margin: 15px 0 15px 30px;
  238. display: inline-block;
  239. width: 250px;
  240. vertical-align: middle;
  241. text-align: left;
  242. }
  243.  
  244. #container {
  245. position: relative;
  246. padding: 70px 0 50px;
  247. {block:IfExtraColumn}
  248. left: calc(50% - (4 * {text:Post Width}px + 3 * {text:Margins}px) / 2);
  249. width: calc(4 * {text:Post Width}px + 3 * {text:Margins}px);
  250. {/block:IfExtraColumn}{block:IfNotExtraColumn}
  251. left: calc(50% - (3 * {text:Post Width}px + 2 * {text:Margins}px) / 2);
  252. width: calc(3 * {text:Post Width}px + 2 * {text:Margins}px);
  253. {/block:IfNotExtraColumn}
  254. }
  255. #posts {
  256. {block:IfExtraColumn}
  257. width: calc(4 * {text:Post Width}px + 3 * {text:Margins}px);
  258. {/block:IfExtraColumn}{block:IfNotExtraColumn}
  259. width: calc(3 * {text:Post Width}px + 2 * {text:Margins}px);
  260. {/block:IfNotExtraColumn}
  261. }
  262. article {
  263. width: {text:Post Width}px;
  264. margin-bottom: {text:Margins}px;
  265. box-sizing: border-box;
  266. border: 10px solid {color:Borders};
  267. background: #fff;
  268. {block:PermalinkPage}
  269. width: 540px;
  270. margin: 0 auto;
  271. {/block:PermalinkPage}
  272. overflow:hidden;
  273. position: relative;
  274. }
  275. article.text-type {
  276. padding: 15px;
  277. }
  278. article.photo .reblog-list,
  279. article.video .reblog-list,
  280. article.photoset .reblog-list {
  281. padding: 15px 10px 10px;
  282. }
  283. article.photo .replog-list:empty,
  284. article .reblog-list:empty {
  285. display: none;
  286. }
  287. .reblog:not(:first-of-type):not(.note) {
  288. padding-top: 10px;
  289. }
  290. article h2 + div {
  291. padding-top: 10px;
  292. }
  293. article p {
  294. margin-bottom: 5px;
  295. }
  296. article p:last-of-type {
  297. margin-bottom: 0;
  298. }
  299. article ol, article ul {
  300. padding-left: 15px;
  301. margin: 10px;
  302. }
  303. article .reblog:not(.note) img {
  304. margin: 5px 0;
  305. }
  306. article blockquote {
  307. margin: 10px;
  308. border-left: 2px solid #eaeaea;
  309. padding-left: 10px;
  310. }
  311. article .reblog-header {
  312. margin-bottom: 3px;
  313. }
  314. article .reblog-header i {
  315. margin-right: 5px;
  316. }
  317. article .inactive span {
  318. text-decoration: line-through;
  319. }
  320. article .reblog-list:hover .inactive:after {
  321. content: 'deactivated';
  322. margin-left: 5px;
  323. text-decoration: none;
  324. }
  325. article.quote cite {
  326. display: block;
  327. text-align: right;
  328. }
  329. article.quote .reblog-list {
  330. display: none;
  331. }
  332. article.chat ul {
  333. list-style: none;
  334. margin: 0;
  335. padding: 0;
  336. font-size: 1.1em;
  337. }
  338. article.chat li:not(:first-of-type) {
  339. margin-top: 5px;
  340. }
  341. .host + .reblog-list {
  342. padding-top: 10px;
  343. }
  344. article .question {
  345. margin-bottom: 10px;
  346. background: rgba({RGBcolor:Accent}, 0.3);
  347. padding: 5px;
  348. border-radius: 3px;
  349. }
  350. {block:IndexPage}
  351. .permalinks ul {
  352. padding: 0;
  353. margin: 0;
  354. text-align: right;
  355. list-style: none;
  356. }
  357. .permalinks li {
  358. display: inline-block;
  359. margin-left: 3px;
  360. }
  361. .permalinks li:first-of-type {
  362. float: left;
  363. margin-left: 0;
  364. }
  365. .permalinks {
  366. padding-top: 10px;
  367. }
  368. article.photo .permalinks,
  369. article.video .permalinks,
  370. article.video .permalinks {
  371. padding: 5px 5px 0;
  372. }
  373. article.non-text-type img {
  374. transition: all 0.3s ease-in-out;
  375. }
  376. article.non-text-type:hover img {
  377. transition: all 0.3s ease-in-out;
  378. filter: opacity(0.8) grayscale(1);
  379. }
  380. article.non-text-type .permalinks {
  381. display: block;
  382. width: calc(100% - 20px);
  383. position: absolute;
  384. bottom: -30px;
  385. left: 10px;
  386. background: {color:Borders};
  387. transition: all 0.3s ease-in-out;
  388. padding: 3px 6px;
  389. box-sizing: border-box;
  390. font-weight: bold;
  391. z-index: 9999;
  392. }
  393. article.non-text-type:hover .permalinks {
  394. transition: all 0.3s ease-in-out;
  395. bottom: 10px;
  396. }
  397. article.non-text-type .permalinks li {
  398. vertical-align: middle;
  399. padding: 4px;
  400. }
  401. article.non-text-type .permalinks li:nth-of-type(3) i {
  402. vertical-align: middle;
  403. }
  404. .custom-like-button {
  405. position: relative;
  406. cursor: pointer;
  407. display:inline-block;
  408. }
  409. .like_button {
  410. position: absolute;
  411. top: 0;
  412. left: 0;
  413. right: 0;
  414. bottom: 0;
  415. width: 100%;
  416. height: 100%;
  417. opacity: 0;
  418. z-index: 10;
  419. }
  420. .like_button iframe {
  421. width: 100% !important;
  422. height: 100% !important;
  423. }
  424. .our_toggle {
  425. color: #000;
  426. top: 0;
  427. left: 0;
  428. right: 0;
  429. bottom: 0;
  430. width: 11px;
  431. height: 13px;
  432. z-index: 1;
  433. cursor: pointer;
  434. -webkit-transition: all 0.2s ease-in-out;
  435. -moz-transition: all 0.2s ease-in-out;
  436. -o-transition: all 0.2s ease-in-out;
  437. transition: all 0.2s ease-in-out;
  438. }
  439. .like_button:hover + .our_toggle {
  440. color: {color:Accent};
  441. -webkit-transition: all 0.2s ease-in-out;
  442. -moz-transition: all 0.2s ease-in-out;
  443. -o-transition: all 0.2s ease-in-out;
  444. transition: all 0.2s ease-in-out;
  445. }
  446. .like_button.liked + .our_toggle .icon-oi_heart:before {
  447. content: "\e992";
  448. color: {color:Accent};
  449. }
  450. {/block:IndexPage}
  451. {block:PermalinkPage}
  452. ol.notes {
  453. list-style: none;
  454. padding: 0;
  455. }
  456. a.avatar_frame {
  457. float: right;
  458. height: 16px;
  459. }
  460. li.note {
  461. padding: 3px 0;
  462. padding-left: 20px;
  463. }
  464. img.avatar {
  465. border-radius: 3px;
  466. }
  467. li.like:before {
  468. content: "\e993";
  469. font-family: icomoon!important;
  470. font-style: normal;
  471. font-weight: 400;
  472. speak: none;
  473. display: inline-block;
  474. text-decoration: inherit;
  475. width: 1em;
  476. text-align: center;
  477. font-variant: normal;
  478. text-transform: none;
  479. vertical-align: middle;
  480. line-height: 1;
  481. font-size: 1em;
  482. -webkit-font-smoothing: antialiased;
  483. -moz-osx-font-smoothing: grayscale;
  484. margin-right: -11px;
  485. color: #f3719f;
  486. left: -20px;
  487. position: relative;
  488. font-size: 14px;
  489. }
  490. li.reblog:before, li.reply:before {
  491. content: '\e9ae';
  492. font-family: icomoon!important;
  493. font-style: normal;
  494. font-weight: 400;
  495. speak: none;
  496. display: inline-block;
  497. text-decoration: inherit;
  498. width: 1em;
  499. text-align: center;
  500. font-variant: normal;
  501. text-transform: none;
  502. vertical-align: middle;
  503. line-height: 1;
  504. font-size: 1em;
  505. -webkit-font-smoothing: antialiased;
  506. -moz-osx-font-smoothing: grayscale;
  507. margin-right: -11px;
  508. color: #909090;
  509. left: -20px;
  510. position: relative;
  511. font-size: 14px;
  512. }
  513. li.original_post:before {
  514. content: '\e9b8';
  515. }
  516. li.reply:before {
  517. content: "\e974";
  518. }
  519. .more-info {
  520. margin: 0 10px 10px;
  521. font-weight: bold;
  522. }
  523. .reblog-list:empty + .more-info {
  524. margin-top: 10px;
  525. }
  526. a.tags {
  527. margin-right: 5px;
  528. color: #676767;
  529. }
  530. article:not(.photo) .more-info,
  531. article:not(.photoset) .more-info{
  532. margin-top: 10px;
  533. }
  534. article:not(.photo):not(.photoset):not(.video) {
  535. padding: 20px;
  536. }
  537. article:not(.photo):not(.photoset):not(.video) ol.notes {
  538. margin: 10px 0 0;
  539. }
  540. article:not(.photo):not(.photoset):not(.video) .more-info {
  541. margin-left: 0;
  542. margin-right: 0;
  543. }
  544. {/block:PermalinkPage}
  545. </style>
  546. </head>
  547. <body>
  548. <header>
  549. <h1>{Title}</h1>
  550. <ul id="nav">
  551. <li><a href="/">home</a><!--
  552. -->{block:AskEnabled}<li><a href="{text:Ask Link}">msg</a>{/block:AskEnabled}<!--
  553. -->{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}<!--
  554. --><li><a href="/archive">past</a>
  555. </ul>
  556. </header>
  557.  
  558. <section id="container">
  559. <aside>
  560. <div class="side-img"></div>
  561. {block:Description}
  562. <div id="desc">
  563. {Description}
  564. </div>
  565. {/block:Description}
  566. </aside>
  567. <div id="posts">
  568. {block:Posts}<article id="{PostID}" class="{PostType} {block:Photoset}non-{/block:Photoset}{block:Photo}non-{/block:Photo}text-type">
  569.  
  570. {block:IndexPage}
  571. {block:IfReblogHeader}
  572. {block:RebloggedFrom}
  573. <div class="header">
  574. <i class="icon-oi_refresh"></i> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  575. <span class="time-ago">{TimeStamp}</span>
  576. </div>
  577. {/block:RebloggedFrom}
  578. {/block:IfReblogHeader}
  579. {/block:IndexPage}
  580.  
  581. {block:Text}
  582. {block:Title}<h2>{Title}</h2>{/block:Title}
  583. {block:NotReblog}
  584. <div class="reblog-list">
  585. {Body}
  586. </div>
  587. {/block:NotReblog}
  588. {/block:Text}
  589.  
  590. {block:Photo}
  591. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false" class="zoom">
  592. <img src="{PhotoURL-HighRes}">
  593. </a>
  594. {block:NotReblog}
  595. {block:Caption}
  596. <div class="reblog-list">
  597. {Caption}
  598. </div>
  599. {/block:Caption}
  600. {/block:NotReblog}
  601. {/block:Photo}
  602.  
  603. {block:Photoset}
  604. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  605. {block:Photos}<div class="photo-data">
  606. <div class="pxu-photo">
  607. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  608. </div>
  609. <a class="tumblr-box zoom" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  610. </div>{/block:Photos}
  611. </div>
  612. {block:NotReblog}
  613. {block:Caption}
  614. <div class="reblog-list">
  615. {Caption}
  616. </div>
  617. {/block:Caption}
  618. {/block:NotReblog}
  619. {/block:Photoset}
  620.  
  621. {block:Quote}
  622. <blockquote>
  623. <h2>{Quote}</h2>
  624. </blockquote>
  625. {block:Source}
  626. <cite>{Source}</cite>
  627. {/block:Source}
  628. {/block:Quote}
  629.  
  630. {block:Chat}
  631. <ul>
  632. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}
  633. </ul>
  634. {/block:Chat}
  635.  
  636. {block:Link}
  637. <h2><i class="icon-oi_link"></i> <a href="{URL}">{Name}</a></h2>
  638. {block:Excerpt}
  639. <blockquote>
  640. {Excerpt}
  641. </blockquote>
  642. {block:Host}
  643. <div class="host">
  644. ({Host})
  645. </div>
  646. {/block:Host}
  647. {/block:Excerpt}
  648. {block:NotReblog}
  649. {block:Description}
  650. <div class="reblog-list">
  651. {Description}
  652. </div>
  653. {/block:Description}
  654. {/block:NotReblog}
  655. {/block:Link}
  656.  
  657. {block:Video}
  658. {Video-500}
  659. {block:NotReblog}
  660. <div class="reblog-list">
  661. {Caption}
  662. </div>
  663. {/block:NotReblog}
  664. {/block:Video}
  665.  
  666. {block:Audio}
  667. {block:AudioPlayer}<div class="video">{AudioPlayer}</div>{/block:AudioPlayer}
  668. {block:NotReblog}
  669. <div class="reblog-list">
  670. {Caption}
  671. </div>
  672. {/block:NotReblog}
  673. {/block:Audio}
  674.  
  675. {block:Answer}
  676. <div class="question">
  677. <div class="querier"><i class="icon-oi_chat"></i> {Asker} asked:</div>
  678. {Question}
  679. </div>
  680. {block:Answerer}
  681. <div class="question">
  682. <div class="querier"><i class="icon-oi_discuss"></i> {Answerer} replied:</div>
  683. {Answer}
  684. </div>
  685. {/block:Answerer}
  686. {block:NotReblog}
  687. <div class="reblog-list">
  688. {Replies}
  689. </div>
  690. {/block:NotReblog}
  691. {/block:Answer}
  692.  
  693. {block:RebloggedFrom}
  694. <div class="reblog-list" {block:IndexPage}{block:Photo}style="display:none"{/block:Photo}{block:Photoset}style="display:none"{/block:Photoset}{block:Video}style="display:none"{/block:Video}{block:Audio}style="display:none"{/block:Audio}{/block:IndexPage}{block:Chat}style="display:none"{/block:Chat}>
  695. {block:Reblogs}
  696. <div class="{block:isOriginalEntry}original-reblog {/block:isOriginalEntry}reblog">
  697. <div class="reblog-header">
  698.  
  699. <a href="{Permalink}" target="_blank">{block:isOriginalEntry}<i class="icon-oi_user"></i>{/block:isOriginalEntry}{block:isNotOriginalEntry}<i class="icon-oi_refresh"></i>{/block:isNotOriginalEntry}</a>
  700.  
  701. {block:IsActive}
  702. <a target="_blank" href="{Permalink}">{Username}</a>
  703. {/block:IsActive}
  704.  
  705. {block:IsDeactivated}
  706. <span class="inactive"><span>{Username}</span></span>
  707. {/block:IsDeactivated}
  708.  
  709. </div>
  710. <div class="reblog-content">
  711. {Body}
  712. </div>
  713. </div>
  714. {/block:Reblogs}
  715. </div>
  716. {/block:RebloggedFrom}
  717.  
  718. {block:IndexPage}<div class="permalinks">
  719. <ul>
  720. <li><a href="{Permalink}" target="_blank" title="permalink">{NoteCountWithLabel}</a>
  721. <li class="custom-like-button" title="like">
  722. {LikeButton}
  723. <div class="our_toggle"><i class="icon-oi_heart"></i></div>
  724. <li><a href="{ReblogURL}" target="_blank" title="reblog?"><i class="icon-oi_refresh"></i></a>
  725. </ul>
  726. </div>{/block:IndexPage}
  727.  
  728. <!-- {block:NoRebloggedFrom}
  729. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  730. {/block:NoRebloggedFrom} -->
  731.  
  732. {block:ContentSource}<!-- {SourceURL}
  733. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  734. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  735. {/block:ContentSource}
  736.  
  737. {block:PermalinkPage}
  738. {block:Date}<div class="more-info">
  739. {NoteCountWithLabel} / {DayofMonth}{DayofMonthSuffix} of {Month}{block:RebloggedFrom} / via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> / src: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags} / {block:Tags}<a href="{TagURL}" class="tags">#{Tag}</a>{/block:Tags}{/block:HasTags}
  740. </div>{/block:Date}
  741. {block:PostNotes}
  742. {PostNotes-16}
  743. {/block:PostNotes}
  744. {/block:PermalinkPage}
  745. </article>{/block:Posts}
  746. </div>
  747. </section>
  748. {block:Pagination}
  749. <div class="pagination" style="visibility:hidden;">
  750. {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
  751. </div>
  752. {/block:Pagination}
  753. <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  754. <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
  755. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  756. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  757. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  758. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  759. <script type="text/javascript">
  760. var fhs = document.createElement('script');var fhs_id = "5643242";
  761. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  762. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  763. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  764. var pxuOptions={
  765. lightbox:!0,
  766. rounded:!1,
  767. gutter:"2px",
  768. photoset:".photo-slideshow",
  769. photoWrap:".photo-data",
  770. photo:".pxu-photo"
  771. },
  772. masonryOptions = {
  773. itemSelector:"article",
  774. isAnimated:!1,
  775. columnWidth:{text:Post Width},
  776. gutter:{text:Margins},
  777. fitWidth:false,
  778. }, infScrollOptions = {
  779. navSelector : "div.pagination",
  780. nextSelector : ".pagination a#next-link",
  781. itemSelector : "article",
  782. loading: {
  783. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  784. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  785. msg: null,
  786. msgText: "",
  787. }
  788. }
  789. function removeViaQuotes() {
  790. $(this).html($(this).html().split('(via')[0]);
  791. }
  792. $(document).ready(function(){
  793. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  794. $('.quote cite').each(removeViaQuotes);
  795. {block:IndexPage}
  796. var $tumblelog = $('#posts');
  797. $tumblelog.imagesLoaded(function () {
  798. $tumblelog.masonry(masonryOptions);
  799. });
  800. $tumblelog.infinitescroll(infScrollOptions, function(newElements) {
  801. var $newElems = $( newElements );
  802. $newElems.css({ opacity: 0, zIndex: -1 });
  803. var $newElemsIDs = $newElems.map(function () {
  804. return this.id;
  805. }).get();
  806. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  807. resizeVideos();
  808. $newElems.imagesLoaded(function(){
  809. $newElems.animate({ opacity: 1, zIndex: 1 });
  810. $tumblelog.masonry( 'appended', $newElems );
  811. });
  812. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  813. });
  814. {/block:IndexPage}
  815. });
  816. </script>
  817. </body>
  818. </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!