API tools faq
paste
Advertisement
rasperries

decimal 5.0

rasperries
Aug 1st, 2016
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: decimal 2.0 -- updated 27.5.16
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#cccccc"/>
  23. <meta name="color:Link" content="#a7a7a7"/>
  24. <meta name="color:Link Hover" content="#aaaaaa"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#eeeeee"/>
  27. <meta name="color:Accents" content="#fbfbfb"/>
  28. <meta name="color:Accent Text" content="#000000"/>
  29. <meta name="color:Borders" content="#eeeeee"/>
  30.  
  31. <meta name="if:2 Columns" content="0"/>
  32. <meta name="if:Infinite Scroll" content="1"/>
  33. <meta name="if:Manual Load" content="1"/>
  34.  
  35. <meta name="select:Caption" content="def" title="Default"/>
  36. <meta name="select:Caption" content="inl" title="Inline"/>
  37. <meta name="select:Caption" content="hide def" title="Hide Default"/>
  38. <meta name="select:Caption" content="hide inl" title="Hide Inline"/>
  39.  
  40. <meta name="text:Link 1 URL" content="" />
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 3" content="" />
  46.  
  47. <meta name="select:Post Width" content="250" title="250px"/>
  48. <meta name="select:Post Width" content="275" title="275px"/>
  49. <meta name="select:Post Width" content="300" title="300px"/>
  50. <meta name="select:Post Width" content="325" title="325px"/>
  51. <meta name="select:Post Width" content="350" title="350px"/>
  52. <meta name="select:Post Width" content="400" title="400px"/>
  53. <meta name="select:Post Width" content="450" title="450px"/>
  54. <meta name="select:Post Width" content="500" title="500px"/>
  55. <meta name="select:Post Width" content="540" title="540px"/>
  56.  
  57. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700' rel='stylesheet' type='text/css'>
  58.  
  59.  
  60. <!--CSS customization here. -->
  61.  
  62. <style type="text/css">
  63.  
  64. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  65.  
  66. .tmblr-lightbox img {opacity:0;}
  67.  
  68. .lightbox-caption {
  69. color:{color:title}!important;
  70. font-family:inherit!important;
  71. font-size:1em!important;
  72. font-weight:normal!important;
  73. text-shadow:none!important;
  74. }
  75.  
  76. .lightbox-image {
  77. -moz-box-shadow:none!important;
  78. -webkit-box-shadow:none!important;
  79. box-shadow:none!important;
  80. -moz-border-radius:0px!important;
  81. -webkit-border-radius:0px!important;
  82. border-radius:0px!important;
  83. padding:0px!important;
  84. margin:0px!important;
  85. border:0!important;
  86. opacity:1!important;
  87. }
  88.  
  89. .vignette {opacity:0!Important;}
  90.  
  91. .iframe-controls--desktop {
  92. white-space:nowrap!important;
  93. -webkit-filter:invert(70%)!important;
  94. -moz-filter:invert(70%)!important;
  95. -ms-filter:invert(70%)!important;
  96. -o-filter:invert(70%)!important;
  97. filter:invert(70%)!important;
  98. top:10px!important;
  99. right:10px!important;
  100. opacity:.3!important;
  101. position:fixed!important;
  102. }
  103.  
  104. /*tooltip*/
  105.  
  106. .ui-tooltip {
  107. position:Absolute;
  108. z-index:9999;
  109. padding-top:15px;
  110. }
  111.  
  112. .ui-tooltip-content {
  113. background:{color:accents};
  114. color:{color:accent text};
  115. padding:2px 4px;
  116. }
  117.  
  118. /*scrollbar*/
  119.  
  120. ::-webkit-scrollbar {
  121. height:2px;
  122. width:3px;
  123. background:inherit;
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  127.  
  128. .same::-webkit-scrollbar {width:1px;}
  129.  
  130. /*main structure*/
  131.  
  132. body {
  133. background:{color:background};
  134. color:{color:text};
  135. font:10px/1.4em roboto, arial, sans-serif;
  136. word-wrap:break-word;
  137. text-align:left;
  138. -moz-osx-font-smoothing:grayscale;
  139. -webkit-font-smoothing:antialiased;
  140. font-smoothing:antialiased;
  141. margin:0;
  142. }
  143.  
  144. a {
  145. color:{color:link};
  146. text-decoration:none;
  147. transition:all .2s linear;
  148. -webkit-transition:all .2s linear;
  149. -o-transition:all .2s linear;
  150. -moz-transition:all .2s linear;
  151. }
  152.  
  153. a, a img {cursor:pointer;}
  154.  
  155. a:hover {
  156. color:{color:link hover}!important;
  157. text-decoration:none;
  158. }
  159.  
  160. img {
  161. opacity:1;
  162. border:0;
  163. text-decoration:none;
  164. max-width:100%;
  165. height:auto;
  166. display:block;
  167. }
  168.  
  169. blockquote {
  170. padding:.25em 0 .25em 20px;
  171. margin:.5em 0;
  172. border-left:1px solid {color:borders};
  173. }
  174.  
  175. pre {
  176. padding:0;
  177. margin:0;
  178. line-height:inherit!important;
  179. background:transparent;
  180. font-family:inherit!Important;
  181. font-size:inherit!important;
  182. white-space:pre-wrap;
  183. white-space:-moz-pre-wrap;
  184. white-space:-pre-wrap;
  185. white-space:-o-pre-wrap;
  186. word-wrap:break-word;
  187. }
  188.  
  189. p {margin:1em 0;}
  190.  
  191. p:first-of-type {margin-top:0;}
  192.  
  193. p:last-of-type {margin-bottom:0;}
  194.  
  195. b, strong, b a, strong a {color:{color:title};}
  196.  
  197. ol, ul {
  198. list-style:none;
  199. text-align:left;
  200. padding-left:0;
  201. }
  202.  
  203. li {
  204. position:relative;
  205. padding:.25em 0 .25em 5px;
  206. margin-left:15px;
  207. }
  208.  
  209. ol li {
  210. padding-left:25px;
  211. counter-increment:list;
  212. }
  213.  
  214. ol li:before, ul li:before {
  215. left:0;
  216. position:absolute;
  217. vertical-align:baseline!important;
  218. }
  219.  
  220. ol li:before {content:counter(list) '.';}
  221.  
  222. ul li:before {
  223. content:'»';
  224. left:-15px;
  225. width:0;
  226. vertical-align:middle!important;
  227. }
  228.  
  229. .chat li:before, .pagenotes li:before {display:none;}
  230.  
  231. .chat li {
  232. padding-left:0;
  233. margin:0;
  234. }
  235.  
  236. small, big, sub, pre {
  237. font-size:1em!important;
  238. line-height:1.4em!important;
  239. vertical-align:baseline!important;
  240. }
  241.  
  242. h1, h2, h3, h4 {
  243. margin:1.5em 0;
  244. font-size:1.5em;
  245. padding:0;
  246. color:{color:title};
  247. font-weight:normal;
  248. }
  249.  
  250. h1, h2, h3, h4, .title, .btit {font-family:1.5em/1em consolas;}
  251.  
  252. .post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child {margin-top:0;}
  253.  
  254. hr {
  255. border:none;
  256. box-shadow:0;
  257. margin:2em 25%;
  258. border-top:1px solid {color:borders};
  259. }
  260.  
  261. .tex a, .caption a, .source a, .a a {border-bottom:1px solid {color:borders};}
  262.  
  263. .tex a:hover, .caption a:hover, .source a:hover, .a a:hover {border-color:{color:link hover};}
  264.  
  265. header, #entries:before, footer{block:permalinkpage}, .posts{/block:permalinkpage} {
  266. -webkit-animation-name: fade-in;
  267. -webkit-animation-duration: 1.5s;
  268. }
  269. /*header*/
  270.  
  271. header {
  272. margin:70px auto 35px auto;
  273. border-bottom:1px solid {color:borders};
  274. padding-bottom:35px;
  275. position:relative;
  276. width:{select:post width}px;
  277. {block:if2columns}
  278. width:calc({select:post width}px * 2 + 70px);
  279. {/block:if2columns}
  280. {block:permalinkpage}
  281. width:{select:post width}px;
  282. {/block:permalinkpage}
  283. }
  284.  
  285. #else {width:{select:post width}px;}
  286.  
  287. .btit {
  288. font-size:16px;
  289. line-height:1.5em;
  290. display:block;
  291. text-transform:lowercase;
  292. color:{color:title};
  293. }
  294.  
  295. nav, #d {margin-top:10px;}
  296.  
  297. nav a {
  298. color:{color:title};
  299. margin-right:5px;
  300. display:inline-block;
  301. }
  302.  
  303. /*pagination*/
  304.  
  305. footer {
  306. margin:0 auto 70px auto;
  307. text-align:center;
  308. color:{color:title};
  309. {block:ifnotinfinitescroll}
  310. border-top:1px solid {color:borders};
  311. padding-top:35px;
  312. {/block:ifnotinfinitescroll}
  313. width:{select:post width}px;
  314. {block:if2columns}
  315. width:calc({select:post width}px * 2 + 70px);
  316. {/block:if2columns}
  317. {block:ifinfinitescroll}
  318. {block:ifnotmanualload}
  319. display:none;
  320. {/block:ifnotmanualload}
  321. {/block:ifinfinitescroll}
  322. }
  323.  
  324. #infscr-loading {display:none!important;}
  325.  
  326. footer a {display:inline-block;}
  327.  
  328. #pagination {
  329. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  330. text-align:right;
  331. }
  332.  
  333. .current_page, .jump_page {
  334. margin:0 3px;
  335. display:inline-block;
  336. }
  337.  
  338. .current_page {font-weight:bold;}
  339.  
  340. .nice {
  341. position:fixed;
  342. right:15px;
  343. bottom:10px;
  344. }
  345.  
  346. .load {color:{color:title};}
  347.  
  348. /*posts*/
  349.  
  350. #entries {
  351. margin:35px auto 0px auto;
  352. position:relative;
  353. width:{select:post width}px;
  354. {block:indexpage}
  355. {block:if2columns}
  356. padding-left:70px;
  357. width:calc(({select:post width}px + 70px) * 2);
  358. {/block:if2columns}
  359. {/block:indexpage}
  360. {block:permalinkpage}
  361. margin-bottom:70px;
  362. {/block:permalinkpage}
  363. }
  364.  
  365. {block:indexpage}{block:if2columns}
  366. #entries:before {
  367. width:1px;
  368. height:calc(100% - 35px);
  369. {block:permalinkpage}
  370. height:100%;
  371. {/block:permalinkpage}
  372. position:absolute;
  373. background:{color:borders};
  374. content:'';
  375. top:0;
  376. left:50%;
  377. }
  378. {/block:if2columns}{/block:indexpage}
  379.  
  380. article {
  381. width:{select:post width}px;
  382. margin:0 0 35px 0;
  383. {block:if2columns}
  384. margin:0 70px 35px 0;
  385. {/block:if2columns}
  386. padding-bottom:35px;
  387. vertical-align:top;
  388. border-bottom:1px solid {color:borders};
  389. position:relative;
  390. display:inline-block;
  391. {block:permalinkpage}
  392. margin-bottom:0;
  393. border:0;
  394. {/block:permalinkpage}
  395. {block:indexpage}
  396. z-index:-1;
  397. opacity:0;
  398. {/block:indexpage}
  399. }
  400.  
  401. {block:ifnotinfinitescroll}
  402. article:last-of-type {
  403. border:0;
  404. margin-bottom:0;
  405. }
  406.  
  407. {block:if2columns}
  408. article:nth-last-of-type(2) {
  409. border:0;
  410. margin-bottom:0;
  411. }
  412. {/block:if2columns}
  413. {/block:ifnotinfinitescroll}
  414.  
  415. .ph {
  416. position:relative;
  417. overflow:hidden;
  418. width:calc(100% - 10px);
  419. padding:5px;
  420. background:{color:accents};
  421. }
  422.  
  423. .ph img {
  424. width:100%;
  425. display:block;
  426. }
  427.  
  428. .video * {
  429. display:block;
  430. min-width:100%;
  431. }
  432.  
  433. a.read_more {text-transform:lowercase;}
  434.  
  435. a.tumblr_blog {
  436. display:inline-block;
  437. margin-bottom:5px;
  438. }
  439.  
  440. /*text and captions*/
  441.  
  442. .title {
  443. color:{color:accent text};
  444. font-size:1.2em;
  445. line-height:1.5em;
  446. background:{color:accents};
  447. padding:10px;
  448. }
  449.  
  450. .title a {color:{color:accent text};}
  451.  
  452. .title a:hover {color:{color:link};}
  453.  
  454. .ted {margin-top:15px;}
  455.  
  456. /*caption*/
  457.  
  458. .caption {margin:15px 0 0 0;}
  459.  
  460. .inl.ree .caption p:first-of-type, .inl.ree .caption blockquote:first-of-type, .inl.ree .text p:first-of-type, .inl.ree .text blockquote:first-of-type {display:inline;}
  461.  
  462. .inl.ree .caption blockquote:first-of-type, .inl.ree .text blockquote:first-of-type {
  463. border:0;
  464. padding:0;
  465. }
  466.  
  467. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  468.  
  469. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  470.  
  471. .caption *:last-child, .a *:last-child, .text *:last-child {
  472. margin-bottom:0!important;
  473. padding-bottom:0!Important;
  474. }
  475.  
  476. .posts img, .posts li, .posts blockquote, .caption img, .caption iframe {max-width:100%;}
  477.  
  478. /*audio*/
  479.  
  480. .tumblr_audio_player {
  481. width:100%;
  482. height:30px;
  483. margin-top:-2px;
  484. }
  485.  
  486. .player {
  487. width:25px;
  488. height:24px;
  489. position:absolute;
  490. left:10px;
  491. top:calc(50% - 12px);
  492. display:block;
  493. overflow:hidden;
  494. }
  495.  
  496. .hold {
  497. background:black;
  498. position:relative;
  499. display:block;
  500. min-height:24px;
  501. padding:10px;
  502. }
  503.  
  504. .audio_info {
  505. vertical-align:middle;
  506. margin-left:40px;
  507. max-width:calc(100% - 40px);
  508. }
  509.  
  510. .audio_info span {
  511. white-space:nowrap;
  512. overflow:hidden;
  513. text-overflow:ellipsis;
  514. display:block;
  515. color:white;
  516. }
  517.  
  518. .hold .artist {color:rgba(255,255,255,.7);}
  519.  
  520. /*asks*/
  521.  
  522. .q {
  523. padding:10px;
  524. color:{color:accent text};
  525. background:{color:Accents};
  526. }
  527.  
  528. .as {text-transform:lowercase;}
  529.  
  530. .as a {color:{color:accent text};}
  531.  
  532. .a {margin-top:15px;}
  533.  
  534. /*chat*/
  535.  
  536. .chat {
  537. margin:0;
  538. padding:0;
  539. list-style:none;
  540. text-align:left;
  541. }
  542.  
  543. .l.odd {color:{color:accent text};}
  544.  
  545. .l {margin-bottom:5px;}
  546.  
  547. .l:last-of-type {margin:0;}
  548.  
  549. .label {display:inline-block;}
  550.  
  551. /*permalink and notes*/
  552.  
  553. .when {
  554. opacity:0;
  555. position:absolute;
  556. top:calc(100% - 6px);
  557. text-align:center;
  558. height:12px;
  559. line-height:12px;
  560. width:100%;
  561. left:0px;
  562. text-transform:lowercase;
  563. transition:all .4s ease-in-out;
  564. -webkit-transition:all .4s ease-in-out;
  565. -o-transition:all .4s ease-in-out;
  566. -moz-transition:all .4s ease-in-out;
  567. }
  568.  
  569. .posts:hover .when {opacity:1;}
  570.  
  571. .when span {
  572. display:inline-block;
  573. padding:0 10px;
  574. background:{color:background};
  575. }
  576.  
  577. .when a {
  578. margin:0 3px;
  579. display:inline-block;
  580. }
  581.  
  582. .date {margin-top:15px;}
  583.  
  584. .t {
  585. cursor:help;
  586. margin-top:15px;
  587. border-top:1px solid {color:borders};
  588. padding:15px 0;
  589. color:{color:title};
  590. text-align:right;
  591. }
  592.  
  593. modal {
  594. display:none;
  595. width:100%;
  596. height:100%;
  597. left:0px;
  598. bottom:0px;
  599. background:rgba(246, 246, 246, .9);
  600. z-index:10;
  601. position:fixed;
  602. }
  603.  
  604. .off {
  605. width:100%;
  606. height:100%;
  607. left:0px;
  608. bottom:0px;
  609. z-index:10;
  610. position:fixed;
  611. }
  612.  
  613. .me {
  614. position:absolute;
  615. left:50%;
  616. z-index:11;
  617. width:calc({select:post width}px + 30px);
  618. top:50%;
  619. background:{color:background};
  620. transform: translate(-50%,-50%);
  621. -webkit-transform: translate(-50%,-50%);
  622. -o-transform: translate(-50%,-50%);
  623. -moz-transform: translate(-50%,-50%);
  624. }
  625.  
  626. .same {
  627. margin:15px;
  628. max-height:300px;
  629. overflow-y:auto;
  630. }
  631.  
  632. ol.notes {
  633. list-style-type:none;
  634. text-align:left;
  635. padding:0;
  636. margin:0;
  637. }
  638.  
  639. ol.notes li.note {
  640. padding-top:5px;
  641. padding-bottom:5px;
  642. margin:0;
  643. border-bottom:1px solid {color:borders};
  644. }
  645.  
  646. ol.notes li.note img.avatar {display:none!important;}
  647.  
  648. .more_notes_link {
  649. display:block;
  650. text-align:left;
  651. color:{color:title};
  652. }
  653.  
  654. {block:permalinkpage}
  655. .w250 header, .w275 header, .w300 header, .w250 #else, .w275 #else, .w300 #else, .w250 #entries, .w275 #entries, .w300 #entries {width:350px;}
  656.  
  657. .w250 .me, .w275 .me, .w300 .me {width:380px;}
  658. {/block:permalinkpage}
  659.  
  660. {CustomCSS}
  661.  
  662. </style>
  663.  
  664. </head>
  665.  
  666. <body class="w{select:post width}">
  667.  
  668. <header><div id="else"><a class="btit" href="/">{title}</a><div id="d">Who can really distinguish between the sea and what’s reflected in it? Or tell the difference between the falling rain and loneliness?</div><nav><a href="/">index.</a><a href="/ask">message.</a><a href="/archive">history.</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}.</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}.</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}.</a>{/block:ifLink3}</nav></div> </header>
  669.  
  670. <section id="entries">{block:Posts}<article class="posts {select:Caption}{block:RebloggedFrom} ree{/block:RebloggedFrom}">
  671.  
  672. {block:indexpage}
  673. {block:Date}<div class="when"><span><a href="{Permalink}" target="_blank" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}">({NoteCount})</a>{/block:NoteCount}<a href="{ReblogURL}">reblog</a></span></div>{/block:Date}{/block:indexpage}
  674.  
  675. {block:Quote}<div class="title quote">{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  676.  
  677. {block:Text}
  678. {block:Title}<div class="title">{Title}</div>{/block:Title}
  679. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  680. {/block:Text}
  681.  
  682. {block:Link}
  683. <div class="title"><a href="{URL}">{Name}</a></div>
  684. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  685. {/block:Link}
  686.  
  687. {block:Chat}
  688. {block:Title}<div class="title">{Title}</div>{/block:Title}
  689. <ol class="chat {block:title}ted{/block:title}">
  690. {block:Lines}
  691. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  692. {/block:Lines}
  693. </ol>
  694. {/block:Chat}
  695.  
  696. {block:Photo}<div class="ph">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{/block:Photo}
  697.  
  698. {block:Photoset}<div class="ph"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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></div>{/block:Photoset}
  699.  
  700. {block:Video}<div class="ph"><div class="video">{Video-500}</div></div>{/block:Video}
  701.  
  702. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerBlack}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  703.  
  704.  
  705. {block:Answer}
  706. <div class="q"><span class="as">{Asker} sent:</span> {Question}</div><div class="a">{Answer}</div>
  707. {/block:Answer}
  708.  
  709. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  710.  
  711. {block:permalinkpage}{block:Date}
  712. <div class="date">Posted on {month} {dayofmonth}{dayofmonthsuffix}, {timeago}{block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<br>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{block:PostNotes}<div class="t">{notecountwithlabel}</div>{/block:PostNotes}
  713. {/block:Date}{/block:permalinkpage}</article>{/block:Posts}
  714.  
  715.  
  716. </section>{block:permalinkpage}<modal><div class="off"></div><div class="me"><div class="same">{PostNotes}</div></div></modal>{/block:permalinkpage}
  717.  
  718. {block:Pagination}
  719. <footer>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}
  720. <div id="pagination">
  721. {block:PreviousPage}
  722. <a href="{PreviousPage}" style="margin-right:15px">back</a>
  723. {/block:PreviousPage}{block:JumpPagination length="5"}
  724. {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  725. {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  726. {block:NextPage}<a href="{NextPage}" style="margin-left:15px">next</a>{/block:NextPage}</div></footer>{/block:Pagination}
  727.  
  728. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>{block:indexpage}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  729. <script>
  730. $(document).ready(function(){
  731. $(document).tooltip({track:true});
  732. {block:permalinkpage}$('.t, .off').click(function() {$('modal').fadeToggle(400);});{/block:permalinkpage}
  733. $('.photo-slideshow').pxuPhotoset({
  734. lightbox: true,
  735. rounded: false,
  736. gutter: '3px',
  737. photoset: '.photo-slideshow',
  738. photoWrap: '.photo-data',
  739. photo: '.pxu-photo'
  740. });
  741. var $container = $('section');
  742. $container.imagesLoaded(function(){
  743. {block:if2columns}
  744. $container.masonry({
  745. itemSelector: '.posts',
  746. isFitWidth: false,
  747. columnWidth: {select:post width} + 70,
  748. });
  749. {/block:if2columns}
  750. $container.find('article').delay(1000).animate({opacity: 1, zIndex: 1},1000);
  751. });
  752. {block:ifinfinitescroll}
  753. $container.infinitescroll({
  754. itemSelector: 'article',
  755. navSelector: '#pagination',
  756. nextSelector: '#pagination a',
  757. loadingImg: '',
  758. loadingText: '<em></em>',
  759. errorCallback: function(){$('.load').text('no more posts');},
  760. bufferPx: 3000
  761. },
  762. function( newElements ) {
  763. var $newElems = $( newElements );
  764. $newElems.imagesLoaded(function(){
  765. $container.masonry('appended', $newElems);
  766. $newElems.delay(500).animate({opacity: 1, zIndex: 1},1000);
  767. });
  768. $newElems.find('.photo-slideshow').pxuPhotoset({
  769. lightbox: true,
  770. rounded: false,
  771. gutter: '3px',
  772. photoset: '.photo-slideshow',
  773. photoWrap: '.photo-data',
  774. photo: '.pxu-photo'
  775. });
  776. resizeVideos();
  777. });
  778. {block:ifmanualload}
  779. $(window).unbind('.infscr');
  780. $('.load').click(function(){
  781. $(this).parent().fadeTo("400", 0);
  782. $('section').delay(400).infinitescroll('retrieve').parent('body').find('.load').parent().delay(400).fadeTo("400", 1); return false;
  783. });
  784. {/block:ifmanualload}
  785. {/block:ifinfinitescroll}
  786. });
  787. </script>
  788. {/block:indexpage}
  789.  
  790.  
  791. <a class="nice" href="http://sorrism.tumblr.com">@</a>
  792. {block:ContentSource}
  793. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  794. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  795. {/block:SourceLogo}
  796. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  797. {/block:ContentSource}
  798. </body></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!