API tools faq
paste
aeternaphantasia

theme #13: rasa

aeternaphantasia
Sep 2nd, 2018 (edited)
1,868
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!--
  10.  
  11. Theme #13: Rasa
  12. coded by kuzuriha
  13.  
  14. 1. Don't remove the credit.
  15. 2. Don't move the credit. Just leave it there.
  16. 3. Don't use as a base code.
  17. 4. Please enjoy! If you find any bugs, please contact me! c:
  18.  
  19. This theme is inspired by the dribbble shot found here: https://dribbble.com/shots/4779436-Writer-app-full-story
  20.  
  21. -->
  22. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  23.  
  24. <script src="//use.edgefonts.net/lato;merriweather.js"></script>
  25.  
  26. <!--Variables-->
  27.  
  28. <meta name="image:bg" content=""/>
  29.  
  30. <meta name="color:bg" content="#fff"/>
  31. <meta name="color:body" content="#2B2B2B"/>
  32. <meta name="color:accent" content="#F4D2CE"/>
  33. <meta name="color:postbg" content="#fff"/>
  34.  
  35. <meta name="image:header" content=""/>
  36.  
  37. <meta name="text:link1" content=""/>
  38. <meta name="text:link1URL" content=""/>
  39. <meta name="text:link2" content=""/>
  40. <meta name="text:link2URL" content=""/>
  41. <meta name="text:link3" content=""/>
  42. <meta name="text:link3URL" content=""/>
  43. <meta name="text:link4" content=""/>
  44. <meta name="text:link4URL" content=""/>
  45.  
  46. <meta name="text:author" content=""/>
  47.  
  48. <meta name="if:540px" content="1"/>
  49. <meta name="if:700px" content="0"/>
  50. <meta name="if:stickydescription" content="1"/>
  51.  
  52. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  53.  
  54. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  55.  
  56. <script src="https://static.tumblr.com/wdp3vza/mAipd8pay/jquery.sticky-kit.min.js"></script>
  57.  
  58. <script src="https://static.tumblr.com/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61.  
  62. (function($){
  63.  
  64. $(document).ready(function(){
  65.  
  66. $("a[title]").style_my_tooltips({
  67.  
  68. tip_follows_cursor:true,
  69.  
  70. tip_delay_time:0,
  71.  
  72. tip_fade_speed:0,
  73.  
  74. attribute:"title"
  75.  
  76. });
  77.  
  78. });
  79.  
  80. })(jQuery);
  81.  
  82. </script>
  83. <style type="text/css">
  84. iframe.tmblr-iframe {
  85. z-index:99999999999999!important;
  86. {block:ifstickydescription}
  87. top:25px!important;
  88. {/block:ifstickydescription}
  89.  
  90. {block:ifnotstickydescription}
  91. top:0!important;
  92. {/block:ifnotstickydescription}
  93.  
  94. right:0!important;
  95. opacity:0.4;
  96. /* delete invert(1) from here */
  97. filter:invert(1) contrast(150%);
  98. -webkit-filter:invert(1) contrast(150%);
  99. -o-filter:invert(1) contrast(150%);
  100. -moz-filter:invert(1) contrast(150%);
  101. -ms-filter:invert(1) contrast(150%);
  102. /* to here if your blog has a dark background */
  103. transform:scale(0.65);
  104. transform-origin:100% 0;
  105. -webkit-transform:scale(0.65);
  106. -webkit-transform-origin:100% 0;
  107. -o-transform:scale(0.65);
  108. -o-transform-origin:100% 0;
  109. -moz-transform:scale(0.65);
  110. -moz-transform-origin:100% 0;
  111. -ms-transform:scale(0.65);
  112. -ms-transform-origin:100% 0;}
  113.  
  114. iframe.tmblr-iframe:hover {
  115. opacity:0.6!important;
  116. }
  117.  
  118. #s-m-t-tooltip {
  119. max-width:200px;
  120. padding:5px 10px 5px 10px;
  121. margin:20px 14px 7px 10px;
  122. background-color:#fff; /* change the background color */
  123. font-style: normal;
  124. font-size:12px; /* change the font size */
  125. line-height:13px;
  126. font-family:consolas;
  127. letter-spacing:1px; /* change the letter spacing */
  128. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  129. color:#ccc; /* change the text color */
  130. z-index:999999;
  131. }
  132.  
  133. ::-webkit-scrollbar{
  134. width:16px;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb:vertical{
  138. background:{color:accent};
  139. height:auto;
  140. border:7px solid #fff;
  141. }
  142.  
  143. ::selection{
  144. background:{color:accent};
  145. color:#fff;
  146. }
  147.  
  148. ::-moz-selection{
  149. background:{color:accent};
  150. color:#fff;
  151. }
  152.  
  153. body{
  154. margin:0;
  155. padding:0;
  156. font-family:lato;
  157. font-size:13px;
  158. background:{color:bg} url('{image:bg}') fixed;
  159. color:{color:body};
  160. }
  161.  
  162. a{
  163. text-decoration:none;
  164. color:{color:accent};
  165. }
  166.  
  167. #header{
  168. position:relative;
  169. width:100%;
  170. height:330px;
  171. top:0;
  172. left:0;
  173. background:#aaa;
  174. }
  175.  
  176. #header img{
  177. width:100%;
  178. height:330px;
  179. max-width:100%;
  180. max-height:330px;
  181. }
  182.  
  183. #dscbx{
  184. width:100%;
  185. background:#fff;
  186. min-height:120px;
  187. z-index:9;
  188. }
  189.  
  190. #dsct{
  191. margin:0 auto;
  192. position:relative;
  193. width:600px;
  194. padding-top:5px;
  195. }
  196.  
  197. #desc{
  198. width:240px;
  199. min-height:20px;
  200. max-height:90px;
  201. text-align:right;
  202. text-transform:lowercase;
  203. font-size:12px;
  204. margin:10px;
  205. border-right:1px solid #ccc;
  206. padding:10px;
  207. position:absolute;
  208. }
  209.  
  210. #formcont{
  211. position:absolute;
  212. left:15px;
  213. margin-top:35px;
  214. }
  215.  
  216. .sfm input {
  217. background-color:{color:accent};
  218. color:#fff;
  219. font-size:10px;
  220. border: 0px;
  221. text-transform: uppercase;
  222. margin-top: 0px;
  223. margin-right:10px;
  224. letter-spacing: 1px;
  225. padding:8px 10px;
  226. }
  227.  
  228. .sfm input:focus{
  229. outline:none;
  230. }
  231.  
  232. #sb{
  233. font-size:10px;
  234. background:{color:accent};
  235. color:#fff;
  236. }
  237.  
  238. #linkcont{
  239. min-width:300px;
  240. padding:10px;
  241. height:30px;
  242. position:absolute;
  243. margin-left:270px;
  244. margin-top:25px;
  245. }
  246.  
  247. .navlink a{
  248. display:inline-block;
  249. padding:4px;
  250. margin-right:6px;
  251. min-width:20px;
  252. font-size:12px;
  253. border-bottom:1px solid {color:accent};
  254. transition:.5s ease;
  255. text-align:center;
  256. }
  257.  
  258. .navlink a:hover{
  259. background:{color:accent};
  260. color:#fff;
  261. }
  262.  
  263. #container{
  264. {block:if700px}
  265. width:750px;
  266. {/block:if700px}
  267.  
  268. {block:if540px}
  269. width:600px;
  270. {/block:if540px}
  271.  
  272. margin:0 auto;
  273. margin-top:30px;
  274. position:relative;
  275. }
  276.  
  277. .post{
  278. position:relative;
  279.  
  280. {block:if540px}
  281. width:540px;
  282. {/block:if540px}
  283.  
  284. background:{color:postbg};
  285.  
  286. {block:if700px}
  287. width:700px;
  288. {/block:if700px}
  289.  
  290. margin-left:50px;
  291. margin-bottom:100px;
  292. word-wrap:break-word;
  293.  
  294. {block:PermalinkPage}
  295. border-bottom:1px solid {color:accent};
  296. {/block:PermalinkPage}
  297. }
  298.  
  299. .cap{
  300. text-align:justify;
  301. padding:4px 10px 3px 10px;
  302. }
  303.  
  304. .cap blockquote{
  305. border-left:1px solid {color:accent};
  306. padding-left:5px;
  307. }
  308.  
  309. .cap blockquote blockquote{
  310. border-left:1px solid {color:accent};
  311. padding-left:5px;
  312. }
  313.  
  314. .post img{
  315. max-width:100%;
  316. }
  317.  
  318. .title{
  319. font-family:merriweather;
  320. font-size:24px;
  321. padding-bottom:10px;
  322. font-weight:700;
  323. text-align:center;
  324. display:block;
  325. }
  326.  
  327. #quote{
  328. font-family:merriweather;
  329. font-weight:700;
  330. font-style:italic;
  331. display:block;
  332. padding:10px;
  333. font-size:20px;
  334. text-transform:lowercase;
  335. }
  336.  
  337. #source{
  338. padding:10px 0;
  339. display:inline-block;
  340. }
  341.  
  342. #link a{
  343. display:block;
  344. font-family:merriweather;
  345. font-size:20px;
  346. text-align:center;
  347. font-weight:700;
  348. background:{color:accent};
  349. color:#fff;
  350. padding:10px;
  351. }
  352.  
  353. .chat li{
  354. list-style-type:none !important;
  355. margin-left:-40px;
  356. margin-top:5px;
  357. padding:10px;
  358. margin-bottom:5px;
  359. font-family:merriweather;
  360. }
  361.  
  362. .line_odd{
  363. background:{color:accent};
  364. color:#fff;
  365. padding:4px;
  366. }
  367.  
  368. .line_odd .label, .line_even .label{
  369. font-weight:700;
  370. }
  371.  
  372.  
  373. .pinfo_text{
  374. text-align:center;
  375. text-transform:uppercase;
  376. font-size:12px;
  377. display:block;
  378. }
  379.  
  380. .controls a, .like-b{
  381. display:inline-block;
  382. color:#aaa;
  383. margin-right:5px;
  384. }
  385.  
  386. .like-b .like_button iframe {
  387. position:absolute;
  388. top:0;
  389. left:0;
  390. bottom:0;
  391. right:0;
  392. z-index:2;
  393. opacity:0;
  394. }
  395.  
  396. .like-b .liked + .b {
  397. color:inherit;
  398. }
  399.  
  400. .like-b .liked + .b:after {
  401. content:'d';
  402. }
  403.  
  404. #cred a{
  405. position:fixed;
  406. padding:8px;
  407. background:#fff;
  408. text-align:center;
  409. right:10px;
  410. bottom:30px;
  411. min-width:40px;
  412. transition:.5s linear;
  413. }
  414.  
  415. #cred a:hover{
  416. background:{color:accent};
  417. color:#fff;
  418. }
  419.  
  420. .pinfo{
  421. font-size:12px;
  422. display:block;
  423. border-top:1px solid {color:accent};
  424. text-transform:uppercase;
  425. padding:5px 0;
  426. background:#fff;
  427. }
  428.  
  429. .inicon{
  430. float:left;
  431. margin-right:5px;
  432. background:{color:accent};
  433. color:#fff;
  434. text-align:center;
  435. width:12px;
  436. height:12px;
  437. padding:5px;
  438. line-height:100%;
  439. }
  440.  
  441. .ppinfo{
  442. display:inline-block;
  443. padding:5px;
  444. text-align:center;
  445. line-height:100%;
  446. }
  447.  
  448. .ppinfo a{
  449. color:{color:body};
  450. }
  451.  
  452. .plabel{
  453. height:12px;
  454. padding:4px;
  455. border-top:1px solid {color:accent};
  456. border-right:1px solid {color:accent};
  457. border-bottom:1px solid {color:accent};
  458. display:inline-block;
  459. position:relative;
  460. margin-left:-5px;
  461. }
  462.  
  463. .rebloginfo{
  464. width:80px;
  465. float:right;
  466. margin-right:-10px;
  467. margin-top:2px;
  468. }
  469.  
  470. .rebloginfo a{
  471. display:inline-block;
  472. padding:4px;
  473. background:{color:accent};
  474. color:#fff;
  475. margin-right:6px;
  476. font-family:merriweather;
  477. text-transform:uppercase;
  478. }
  479.  
  480. #tagcont{
  481. display:block;
  482. }
  483.  
  484. .tag a{
  485. font-size:10px;
  486. font-family:merriweather;
  487. text-transform:lowercase;
  488. padding:4px;
  489. display:inline-block;
  490. margin-right:4px;
  491. background:{color:accent};
  492. color:#fff;
  493. margin-bottom:2px;
  494. }
  495.  
  496. .rblgparent{
  497. box-shadow:inset 0 -5px 0 {color:accent};
  498. color:{color:body};
  499. font-weight:700;
  500. font-family:merriweather;
  501. }
  502.  
  503. .reblogheader{
  504. padding-top:10px;
  505. }
  506.  
  507. .username a{
  508. box-shadow:inset 0 -5px 0 {color:accent};
  509. color:{color:body};
  510. font-weight:700;
  511. font-family:merriweather;
  512. }
  513.  
  514. .deactivated:after {
  515. content:'deactivated';
  516. position:absolute;
  517. padding-left:8px;
  518. font-family:merriweather;
  519. color:#aaa;
  520. opacity:0;
  521. transition:.4s ease-in-out;
  522. }
  523.  
  524. .deactivated:hover:after {
  525. opacity:1;
  526. }
  527.  
  528. .qicon{
  529. float:left;
  530. font-size:20px;
  531. height:20px;
  532. width:20px;
  533. margin-right:10px;
  534. text-align:center;
  535. padding:8px;
  536. background:{color:accent};
  537. color:#fff;
  538. }
  539.  
  540. .qtext{
  541. margin-bottom:5px;
  542. min-height:20px;
  543. padding:10px;
  544. }
  545.  
  546. #asker, #asker a{
  547. text-transform:uppercase;
  548. box-shadow:inset 0 -5px 0 {color:accent};
  549. color:{color:body};
  550. font-weight:700;
  551. display:inline-block;
  552. font-family:merriweather;
  553. }
  554.  
  555. #playcont{
  556. padding:10px;
  557. }
  558.  
  559. .playbutton{
  560. position:absolute;
  561. overflow:hidden;
  562. width:33px;
  563. height:30px;
  564. z-index:3;
  565. }
  566.  
  567. .audioinfo{
  568. font-family:merriweather;
  569. position:relative;
  570. padding:6px;
  571. text-transform:lowercase;
  572. margin-left:40px;
  573. min-width:60px;
  574. font-size:12px;
  575. font-weight:700;
  576. }
  577.  
  578. div.pnotes{
  579. position:absolute;
  580. {block:if540px}
  581. width:520px;
  582. {/block:if540px}
  583.  
  584. {block:if700px}
  585. width:680px;
  586. {/block:if700px}
  587.  
  588. background:#fff;
  589. padding:10px;
  590. margin-top:20px;
  591. margin-bottom:20px;
  592. font-size:12px;
  593. }
  594.  
  595. div.pnotes::-webkit-scrollbar{
  596. display:none !important;
  597. }
  598.  
  599. ol.notes{
  600. list-style-type:none !important;
  601. margin-left:-30px;
  602. }
  603.  
  604. ol.notes li.note{
  605. top:0;
  606. padding-bottom:10px;
  607. }
  608.  
  609. .pnotes img.avatar{
  610. display:none!important;
  611. }
  612.  
  613. .pnotes a{
  614. font-family:merriweather;
  615. text-transform:uppercase;
  616. }
  617.  
  618. footer{
  619. display:block;
  620. position:relative;
  621. height:15px;
  622. padding:10px;
  623. text-align:center;
  624. }
  625.  
  626. #pag{
  627. margin:10px;
  628. font-size:10px;
  629. }
  630.  
  631. #pagin, #pagin a{
  632. margin-left:10px;
  633. margin-right:10px;
  634. }
  635.  
  636. #pagin.current_page{
  637. color:{color:accent};
  638. font-weight:700;
  639. }
  640.  
  641. #pagin a{
  642. background:{color:accent};
  643. color:#fff;
  644. display:inline-block;
  645. width:10px;
  646. height:10px;
  647. padding:5px;
  648. line-height:100%;
  649. text-align:center;
  650. }
  651.  
  652. </style>
  653. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  654.  
  655. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  656. </head>
  657.  
  658. <body>
  659. <div id="header">
  660. <img src="{image:header}"/>
  661. </div>
  662.  
  663. <div id="dscbx">
  664. <div id="dsct">
  665. <div id="desc">{Description}</div>
  666.  
  667. <div id="linkcont">
  668. <div class="navlink">
  669. <a href="/">home</a>
  670. <a href="/ask">ask</a>
  671. <a href="/archive">archive</a>
  672.  
  673. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  674.  
  675. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  676.  
  677. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  678.  
  679. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  680. </div>
  681. </div>
  682. </div>
  683. <div id="formcont">
  684. <form action="/search" method="get" class="sfm">
  685. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  686. <input type="submit" value="Search" id="sb"/>
  687. </form>
  688. </div>
  689. </div>
  690.  
  691. <div id="container">
  692.  
  693. {block:Posts}
  694. <div class="post" id="{PostID}">
  695.  
  696. {block:Text}
  697. {block:Title}<div class="title">{Title}</div>{/block:Title}
  698.  
  699. {block:IndexPage}
  700. {block:Date}
  701. <div class="pinfo_text">
  702.  
  703. {block:NotReblog}Posted by {block:ifauthor}<span class="rblgparent">{text:author}</span>{/block:ifauthor} {block:ifnotauthor}<span class="rblgparent">{Name}</span>{/block:ifnotauthor}{/block:NotReblog}
  704. {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}" class="rblgparent">{ReblogParentName}</a>{/block:RebloggedFrom} <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}
  705.  
  706. <br>
  707. <div class="controls">
  708.  
  709. <a href="{ReblogURL}" target="_blank">reblog</a>
  710. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  711.  
  712. </div>
  713. </div>
  714. {/block:Date}
  715.  
  716. {/block:IndexPage}
  717. {block:NotReblog}<div class="cap">{Body}</div>{/block:NotReblog}
  718.  
  719. {block:RebloggedFrom}
  720. {block:Reblogs}
  721. <div class="reblogheader" style="text-align:center;">
  722. {block:IsActive}<div class="username">
  723. <a href="{Permalink}">{Username}</a></div>
  724. {/block:IsActive}
  725.  
  726. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  727. </div>
  728.  
  729. <div class="cap">{Body}</div>
  730. {/block:Reblogs}
  731. {/block:RebloggedFrom}
  732.  
  733. {/block:Text}
  734.  
  735. {block:Photo}
  736. <center>
  737. {LinkOpenTag}<div class="photopost"><img src="{PhotoURL-HighRes}"/></div>
  738. {LinkCloseTag}
  739. </center>
  740. {block:NotReblog}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:NotReblog}
  741.  
  742. {block:RebloggedFrom}
  743. {block:Reblogs}
  744. <div class="reblogheader">
  745. {block:IsActive}<div class="username">
  746. </span><a href="{Permalink}">{Username}</a></div>
  747. {/block:IsActive}
  748.  
  749. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  750. </div>
  751.  
  752. <div class="cap">{Body}</div>
  753. {/block:Reblogs}
  754. {/block:RebloggedFrom}
  755.  
  756. {block:IndexPage}
  757. {block:Date}
  758. <div class="pinfo">
  759. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  760.  
  761. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  762.  
  763.  
  764. <div class="controls" style="display:inline-block">
  765.  
  766. <a href="{ReblogURL}" target="_blank">reblog</a>
  767. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  768.  
  769. </div>
  770.  
  771.  
  772. {block:RebloggedFrom}
  773. <div class="rebloginfo">
  774. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  775. </div>
  776. {/block:RebloggedFrom}
  777.  
  778.  
  779. </div>
  780. {/block:Date}
  781. {/block:IndexPage}
  782. {/block:Photo}
  783.  
  784. {block:Photoset}
  785. <div class="photopost">
  786. <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>
  787. </div>
  788.  
  789. {block:NotReblog}
  790. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  791. {/block:NotReblog}
  792.  
  793. {block:RebloggedFrom}
  794. {block:Reblogs}
  795. <div class="reblogheader">
  796. {block:IsActive}<div class="username">
  797. <a href="{Permalink}">{Username}</a></div>
  798. {/block:IsActive}
  799.  
  800. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  801. </div>
  802.  
  803. <div class="cap">{Body}</div>
  804. {/block:Reblogs}
  805. {/block:RebloggedFrom}
  806.  
  807. {block:IndexPage}
  808. {block:Date}
  809. <div class="pinfo">
  810. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  811.  
  812. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  813.  
  814.  
  815. <div class="controls" style="display:inline-block">
  816.  
  817. <a href="{ReblogURL}" target="_blank">reblog</a>
  818. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  819.  
  820. </div>
  821.  
  822.  
  823. {block:RebloggedFrom}
  824. <div class="rebloginfo">
  825. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  826. </div>
  827. {/block:RebloggedFrom}
  828.  
  829.  
  830. </div>
  831. {/block:Date}
  832. {/block:IndexPage}
  833.  
  834. {/block:Photoset}
  835.  
  836. {block:Video}
  837.  
  838. {block:if540px}
  839. <div class="video">{Video-500}</div>
  840. {/block:if540px}
  841.  
  842. {block:if700px}
  843. {Video-700}
  844. {/block:if700px}
  845.  
  846. {block:NotReblog}
  847. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  848. {/block:NotReblog}
  849.  
  850. {block:RebloggedFrom}
  851. {block:Reblogs}
  852. <div class="reblogheader">
  853. {block:IsActive}<div class="username">
  854. <a href="{Permalink}">{Username}</a></div>
  855. {/block:IsActive}
  856.  
  857. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  858. </div>
  859.  
  860. <div class="cap">{Body}</div>
  861. {/block:Reblogs}
  862. {/block:RebloggedFrom}
  863. {block:IndexPage}
  864. {block:Date}
  865. <div class="pinfo">
  866. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  867.  
  868. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  869.  
  870.  
  871. <div class="controls" style="display:inline-block">
  872.  
  873. <a href="{ReblogURL}" target="_blank">reblog</a>
  874. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  875.  
  876. </div>
  877.  
  878.  
  879. {block:RebloggedFrom}
  880. <div class="rebloginfo">
  881. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  882. </div>
  883. {/block:RebloggedFrom}
  884.  
  885.  
  886. </div>
  887. {/block:Date}
  888. {/block:IndexPage}
  889. {/block:Video}
  890.  
  891. {block:Quote}
  892. <div class="cap">
  893. <div id="quote">{Quote}</div>
  894. {block:Source}<div style="text-align:center"><div id="source">{Source}</div></div>{/block:Source}
  895. </div>
  896. {block:IndexPage}
  897. {block:Date}
  898. <div class="pinfo">
  899. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  900.  
  901. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  902.  
  903.  
  904. <div class="controls" style="display:inline-block">
  905.  
  906. <a href="{ReblogURL}" target="_blank">reblog</a>
  907. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  908.  
  909. </div>
  910.  
  911.  
  912. {block:RebloggedFrom}
  913. <div class="rebloginfo">
  914. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  915. </div>
  916. {/block:RebloggedFrom}
  917.  
  918.  
  919. </div>
  920. {/block:Date}
  921. {/block:IndexPage}
  922. {/block:Quote}
  923.  
  924. {block:Link}
  925. <div id="link"><a href="{URL}">{Name}</a></div>
  926. {block:NotReblog}
  927. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  928. {/block:NotReblog}
  929.  
  930. {block:RebloggedFrom}
  931. {block:Reblogs}
  932. <div class="reblogheader">
  933. {block:IsActive}<div class="username">
  934. <a href="{Permalink}">{Username}</a></div>
  935. {/block:IsActive}
  936.  
  937. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  938. </div>
  939.  
  940. <div class="cap">{Body}</div>
  941. {/block:Reblogs}
  942. {/block:RebloggedFrom}
  943.  
  944. {block:IndexPage}
  945. {block:Date}
  946. <div class="pinfo">
  947. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  948.  
  949. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  950.  
  951.  
  952. <div class="controls" style="display:inline-block">
  953.  
  954. <a href="{ReblogURL}" target="_blank">reblog</a>
  955. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  956.  
  957. </div>
  958.  
  959.  
  960. {block:RebloggedFrom}
  961. <div class="rebloginfo">
  962. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  963. </div>
  964. {/block:RebloggedFrom}
  965.  
  966.  
  967. </div>
  968. {/block:Date}
  969. {/block:IndexPage}
  970. {/block:Link}
  971.  
  972. {block:Chat}
  973. <div class="chatwrap">
  974. {block:Title}<div class="title">{Title}</div>{/block:Title}
  975. <div class="cap">
  976. <ul class="chat">
  977. {block:Lines}
  978. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  979. {/block:Lines}
  980. </li>
  981. </ul>
  982. </div></div>
  983.  
  984. {block:IndexPage}
  985. {block:Date}
  986. <div class="pinfo">
  987. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  988.  
  989. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  990.  
  991.  
  992. <div class="controls" style="display:inline-block">
  993.  
  994. <a href="{ReblogURL}" target="_blank">reblog</a>
  995. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  996.  
  997. </div>
  998.  
  999.  
  1000. {block:RebloggedFrom}
  1001. <div class="rebloginfo">
  1002. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  1003. </div>
  1004. {/block:RebloggedFrom}
  1005.  
  1006.  
  1007. </div>
  1008. {/block:Date}
  1009. {/block:IndexPage}
  1010. {/block:Chat}
  1011.  
  1012. {block:Audio}
  1013. <div id="playcont">
  1014. <div class="playbutton">{AudioPlayerWhite}</div>
  1015.  
  1016. <div class="audioinfo">
  1017. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist} || {Artist}{/block:Artist}
  1018. </div>
  1019. </div>
  1020.  
  1021. {block:NotReblogged}
  1022. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1023. {/block:NotReblogged}
  1024.  
  1025. {block:RebloggedFrom}
  1026. {block:Reblogs}
  1027. <div class="cap">
  1028. <div class="reblogheader">
  1029. {block:IsActive}<div class="username">
  1030. <a href="{Permalink}">{Username}</a></div>
  1031. {/block:IsActive}
  1032. {/block:IsActive}
  1033.  
  1034. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  1035. </div>
  1036. {Body}</div>
  1037. {/block:Reblogs}
  1038. {/block:RebloggedFrom}
  1039.  
  1040. {block:IndexPage}
  1041. {block:Date}
  1042. <div class="pinfo">
  1043. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  1044.  
  1045. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  1046.  
  1047.  
  1048. <div class="controls" style="display:inline-block">
  1049.  
  1050. <a href="{ReblogURL}" target="_blank">reblog</a>
  1051. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1052.  
  1053. </div>
  1054. </div>
  1055. {/block:Date}
  1056. {/block:IndexPage}
  1057. {/block:Audio}
  1058.  
  1059. {block:Answer}
  1060. <div style="text-align:center;padding-bottom:5px;"><div id="asker">{Asker}</div></div>
  1061. <div class="qtext">
  1062. <span class="th th-question-o qicon"></span>{Question}</div>
  1063.  
  1064. {block:NotReblog}
  1065. <div class="cap">{Replies}</div>
  1066. {/block:NotReblog}
  1067.  
  1068. {block:RebloggedFrom}
  1069. {block:Reblogs}<div class="reblogheader">
  1070.  
  1071. {block:IsActive}<div class="username">
  1072. <a href="{Permalink}">{Username}</a></div>
  1073. {/block:IsActive}
  1074.  
  1075. {block:IsDeactivated}<div class="username deactivated">{Username}</div>{/block:IsDeactivated}
  1076. </div>
  1077.  
  1078. <div class="cap">{Body}</div>{/block:Reblogs}
  1079. {/block:RebloggedFrom}
  1080.  
  1081. {block:IndexPage}
  1082. {block:Date}
  1083. <div class="pinfo">
  1084. <div class="ppinfo"><div class="inicon"><span class="th th-clock-o"></span></div><div class="plabel"><a href="{Permalink}">{TimeAgo}</a></div></div>
  1085.  
  1086. <div class="ppinfo"><div class="inicon"><span class="th th-bookmark-1-o"></span></div><div class="plabel notecount">{NoteCountWithLabel}</div></div>
  1087.  
  1088.  
  1089. <div class="controls" style="display:inline-block">
  1090.  
  1091. <a href="{ReblogURL}" target="_blank">reblog</a>
  1092. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1093.  
  1094. </div>
  1095.  
  1096.  
  1097. {block:RebloggedFrom}
  1098. <div class="rebloginfo">
  1099. <a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">src</a>
  1100. </div>
  1101. {/block:RebloggedFrom}
  1102.  
  1103.  
  1104. </div>
  1105. {/block:Date}
  1106. {/block:IndexPage}
  1107. {/block:Answer}
  1108.  
  1109.  
  1110. {block:ContentSource}
  1111. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1112. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1113. {/block:SourceLogo}
  1114. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1115. {/block:ContentSource}
  1116.  
  1117. {block:IndexPage}
  1118. {block:HasTags}
  1119. <div id="tagcont">
  1120. <div class="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a>
  1121. {/block:Tags}</div>
  1122. </div>
  1123. {/block:HasTags}
  1124. {/block:IndexPage}
  1125.  
  1126. {block:PermalinkPage}
  1127. {block:PostNotes}
  1128. <div class="pnotes">
  1129. <ol class="notes">{PostNotes}</ol>
  1130. </div>
  1131. {/block:PostNotes}
  1132. </div>
  1133. {/block:PermalinkPage}
  1134.  
  1135. </div>
  1136. {/block:Posts}
  1137.  
  1138. </div><!--end container-->
  1139. <div id="cred"><a href="https://kuzuriha.tumblr.com" title="theme by kuzuriha">thm.</a></div>
  1140. <script>
  1141. $(document).ready(function(){
  1142. $('.photo-slideshow').pxuPhotoset({
  1143. lightbox: true,
  1144. rounded: false,
  1145. gutter: '3px',
  1146. borderRadius: '0px',
  1147. photoset: '.photo-slideshow',
  1148. photoWrap: '.photo-data',
  1149. photo: '.pxu-photo'
  1150. });
  1151.  
  1152. var $container = $('.post');
  1153. $container.find('.notecount').each(function(){
  1154. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1155. if (n > 999) {
  1156. n = Math.floor(n / 100) / 10;
  1157. $(this).text(n + 'k notes');
  1158. }
  1159. });
  1160.  
  1161. {block:ifstickydescription}
  1162. $("#dscbx").stick_in_parent({
  1163. recalc_every: 1
  1164. });
  1165. {/block:ifstickydescription}
  1166.  
  1167. {block:if540px}
  1168. function flexFrame() {
  1169. $(".cap").each(function() {
  1170. $(this).find("iframe").wrap("<div class='capframe'></div>"); // wrap iframe
  1171. flexibleFrames($(".capframe"));
  1172. });
  1173. flexibleFrames($(".video"));
  1174. }
  1175.  
  1176. $(document).ready(flexFrame);
  1177. {/block:if540px}
  1178.  
  1179. });
  1180. </script>
  1181. </body>
  1182.  
  1183. {block:Pagination}
  1184. <footer id="pag">
  1185. <div id="pagin">
  1186. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  1187. {block:JumpPagination length="5"}
  1188. {block:CurrentPage}<span class="current_page">{CurrentPage}</span>{/block:CurrentPage}
  1189. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1190. {/block:JumpPagination}
  1191. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  1192. </div>
  1193.  
  1194. </footer>
  1195. {/block:Pagination}
  1196.  
  1197. </html>
Advertisement
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!