API tools faq
paste
Advertisement
solaire

edna theme

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