API tools faq
paste
Advertisement
solaire

juno theme

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