API tools faq
paste
jasonmcann

Theme: Fingertip

jasonmcann
Feb 28th, 2017
3,633
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #41
  6. - by cathms -
  7.  
  8. Last update:
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25.  
  26. <meta name="image:Background" content="">
  27. <meta name="image:Sidebar" content="">
  28.  
  29. <meta name="color:Background" content="#ffffff" />
  30. <meta name="color:Text" content="#999999" />
  31. <meta name="color:Link" content="#444444" />
  32. <meta name="color:Link hover" content="#999999" />
  33. <meta name="color:Info" content="#444444" />
  34. <meta name="color:Bold" content="#444444" />
  35. <meta name="color:Border" content="#eeeeee" />
  36. <meta name="color:Scrollbar" content="#444444" />
  37.  
  38. <meta name="select:Posts width" content="250" title="250px"/>
  39. <meta name="select:Posts width" content="300" title="300px"/>
  40. <meta name="select:Posts width" content="350" title="350px"/>
  41. <meta name="select:Posts width" content="400" title="400px"/>
  42. <meta name="select:Posts width" content="450" title="450px"/>
  43. <meta name="select:Posts width" content="500" title="500px"/>
  44. <meta name="select:Posts width" content="540" title="540px"/>
  45.  
  46. <meta name="select:Caption" content="inline" title="Inline"/>
  47. <meta name="select:Caption" content="normal" title="Normal"/>
  48. <meta name="select:Caption" content="hide" title="Hide"/>
  49.  
  50. <meta name="if:Infinite scroll" content="0">
  51. <meta name="if:Manual load" content="0">
  52. <meta name="if:No rescaling" content="0">
  53. <meta name="if:Custom gutter" content="0">
  54.  
  55. <meta name="text:Margin" content="90" />
  56. <meta name="text:Gutter" content="3" />
  57. <meta name="text:Link 1 URL" content="" />
  58. <meta name="text:Link 1 title" content="Link 01">
  59. <meta name="text:Link 2 URL" content="" />
  60. <meta name="text:Link 2 title" content="Link 02">
  61. <meta name="text:Link 3 URL" content="" />
  62. <meta name="text:Link 3 title" content="Link 03">
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Maven+Pro:400,600,500,700' rel='stylesheet' type='text/css'>
  65.  
  66. <style type="text/css">
  67.  
  68. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  69. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  70. @keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  71.  
  72. .fade-in {
  73. opacity:0;
  74. -webkit-animation:fadeIn ease-in 1;
  75. -moz-animation:fadeIn ease-in 1;
  76. animation:fadeIn ease-in 1;
  77. -webkit-animation-fill-mode:forwards;
  78. -moz-animation-fill-mode:forwards;
  79. animation-fill-mode:forwards;
  80. -webkit-animation-duration:1s;
  81. -moz-animation-duration:1s; animation-duration:1s; }
  82.  
  83. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  84.  
  85. body {
  86. font:10px maven pro, arial;
  87. -moz-osx-font-smoothing:grayscale;
  88. -webkit-font-smoothing:antialiased;
  89. font-smoothing:antialiased;
  90. margin:0;
  91. line-height:150%;
  92. color:{color:text};
  93. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  94. background-position: {select:background position};
  95. background-repeat: {select:background repeat};}
  96.  
  97. a {
  98. color:{color:link};
  99. text-decoration: none;
  100. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  101. -o-transition:all 0.6s ease-in-out;/*opera*/
  102. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  103. -ms-transition:all 0.6s ease-in-out;/*ie*/
  104. transition:all 0.6s ease-in-out;/*w3c*/}
  105.  
  106. a:hover {
  107. color:{color:link hover};}
  108.  
  109. b, strong {
  110. color:{color:bold};
  111. font-weight:500!important;
  112. }
  113.  
  114. small {
  115. font-size:10px;}
  116.  
  117. ol, ul {
  118. padding:0;
  119. padding-left:5px;
  120. list-style-type:none;
  121. }
  122.  
  123. ol li,
  124. ul li {
  125. position:relative;
  126. padding-left:10px;
  127. }
  128.  
  129. .posts ol li:before{
  130. content:'›';
  131. position:absolute;
  132. margin-top:-1.5px;
  133. left:0;
  134. font-size:10px;
  135. }
  136. .posts ul li:before {
  137. content:'›';
  138. position:absolute;
  139. margin-top:-1.5px;
  140. left:0;
  141. font-size:10px;
  142. }
  143.  
  144. sub, sup{font-size: 10px;}
  145.  
  146. .container {
  147. width:{select:posts width}px;
  148. margin:0 auto;
  149. padding-bottom:{text:margin}px;
  150. padding-top:{text:margin}px;
  151. overflow:auto;
  152. }
  153.  
  154. .entries{
  155. width:{select:posts width}px;}
  156.  
  157. .posts {
  158. width:{select:posts width}px;
  159. overflow:hidden;
  160. word-wrap: break-word;
  161. {block:IndexPage}
  162. margin-top:{text:Margin}px;
  163. {/block:IndexPage}
  164. position:relative;
  165. {block:permalinkpage}
  166. margin-bottom:30px;
  167. {/block:permalinkpage}
  168. }
  169.  
  170. {block:IndexPage}
  171. .posts:first-of-type{
  172. margin-top:0;
  173. }
  174. {/block:IndexPage}
  175.  
  176. .posts h1{
  177. font-size:18px;
  178. font-weight:bold;
  179. color:{color:link};
  180.  
  181. }
  182.  
  183. .posts blockquote {
  184. border-left: 1px solid {color:border};
  185. padding-left: 5px;
  186. margin:05px;}
  187.  
  188. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  189.  
  190. .tmblr-full img {
  191. width:100%;}
  192.  
  193. .posts .images{
  194. {block:ifNotNoRescaling}
  195. width: 100%;
  196. {/block:ifNotNoRescaling}
  197. display:block;}
  198.  
  199. /* sidebar */
  200. .sidebar {
  201. width: 130px;
  202. margin-left:calc({text:Margin}px / 2 + {select:posts width}px);
  203. position:fixed;
  204. }
  205.  
  206. .sidebar .sidebar-image{
  207. max-width:55px;
  208. border-radius:3px;
  209. display:block;}
  210.  
  211. .sb-title{
  212. font-family:helvetica neue, helvetica, arial;
  213. font-weight:bold;
  214. font-size:18px;
  215. margin-top:15px;
  216. margin-bottom:15px;
  217. }
  218.  
  219. /* description */
  220. .description{
  221. text-align:left;
  222. margin-top:15px;
  223. margin-bottom:15px;
  224. }
  225.  
  226. /* navigation */
  227. .navi{
  228. border-top:1px solid {color:border};
  229. line-height:200%;
  230. padding-top:15px;
  231. }
  232.  
  233. /* pagination */
  234. .prev, .current_page, .next, .jump_page {
  235. padding: 4px 8px;
  236. }
  237.  
  238. /* quote post */
  239. .quote {
  240. padding:0 10px 0 10px;
  241. text-align:right;
  242. font-style:italic;
  243. }
  244.  
  245. .quotetext-short {
  246. font-size: 16px;
  247. text-align:center;
  248. }
  249.  
  250. .quotetext-medium {
  251. font-size: 14px;
  252. text-align:center;
  253. }
  254.  
  255. .quotetext-long {
  256. font-size: 11px;
  257. text-align:center;
  258. }
  259.  
  260. .quote-source {
  261. text-align:right;
  262. display:inline-block;
  263. text-transform:lowercase;
  264. font-style:normal;
  265. padding-top:10px;
  266. padding-bottom:10px;
  267. margin-top:10px;
  268. border-top:1px solid {color:border};
  269. }
  270.  
  271. /* chat post */
  272. .odd, .even {
  273. margin:0px;
  274. padding:0;
  275. padding-top:10px;
  276. padding-bottom:10px;
  277. border-top:1px solid {color:border};}
  278.  
  279. .odd:first-of-type {
  280. border-top:0;}
  281.  
  282. /* audio post */
  283. .audio {
  284. width:auto;
  285. overflow:hidden;
  286. max-height:80px;
  287. position:relative;
  288. clear:both;
  289. border:1px solid {color:border};
  290. }
  291.  
  292. .tumblr_audio_player {
  293. height:25px;
  294. width:30px;
  295. padding:28px;
  296. margin-right:20px;
  297. display:block;
  298. float:left;
  299. clear:both;
  300. background-color:transparent;
  301. opacity:1;
  302. }
  303.  
  304. .audio-player{background:black !important}
  305.  
  306. .au-info {
  307. position:relative;
  308. overflow:auto;
  309. text-transform:uppercase;
  310. height:80px;
  311. padding-right:10px;
  312. display: table-cell;
  313. vertical-align: middle;
  314. text-align:right;
  315. width:{select:posts width}px;
  316. }
  317.  
  318. img.au-image{
  319. float:right;
  320. width:25px;
  321. border-radius:100%;
  322. margin:28px;
  323. margin-left:0;
  324. }
  325.  
  326. /* video post*/
  327. .video{
  328. overflow:hidden;
  329. width:{select:posts width}px;}
  330.  
  331. .video .instagram-media {
  332. max-height:none!important;
  333. box-shadow:none!important;
  334. border:1px solid {color:border}!important;
  335. max-width:calc({select:posts width}px - 3px)!important;}
  336.  
  337. /* ask post */
  338. .question{
  339. padding:15px;
  340. background-color:#fafafa;
  341. }
  342.  
  343. /* caption */
  344. .caption{
  345. border-top:1px solid {color:border};
  346. margin-top:15px;
  347. }
  348.  
  349.  
  350. .caption a, .bod a, kk{
  351. border-bottom:1px solid {color:border}!important;
  352. }
  353.  
  354. .inline {
  355. padding-top:15px;
  356. }
  357.  
  358. .inline blockquote, .inline p:first-child, .inline pre{
  359. display:inline;
  360. margin:0;
  361. border:0;
  362. padding:0;
  363. }
  364.  
  365. .inline blockquote::after, .inline p::after, .inline pre{ content:" "; }
  366.  
  367. .hide {
  368. display:none;
  369. }
  370.  
  371. /* post info */
  372. .posts-info{
  373. margin-top:15px;
  374. color:{color:info};
  375. margin-bottom:1px;}
  376.  
  377. .posts-info a{
  378. color:{color:info};
  379. }
  380.  
  381. a.tag {
  382. text-decoration:none;
  383. padding:5px;
  384. }
  385.  
  386. .tags{
  387. margin-bottom:2px;
  388. }
  389.  
  390. .posts-info .tags svg{
  391. float:left;
  392. padding:3px;
  393. padding-left:0;
  394. display:inline-block;
  395. fill: {color:info};
  396. }
  397.  
  398. .date{
  399.  
  400. }
  401.  
  402. .date a{
  403. margin-right:05px;
  404. margin-left:05px;
  405. }
  406.  
  407. .date a:first-of-type{
  408. margin-left:0px;
  409. }
  410.  
  411. .posts-info .date svg{
  412. display:inline-block;
  413. margin-bottom:-1px;
  414. margin-right:05px;
  415. }
  416.  
  417. /* notes */
  418. .notess{
  419. padding-top:30px;
  420. border-top:1px solid {color:border};
  421. width:{select:posts width}px;
  422. margin-left:0px;
  423. overflow-x: hidden;
  424. }
  425.  
  426. .notes img{border-radius:100%;}
  427.  
  428. ol.notes {
  429. padding: 0px;
  430. margin: 0;
  431. list-style-type: none;}
  432.  
  433. ol.notes li.note {padding: 0px;}
  434.  
  435. ol.notes li.note img.avatar {
  436. vertical-align: -4px;
  437. float:left;
  438. margin-right: 10px;
  439. width: 16px;
  440. height: 16px;
  441. display:none;
  442. }
  443.  
  444. ol.notes li.note span.action {}
  445.  
  446. ol.notes li.note .answer_content {font-weight: normal;}
  447.  
  448. ol.notes li.note blockquote {
  449. border-color: {color:border};
  450. padding: 4px 10px;
  451. margin: 10px 0px 0px 25px;}
  452.  
  453. /* extras */
  454. a.c{
  455. position:fixed;
  456. bottom:25px;
  457. right:25px;
  458. font:07px 'trebuchet ms';
  459. text-transform:uppercase;
  460. letter-spacing:1px;
  461. text-align:right;
  462. z-index:9999999;
  463. background-color:#fff;
  464. border:1px solid #e9e9e9;
  465. padding:05px;
  466. border-radius:100%;
  467. color:#8c8c8c;
  468. }
  469.  
  470. .vignette, #vignette {
  471. opacity:0;
  472. }
  473.  
  474. .lightbox-image, #tumblr_lightbox img {
  475. box-shadow:none !important;
  476. border-radius:0 !important;
  477. max-width:none;
  478. }
  479.  
  480. .tmblr-lightbox, #tumblr_lightbox {
  481. background-color:rgba(255,255,255,.8) !important;
  482. }
  483.  
  484. #tumblr_lightbox img {
  485. border:3px solid #fff !important;
  486. -moz-box-sizing:border-box;
  487. box-sizing:border-box;
  488. }
  489.  
  490. .lightbox-image {
  491. padding:3px;
  492. background-color:rgba(255,255,255,1) !important;
  493. }
  494.  
  495. ::-webkit-scrollbar {
  496. width: 3px;
  497. height: 3px;
  498. background: {color:background};}
  499.  
  500. ::-webkit-scrollbar-thumb {
  501. background-color:{color:scrollbar};}
  502.  
  503. #s-m-t-tooltip{
  504. margin:24px 14px 7px 12px;
  505. letter-spacing:1px;
  506. z-index:9999999999999;
  507. line-height:16px;
  508. background-color:{color:background};
  509. color:{color:text};
  510. border-radius:3px;
  511. border:1px solid {color:border};
  512. padding:03px;}
  513.  
  514. ::selection {
  515. background: {color:link};
  516. color: white;}
  517. ::-moz-selection {
  518. background: {color:link};
  519. color: white;}
  520. ::-webkit-selection {
  521. background: {color:link};
  522. color: white;}
  523.  
  524. /* scroll to top */
  525. .scrollup{
  526. width:30px;
  527. height:30px;
  528. opacity:0.3;
  529. position:fixed;
  530. bottom:70px;
  531. right:22px;
  532. display:none;
  533. text-align:center;
  534.  
  535. }
  536. .scrollup:hover{cursor:pointer;}
  537.  
  538. #infscr-loading {display:none!important;}
  539.  
  540. .more, .pag{
  541. text-align:left;
  542. display:block;
  543. width:{select:posts width}px;
  544. margin:0 auto;
  545. margin-top:calc(-{text:margin}px /2);
  546. margin-bottom:{text:margin}px;
  547. border-top:1px solid {color:border};
  548. padding-top:15px;
  549. }
  550.  
  551. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.4; z-index:9999999!important;}
  552.  
  553. .like-b {
  554. position:relative;
  555. display:inline-block;
  556. height:1em;
  557. line-height:1em;
  558. overflow:hidden;
  559. margin-bottom:-1px;
  560. }
  561.  
  562. .like-b .like_button iframe {
  563. position:absolute;
  564. top:0;
  565. left:0;
  566. bottom:0;
  567. right:0;
  568. z-index:2;
  569. opacity:0;
  570. }
  571.  
  572. .like-b .liked + .b {
  573. color:inherit;
  574. }
  575.  
  576. .like-b .liked + .b:before {
  577. content:'un';
  578. }
  579.  
  580. .buttons{
  581. float:right;
  582. overflow:hidden;
  583. clear:both;
  584. display:inline-block;
  585. }
  586.  
  587. </style>
  588. </head>
  589.  
  590. <body>
  591.  
  592. <div class="container">
  593. <div class="sidebar">
  594.  
  595. <img src="{image:sidebar}" class="sidebar-image">
  596.  
  597. {block:ShowTitle}
  598. <div class="sb-title"><a href="/">{title}</a></div>{/block:ShowTitle}
  599. {block:ShowDescription}<div class="description">{Description}</div>{/block:ShowDescription}
  600.  
  601. <div class="navi">
  602. <a href="/">index</a> /
  603. <a href="/ask">message</a> /
  604. <a href="/archive">archive</a><br>
  605. {block:ifLink1url}
  606. <a href="{text:Link 1 URL}">{text:Link 1 title}</a>
  607. {/block:ifLink1url}
  608. {block:ifLink2url} /
  609. <a href="{text:Link 2 URL}">{text:Link 2 title}</a>
  610. {/block:ifLink2url}
  611. {block:ifLink3url} /
  612. <a href="{text:Link 3 URL}">{text:Link 3 title}</a>
  613. {/block:ifLink3url}
  614. </div>
  615.  
  616. </div><!--- sidebar --->
  617.  
  618. <div class="entries fade-in one">
  619. {block:Posts}
  620.  
  621. {block:ContentSource}
  622. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  623. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  624. {/block:SourceLogo}
  625. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  626. {/block:ContentSource}
  627.  
  628. <div class="posts" id="{PostID}">
  629.  
  630. {block:Text}
  631. {block:Title}<h1>{Title}</h1>{/block:Title}
  632. <div class="bod">{Body}</div>
  633. {/block:Text}
  634.  
  635. {block:Photo}
  636. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  637. {/block:Photo}
  638.  
  639. {block:Photoset}<div class="set"><center>
  640. <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></center></div>
  641. {/block:Photoset}
  642.  
  643. {block:Quote}<div class="quote">
  644. <div class="quotetext-{Length}">{Quote}</div>
  645. {block:Source}
  646. <div class="quote-source">{Source}</div>
  647. {/block:Source}
  648. </div>{/block:Quote}
  649.  
  650. {block:Link}
  651. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  652. {block:Description}<div class="bod">{Description}</div>{/block:Description}
  653. {/block:Link}
  654.  
  655. {block:Chat}
  656. {block:Title}<h1>{Title}</h1>{/block:Title}
  657. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  658. {/block:Chat}
  659.  
  660. {block:Audio}
  661. <div class="audio">
  662. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  663. {block:AlbumArt}
  664. <img src="{AlbumArtURL}" class="au-image">
  665. {/block:AlbumArt}
  666. <div class="au-info">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}
  667. </div>
  668.  
  669. </div>
  670. {/block:Audio}
  671.  
  672. {block:Video}
  673. <div class="video">{Video-500}</div>
  674. {/block:Video}
  675.  
  676. {block:Answer}
  677. <div class="question">
  678. <b>{Asker}:</b> {Question}</div>
  679. {Answer}
  680. {/block:Answer}
  681.  
  682.  
  683. {block:Caption}<div class="caption {select:Caption}">{Caption}</div>{/block:Caption}
  684.  
  685. {block:Date}<div class="posts-info">
  686.  
  687. {block:HasTags}<div class="tags"><svg width="11" height="11" 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 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg> {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  688.  
  689. <div class="date">
  690. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> / {/block:NoteCount}
  691. <a href="{Permalink}" class="time-ago">{TimeStamp}</a>
  692.  
  693. <div class="buttons">{block:IndexPage}
  694. <a href="{ReblogURL}" target="_blank">reblog</a> /
  695. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>{/block:IndexPage}{block:PermalinkPage}
  696. {block:RebloggedFrom}{block:PermalinkPage}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:PermalinkPage} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{/block:PermalinkPage}
  697. </div>
  698.  
  699. </div>
  700. </div>
  701. {/block:Date}
  702.  
  703.  
  704. </div><!--- posts --->
  705.  
  706. {block:PermalinkPage}
  707. {block:PostNotes}<div class="notess">{PostNotes}</div>{/block:PostNotes}
  708. {/block:PermalinkPage}
  709.  
  710. {/block:Posts}
  711.  
  712.  
  713.  
  714. </div><!--- entries --->
  715.  
  716.  
  717.  
  718. </div><!--- container --->
  719.  
  720. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  721. {block:PreviousPage}<a href="{PreviousPage}" class="prev">prev</a>{/block:PreviousPage}
  722. {block:JumpPagination length="5"}
  723. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  724. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  725. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}
  726. </div>
  727. {/block:Pagination}
  728.  
  729. {block:ifManualLoad}{block:Pagination}
  730. <div class="more"><a href="#">load more</a></div>
  731. {/block:Pagination}{/block:ifManualLoad}
  732.  
  733. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  734. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  735. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  736. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/uhmonj8k0/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  737. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  738. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  739. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  740. {block:ifMasonry}<script src="http://static.tumblr.com/nb65v05/7a4o8hdqu/masonry.pkgd.js"></script>{/block:ifMasonry}
  741. <script src="http://static.tumblr.com/nb65v05/idnofx9jm/imagesloaded.pkgd.min.js"></script>
  742. <script type="text/javascript" src="http://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  743.  
  744. <script>
  745. $(document).ready(function() {
  746.  
  747. });
  748. </script>
  749.  
  750. <script>
  751. $(document).ready(function(){
  752.  
  753. // audio player's color © roxiestheme.tumblr
  754. $('iframe.tumblr_audio_player').load( function() {
  755. $('iframe.tumblr_audio_player').contents().find("head")
  756. .append($("<style type='text/css'> .audio-player{background:transparent !important} </style>"));
  757. });
  758.  
  759. // timeAgo(); plugin © bychloethemes.tumblr
  760. $(".time-ago").timeAgo({
  761. time: "short",
  762. spaces: false,
  763. words: false,
  764. prefix: "",
  765. suffix: " ago",
  766. });
  767.  
  768. // minimal soundcloud player © shythemes.tumblr
  769. var color = '#acd7bb';
  770. $('.soundcloud_audio_player').each(function(){
  771. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  772. });
  773.  
  774. $("[title]").style_my_tooltips({
  775. tip_follows_cursor:true,
  776. tip_delay_time:200,
  777. tip_fade_speed:300
  778. }
  779. );
  780.  
  781. $(window).scroll(function () {
  782. if ($(this).scrollTop() > 100) {
  783. $('.scrollup').fadeIn();
  784. } else {
  785. $('.scrollup').fadeOut();
  786. }
  787. });
  788.  
  789. $('.scrollup').click(function () {
  790. $("html, body").animate({
  791. scrollTop: 0
  792. }, 600);
  793. return false;
  794. });
  795.  
  796. $('.photo-slideshow').pxuPhotoset({
  797. lightbox: true,
  798. rounded: false,
  799. {block:ifNotCustomGutter}
  800. gutter: '04px',{/block:ifNotCustomGutter}
  801. {block:ifCustomGutter}
  802. gutter: '{text:Gutter}px',{/block:ifCustomGutter}
  803. borderRadius: '0px',
  804. photoset: '.photo-slideshow',
  805. photoWrap: '.photo-data',
  806. photo: '.pxu-photo'
  807. });
  808.  
  809. {block:IndexPage}
  810.  
  811. var $container = $('.entries');
  812.  
  813. {block:ifMasonry}
  814. $container.imagesLoaded(function(){
  815. $container.masonry({
  816. itemSelector: '.posts',
  817. columnWidth: {select:posts width},
  818. hiddenStyle: { opacity: 0 },
  819. visibleStyle: { opacity: 1 }
  820. });
  821. });
  822. {/block:ifMasonry}
  823.  
  824. {block:ifInfiniteScroll}
  825. $container.infinitescroll({
  826. navSelector: '.pag',
  827. nextSelector: '.next',
  828. itemSelector: '.posts',
  829. loadingImg : " ",
  830. errorCallback: function(){
  831. $('.more').animate({opacity: 0.8},2000).fadeOut('normal');}
  832. },
  833. function( newElements ) {
  834. var $newElems = $(newElements).css({ opacity: 0 }).delay(600).animate({ opacity: 1 });
  835.  
  836. {block:ifMasonry} $newElems.imagesLoaded(function(){
  837. $newElems.animate({ opacity: 1 });
  838. $container.masonry( 'appended', $newElems, true );
  839. });{/block:ifMasonry}
  840.  
  841. var $newElemsIDs = $newElems.map(function(){
  842. return this.id;
  843. }).get();
  844. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  845.  
  846. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  847. lightbox: true,
  848. rounded: false,
  849. {block:ifNotCustomGutter}
  850. gutter: '04px',{/block:ifNotCustomGutter}
  851. {block:ifCustomGutter}
  852. gutter: '{text:Gutter}px',{/block:ifCustomGutter}
  853. borderRadius: '0px',
  854. photoset: '.photo-slideshow',
  855. photoWrap: '.photo-data',
  856. photo: '.pxu-photo'
  857. });
  858.  
  859. $(newElements).find('.time-ago').timeAgo({
  860. time: "short",
  861. spaces: false,
  862. words: false,
  863. prefix: "",
  864. suffix: " ago",
  865. });
  866.  
  867. $(newElements).find('iframe.tumblr_audio_player').load( function() {
  868. $('iframe.tumblr_audio_player').contents().find("head")
  869. .append($("<style type='text/css'> .audio-player{background:transparent !important} </style>"));
  870. });
  871.  
  872. $( newElements ).find('.soundcloud_audio_player').each(function(){
  873. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  874. });
  875.  
  876. resizeVideos();
  877. });
  878.  
  879. {block:ifManualLoad}
  880.  
  881. $(window).unbind('.infscr');
  882. $('.more').click(function(){
  883. $container.infinitescroll('retrieve');
  884. return false;
  885.  
  886. });
  887. {/block:ifManualLoad}
  888. {/block:ifInfiniteScroll}
  889. {/block:IndexPage}
  890.  
  891. });
  892. </script>
  893.  
  894. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  895.  
  896. </body>
  897. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!