API tools faq
paste
Advertisement
ILikeMochiCx

Gradient

ILikeMochiCx
Dec 27th, 2015
1,861
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Signika:300,600' rel='stylesheet' type='text/css'>
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  9.  
  10. <title>{Title}</title>
  11.  
  12. <!--
  13. ___________________________________________________________________________
  14.  
  15.  
  16. Gradient - Theme #2
  17. slightly tweaked version of a previous theme on my main blog
  18.  
  19. my usual terms apply; please do not redstribute, copy, or steal in any way
  20.  
  21. shoseii.tumblr.com
  22.  
  23. ___________________________________________________________________________
  24.  
  25. -->
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <meta name="image:Background" content=""/>
  34.  
  35. <meta name="color:Background" content="#fffffff"/>
  36. <meta name="color:Posts Background" content="#ffffff"/>
  37. <meta name="color:Posts Border" content="#eeeeee"/>
  38. <meta name="color:Text" content="#000000"/>
  39. <meta name="color:Bold" content="#ED6B73"/>
  40. <meta name="color:Caption" content="#f9f9f9"/>
  41. <meta name="color:Caption Text" content="#898989"/>
  42. <meta name="color:Title" content="#000000"/>
  43. <meta name="color:Title Hover" content="#eeeeee"/>
  44. <meta name="color:Nav Links" content="#9ad7b9"/>
  45. <meta name="color:Link" content="#797979"/>
  46. <meta name="color:Link Hover" content="#f59797"/>
  47. <meta name="color:Selection" content="#a5d7f0"/>
  48. <meta name="color:Scrollbar" content="#cccccc"/>
  49.  
  50. <meta name="text:Link 1" content=""/>
  51. <meta name="text:Link 1 URL" content=""/>
  52. <meta name="text:Link 2" content=""/>
  53. <meta name="text:Link 2 URL" content=""/>
  54.  
  55. <meta name="select:Post Width" content="200" title="200px"/>
  56. <meta name="select:Post Width" content="250" title="250px"/>
  57. <meta name="select:Post Width" content="300" title="300px"/>
  58. <meta name="select:Post Width" content="350" title="350px"/>
  59. <meta name="select:Post Width" content="400" title="400px"/>
  60.  
  61. <meta name="if:Infinite Scroll" content="1"/>
  62. <meta name="if:Grayscale Effect" content=""/>
  63. <meta name="if:Post Fade" content="1"/>
  64. <meta name="if:Show Caption" content=""/>
  65. <meta name="if:Mini Cursor" content="1"/>
  66.  
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. {block:ifMiniCursor}
  72. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  73.  
  74. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  75. {/block:ifMiniCursor}
  76.  
  77. ::-webkit-scrollbar-thumb{
  78. background-color:{color:Scrollbar};
  79. border:3px solid {color:Background};
  80. height:auto;
  81. }
  82.  
  83. ::-webkit-scrollbar{
  84. background:{color:Background};
  85. height:9px;
  86. width:7px;
  87. }
  88.  
  89. ::-webkit-scrollbar:horizontal{
  90. display:none;
  91. }
  92.  
  93. ::-moz-selection{
  94. background:{color:Selection};
  95. color:#fff;
  96. }
  97.  
  98. ::selection{
  99. background:{color:Selection};
  100. color:#fff;
  101. }
  102.  
  103. body{
  104. font-family:'Signika', sans-serif;
  105. font-size:10px;
  106. font-weight:300;
  107. color:{color:Text};
  108. text-align:left;
  109. background:{color:Background} url('{image:Background}') fixed repeat center;
  110. }
  111.  
  112. a{
  113. text-decoration:none;
  114. outline:none;
  115. -moz-outline-style:none;
  116. color:{color:Link};
  117. cursor:help;
  118. -webkit-transition: all 0.3s ease-in-out;
  119. -moz-transition: all 0.3s ease-in-out;
  120. -o-transition: all 0.3s ease-in-out;
  121. -ms-transition: all 0.3s ease-in-out
  122. transition: all 0.3s ease-in-out;
  123. }
  124.  
  125. a:visited{
  126. color:{color:Link};
  127. }
  128.  
  129. a:hover{
  130. color:{color:Link Hover};
  131. }
  132.  
  133. b,strong{
  134. font-weight:heavy;
  135. color:{color:Bold};
  136. }
  137.  
  138. blockquote{
  139. padding-left:5px;
  140. border-left:1px solid #ccc;
  141. }
  142.  
  143. /*--Sidebar--*/
  144.  
  145. #sidebar{
  146. position:fixed;
  147. bottom:110px;
  148. width:30px;
  149. height:auto;
  150. padding:10px 0px 2px 0px;
  151. margin-left:-75px;
  152. z-index:999999;
  153. border-top:1px solid #ddd;
  154. border-right:1px solid #ddd;
  155. border-bottom:1px solid #ddd;
  156. }
  157.  
  158. #line{
  159. position:absolute;
  160. width:90px;
  161. margin-top:-8em;
  162. margin-left:30px;
  163. border-top:1px solid #ddd;
  164. }
  165.  
  166. #title{
  167. margin-top:7px;
  168. margin-left:-100px;
  169. width:93px;
  170. overflow:hidden;
  171. font-size:17px;
  172. font-weight:600;
  173. text-align:center;
  174. text-transform:uppercase;
  175. z-index:99999999999999999;
  176. -webkit-transition: all 0.3s ease-in-out;
  177. -moz-transition: all 0.3s ease-in-out;
  178. -o-transition: all 0.3s ease-in-out;
  179. -ms-transition: all 0.3s ease-in-out;
  180. transition: all 0.3s ease-in-out;
  181. }
  182.  
  183. #title:first-letter{
  184. color:{color:Nav Links};
  185. }
  186.  
  187. #title a{
  188. color:{color:Title};
  189. }
  190.  
  191. #title a:hover{
  192. color:{color:Title Hover};
  193. }
  194.  
  195. #desc{
  196. color:{color:Text};
  197. z-index:99999999999999999;
  198. text-align:center;
  199. width:120px;
  200. max-height:75px;
  201. overflow:scroll;
  202. margin-top:5px;
  203. margin-left:-110px;
  204. }
  205.  
  206. #links{
  207. background:#fff;
  208. width:73px;
  209. z-index:99999999999999;
  210. margin-left:-88px;
  211. text-transform:uppercase;
  212. -webkit-transition: all 0.5s ease-in-out;
  213. -moz-transition: all 0.5s ease-in-out;
  214. -o-transition: all 0.5s ease-in-out;
  215. -ms-transition: all 0.5s ease-in-out;
  216. transition: all 0.5s ease-in-out;
  217. }
  218.  
  219. #links a{
  220. background:{color:Nav Links};
  221. display:block;
  222. padding:12px;
  223. }
  224.  
  225. #links a:hover{
  226. background:{color:Link Hover};
  227. }
  228.  
  229. /*--Posts--*/
  230.  
  231. #center{
  232. width:calc({select:Post Width}px + 95px);
  233. {block:PermalinkPage}
  234. width:595px;
  235. {/block:PermalinkPage}
  236. margin-left:auto;
  237. margin-right:auto;
  238. margin-top:10px;
  239. margin-bottom:0px;
  240. padding-left:100px;
  241. padding-right:20px;
  242. border:0;
  243. }
  244.  
  245. #line2{
  246. position:fixed;
  247. top:0px;
  248. margin-left:45px;
  249. border-left:1px solid #ddd;
  250. height:100vh;
  251. width:1px;
  252. }
  253.  
  254. #content{
  255. background:{color:Background};
  256. z-index:99999;
  257. width:335px;
  258. margin-left:50px;
  259. {block:PermalinkPage}
  260. margin-top:10px;
  261. width:585px;
  262. {/block:PermalinkPage}
  263. }
  264.  
  265. .entry{
  266. margin:5px 4px 70px 35px;
  267. padding:10px;
  268. float:left;
  269. border:1px solid {color:Posts Border};
  270. background:{color:Posts Background};
  271. overflow:hidden;
  272. {block:indexpage}
  273. width:{select:Post width}px;
  274. {/block:indexpage}
  275. {block:permalinkpage}
  276. width:500px;
  277. {/block:permalinkpage}
  278. }
  279.  
  280. .entry img{
  281. {block:indexpage}
  282. width:{select:Post width}px;
  283. margin-bottom:-2px;
  284. {/block:indexpage}
  285. {block:permalinkpage}
  286. max-width:500px;
  287. {/block:permalinkpage}
  288. }
  289.  
  290. ol.notes{
  291. padding:0px;
  292. height:218px;
  293. overflow:auto;
  294. margin:5px 0px;
  295. list-style-type:none;
  296. border-bottom:solid 1px {color:Posts Border};
  297. }
  298.  
  299. ol.notes li.note{
  300. border-top:solid 1px {color:Posts Border};
  301. padding:10px;
  302. }
  303.  
  304. ol.notes li.note img.avatar{
  305. vertical-align:-4px;
  306. margin-right:10px;
  307. width:16px;
  308. height:16px;
  309. }
  310.  
  311. ol.notes li.note blockquote{
  312. border-color:{color:Posts Border};
  313. padding:4px 10px;
  314. margin:10px 0px 0px 25px;
  315. }
  316.  
  317. ol.notes li.note blockquote a{
  318. text-decoration:none;
  319. }
  320.  
  321. /*--Grayscale Effect--*/
  322.  
  323. #img{
  324. {block:indexpage}
  325. {block:ifPostFade}
  326. opacity:0.6;
  327. {/block:ifPostFade}
  328. {block:ifGrayscaleEffect}
  329. filter: url(filters.svg#grayscale);
  330. filter: gray;
  331. -webkit-filter: grayscale(1);
  332. {/block:ifGrayscaleEffect}
  333. -webkit-transition:all 0.3s ease-in-out;
  334. -moz-transition:all 0.3s ease-in-out;
  335. -o-transition:all 0.3s ease-in-out;
  336. transition:all 0.3s ease-in-out;
  337. {/block:indexpage}
  338. }
  339.  
  340. #img:hover{
  341. {block:indexpage}
  342. opacity:1;
  343. {block:ifGrayscaleEffect}
  344. filter: url(filters.svg#grayscale);
  345. filter: gray;
  346. -webkit-filter: grayscale(0);
  347. {/block:ifGrayscaleEffect}
  348. {/block:indexpage}
  349. }
  350.  
  351. /*--Permalinks--*/
  352.  
  353. #permalink{
  354. background:{color:Posts Background};
  355. position:absolute;
  356. width:calc({select:Post width}px + 10px);
  357. margin-left:-10px;
  358. margin-top:20px;
  359. text-align:left;
  360. font:10px pt sans, calibri;
  361. padding:5px;
  362. border:1px solid #ddd;
  363. border-radius:3px;
  364. z-index:999999;
  365. -webkit-transition:all 0.5s ease-in-out;
  366. -moz-transition:all 0.5s ease-in-out;
  367. -o-transition:all 0.5s ease-in-out;
  368. transition:all 0.5s ease-in-out;
  369. }
  370.  
  371. .entry:hover #line3{
  372. width:40px;
  373. }
  374.  
  375. .entry:hover #permalink{
  376. border-radius:0px;
  377. }
  378.  
  379. #date{
  380. display:inline-block;
  381. text-align:center;
  382. z-index:999999;
  383. }
  384.  
  385. #reblog{
  386. position:absolute;
  387. display:inline-block;
  388. right:10px;
  389. margin-top:-1px;
  390. }
  391.  
  392. #line3{
  393. position:absolute;
  394. width:25px;
  395. height:1px;
  396. border-top:1px solid #ddd;
  397. margin-left:calc({select:Post width}px - ({select:Post width}px + 46px));
  398. margin-top:-7px;
  399. -webkit-transition:all 0.5s ease-in-out;
  400. -moz-transition:all 0.5s ease-in-out;
  401. -o-transition:all 0.5s ease-in-out;
  402. transition:all 0.5s ease-in-out;
  403. }
  404.  
  405. /*--Miscellaneous--*/
  406.  
  407. .permapage {
  408. padding:0px 10px 0px 10px;
  409. }
  410.  
  411. iframe.tmblr-iframe{
  412. z-index:99999999999999!important;
  413. top:0!important;
  414. right:0!important;
  415. opacity:0.4;
  416. transform:scale(0.6);
  417. transform-origin:100% 0;
  418. -webkit-transform:scale(0.6);
  419. -webkit-transform-origin:100% 0;
  420. -o-transform:scale(0.6);
  421. -o-transform-origin:100% 0;
  422. -moz-transform:scale(0.6);
  423. -moz-transform-origin:100% 0;
  424. -ms-transform:scale(0.6);
  425. -ms-transform-origin:100% 0;
  426. -webkit-transition:all 0.5s ease-in-out;
  427. -moz-transition:all 0.5s ease-in-out;
  428. -o-transition:all 0.5s ease-in-out;
  429. transition:all 0.5s ease-in-out;
  430. }
  431.  
  432. iframe.tmblr-iframe:hover{
  433. opacity:0.6!important;
  434. }
  435.  
  436. .pagination {
  437. display:none;
  438. }
  439.  
  440. #pagination{
  441. position:fixed;
  442. bottom:40px;
  443. margin-left:-170px;
  444. text-align:center;
  445. }
  446.  
  447. #pagination a{
  448. border-bottom:1px solid {color:Nav Links};
  449. }
  450.  
  451. .back{
  452. margin-top:0px;
  453. }
  454.  
  455. .next{
  456. margin-top:0px;
  457. }
  458.  
  459. #text img{
  460. {block:IndexPage}
  461. max-width:{select:Post width}px;
  462. {/block:IndexPage}
  463. {block:PermalinkPage}
  464. max-width:500px;
  465. {/block:PermalinkPage}
  466. width:auto;
  467. height:auto;
  468. }
  469.  
  470. #text{
  471. padding-bottom:5px;
  472. overflow:hidden;
  473. }
  474.  
  475. #audio{
  476. margin-top:12px;
  477. margin-left:50px;
  478. min-height:25px;
  479. letter-spacing:1px;
  480. text-align:left;
  481. padding-bottom:10px;
  482. }
  483.  
  484. #song{
  485. font:italic 8px georgia;
  486. }
  487.  
  488. .tumblr_audio_player{
  489. position:absolute;
  490. width:30px;
  491. height:30px;
  492. margin-top:3px;
  493. border:5px solid {color:Posts Border};
  494. border-radius:100px;
  495. }
  496.  
  497. #s-m-t-tooltip{
  498. background:#fff;
  499. color:#888;
  500. font-size:8px;
  501. font-style:italic;
  502. letter-spacing:2px;
  503. text-transform:lowercase;
  504. max-width:300px;
  505. padding:4px;
  506. z-index:9999999999;
  507. margin:20px 10px 10px 10px;
  508. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  509. }
  510.  
  511. #ask{
  512. color:{color:Text};
  513. width:auto;
  514. padding:10px;
  515. text-align:left;
  516. border-bottom:1px solid #eee;
  517. text-transform:uppercase;
  518. }
  519.  
  520. #answer{
  521. margin-left:10px;
  522. margin-top:0px;
  523. }
  524.  
  525. #caption{
  526. {block:IndexPage}
  527. background:{color:Caption};
  528. border:1px solid {color:Posts Border};
  529. border-radius:5px;
  530. {/block:IndexPage}
  531. color:{color:Caption Text};
  532. margin-top:10px;
  533. padding:5px;
  534. }
  535.  
  536. #caption img{
  537. width:auto;
  538. height:auto;
  539. max-width:calc({select:Post width}px - 70px);
  540. {block:PermalinkPage}
  541. max-width:430px;
  542. {/block:PermalinkPage}
  543. }
  544.  
  545. .back-to-top{
  546. position: fixed;
  547. bottom:-75px;
  548. left:10px;
  549. background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;
  550. background-size:15px;
  551. width:100px;
  552. height:100px;
  553. z-index:9999999;
  554. }
  555.  
  556. .back-to-top a{
  557. text-indent: -9999px;
  558. display: block;
  559. }
  560.  
  561. .video{
  562. position:relative;
  563. height:0;
  564. padding-bottom:56%;
  565. }
  566.  
  567. .video iframe{
  568. position:absolute;
  569. top:0;
  570. left:0;
  571. height:100%;
  572. width:100%;
  573. }
  574.  
  575. #infscr-loading{
  576. display:none!important;
  577. }
  578.  
  579. .like_button{
  580. display:inline-block;
  581. position:relative;
  582. width:1.5em;
  583. height:1.0em;
  584. }
  585.  
  586. .like_button:before{
  587. content:"\f08a";
  588. position:absolute;
  589. color:{color:Link};
  590. top:-1px;
  591. left:0px;
  592. font-size:12px;
  593. font-family:'FontAwesome';
  594. text-align:center;
  595. -webkit-transition:all 0.5s ease-in-out;
  596. -moz-transition:all 0.5s ease-in-out;
  597. -o-transition:all 0.5s ease-in-out;
  598. transition:all 0.5s ease-in-out;
  599. }
  600.  
  601. .like_button iframe{
  602. position:absolute;
  603. top:0px;
  604. left:0px;
  605. opacity:0;
  606. z-index:99;
  607. }
  608.  
  609. .like_button.liked:before, .like_button:hover:before{
  610. color:{color:Link Hover};
  611. }
  612.  
  613. </style>
  614.  
  615. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  616. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  617. <script>
  618. (function($){
  619. $(document).ready(function(){
  620. $("[title]").style_my_tooltips({
  621. tip_follows_cursor:true,
  622. tip_delay_time:20,
  623. tip_fade_speed:400,
  624. attribute:"title"
  625. });
  626. });
  627. })(jQuery);
  628. </script>
  629.  
  630. <!--Scroll back to top-->
  631.  
  632. <div class="back-to-top" id="back-top">
  633. <a href="javascript:void(0)" class="back-to-top">Top</a>
  634. </div>
  635.  
  636.  
  637. <script type="text/javascript">
  638. $(function () {
  639. $("#back-top").hide();
  640. $(window).scroll(function () {
  641. if ($(this).scrollTop() > 150) {
  642. $('#back-top').fadeIn();
  643. } else {
  644. $('#back-top').fadeOut();
  645. }
  646. });
  647. });
  648. jQuery('.back-to-top').click(function () {
  649. jQuery('html, body').animate({
  650. scrollTop: 0
  651. }, 'slow');
  652. });
  653. </script>
  654.  
  655.  
  656. <!--end of Scroll back to top-->
  657.  
  658. <!--minimal soundcloud player by shythemes-->
  659. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  660. <script>
  661. // minimal soundcloud player © eoxk.tumblr
  662. $(document).ready(function(){
  663. var color = '#acd7bb'; // color of play button (hex)
  664. $('.soundcloud_audio_player').each(function(){
  665. $(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%' });
  666. });
  667. });
  668. </script>
  669. <!--end minimal soundcloud player-->
  670.  
  671. </head>
  672. <body>
  673.  
  674. {block:ifInfiniteScroll}
  675. <div class="pagination">
  676. {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}
  677. </div>
  678. {/block:ifInfiniteScroll}
  679.  
  680. <div id="center">
  681.  
  682. <div id="sidebar">
  683. <div id="links">
  684. <a href="/" title="refresh"></a>
  685. <a href="/ask" target="_blank" title="message" style="opacity:0.75"></a>
  686. <a href="/archive" target="_blank" title="archive" style="opacity:0.5"></a>
  687. {block:ifLink1}<a href="{text:Link 1 URL}" target="_blank" title="{text:Link 1}" style="opacity:0.25"></a>{/block:ifLink1}
  688. {block:ifLink2}<a href="{text:Link 2 URL}" target="_blank" title="{text:Link 2}" style="opacity:0.1"></a>{block:ifLink2}
  689. </div>
  690. <div id="title"><a href="/">{Title}</a></div>
  691. <div id="desc">{Description}</div>
  692. <div id="line"></div>
  693. </div>
  694.  
  695. <div id="line2"></div>
  696.  
  697. {block:ifnotinfinitescroll}
  698. {block:Pagination}
  699. <div id="pagination">
  700. {block:PreviousPage}<a class="back" href="{PreviousPage}">previous</a>&nbsp;&nbsp;|{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}
  701. <p>( page {CurrentPage} of {TotalPages} )
  702. </div>
  703. {/block:Pagination}
  704. {/block:ifnotinfinitescroll}
  705.  
  706. <div id="content">
  707.  
  708. {block:Posts}
  709.  
  710.  
  711. <div class="entry" id="{PostID}">
  712.  
  713. {block:Text}
  714. <div id="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  715. {Body}
  716. </div>
  717. {/block:Text}
  718.  
  719. {block:Photo}
  720. <div id="img">
  721. {block:IndexPage}<img src="{PhotoURL-500}"/>
  722. </div>
  723.  
  724. {/block:IndexPage}
  725. {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div id="caption">{caption}</div>{/block:Caption}
  726. {/block:PermalinkPage}
  727. {/block:Photo}
  728.  
  729. {block:Photoset}
  730. {block:IndexPage}
  731. <div id="img">
  732. <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>
  733. </div>
  734. {/block:IndexPage}
  735.  
  736. {block:PermalinkPage}<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>
  737. {block:Caption}<div id="caption">{caption}</div>{/block:Caption}
  738. {/block:PermalinkPage}
  739. {/block:Photoset}
  740.  
  741.  
  742. {block:Quote}
  743. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  744. <div style="font:bold 12px signika;{block:IndexPage}text-align:center;{/block:IndexPage}margin-left:10px;text-transform:uppercase;">{Quote}</div>
  745. {block:Source}<p style="{block:IndexPage}text-align:center;{/block:IndexPage}font:italic 10px georgia;">—&nbsp;{Source}</p>{/block:Source}
  746. {/block:Quote}
  747.  
  748. {block:Link}
  749. <div id="text">
  750. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  751. {/block:Link}
  752.  
  753. {block:Chat}
  754. <div id="text">
  755. {block:Title}<h3>{Title}</h3>{/block:Title}
  756. {block:Lines}<p>
  757. {block:Label}<b>{Label}</b>{/block:Label}
  758. {Line}</p>
  759. {/block:Lines}
  760. </div>
  761. {/block:Chat}
  762.  
  763. {block:Audio}
  764. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  765. {block:AudioPlayer}
  766. {AudioPlayerWhite}
  767. <div id="audio">
  768. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  769. <br>{block:Artist}<span id="song">{Artist}</span>{/block:Artist}
  770. </div>
  771. {/block:AudioPlayer}
  772.  
  773. {block:PermalinkPage}
  774. {block:Caption}<div id="caption">{caption}</div>{/block:Caption}
  775. {/block:PermalinkPage}
  776. {/block:Audio}
  777.  
  778. {block:Answer}
  779. <div id="ask">
  780. <em><strong><u>{Asker} whispered:</u></em></strong>
  781. <br><br>{Question}
  782. </div>
  783. <div id="answer">
  784. {Answer}
  785. </div>
  786. {/block:Answer}
  787.  
  788. {block:Video}
  789. <div id="img">
  790. {block:IndexPage}
  791. <div class="video">{VideoEmbed-500}</div>
  792. </div>
  793.  
  794. {/block:IndexPage}
  795.  
  796. {block:PermalinkPage}<div class="video">{VideoEmbed-500}</div>
  797. {block:Caption}<div id="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
  798. {/block:Video}
  799.  
  800.  
  801.  
  802. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  803.  
  804. {block:IndexPage}
  805. {block:ifShowCaption}{block:Caption}<div id="caption">{caption}</div>{/block:Caption}{/block:ifShowCaption}
  806. <div id="permalink">
  807. <div id="date">
  808. <a href="{Permalink}" style="border-bottom:1px solid {color:Nav Links}" target="_blank">{Month} {DayofMonth}{DayofMonthSuffix}, {Year}</a> with {NoteCountWithLabel}
  809. </div>
  810. <div id="reblog">
  811. {LikeButton}<a href="{ReblogURL}" target="_blank" title="Reblog?"><img src="http://static.tumblr.com/2e9nahe/OStn8m1nu/arrow-repeat.png" style="width:15px;opacity:0.7"/></a>
  812. </div>
  813. <div id="line3"></div>
  814. </div>
  815. {/block:IndexPage}
  816.  
  817.  
  818. {block:PermalinkPage}
  819. {block:Date}
  820. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  821. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  822. <div class="permapage">
  823. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  824. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  825. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  826. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>
  827. {/block:Date}
  828. {/block:PermalinkPage}
  829.  
  830. {block:PostNotes}{PostNotes}{/block:PostNotes}
  831.  
  832.  
  833. </div>
  834. {/block:Posts}
  835.  
  836. </div>
  837. </div>
  838.  
  839. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  840. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  841. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  842. <script>
  843. $(document).ready(function(){
  844. $('.photo-slideshow').pxuPhotoset({
  845. lightbox: true,
  846. rounded: false,
  847. gutter: '5px',
  848. photoset: '.photo-slideshow',
  849. photoWrap: '.photo-data',
  850. photo: '.pxu-photo'
  851. });
  852. });
  853. </script>
  854.  
  855.  
  856.  
  857. {block:IndexPage}
  858. {block:ifInfiniteScroll}
  859. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  860. <script>
  861. $(document).ready(function(){
  862. var $container = $('#content');
  863. $container.infinitescroll({
  864. itemSelector: '.entry',
  865. navSelector: '.pagination',
  866. nextSelector: '.pagination a',
  867. bufferPx: 40
  868. },
  869.  
  870. function(newElements){
  871. var $newElems = $(newElements);
  872. var $newElemsIDs = $newElems.map(function(){
  873. return this.id;
  874. }).get();
  875. console.log($newElems, $newElemsIDs);
  876. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  877. $newElems.find('.photo-slideshow').pxuPhotoset({
  878. lightbox: true,
  879. rounded: false,
  880. gutter: '4px',
  881. photoset: '.photo-slideshow',
  882. photoWrap: '.photo-data',
  883. photo: '.pxu-photo'
  884. });
  885.  
  886. var $newElemsIDs = $newElems.map(function(){
  887. return this.id;
  888. }).get();
  889. console.log($newElems, $newElemsIDs);
  890. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  891.  
  892. var color = '#ededed';
  893. $('.soundcloud_audio_player').each(function(){
  894. $(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%' });
  895. });
  896.  
  897. });
  898.  
  899. });
  900. </script>
  901. {/block:ifInfiniteScroll}
  902. {/block:IndexPage}
  903.  
  904. <a href="shoseii.tumblr.com" style="position:fixed;bottom:5px;right:5px;z-index:99999;">THEME</a>
  905.  
  906.  
  907. </body>
  908. </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!