API tools faq
paste
feiinho

Nocturne - Theme #12

feiinho
Feb 14th, 2018
364
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.95 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  6. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  7. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  8.  
  9. <title>{Title}</title>
  10.  
  11. <!--
  12. ___________________________________________________________________________
  13.  
  14.  
  15. Nocturne - Theme #12
  16. my usual terms apply; please do not redstribute, copy, or steal in any way
  17.  
  18. shoseii.tumblr.com
  19.  
  20. ___________________________________________________________________________
  21.  
  22. -->
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  28.  
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Sidebar" content=""/>
  35.  
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Border Color" content="#eeeeee"/>
  38. <meta name="color:Text" content="#000000"/>
  39. <meta name="color:Bold" content="#ED6B73"/>
  40. <meta name="color:Title" content="#000000"/>
  41. <meta name="color:Link" content="#797979"/>
  42. <meta name="color:Link Hover" content="#f59797"/>
  43. <meta name="color:Selection" content="#a5d7f0"/>
  44. <meta name="color:Scrollbar" content="#cccccc"/>
  45.  
  46. <meta name="text:Link 1" content=""/>
  47. <meta name="text:Link 1 URL" content=""/>
  48. <meta name="text:Link 2" content=""/>
  49. <meta name="text:Link 2 URL" content=""/>
  50. <meta name="text:Link 3" content=""/>
  51. <meta name="text:Link 3 URL" content=""/>
  52. <meta name="text:Link 4" content=""/>
  53. <meta name="text:Link 4 URL" content=""/>
  54. <meta name="text:Link 5" content=""/>
  55. <meta name="text:Link 5 URL" content=""/>
  56. <meta name="text:Link 6" content=""/>
  57. <meta name="text:Link 6 URL" content=""/>
  58.  
  59. <meta name="if:Infinite Scroll" content="1"/>
  60. <meta name="if:Manual Load" content=""/>
  61. <meta name="if:Mini Cursor" content=""/>
  62. <meta name="if:Grayscale Effect" content=""/>
  63.  
  64. <style type="text/css">
  65.  
  66. {block:ifMiniCursor}
  67. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  68.  
  69. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  70. {/block:ifMiniCursor}
  71.  
  72. @font-face{
  73. font-family:'Nitti Grotesk';
  74. src:url(http://static.tumblr.com/2e9nahe/ISXotiidz/b81086a2-5ae3-4417-b202-2f3527621478-3.woff) format('woff');
  75. }
  76.  
  77. @font-face{
  78. font-family:'Nitti Grotesk';
  79. src:url(http://static.tumblr.com/2e9nahe/hfiotiig5/a16bc827-61b5-4dfc-b11e-bb4191d0a814-3.woff) format('woff');
  80. font-weight:200;
  81. }
  82.  
  83. @font-face{
  84. font-family:'Nitti Grotesk';
  85. src:url(http://static.tumblr.com/2e9nahe/LXvotiijt/52af5be8-4bb6-43ad-b99d-a62836aab6f4-3.woff) format('woff');
  86. font-weight:bold;
  87. }
  88.  
  89. ::-webkit-scrollbar{
  90. width:17px;
  91. height:17px;
  92. }
  93.  
  94. ::-webkit-scrollbar{
  95. background-color:{color:Background};
  96. }
  97.  
  98. ::-webkit-scrollbar-track{
  99. border:8px solid {color:Background};
  100. background-color:{color:Border Color};
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb{
  104. border:8px solid {color:Background};
  105. background-color:{color:Scrollbar};
  106. }
  107.  
  108. ::-webkit-scrollbar:horizontal{
  109. display:none;
  110. }
  111.  
  112. ::-moz-selection{
  113. background:{color:Selection};
  114. color:#fff;
  115. }
  116.  
  117. ::selection{
  118. background:{color:Selection};
  119. color:#fff;
  120. }
  121.  
  122. body{
  123. font:14px 'Nitti Grotesk', sans-serif;
  124. line-height:18px;
  125. font-weight:400;
  126. color:{color:Text};
  127. text-align:left;
  128. -webkit-font-smoothing: antialiased;
  129. -moz-osx-font-smoothing: grayscale;
  130. background:{color:Background} url('{image:Background}') fixed repeat center;
  131. }
  132.  
  133. a{
  134. text-decoration:none;
  135. outline:none;
  136. -moz-outline-style:none;
  137. color:{color:Link};
  138. cursor:help;
  139. -webkit-transition: all 0.3s ease-in-out;
  140. -moz-transition: all 0.3s ease-in-out;
  141. -o-transition: all 0.3s ease-in-out;
  142. -ms-transition: all 0.3s ease-in-out
  143. transition: all 0.3s ease-in-out;
  144. }
  145.  
  146. a:visited{
  147. color:{color:Link};
  148. }
  149.  
  150. a:hover{
  151. color:{color:Link Hover};
  152. }
  153.  
  154. b,strong{
  155. font-weight:heavy;
  156. color:{color:Bold};
  157. }
  158.  
  159. blockquote{
  160. padding-left:5px;
  161. border-left:1px solid #ccc;
  162. }
  163.  
  164. /*--Header--*/
  165.  
  166. header{
  167. background:{color:Background} url('{image:Background}') fixed repeat center;
  168. padding:50px 20px 50px 20px;
  169. text-align:left;
  170. z-index:99999;
  171. {block:PermalinkPage}
  172. width:490px;
  173. {/block:PermalinkPage}
  174. }
  175.  
  176. .sticky{
  177. position:-webkit-sticky;
  178. position:sticky;
  179. top:0px;
  180. }
  181.  
  182. #title{
  183. display:inline-block;
  184. font:200 20px 'Nitti Grotesk', sans-serif;
  185. text-transform:uppercase;
  186. letter-spacing:2px;
  187. z-index:9999999999;
  188. -webkit-transition: all 0.3s ease-in-out;
  189. -moz-transition: all 0.3s ease-in-out;
  190. -o-transition: all 0.3s ease-in-out;
  191. -ms-transition: all 0.3s ease-in-out;
  192. transition: all 0.3s ease-in-out;
  193. }
  194.  
  195. #title a{
  196. color:{color:Title};
  197. }
  198.  
  199. #title a:hover{
  200. color:{color:Link Hover};
  201. }
  202.  
  203. .lnr-menu{
  204. float:right;
  205. color:{color:Title};
  206. cursor:pointer;
  207. margin-top:5px;
  208. margin-right:-12px;
  209. {block:PermalinkPage}
  210. margin-right:-16px;
  211. {/block:PermalinkPage}
  212. }
  213.  
  214. #links{
  215. display:none;
  216. position:fixed;
  217. background:#f8f8f8;
  218. right:0px;
  219. top:0px;
  220. height:100vh;
  221. width:200px;
  222. padding:20vh 40px 0px 50px;
  223. z-index:9999999999!important;
  224. }
  225.  
  226. #links a{
  227. display:block;
  228. line-height:30px;
  229. font-size:11px;
  230. text-transform:uppercase;
  231. letter-spacing:2px;
  232. }
  233.  
  234. #close{
  235. text-align:left;
  236. cursor:pointer;
  237. }
  238.  
  239. #close img{
  240. position:absolute;
  241. width:15px;
  242. top:25px;
  243. margin-left:-20px;
  244. opacity:0.3;
  245. }
  246.  
  247. #icon img{
  248. width:70px;
  249. height:70px;
  250. margin-bottom:10px;
  251. border-radius:100px;
  252. }
  253.  
  254. #desc{
  255. margin-bottom:5px;
  256. line-height:20px;
  257. font-style:italic;
  258. font-family:georgia;
  259. font-size:11px;
  260. }
  261.  
  262. /*--Posts--*/
  263.  
  264. #content{
  265. max-width:970px;
  266. position:relative;
  267. margin-bottom:50px;
  268. margin-top:50px;
  269. margin-left:auto;
  270. margin-right:auto;
  271. {block:PermalinkPage}
  272. width:500px;
  273. text-align:left;
  274. {/block:PermalinkPage}
  275. }
  276.  
  277. @media (max-width:992px){
  278. #content{
  279. max-width:650px;
  280. }
  281. }
  282.  
  283. @media (max-width:672px){
  284. #content{
  285. max-width:325px;
  286. }
  287.  
  288. body .text{
  289. height:auto;
  290. }
  291.  
  292. .lnr-menu{
  293. margin-right:-16px;
  294. }
  295. }
  296.  
  297. .entry{
  298. {block:indexpage}
  299. display:inline-block;
  300. width:300px;
  301. vertical-align:middle;
  302. margin:0px 0px 20px 0px;
  303. margin-right:0px;
  304. margin-left:20px;
  305. {/block:IndexPage}
  306. {block:permalinkpage}
  307. width:500px;
  308. height:auto;
  309. padding:23px;
  310. {/block:permalinkpage}
  311. }
  312.  
  313. .entry img{
  314. max-width:300px;
  315. height:300px;
  316. overflow:hidden;
  317. {block:PermalinkPage}
  318. max-width:500px;
  319. height:auto;
  320. {/block:PermalinkPage}
  321. }
  322.  
  323. .ph{
  324. height:300px;
  325. overflow:hidden;
  326. }
  327.  
  328. .pic{
  329. background:{color:Background} no-repeat center;
  330. background-size:cover;
  331. width:100%;
  332. height:100%;
  333. overflow:hidden;
  334. }
  335.  
  336. .photos img{
  337. display:none;
  338. }
  339.  
  340. .photos img:first-child{
  341. display:block;
  342. width:100%;
  343. }
  344.  
  345. ol.notes{
  346. padding:0px;
  347. width:500px;
  348. height:218px;
  349. overflow:auto;
  350. margin:5px 0px;
  351. list-style-type:none;
  352. border:1px solid{color:Border Color};
  353. }
  354.  
  355. ol.notes li.note{
  356. border-top:solid 1px {color:Border Color};
  357. padding:10px;
  358. }
  359.  
  360. ol.notes li.note:first-child{
  361. border:none;
  362. }
  363.  
  364. ol.notes li.note img.avatar{
  365. vertical-align:-4px;
  366. margin-right:10px;
  367. width:16px;
  368. height:16px;
  369. }
  370.  
  371. ol.notes li.note blockquote{
  372. border-color:{color:Border Color};
  373. padding:4px 10px;
  374. margin:10px 0px 0px 25px;
  375. }
  376.  
  377. ol.notes li.note blockquote a{
  378. text-decoration:none;
  379. }
  380.  
  381. /*--Grayscale Effect--*/
  382.  
  383. .img{
  384. {block:indexpage}
  385. {block:ifGrayscaleEffect}
  386. filter: url(filters.svg#grayscale);
  387. filter: gray;
  388. -webkit-filter: grayscale(1);
  389. {/block:ifGrayscaleEffect}
  390. -webkit-transition:all 0.3s ease-in-out;
  391. -moz-transition:all 0.3s ease-in-out;
  392. -o-transition:all 0.3s ease-in-out;
  393. transition:all 0.3s ease-in-out;
  394. {/block:indexpage}
  395. }
  396.  
  397. .entry:hover .img{
  398. {block:indexpage}
  399. opacity:0.6;
  400. {block:ifGrayscaleEffect}
  401. filter: url(filters.svg#grayscale);
  402. filter: gray;
  403. -webkit-filter: grayscale(0);
  404. {/block:ifGrayscaleEffect}
  405. {/block:indexpage}
  406. }
  407.  
  408. /*--Permalinks--*/
  409.  
  410. .permalink{
  411. position:absolute;
  412. display:block;
  413. font-size:10px;
  414. padding-top:10px;
  415. margin-left:10px;
  416. text-align:left;
  417. opacity:0;
  418. z-index:999;
  419. -webkit-transition:all 0.5s ease-in-out;
  420. -moz-transition:all 0.5s ease-in-out;
  421. -o-transition:all 0.5s ease-in-out;
  422. transition:all 0.5s ease-in-out;
  423. }
  424.  
  425. .permalink a{
  426. color:{color:Link};
  427. }
  428.  
  429. .permalink a:hover{
  430. color:{color:Link Hover};
  431. }
  432.  
  433. .entry:hover .permalink{
  434. opacity:1;
  435. }
  436.  
  437. .date{
  438. background:#fbfbfb;
  439. padding:3px;
  440. margin-right:10px;
  441. text-transform:uppercase;
  442. }
  443.  
  444. .noet{
  445. background:#fbfbfb;
  446. padding:2px 0px 0px 5px;
  447. margin-right:10px;
  448. margin-bottom:5px;
  449. }
  450.  
  451. .like_button{
  452. position:relative;
  453. width:1.5em;
  454. height:1.7em;
  455. }
  456.  
  457. .like_button:before{
  458. content:"\e813";
  459. position:absolute;
  460. color:{color:Link};
  461. top:-3px;
  462. left:0px;
  463. padding-top:2px;
  464. font-size:11px;
  465. font-family:'Linearicons-Free';
  466. text-align:center;
  467. -webkit-transition:all 0.5s ease-in-out;
  468. -moz-transition:all 0.5s ease-in-out;
  469. -o-transition:all 0.5s ease-in-out;
  470. transition:all 0.5s ease-in-out;
  471. }
  472.  
  473. .like_button iframe{
  474. position:absolute;
  475. top:0px;
  476. left:0px;
  477. opacity:0;
  478. z-index:99;
  479. }
  480.  
  481. .like_button.liked:before, .like_button:hover:before{
  482. color:{color:Link Hover};
  483. }
  484.  
  485.  
  486. /*--Miscellaneous--*/
  487.  
  488. iframe.tmblr-iframe{
  489. z-index:99999999999999!important;
  490. top:0!important;
  491. right:0!important;
  492. opacity:0.4;
  493. /* delete from here */
  494. filter:invert(1);
  495. -webkit-filter:invert(1);
  496. -o-filter:invert(1);
  497. -moz-filter:invert(1);
  498. -ms-filter:invert(1);
  499. /* to here if your blog has a dark background */
  500. transform:scale(0.6);
  501. transform-origin:100% 0;
  502. -webkit-transform:scale(0.6);
  503. -webkit-transform-origin:100% 0;
  504. -o-transform:scale(0.6);
  505. -o-transform-origin:100% 0;
  506. -moz-transform:scale(0.6);
  507. -moz-transform-origin:100% 0;
  508. -ms-transform:scale(0.6);
  509. -ms-transform-origin:100% 0;
  510. -webkit-transition:all 0.5s ease-in-out;
  511. -moz-transition:all 0.5s ease-in-out;
  512. -o-transition:all 0.5s ease-in-out;
  513. transition:all 0.5s ease-in-out;
  514. }
  515.  
  516. iframe.tmblr-iframe:hover{
  517. opacity:0.6!important;
  518. }
  519.  
  520. .load-more{
  521. position:relative;
  522. padding:5px;
  523. border:1px solid {color:Border Color};
  524. }
  525.  
  526. footer{
  527. width:67px;
  528. margin:0 auto;
  529. padding-bottom:90px;
  530. }
  531.  
  532. .pagination{
  533. display:none;
  534. }
  535.  
  536. #pagination a{
  537. font-size:16px;
  538. padding:5px;
  539. border:1px solid {color:Border Color};
  540. }
  541.  
  542. .back{
  543. margin-top:0px;
  544. }
  545.  
  546. .next{
  547. margin-top:0px;
  548. }
  549.  
  550. .text img{
  551. {block:IndexPage}
  552. max-width:280px;
  553. {/block:IndexPage}
  554. {block:PermalinkPage}
  555. max-width:500px;
  556. {/block:PermalinkPage}
  557. width:auto;
  558. height:auto;
  559. }
  560.  
  561. .text{
  562. background:#fbfbfb;
  563. height:280px;
  564. padding:10px;
  565. vertical-align:middle;
  566. text-align:left;
  567. overflow:auto;
  568. }
  569.  
  570. .player{
  571. background:#f2f2f2;
  572. display:block;
  573. padding:141px 20px 131px 20px;
  574. overflow:hidden;
  575. }
  576.  
  577. .audio{
  578. margin-top:5px;
  579. }
  580.  
  581. .tumblr_audio_player{
  582. float:left;
  583. width:35px;
  584. }
  585.  
  586. #s-m-t-tooltip{
  587. background:#fff;
  588. color:#888;
  589. font-size:10px;
  590. font-style:italic;
  591. font-weight:500;
  592. letter-spacing:2px;
  593. text-transform:uppercase;
  594. max-width:300px;
  595. padding:4px;
  596. z-index:9999999999;
  597. margin:20px 10px 10px 10px;
  598. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  599. }
  600.  
  601. .quote{
  602. font-weight:bold;
  603. text-align:left;
  604. margin-left:11px;
  605. }
  606.  
  607. .ask{
  608. background:{color:Caption};
  609. color:{color:Text};
  610. width:250px;
  611. margin-left:auto;
  612. margin-right:auto;
  613. padding:10px 0px 10px 10px;
  614. border:1px solid {color:Border Color};
  615. border-radius:5px;
  616. text-align:left;
  617. }
  618.  
  619. .answer{
  620. margin:0 auto;
  621. width:250px;
  622. word-break:break-all;
  623. text-align:left;
  624. }
  625.  
  626. .caption{
  627. {block:IndexPage}
  628. background:{color:Caption};
  629. border:1px solid {color:Border Color};
  630. border-radius:5px;
  631. {/block:IndexPage}
  632. font-size:10px;
  633. color:{color:Caption Text};
  634. margin-top:10px;
  635. padding:5px;
  636. overflow:auto;
  637. }
  638.  
  639. .caption img{
  640. width:auto;
  641. height:auto;
  642. max-width:calc(300px - 70px);
  643. {block:PermalinkPage}
  644. max-width:430px;
  645. {/block:PermalinkPage}
  646. }
  647.  
  648. .back-to-top{
  649. position: fixed;
  650. bottom:-75px;
  651. left:10px;
  652. background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;
  653. background-size:15px;
  654. width:100px;
  655. height:100px;
  656. z-index:9999999;
  657. }
  658.  
  659. .back-to-top a{
  660. text-indent: -9999px;
  661. display: block;
  662. }
  663.  
  664. #infscr-loading{
  665. display:none!important;
  666. }
  667.  
  668. .tumblr_video_container{
  669. width:300px;
  670. height:300px;
  671. border-radius:4px;
  672. overflow:hidden;
  673. {block:PermalinkPage}
  674. width:500px;
  675. height:auto;
  676. max-height:none;
  677. border-radius:0px;
  678. {/block:PermalinkPage}
  679. }
  680.  
  681. .vignette, #vignette {
  682. opacity:0;
  683. }
  684.  
  685. .lightbox-image, #tumblr_lightbox img {
  686. box-shadow:none!important;
  687. border-radius:0!important;
  688. max-width:none;
  689. }
  690.  
  691. .tmblr-lightbox, #tumblr_lightbox {
  692. background-color:{color:Background}!important;
  693. }
  694.  
  695. </style>
  696.  
  697. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  698.  
  699. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  700. <script>
  701. (function($){
  702. $(document).ready(function(){
  703. $("[title]").style_my_tooltips({
  704. tip_follows_cursor:true,
  705. tip_delay_time:20,
  706. tip_fade_speed:400,
  707. attribute:"title"
  708. });
  709. });
  710. })(jQuery);
  711. </script>
  712.  
  713.  
  714. <!--Scroll back to top-->
  715.  
  716. <div class="back-to-top" id="back-top">
  717. <a href="javascript:void(0)" class="back-to-top">Top</a>
  718. </div>
  719.  
  720.  
  721. <script type="text/javascript">
  722. $(function () {
  723. $("#back-top").hide();
  724. $(window).scroll(function () {
  725. if ($(this).scrollTop() > 150) {
  726. $('#back-top').fadeIn();
  727. } else {
  728. $('#back-top').fadeOut();
  729. }
  730. });
  731. });
  732. jQuery('.back-to-top').click(function () {
  733. jQuery('html, body').animate({
  734. scrollTop: 0
  735. }, 'slow');
  736. });
  737. </script>
  738.  
  739.  
  740. <!--end of Scroll back to top-->
  741.  
  742. <!--minimal soundcloud player by shythemes-->
  743. <script>
  744. // minimal soundcloud player © shythemes.tumblr
  745. $(document).ready(function(){
  746. var color = '#acd7bb'; // color of play button (hex)
  747. $('.soundcloud_audio_player').each(function(){
  748. $(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=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  749. });
  750. });
  751. </script>
  752. <!--end minimal soundcloud player-->
  753.  
  754.  
  755. {block:ifInfiniteScroll}
  756. <div class="pagination">
  757. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage"}>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  758. </div>
  759. {/block:ifInfiniteScroll}
  760.  
  761.  
  762. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  763.  
  764. <script src="http://static.tumblr.com/2e9nahe/iHEnx7e4y/stickyfill.min.js"></script>
  765. <script>
  766. $(document).ready(function(){
  767. $('.sticky').Stickyfill();
  768. });
  769. </script>
  770.  
  771. <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>
  772.  
  773. <script>
  774. $(document).ready(function(){
  775. $('.lnr-menu').click(function(){
  776. $("#links").toggle('fade');
  777. });
  778.  
  779. $('#close').click(function(){
  780. $("#links").toggle('fade');
  781. });
  782. });
  783. </script>
  784.  
  785. </head>
  786.  
  787. <link href="http://static.tumblr.com/2e9nahe/oAPnjs2lc/animate.css" rel="stylesheet" type="text/css" />
  788.  
  789. <body>
  790.  
  791. <div id="content">
  792.  
  793. <header class="sticky">
  794. <div id="title"><a href="/">{Title}</a></div>
  795. <span class="lnr lnr-menu" title="links"></span>
  796. </header>
  797.  
  798. <div id="links">
  799. <div id="close"><img src="http://static.tumblr.com/2e9nahe/uZrotkqd1/close.svg"></div>
  800. <div id="icon"><img src="{image:Sidebar}"></div>
  801. <div id="desc">{Description}</div>
  802. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  803. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  804. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  805. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  806. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  807. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  808. </div>
  809.  
  810. {block:Posts}
  811.  
  812. <div class="entry" id="{PostID}">
  813.  
  814. {block:IndexPage}
  815. <div class="permalink">
  816. <div class="noet"><a href="{Permalink}" title="{NoteCountwithLabel}" target="_blank"><span class="lnr lnr-link"></span></a></div>
  817. <div class="noet">
  818. <a href="{ReblogURL}" target="_blank" title="Reblog?"><span class="lnr lnr-undo"></span></a>
  819. </div>
  820. <div class="noet">{LikeButton}</div>
  821. </div>
  822.  
  823. {/block:IndexPage}
  824.  
  825. {block:Text}
  826. <div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  827. {Body}
  828. </div>
  829. {/block:Text}
  830.  
  831. {block:Photo}
  832. <div class="img">
  833. {block:IndexPage}
  834. <div class="ph"><div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div>
  835. </div>
  836. {/block:IndexPage}
  837.  
  838. {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  839. {/block:PermalinkPage}
  840. {/block:Photo}
  841.  
  842. {block:Photoset}
  843. {block:IndexPage}
  844. <div class="img">
  845. <div class="ph">{block:Photos}<div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div></div>
  846. </div>
  847. {/block:IndexPage}
  848.  
  849. {block:PermalinkPage}
  850. {Photoset-500}
  851. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  852. {/block:PermalinkPage}
  853. {/block:Photoset}
  854.  
  855.  
  856. {block:Quote}
  857. <div class="text">
  858. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  859. <div class="quote">{Quote}</div>
  860. {block:Source}<p style="font:italic 10px georgia;">—&nbsp;{Source}</p>{/block:Source}
  861. </div>
  862. {/block:Quote}
  863.  
  864. {block:Link}
  865. <div class="text">
  866. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  867. {/block:Link}
  868.  
  869. {block:Chat}
  870. <div class="text">
  871. {block:Title}<h3>{Title}</h3>{/block:Title}
  872. {block:Lines}<p>
  873. {block:Label}<b>{Label}</b>{/block:Label}
  874. {Line}</p>
  875. {/block:Lines}
  876. </div>
  877. {/block:Chat}
  878.  
  879. {block:Audio}
  880. {block:AudioPlayer}
  881. <div class="player">
  882. {AudioPlayer}
  883. <div class="audio">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}</div>
  884. </div>
  885. {/block:AudioPlayer}
  886.  
  887. {block:PermalinkPage}
  888. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  889. {/block:PermalinkPage}
  890. {/block:Audio}
  891.  
  892. {block:Answer}
  893. <div style="padding:10px 0px 5px 10px;"><b><u>{Asker}</u></b> asked:</div>
  894. <div class="ask">
  895. {Question}
  896. </div>
  897. <div class="answer">
  898. {Answer}
  899. </div>
  900. {/block:Answer}
  901.  
  902. {block:Video}
  903. {block:IndexPage}
  904. <div class="img">
  905. <div class="video">{Video-500}</div>
  906. </div>
  907. {/block:IndexPage}
  908.  
  909. {block:PermalinkPage}<div class="video">{Video-500}</div>
  910. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
  911. {/block:Video}
  912.  
  913. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  914.  
  915. {block:PermalinkPage}
  916. {block:Date}
  917. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  918. <div style="font-weight:600;font-size:14px;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  919. {/block:Date}
  920. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  921. <br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  922. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  923. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}
  924. {/block:PermalinkPage}
  925.  
  926. {block:PostNotes}{PostNotes}{/block:PostNotes}
  927.  
  928.  
  929. </div>
  930.  
  931. {/block:Posts}
  932.  
  933. </div>
  934.  
  935.  
  936. {block:Pagination}
  937. <footer>
  938. {block:ifInfiniteScroll}{block:ifManualLoad}<a href="#" class="load-more">load more</a>{/block:ifManualLoad}{/block:ifInfiniteScroll}
  939.  
  940. {block:ifnotinfinitescroll}
  941. <div id="pagination">
  942. {block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a>&nbsp;&nbsp;{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  943. </div>
  944. {/block:ifnotinfinitescroll}
  945.  
  946. </footer>
  947. {/block:Pagination}
  948.  
  949.  
  950. <script src="http://static.tumblr.com/2e9nahe/6Nxnjs2mx/wow.js"></script>
  951. <script>
  952. new WOW().init();
  953. </script>
  954.  
  955.  
  956. {block:IndexPage}
  957. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.0.0/imagesloaded.pkgd.min.js"></script>
  958. {block:ifInfiniteScroll}
  959. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  960. {/block:ifInfiniteScroll}
  961. <script>
  962. $(document).ready(function(){
  963. var $container = $('#content');
  964.  
  965. {block:ifInfiniteScroll}
  966. $container.infinitescroll({
  967. itemSelector: ".entry",
  968. navSelector: ".pagination",
  969. nextSelector: ".pagination a#next",
  970. loadingImg: "",
  971. loadingText: "<em> </em>",
  972. bufferPx: 100,
  973. extraScrollPx: 50,
  974. errorCallback: function(){ $('.load-more').text('no more posts').parent().delay(2000).slideUp("slow"); }
  975. },
  976.  
  977. function(newElements){
  978.  
  979. var $newElemsIDs = $newElems.map(function(){
  980. return this.id;
  981. }).get();
  982. console.log($newElems, $newElemsIDs);
  983. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  984.  
  985. resizeVideos();
  986.  
  987. var $newElems = $( newElements ).hide();
  988. $newElems.imagesLoaded(function(){
  989. $newElems.fadeIn();
  990. });
  991.  
  992. var color = '#ededed';
  993. $('.soundcloud_audio_player').each(function(){
  994. $(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: 20, width: '100%' });
  995. });
  996.  
  997. });
  998. {block:ifManualLoad}
  999. $(window).unbind('.infscr');
  1000. $('.load-more').click(function(){
  1001. $('#content').infinitescroll('retrieve');
  1002. return false;
  1003. });
  1004. {/block:ifManualLoad}
  1005. {/block:ifInfiniteScroll}
  1006. });
  1007. </script>
  1008. {/block:IndexPage}
  1009.  
  1010.  
  1011.  
  1012. <a href="http://shoseii.tumblr.com" style="font:italic 10px 'Libre Baskerville', serif;position:fixed;bottom:5px;right:3px;" title="© shoseii">&</a>
  1013.  
  1014. </body>
  1015.  
  1016.  
  1017. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!