API tools faq
paste
Advertisement
solaire

louvre theme

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