API tools faq
paste
Advertisement
solaire

alma theme

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