API tools faq
paste
Advertisement
solaire

noora theme

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