API tools faq
paste
solaire

rimbaud theme

solaire
May 22nd, 2017
4,547
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. icons by pixeden
  5. photosets by pixel union
  6. new photoset resizing by bychloethemes
  7. unnest blockquote by magnusthemes and neothm
  8. video resizing and lightboxes by shythemes
  9. minimal soundcloud player by shythemes edited by me
  10.  
  11. rimbaud theme by nouvae
  12.  
  13. -->
  14.  
  15. <head>
  16. <title>{Title}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!-- defaults -->
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Title"content="#000000"/>
  26. <meta name="color:Text" content="#444444"/>
  27. <meta name="color:Link" content="#7e7e7e"/>
  28. <meta name="color:Link Hover" content="#b8b8b8"/>
  29. <meta name="color:Scrollbar" content="#000000"/>
  30. <meta name="color:Accent" content="#000000" />
  31. <meta name="select:Font Family" content="droid serif"/>
  32. <meta name="select:Font Family" content="inconsolata"/>
  33. <meta name="select:Font Family" content="karla"/>
  34. <meta name="select:Font Family" content="serif"/>
  35. <meta name="select:Font Family" content="courier"/>
  36. <meta name="select:Font Family" content="helvetica" />
  37. <meta name="select:Font Size" content="10px"/>
  38. <meta name="select:Font Size" content="11px"/>
  39. <meta name="select:Font Size" content="12px"/>
  40. <meta name="select:Font Size" content="13px"/>
  41. <meta name="select:Font Size" content="14px"/>
  42. <meta name="select:Post Width" content="350px"/>
  43. <meta name="select:Post Width" content="400px"/>
  44. <meta name="select:Post Width" content="450px"/>
  45. <meta name="select:Post Width" content="500px"/>
  46. <meta name="select:Post Width" content="550px"/>
  47. <meta name="text:Link 1 URL" content=""/>
  48. <meta name="text:Link 1" content=""/>
  49. <meta name="text:Link 2 URL" content=""/>
  50. <meta name="text:Link 2" content=""/>
  51. <meta name="text:Link 3 URL" content=""/>
  52. <meta name="text:Link 3" content=""/>
  53.  
  54. <meta name="if:Show Title" content="" />
  55. <meta name="if:Hide Tags" content=""/>
  56. <meta name="if:Rounded" content=""/>
  57. <meta name="if:Sidebar" content=""/>
  58. <meta name="if:Infinite Scroll" content=""/>
  59.  
  60. <meta name="text:Home Title" content="index"/>
  61. <meta name="text:Ask Title" content="ask"/>
  62. <meta name="text:Archive Title" content="history"/>
  63.  
  64. <!-- fonts & icons-->
  65.  
  66. <link href="https://fonts.googleapis.com/css?family=Karla|Inconsolata|Droid+Serif" rel="stylesheet">
  67. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  68.  
  69. <!-- jquery -->
  70.  
  71. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  72. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  73.  
  74. <script>
  75.  
  76. var load = function(){
  77. $("#posts").delay(700).fadeTo(600, 1);
  78. $("#creds").delay(1000).fadeTo(600, 1);
  79. };
  80.  
  81. var trigger = function() {
  82. var triggerScroll = 500;
  83. backTop = function() {
  84. var scroll = $(window).scrollTop();
  85. if (scroll > triggerScroll) {
  86. $("#scroll-top").fadeIn();
  87. }
  88. else {
  89. $("#scroll-top").fadeOut();
  90. }
  91. };
  92. backTop();
  93. $(window).on("scroll", function () {
  94. backTop();
  95. });
  96. $("#scroll-top").click(function() {
  97. $("html, body").animate({ scrollTop: 0 }, 550);
  98. return false;
  99. });
  100. };
  101.  
  102. var toggle = function() {
  103. $(".postnotes .title").click(function() {
  104. $("ol.notes").fadeToggle();
  105. });
  106. };
  107.  
  108. $(document).ready(load); // variable instead of method for photosets
  109. $(document).ready(trigger);
  110. $(document).ready(toggle);
  111.  
  112. </script>
  113.  
  114. <style type="text/css">
  115.  
  116. /* media queries */
  117.  
  118. @media only screen and (max-width:1000px) {
  119. header {display:block!important;}
  120. aside {display:none!important;}
  121. nav a {
  122. margin-right:1em!important;
  123. margin-bottom:0em!important;
  124. display:inline-block!important;
  125. }
  126. }
  127.  
  128. @media only screen and (max-width:765px) {
  129. #container {
  130. margin:0px auto;!important;
  131. padding:0px 5px!important;
  132. }
  133.  
  134. .post, #container, #posts {
  135. min-width:250px!important;
  136. width:250px!important;
  137. max-width:250px!important;
  138. }
  139.  
  140. .post {
  141. margin:0px!important;
  142. margin-bottom:125px!important;
  143. }
  144.  
  145. #permalink, .permalink, .tags {max-width:250px!important;}
  146. }
  147.  
  148. /* scrollbar */
  149.  
  150. ::-webkit-scrollbar {
  151. height:3px;
  152. width:10px;
  153. background:{color:Background};
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb {
  157. border:2px solid {color:Background};
  158. border-radius:5px;
  159. background:{color:Scrollbar};
  160. }
  161.  
  162. ::-webkit-scrollbar-track {
  163. background:{color:Background};
  164. }
  165.  
  166. /* controls */
  167.  
  168. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  169. opacity:0.8;
  170. }
  171.  
  172. /* lightbox */
  173.  
  174. .tmblr-lightbox, #tumblr_lightbox {
  175. z-index:999999999999!important;
  176. background-color:{color:Background}!important;
  177. }
  178.  
  179. .vignette, #vignette {
  180. opacity:0;
  181. }
  182.  
  183. #tumblr_lightbox img, .lightbox-image {
  184. box-shadow:none!important;
  185. {block:ifNotRounded}
  186. border-radius:0!important;
  187. {/block:ifNotRounded}
  188. }
  189.  
  190. #tumblr_lightbox_caption, .lightbox-caption {
  191. font-family:{select:Font Family};
  192. font-weight:none;
  193. color:{color:Text}!important;
  194. }
  195.  
  196.  
  197. /* structure */
  198.  
  199. body {
  200. background:{color:Background};
  201. color:{color:Text};
  202. font-family:{select:Font Family}, serif;
  203. font-size:{select:Font Size};
  204. font-weight:normal;
  205. margin:0;
  206. line-height:150%;
  207. letter-spacing:0.1em;
  208. }
  209.  
  210. pre {
  211. white-space:pre-wrap;
  212. white-space:-moz-pre-wrap;
  213. white-space:-pre-wrap;
  214. white-space:-o-pre-wrap;
  215. word-wrap:break-word;
  216. }
  217.  
  218. a {
  219. text-decoration:none;
  220. color:{color:Link};
  221. }
  222.  
  223. a:hover {
  224. text-decoration:none;
  225. color:{color:Link Hover};
  226. }
  227.  
  228. img {
  229. border:none;
  230. text-decoration:none;
  231. }
  232.  
  233. p {margin:0.5em 0em;}
  234.  
  235. p:first-of-type {
  236. margin-top:0em;
  237. padding-top:0em;
  238. }
  239.  
  240. p:last-of-type {
  241. margin-bottom:0em;
  242. padding-bottom:0em;
  243. }
  244.  
  245. h1, h2, h3, h4 {
  246. color:{color:Title};
  247. margin:0;
  248. padding:0;
  249. }
  250.  
  251. h1 {font-size:2em;}
  252. h2 {font-size:1.8em;}
  253. h3 {font-size:1.6em;}
  254. h4 {font-size:1.3em;}
  255.  
  256. small {font-size:0.8em;}
  257. big {font-size:1.8em;}
  258.  
  259. .caption a, .source a {border-bottom:1px solid {color:Link};}
  260. .caption a:hover, .source a:hover {border-bottom:1px solid {color:Link Hover};}
  261.  
  262. blockquote {
  263. margin:0.5em 0em 1em 0em;
  264. }
  265.  
  266. blockquote blockquote {
  267. padding-left:1em;
  268. border-left:1px solid {color:Text};
  269. }
  270.  
  271. a.tumblr_blog {
  272. color:{color:Accent};
  273. display:inline-block;
  274. margin-top:0;
  275. margin-left:0;
  276. margin-bottom:0.5em;
  277. border-bottom:0;
  278. }
  279.  
  280. a.tumblr_blog:hover {border-bottom:0;}
  281.  
  282.  
  283. /* header */
  284.  
  285. header {
  286. {block:ifNotSidebar}
  287. display:block;
  288. {/block:ifNotSidebar}
  289. {block:ifSidebar}
  290. display:none;
  291. {/block:ifSidebar}
  292. margin-bottom:120px;
  293. {block:ifNotSidebar}
  294. text-align:center;
  295. {/block:ifNotSidebar}
  296. }
  297.  
  298. aside {
  299. {block:ifSidebar}
  300. display:block;
  301. {/block:ifSidebar}
  302. {block:ifNotSidebar}
  303. display:none;
  304. {/block:ifNotSidebar}
  305. position:fixed;
  306. width:200px;
  307. margin-left:-250px;
  308. }
  309.  
  310. #blogt a, #blogt a:hover {
  311. font-size:1.3em;
  312. color:{color:Accent};
  313. }
  314.  
  315. nav {font-size:0.95em;margin:1.5em 0em;}
  316.  
  317. nav a {
  318. color:{color:Title};
  319. {block:ifNotSidebar}
  320. margin-right:1em;
  321. display:inline-block;
  322. {/block:ifNotSidebar}
  323. {block:ifSidebar}
  324. margin-bottom:1em;
  325. display:block;
  326. {/block:ifSidebar}
  327. }
  328.  
  329. nav a:last-child {
  330. margin-right:0;
  331. {block:ifSidebar}
  332. margin-bottom:0;
  333. {/block:ifSidebar}
  334. }
  335.  
  336. /* homogenous */
  337.  
  338. #posts, #creds {display:none;}
  339.  
  340. .quote, .title {
  341. color:{color:Title};
  342. font-size:1.3em;
  343. letter-spacing:0.1em;
  344. line-height:110%;
  345. padding-bottom:0.5em;
  346. }
  347.  
  348. .tags a, .audio-wrap {
  349. letter-spacing:0.15em;
  350. font-size:0.9em;
  351. }
  352.  
  353. /* posts */
  354.  
  355. #container {
  356. width:100%;
  357. margin:125px auto 250px auto;
  358. }
  359.  
  360. #posts {
  361. width:{select:Post Width};
  362. {block:PermalinkPage}
  363. margin-bottom:50px;
  364. {/block:PermalinkPage}
  365. max-width:100%;
  366. margin:0px auto!important;
  367. }
  368.  
  369. .post {
  370. width:{select:Post Width};
  371. margin-bottom:200px;
  372. {block:PermalinkPage}
  373. display:inline-block;
  374. margin-bottom:100px;
  375. {/block:PermalinkPage}
  376. }
  377.  
  378. .post img {max-width:100%;height:auto;}
  379. .photo iframe, .photo img {display:block;}
  380. .photoset img {display:none;}
  381. .photoset img:first-child {display:block;}
  382. .photo img {cursor:pointer;}
  383. .photoset {overflow:hidden;}
  384.  
  385. .photo img, .photoset img {
  386. width:100%;
  387. height:auto;
  388. {block:ifRounded}
  389. border-radius:3px;
  390. {/block:ifRounded}
  391. }
  392.  
  393. /* text */
  394.  
  395. .title {margin-bottom:0.5em;}
  396. .title, .title a {color:{color:Title};}
  397. .title a {border-bottom:1px solid {color:Title};}
  398. .title a:hover {color:{color:Link};border-bottom-color:{color:Link};}
  399.  
  400. .caption {margin-top:1em;}
  401. .text {margin-top:0em;}
  402.  
  403. /* quote */
  404.  
  405. .quote span {font-size:1.3em;}
  406.  
  407. /* chat */
  408.  
  409. .chat {
  410. margin:0;
  411. padding:0;
  412. list-style:none;
  413. }
  414.  
  415. .label {
  416. color:{color:Title};
  417. font-weight:bold;
  418. display:inline-block;
  419. margin-right:0.5em;
  420. }
  421.  
  422. .line {
  423. padding:0.5em 0em;
  424. }
  425.  
  426. .line:last-of-type {
  427. border:0;
  428. padding-bottom:0;
  429. }
  430.  
  431. /* audio */
  432.  
  433. .tumblr_audio_player {
  434. overflow:hidden;
  435. background:#f2f2f2;
  436. width:25px;
  437. height:30px;
  438. padding-left:0.5em;
  439. padding-top:calc(0.5em + 2px);
  440. padding-right:calc(0.5em + 7px);
  441. padding-bottom:0.5em;
  442. border-radius:5em;
  443. }
  444.  
  445. .spotify_audio_player {
  446. height:80px!important;
  447. width:100%!important;
  448. }
  449.  
  450. .bandcamp_audio_player {
  451. height:120px!important;
  452. width:100%!important;
  453. }
  454.  
  455. .player {
  456. display:inline-block;
  457. }
  458.  
  459. .player-wrap {
  460. border:1px solid #f2f2f2;
  461. padding:1em 1em 0.5em 1em;
  462. }
  463.  
  464. .audio-wrap {
  465. text-align:left;
  466. overflow:hidden;
  467. white-space:nowrap;
  468. color:{color:Text};
  469. margin-top:calc(-2.5em - 15px);
  470. margin-bottom:calc(2.5em + 15px);
  471. margin-left:calc(2.5em + 55px);
  472. }
  473.  
  474. .track {margin-right:1em;}
  475.  
  476. /* video */
  477.  
  478. .video {overflow:hidden;}
  479.  
  480. /* ask */
  481.  
  482. .ask-wrap {
  483. padding-bottom:1.5em;
  484. border-bottom:1px solid #f2f2f2;
  485. }
  486.  
  487. .asker a {color:{color:Title};}
  488. .asker a:hover {color:{color:Link Hover};}
  489. .answer {margin-top:1.5em;}
  490.  
  491. /* permalink and notes */
  492.  
  493. .perma, .permalink {opacity:0.6;}
  494.  
  495. .permalink {
  496. font-size:1em;
  497. margin-top:2.5em;
  498. }
  499.  
  500. .permalink a {color:{color:Text};}
  501.  
  502. .tags {
  503. {block:IndexPage}
  504. {block:ifHideTags}
  505. display:none;
  506. {/block:ifHideTags}
  507. {/block:IndexPage}
  508. margin:1em 0em;
  509. font-size:0.9em;
  510. }
  511.  
  512. #permalink, .permalink, .reblog, .postnotes {
  513. {block:ifNotSidebar}
  514. text-align:center;
  515. {/block:ifNotSidebar}
  516. }
  517.  
  518. .tags a {color:{color:Text};margin-right:1.5em;}
  519. .tags a:last-child {margin-right:0;}
  520.  
  521. .reblog {display:block;}
  522. .reblog a, .postnotes a {color:{color:Accent};}
  523.  
  524. .postnotes blockquote a {
  525. color:{color:Link};
  526. border-bottom:1px solid {color:Link};
  527. }
  528.  
  529. .postnotes {
  530. margin-top:2em;
  531. font-size:0.95em;
  532. }
  533.  
  534. .postnotes blockquote {margin:0.5em 0em;border-left:0;}
  535. .postnotes .title {cursor:pointer;}
  536.  
  537. ol.notes {
  538. display:none;
  539. padding:0px;
  540. margin:0px;
  541. }
  542.  
  543. ol.notes li.note img.avatar {display:none!important;}
  544.  
  545. ol.notes li.note {
  546. display:block;
  547. padding:0;
  548. margin:0.5em 0;
  549. }
  550.  
  551. a.more_notes_link {
  552. {block:ifSidebar}
  553. text-align:left!important;
  554. {/block:ifSidebar}
  555. display:block;
  556. border:0;
  557. color:{color:Title};
  558. }
  559.  
  560. /* pagination */
  561.  
  562. #pagination {
  563. {block:ifInfiniteScroll}
  564. display:none;
  565. {/block:ifInfiniteScroll}
  566. {block:ifNotSidebar}
  567. text-align:center;
  568. {/block:ifNotSidebar}
  569. margin-top:100px;
  570. }
  571.  
  572. #pagination a {
  573. color:{color:Title};
  574. }
  575.  
  576. .next, .prev {
  577. display:inline-block;
  578. }
  579.  
  580. .prev {margin-right:2em;}
  581.  
  582. #infscr-loading {display:none!important;}
  583.  
  584. /* scroll to top */
  585.  
  586. #scroll-top {
  587. display:none;
  588. cursor:pointer;
  589. position:fixed;
  590. bottom:35px;
  591. right:15px;
  592. }
  593.  
  594. #scroll-top i {
  595. font-size:35px;
  596. }
  597.  
  598. /* creds */
  599.  
  600. #creds {
  601. border:0;
  602. bottom:20px;
  603. right:29px;
  604. font-family:sans-serif;
  605. font-size:10px;
  606. position:fixed;
  607. color:{color:Text};
  608. }
  609.  
  610. {CustomCSS}
  611.  
  612. </style>
  613.  
  614. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  615.  
  616. </head>
  617.  
  618. <body>
  619.  
  620. <div id="container">
  621.  
  622. <section id="posts">
  623.  
  624. <header>
  625. {block:ifShowTitle}
  626. <div id="blogt"><a href="/">{Title}</a></div>
  627. {/block:ifShowTitle}
  628. <nav>
  629. {block:ifHomeTitle}
  630. <a href="/">{text:Home Title}</a>
  631. {/block:ifHomeTitle}
  632. {block:ifAskTitle}
  633. <a href="/ask">{text:Ask Title}</a>
  634. {/block:ifAskTitle}
  635. {block:ifArchiveTitle}
  636. <a href="/archive">{text:Archive Title}</a>
  637. {/block:ifArchiveTitle}
  638. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  639. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  640. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  641. </nav>
  642. </header>
  643.  
  644. <aside>
  645. {block:ifShowTitle}
  646. <div id="blogt"><a href="/">{Title}</a></div>
  647. {/block:ifShowTitle}
  648. <nav>
  649. {block:ifHomeTitle}
  650. <a href="/">{text:Home Title}</a>
  651. {/block:ifHomeTitle}
  652. {block:ifAskTitle}
  653. <a href="/ask">{text:Ask Title}</a>
  654. {/block:ifAskTitle}
  655. {block:ifArchiveTitle}
  656. <a href="/archive">{text:Archive Title}</a>
  657. {/block:ifArchiveTitle}
  658. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  659. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  660. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  661. </nav>
  662. </aside>
  663.  
  664. {block:Posts}
  665.  
  666. <article class="post">
  667.  
  668. {block:Text}
  669. {block:Title}<div class="title">{Title}</div>{/block:Title}
  670. <div class="caption text">{Body}</div>
  671. {/block:Text}
  672.  
  673. {block:Link}
  674. <div class="title"><a href="{URL}">{Name}</a></div>
  675. <div class="caption text">{Description}</div>
  676. {/block:Link}
  677.  
  678. {block:Quote}
  679. <div class="quote"><span>“</span>{Quote}<span>”</span></div>
  680. <div class="source">&mdash; {Source}</div>
  681. {/block:Quote}
  682.  
  683. {block:Chat}
  684. {block:Title}<div class="title">{Title}</div>{/block:Title}
  685. <ol class="chat">
  686. {block:Lines}
  687. <li class="line {Alt}">
  688. {block:Label}<span class="label">{Label}</span>{/block:Label}
  689. {Line}
  690. </li>
  691. {/block:Lines}
  692. </ol>
  693. {/block:Chat}
  694.  
  695. {block:Answer}
  696. <div class="ask-wrap">
  697. <div class="asker"><span>{Asker}</span> sent</div>
  698. <div class="question">{Question}</div>
  699. </div>
  700. <div class="caption answer">{Answer}</div>
  701. {/block:Answer}
  702.  
  703. {block:Photo}
  704. <div class="photo" 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"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  705. {/block:Photo}
  706.  
  707. {block:Photoset}
  708. <div class="photoset">
  709. <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>
  710. </div>
  711. {/block:Photoset}
  712.  
  713. {block:Video}
  714. <div class="video">{Video-500}</div>
  715. {/block:Video}
  716.  
  717. {block:Audio}
  718. <div class="audio">
  719. <div class="player-wrap">
  720. <div class="player">
  721. {block:AudioPlayer}
  722. {AudioPlayer}
  723. {/block:AudioPlayer}
  724. </div>
  725. </div>
  726. <div class="audio-wrap">
  727. <span class="track">{block:TrackName}{TrackName}{/block:TrackName}</span>
  728. <span class="artist">{block:Artist}{Artist}{/block:Artist}</span>
  729. </div>
  730. </div>
  731. {/block:Audio}
  732.  
  733. {block:Caption}
  734. <div class="caption">{Caption}</div>
  735. {/block:Caption}
  736.  
  737. {block:IndexPage}
  738. <div class="permalink">
  739. <a href="{Permalink}">{Month} {DayOfMonth}</a>
  740. {block:HasTags}
  741. <div class="tags">
  742. {block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}
  743. </div>
  744. {/block:HasTags}
  745. </div>
  746. {/block:IndexPage}
  747.  
  748. </article>
  749.  
  750. {block:PermalinkPage}
  751. <div id="permalink">
  752. {block:Date}
  753. <span class="perma">Posted on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12hour}:{Minutes}{ampm}</span>
  754. {block:RebloggedFrom}
  755. <span class="reblog" style="margin-top:1.5em">
  756. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  757. </span>
  758. <span class="reblog">
  759. {block:ContentSource}source <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  760. </span>
  761. {/block:RebloggedFrom}
  762. {block:HasTags}
  763. <div class="tags perma">
  764. {block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}
  765. </div>
  766. {/block:HasTags}
  767. </div>
  768. {block:PostNotes}
  769. <div class="postnotes">
  770. <div class="title">{NoteCountwithLabel}</div>
  771. <div id="notes">{PostNotes}</div>
  772. </div>
  773. {/block:PostNotes}
  774. {/block:Date}
  775. {/block:PermalinkPage}
  776. {/block:Posts}
  777.  
  778. {block:Pagination}
  779. <footer id="pagination">
  780. {block:PreviousPage}<a href="{PreviousPage}" class="prev">previous page</a>{/block:PreviousPage}
  781. {block:NextPage}<a href="{NextPage}" class="next">next page</a>{/block:NextPage}
  782. </footer>{/block:Pagination}
  783.  
  784. </section>
  785.  
  786. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  787. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  788. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  789.  
  790. <script>
  791. $(document).ready(function(){
  792. $('.photo-slideshow').pxuPhotoset({
  793. lightbox: true,
  794. rounded: false,
  795. gutter: '3px',
  796. borderRadius: '0px',
  797. photoset: '.photo-slideshow',
  798. photoWrap: '.photo-data',
  799. photo: '.pxu-photo'
  800. });
  801. });
  802. </script>
  803.  
  804. <script>
  805. $(document).ready(function() {
  806. $(".post").unnest({
  807. yourCaption: ".caption",
  808. wrapName: ".tumblr_parent",
  809. newCaptionUsername: false,
  810. originalPostCaptionUsername: false,
  811. tumblrAvatars: false,
  812. tumblrAvatarClass: ".tumblr_avatar",
  813. usernameColon: false
  814. });
  815. });
  816. </script>
  817.  
  818. <script>
  819. // minimal soundcloud player © shythemes.tumblr
  820. function audioPlayers() {
  821. var color = '#111111'; // color of play button (hex)
  822. $('.soundcloud_audio_player').each(function(){
  823. $(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%' });
  824. });
  825.  
  826. // resize other audio players
  827. $(".spotify_audio_player").each(function() {
  828. $(this).attr("height", 80);
  829. $(this).attr("width", "100%");
  830. });
  831.  
  832. $(".bandcamp_audio_player").each(function() {
  833. $(this).attr("height", 120);
  834. $(this).attr("width", "100%");
  835. });
  836. };
  837.  
  838. $(document).ready(audioPlayers);
  839. </script>
  840.  
  841. {block:IndexPage}
  842. {block:ifInfiniteScroll}
  843.  
  844. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  845.  
  846. <script>
  847. $(document).ready(function(){
  848. var $container = $('#posts');
  849. $container.infinitescroll({
  850. itemSelector: '.post',
  851. navSelector: '#pagination',
  852. nextSelector: '#pagination a',
  853. loadingImg: '',
  854. loadingText: '<em></em>',
  855. bufferPx: 800
  856. },
  857. function(arrayOfNewElems) {
  858. resizeVideos();
  859. audioPlayers();
  860. var $newElems = $(arrayOfNewElems);
  861. $newElems.find('.photo-slideshow').pxuPhotoset({
  862. lightbox: true,
  863. rounded: false,
  864. gutter: '3px',
  865. borderRadius: '0px',
  866. photoset: '.photo-slideshow',
  867. photoWrap: '.photo-data',
  868. photo: '.pxu-photo'
  869. });
  870. $newElems.unnest({
  871. yourCaption: ".caption",
  872. wrapName: ".tumblr_parent",
  873. newCaptionUsername: false,
  874. originalPostCaptionUsername: false,
  875. tumblrAvatars: false,
  876. tumblrAvatarClass: ".tumblr_avatar",
  877. usernameColon: false
  878. });
  879. });
  880. });
  881. </script>
  882. {/block:ifInfiniteScroll}
  883. {/block:Indexpage}
  884.  
  885. </div>
  886.  
  887. <div id="scroll-top">
  888. <i class="pe-7s-angle-up"></i>
  889. </div>
  890.  
  891. <!--{block:ContentSource}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}{/block:ContentSource}-->
  892.  
  893. <a id="creds" href="http://nouvae.tumblr.com" title="theme by nouvae">#</a>
  894.  
  895. </body>
  896. </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!