API tools faq
paste
aeternaphantasia

theme #07: nijiuta

aeternaphantasia
Dec 10th, 2020 (edited)
4,083
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</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 #07: Nijiuta
  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. -->
  20.  
  21. <!--variables-->
  22. <meta name="image:bg" content=""/>
  23.  
  24. <meta name="color:bg" content="#fff"/>
  25. <meta name="color:body" content="#1E1E1E"/>
  26. <meta name="color:sidebar body" content="#eee"/>
  27. <meta name="color:accent" content="#F2AEB4"/>
  28. <meta name="color:sidebar bg" content="#292929"/>
  29. <meta name="color:post bg" content="#fff"/>
  30. <meta name="color:post info bg" content="#292929"/>
  31. <meta name="color:post info body" content="#eee"/>
  32.  
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="text:post width" 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. <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
  47.  
  48. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  49.  
  50. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  51.  
  52. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  53.  
  54. <script src="https://static.tumblr.com/0podkko/GKRptp03o/customaudio.min.js"></script>
  55.  
  56. <script src="https://static.tumblr.com/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>
  57.  
  58. <script>
  59.  
  60. (function($){
  61.  
  62. $(document).ready(function(){
  63.  
  64. $("a[title]").style_my_tooltips({
  65.  
  66. tip_follows_cursor:true,
  67.  
  68. tip_delay_time:0,
  69.  
  70. tip_fade_speed:0,
  71.  
  72. attribute:"title"
  73.  
  74. });
  75.  
  76. });
  77.  
  78. })(jQuery);
  79.  
  80. </script>
  81.  
  82. <style type="text/css">
  83. @import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=PT+Serif&display=swap');
  84.  
  85. ::selection{
  86. background:{color:accent};
  87. color:#fff;
  88. }
  89.  
  90. ::-moz-selection{
  91. background:{color:accent};
  92. color:#fff;
  93. }
  94.  
  95. ::-webkit-scrollbar{
  96. width:9px;
  97. background:#ccc;
  98. border:4px solid #fff;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:vertical{
  102. height:auto;
  103. background:{color:accent};
  104. border:4px solid #fff;
  105. }
  106.  
  107. iframe.tmblr-iframe {
  108. z-index:99999999999999!important;
  109. top:0!important;
  110. right:0!important;
  111. opacity:0.4;
  112. /* delete invert(1) from here */
  113. filter:invert(1) contrast(150%);
  114. -webkit-filter:invert(1) contrast(150%);
  115. -o-filter:invert(1) contrast(150%);
  116. -moz-filter:invert(1) contrast(150%);
  117. -ms-filter:invert(1) contrast(150%);
  118. /* to here if your blog has a dark background */
  119. transform:scale(0.65);
  120. transform-origin:100% 0;
  121. -webkit-transform:scale(0.65);
  122. -webkit-transform-origin:100% 0;
  123. -o-transform:scale(0.65);
  124. -o-transform-origin:100% 0;
  125. -moz-transform:scale(0.65);
  126. -moz-transform-origin:100% 0;
  127. -ms-transform:scale(0.65);
  128. -ms-transform-origin:100% 0;}
  129.  
  130. iframe.tmblr-iframe:hover {
  131. opacity:0.6!important;}
  132.  
  133. #s-m-t-tooltip {
  134. max-width:200px;
  135. padding:5px 10px 5px 10px;
  136. margin:20px 14px 7px 10px;
  137. background-color:{color:accent}; /* change the background color */
  138. font-style: normal;
  139. font-size:10px; /* change the font size */
  140. line-height:13px;
  141. letter-spacing:1px; /* change the letter spacing */
  142. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  143. color:#fff; /* change the text color */
  144. z-index:999999;
  145. }
  146.  
  147. body{
  148. margin:0;
  149. padding:0;
  150. font-family:'PT Sans';
  151. font-size:12px;
  152. background:{color:bg} url('{image:bg}') fixed;
  153. }
  154.  
  155. a{
  156. text-decoration:none;
  157. }
  158.  
  159. #sidebar{
  160. width:30%;
  161. color:{color:sidebar body};
  162. height:100%;
  163. position:fixed;
  164. top:0;
  165. left:0;
  166. background:{color:sidebar bg};
  167. }
  168.  
  169. #sidebarimage{
  170. margin:0 auto;
  171. margin-top:80px;
  172. width:350px;
  173. height:50%;
  174. }
  175.  
  176. #sidebarimage img{
  177. width:100%;
  178. height:100%;
  179. max-width:100%;
  180. max-height:100%;
  181. }
  182.  
  183. #bloginfo{
  184. margin:0 auto;
  185. margin-top:20px;
  186. width:350px;
  187. }
  188.  
  189. #blogtitle{
  190. display:block;
  191. font-family:'PT Serif';
  192. font-size:20px;
  193. padding:10px;
  194. }
  195.  
  196. #desc{
  197. text-align:justify;
  198. padding:10px;
  199. }
  200.  
  201. #pagin{
  202. display:block;
  203. margin-top:20px;
  204. text-transform:uppercase;
  205. text-align:center;
  206. }
  207.  
  208. #pagin a{
  209. background:{color:accent};
  210. color:{color:body};
  211. padding:2px;
  212. margin-left:10px;
  213. margin-right:10px;
  214. }
  215.  
  216. #navcont{
  217. position:fixed;
  218. top:0;
  219. left:30%;
  220. display:flex;
  221. height:100%;
  222. width:100px;
  223. background:{color:accent};
  224. align-items:center;
  225. justify-content:center
  226. }
  227.  
  228. .navlink a{
  229. display:block;
  230. color:{color:body};
  231. min-width:40px;
  232. padding:10px;
  233. text-align:center;
  234. font-family:'PT Serif';
  235. text-transform:uppercase;
  236. font-weight:700;
  237. margin-top:10px;
  238. transition:.5s ease;
  239. }
  240.  
  241. .navlink a:hover{
  242. background:#fff;
  243. }
  244.  
  245. #container{
  246. max-width:900px;
  247. min-width:700px;
  248. width:calc({text:post width}px + 200px);
  249. margin-left:40%;
  250. margin-top:50px;
  251. }
  252.  
  253. .post{
  254. min-width:500px !important;
  255. background:{color:post bg};
  256. max-width:700px !important;
  257. width:{text:post width}px;
  258. margin-bottom:100px;
  259. position:relative;
  260. }
  261.  
  262. .post img{
  263. max-width:100%;
  264. }
  265.  
  266. .postwrap{
  267. display:flex;
  268. width:calc({text:post width}px + 150px);
  269. flex-wrap:wrap;
  270. align-items:stretch;
  271. }
  272.  
  273. .title{
  274. font-family:'PT Serif';
  275. font-size:16px;
  276. padding:15px;
  277. text-align:center;
  278. font-weight:700;
  279. background:{color:accent};
  280. }
  281.  
  282. .cap{
  283. word-wrap:break-word;
  284. padding:4px 10px 3px 10px;
  285. text-align:justify;
  286. }
  287.  
  288.  
  289. .cap a{
  290. font-weight:700;
  291. color:{color:body};
  292. box-shadow:0 -5px 0 inset {color:accent};
  293. }
  294.  
  295. .cap blockquote{
  296. padding-left:5px;
  297. border-left:3px solid {color:accent};
  298. }
  299.  
  300. #quote{
  301. font-family:'PT Serif';
  302. font-size:18px;
  303. padding:20px;
  304. text-align:center;
  305. font-style:italic;
  306. }
  307.  
  308. #source{
  309. border-top:1px solid {color:accent};
  310. padding-top:10px;
  311. }
  312.  
  313. #link{
  314. display:block;
  315. font-family:'PT Serif';
  316. font-size:16px;
  317. font-weight:700;
  318. text-align:center;
  319. padding:20px;
  320. background:{color:accent};
  321. }
  322.  
  323. #link a{
  324. color:{color:body};
  325. box-shadow:0 -5px 0 inset #fff;
  326. }
  327.  
  328. .chat li{
  329. list-style-type:none !important;
  330. margin-left:-20px;
  331. padding-bottom:8px;
  332. margin-bottom:2px;
  333. font-family:'PT Serif';
  334. }
  335.  
  336. .line_odd .label, .line_even .label{
  337. font-weight:700;
  338. color:{color:accent};
  339. }
  340.  
  341. .pinfo{
  342. background:{color:post info bg};
  343. width:130px;
  344. text-align:center;
  345. color:{color:post info body};
  346. padding:10px;
  347. margin-bottom:100px;
  348. }
  349.  
  350. .tagcont{
  351. padding-top:10px;
  352. margin-top:10px;
  353. word-wrap:break-word;
  354. border-top:1px solid {color:accent};
  355. }
  356.  
  357. .tagcont a{
  358. color:{color:post info body};
  359. font-size:10px;
  360. display:inline;
  361. margin-right:4px;
  362. margin-bottom:4px;
  363. }
  364.  
  365. .tagicon svg{
  366. font-size:10px;
  367. }
  368.  
  369. .pinfo_day{
  370. font-family:'PT Serif';
  371. font-size:16px;
  372. font-weight:700;
  373. text-transform:uppercase;
  374. }
  375.  
  376. .pinfo_date{
  377. font-family:'PT Serif';
  378. font-weight:700;
  379. font-size:14px;
  380. }
  381.  
  382. .notecount{
  383. font-family:'PT Serif';
  384. text-transform:uppercase;
  385. }
  386.  
  387. .reblogcont{
  388. display:flex;
  389. margin-top:10px;
  390. position:absolute;
  391. justify-content:center;
  392. align-items:center;
  393. width:{text:post width}px;
  394. }
  395.  
  396. .controls .feather {
  397. width:14px;
  398. height:14px;
  399. padding:5px;
  400. line-height:120%;
  401. }
  402.  
  403. .controls a{
  404. display:inline-block;
  405. color:{color:accent};
  406. margin-right:8px;
  407. box-shadow:none;
  408. }
  409.  
  410. .controls .like{
  411. display:inline-block;
  412. }
  413.  
  414. .controls .like .liked + svg {
  415. opacity:1;
  416. }
  417.  
  418. .controls .like .liked + svg path {
  419. fill:#ec5a5a;
  420. }
  421.  
  422. .controls .like .like_button {
  423. position:relative;
  424. }
  425.  
  426. .controls .like .like_button iframe {
  427. position:absolute;
  428. top:0;
  429. left:0;
  430. bottom:0;
  431. right:0;
  432. z-index:2;
  433. opacity:0;
  434. }
  435.  
  436. .audio_container{
  437. width:100%;
  438. display:flex;
  439. align-items:center;
  440. }
  441.  
  442. .audio_art img{
  443. width:120px;
  444. height:120px;
  445. max-width:120px;
  446. max-height:120px;
  447. }
  448.  
  449. .audio_player{
  450. width:30px;
  451. height:30px;
  452. padding:5px;
  453. font-size:30px;
  454. line-height:100%;
  455. position:absolute;
  456. text-align:center;
  457. color:#fff;
  458. top:40px;
  459. left:40px;
  460. opacity:.5;
  461. transition:.5s ease;
  462. }
  463.  
  464. .audio_player:hover{
  465. opacity:1;
  466. }
  467.  
  468. .audio_buttons svg {
  469. width : 1.25em;
  470. height : 1.25em;
  471. }
  472.  
  473. .error_icon svg {
  474. stroke : red;
  475. }
  476.  
  477. .audio_info{
  478. font-family:'PT Serif';
  479. font-weight:700;
  480. padding:10px;
  481. font-size:18px;
  482. border-left:10px solid {color:accent};
  483. margin-left:20px;
  484. margin-right:20px;
  485. width:calc(100% - 140px);
  486. text-align:center;
  487. }
  488.  
  489. .audio_info .artist, .audio_info .album{
  490. font-family:'PT Sans';
  491. font-size:14px;
  492. font-weight:400;
  493. text-transform:uppercase;
  494. }
  495.  
  496. .reblogheader{
  497. display:flex;
  498. align-items:center;
  499. font-weight:700;
  500. position:relative;
  501. border-bottom:1px solid {color:accent};
  502. padding:10px;
  503. letter-spacing:1px;
  504. }
  505.  
  506. .reblogheader a{
  507. color:{color:body};
  508. }
  509.  
  510. .reblogheader:before{
  511. content:'';
  512. width:8%;
  513. position:absolute;
  514. height:5px;
  515. bottom:-3px;
  516. left:0;
  517. background:{color:accent};
  518. }
  519.  
  520. .userimg{
  521. width:20px;
  522. height:20px;
  523. padding:4px;
  524. margin-right:10px;
  525. border-radius:50px;
  526. border:3px solid {color:accent};
  527. }
  528.  
  529. .userimg img{
  530. border-radius:50px;
  531. }
  532.  
  533. .qbox{
  534. display:flex;
  535. align-items:center;
  536. margin-top:10px;
  537. font-family:'PT Serif';
  538. }
  539.  
  540. .qtext{
  541. padding:10px;
  542. width:calc({text:post width}px - 20px);
  543. border-left:1px solid {color:accent};
  544. }
  545.  
  546. .qicon{
  547. width:20px;
  548. height:20px;
  549. padding:8px;
  550. margin:10px;
  551. text-align:center;
  552. line-height:100%;
  553. }
  554.  
  555. .qicon .feather{
  556. font-size:15px;
  557. color:{color:accent};
  558. }
  559.  
  560. #asker, #asker a{
  561. color:{color:accent};
  562. font-weight:700;
  563. }
  564.  
  565. div.pnotes{
  566. width:calc({text:post width}px - 20px)
  567. padding:10px;
  568. position:absolute;
  569. margin-top:10px;
  570. }
  571.  
  572. .pnotes a{
  573. color:#fff;
  574. }
  575.  
  576. ol.notes{
  577. list-style-type:none !important;
  578. margin-left:-40px;
  579. }
  580.  
  581. ol.notes li.note{
  582. min-width:30px;
  583. margin-bottom:5px;
  584. float:left;
  585. padding:5px;
  586. background:{color:accent};
  587. color:#fff;
  588. margin-left:5px;
  589. }
  590.  
  591. .pnotes img.avatar{
  592. display:none;
  593. }
  594.  
  595. #pinnedpost{
  596. font-family:'PT Serif';
  597. display:block;
  598. border-bottom:1px solid {color:accent};
  599. padding-bottom:10px;
  600. margin-bottom:10px;
  601. font-weight:700;
  602. }
  603. </style>
  604. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  605.  
  606. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  607. </head>
  608.  
  609. <body>
  610. <div id="sidebar">
  611. <div id="sidebarimage">
  612. <img src="{image:sidebar}"/>
  613. </div>
  614. <div id="bloginfo">
  615. <div id="blogtitle">{Title}</div>
  616. <div id="desc">{Description}</div>
  617. </div>
  618.  
  619. {block:Pagination}
  620. <div id="pagin">
  621. {block:PreviousPage}<a href="{PreviousPage}" class="prev_page">back</a>{/block:PreviousPage}
  622. {CurrentPage} of {TotalPages}
  623. {block:NextPage}<a href="{NextPage}" class="next_page">next</a>{/block:NextPage}
  624. </div>
  625. {/block:Pagination}
  626. </div>
  627.  
  628. <div id="navcont">
  629. <div id="navlink">
  630. <div class="navlink">
  631. <a href="/">home</a>
  632. <a href="/ask">message</a>
  633. <a href="/archive">past</a>
  634. <a href="//kuzuriha.tumblr.com">credit</a>
  635.  
  636. {block:ifLink1}
  637. <a href="{text:Link1URL}">{text:Link1}</a>
  638. {/block:ifLink1}
  639.  
  640. {block:ifLink2}
  641. <a href="{text:Link2URL}">{text:Link2}</a>
  642. {/block:ifLink2}
  643.  
  644. {block:ifLink3}
  645. <a href="{text:Link3URL}">{text:Link3}</a>
  646. {/block:ifLink3}
  647.  
  648. {block:ifLink4}
  649. <a href="{text:Link4URL}">{text:Link4}</a>
  650. {/block:ifLink4}
  651.  
  652. </div>
  653. </div>
  654. </div><!--end navcont-->
  655.  
  656. <div id="container">
  657. <div class="postwrap">
  658. {block:Posts}
  659. <div class="post" id="{PostID}">
  660. {block:Text}
  661. {block:Title}<div class="title">{Title}</div>{/block:Title}
  662. <div class="cap">
  663. {block:NotReblog}{Body}{/block:NotReblog}
  664. </div>
  665. {block:RebloggedFrom}
  666. {block:Reblogs}
  667. <div class="reblogheader">
  668. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  669. {block:IsActive}
  670. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  671.  
  672. {block:IsDeactivated}
  673. <strike>{Username}</strike>{/block:IsDeactivated}
  674.  
  675. </div>
  676. <div class="cap">{Body}</div>
  677. {/block:Reblogs}
  678. {/block:RebloggedFrom}
  679. {/block:Text}
  680.  
  681. {block:Photo}
  682. <center><div class="photopost"><img src="{PhotoURL-HighRes}"/></div></center>
  683. {block:RebloggedFrom}
  684. {block:Reblogs}
  685. <div class="reblogheader">
  686.  
  687. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  688. {block:IsActive}
  689. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  690.  
  691. {block:IsDeactivated}
  692. <strike>{Username}</strike>{/block:IsDeactivated}
  693. </div>
  694.  
  695. <div class="cap">{Body}</div>
  696. {/block:Reblogs}
  697. {/block:RebloggedFrom}
  698.  
  699. {block:NotReblog}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:NotReblog}
  700. {/block:Photo}
  701.  
  702. {block:Photoset}
  703. <div class="photopost">
  704. <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>
  705. </div>
  706.  
  707. {block:RebloggedFrom}
  708. {block:Reblogs}
  709. <div class="reblogheader">
  710. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  711. {block:IsActive}
  712. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  713.  
  714. {block:IsDeactivated}
  715. <strike>{Username}</strike>{/block:IsDeactivated}
  716. </div>
  717.  
  718. <div class="cap">{Body}</div>
  719. {/block:Reblogs}
  720. {/block:RebloggedFrom}
  721.  
  722. {block:NotReblog}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:NotReblog}
  723. {/block:Photoset}
  724.  
  725. {block:Video}
  726. <div class="video">{Video-500}</div>
  727.  
  728. {block:NotReblog}
  729. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  730. {/block:NotReblog}
  731.  
  732. {block:RebloggedFrom}
  733. {block:Reblogs}
  734. <div class="reblogheader">
  735.  
  736. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  737. {block:IsActive}
  738. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  739.  
  740. {block:IsDeactivated}
  741. <strike>{Username}</strike>{/block:IsDeactivated}
  742.  
  743. </div>
  744. <div class="cap">{Body}</div>
  745. {/block:Reblogs}
  746. {/block:RebloggedFrom}
  747. {/block:Video}
  748.  
  749. {block:Quote}
  750. <div class="cap">
  751. <div id="quote"><div id="quotesign"><span class="th th-quote-up"></span></div>{Quote}</div>
  752. {block:Source}
  753. <div style="text-align:center;padding:10px;"><div id="source">{Source}</div></div>{/block:Source}
  754. </div>
  755. {/block:Quote}
  756.  
  757. {block:Link}
  758. <div id="link"><a href="{URL}">{Name}</a></div>
  759. <div class="cap">
  760. {block:NotReblog}
  761. {block:Description}{Description}{/block:Description}
  762. {/block:NotReblog}
  763. </div>
  764. {block:RebloggedFrom}
  765. {block:Reblogs}
  766. <div class="reblogheader">
  767.  
  768. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  769. {block:IsActive}
  770. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  771.  
  772. {block:IsDeactivated}
  773. <strike>{Username}</strike>{/block:IsDeactivated}
  774.  
  775. </div>
  776. <div class="cap">{Body}</div>
  777. {/block:Reblogs}
  778. {/block:RebloggedFrom}
  779. {/block:Link}
  780.  
  781. {block:Chat}
  782. {block:Title}<div class="title">{Title}</div>{/block:Title}
  783. <div class="cap">
  784. <ul class="chat">
  785. {block:Lines}
  786. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  787. {/block:Lines}
  788. </li>
  789. </ul>
  790. </div>
  791. {/block:Chat}
  792.  
  793. {block:Audio}
  794. <div class="audio_container">
  795. <div class="audio_art">
  796. {block:AlbumArt}
  797. <img src="{AlbumArtURL}"/>
  798. {block:ifnotalbumarturl}
  799. <img src="https://64.media.tumblr.com/d6b9b7a76bccffee6dbc1d69e5e625bd/tumblr_mjcin8WReA1rb8evoo3_r1_500.png"/>
  800. {/block:ifnotalbumarturl}
  801. {/block:AlbumArt}
  802. </div>
  803. {block:AudioPlayer}
  804. {AudioPlayer}
  805. <div class="audio_player">{audio:AudioButtons}</div>
  806. <div class="audio_info">
  807. {block:TrackName}{TrackName}<br>{/block:TrackName}
  808. {block:Album}<span class="album">{Album}</span><br>{/block:Album}
  809. {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}
  810. </div>
  811. {/block:AudioPlayer}
  812. </div>
  813. {block:NotReblog}
  814. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  815. {/block:NotReblog}
  816.  
  817. {block:RebloggedFrom}
  818. {block:Reblogs}
  819. <div class="reblogheader">
  820.  
  821. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  822. {block:IsActive}
  823. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  824.  
  825. {block:IsDeactivated}
  826. <strike>{Username}</strike>{/block:IsDeactivated}
  827.  
  828. </div>
  829. <div class="cap">{Body}</div>
  830. {/block:Reblogs}
  831. {/block:RebloggedFrom}
  832. {/block:Audio}
  833.  
  834. {block:Answer}
  835. <div class="qbox">
  836. <div class="qicon"><span data-feather="help-circle"></span></div>
  837. <div class="qtext"><div id="asker">{Asker}:</div> {Question}
  838. </div>
  839. </div>
  840.  
  841. {block:Answerer}
  842. <div class="cap">{Answer}</div>
  843. {/block:Answerer}
  844.  
  845. {block:NotReblog}
  846. <div class="cap">{Replies}</div>
  847. {/block:NotReblog}
  848.  
  849. {block:RebloggedFrom}
  850. {block:Reblogs}
  851. <div class="reblogheader">
  852.  
  853. <div class="userimg"><img src="{PortraitURL-64}"/></div>
  854. {block:IsActive}
  855. <a href="{Permalink}">{Username}</a> {/block:IsActive}
  856.  
  857. {block:IsDeactivated}
  858. <strike>{Username}</strike>{/block:IsDeactivated}
  859.  
  860. </div>
  861.  
  862. <div class="cap">{Body}</div>
  863. {/block:Reblogs}
  864. {/block:RebloggedFrom}
  865. {/block:Answer}
  866.  
  867.  
  868. {block:ContentSource}
  869. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  870. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  871. {/block:SourceLogo}
  872. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  873. {/block:ContentSource}
  874.  
  875. {block:PermalinkPage}
  876. {block:PostNotes}
  877. <div class="pnotes">
  878. <ol class="notes">{PostNotes}</ol>
  879. </div>
  880. {/block:PostNotes}
  881. {/block:PermalinkPage}
  882.  
  883. {block:IndexPage}
  884. <div class="reblogcont">
  885. <div class="controls">
  886. <a href="{ReblogURL}" target="_blank" title="reblog" class="reblog">
  887. <span data-feather="refresh-ccw"></span>
  888. </a>
  889. <a href="#" class="like" title="like">{LikeButton}<span data-feather="heart"></span>
  890. </a>
  891. <a href="{Permalink}" title="post link"><span data-feather="bookmark"></span></a>
  892.  
  893.  
  894. {block:RebloggedFrom}
  895. <a href="{ReblogParentURL}" title="via: @{ReblogParentName}"><span data-feather="edit-2"></span></a>
  896. <a href="{ReblogRootURL}" title="src: @{ReblogRootName}"><span data-feather="external-link"></span></a>
  897. {/block:RebloggedFrom}
  898. </div>
  899.  
  900. </div>
  901. {/block:IndexPage}
  902.  
  903. </div><!--end posts-->
  904.  
  905. {block:IndexPage}
  906.  
  907. <div class="pinfo">
  908. {block:Date}
  909. {block:PinnedPostLabel}<div id="pinnedpost">Pinned</div>{/block:PinnedPostLabel}
  910. <div class="pinfo_day">{ShortDayOfWeek}</div>
  911. <div class="pinfo_date">{DayOfMonth}/{MonthNumber}</div>
  912. <div class="notecount">{NoteCountWithLabel}</div>
  913. {/block:Date}
  914. {block:HasTags}<div class="tagcont">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  915. {/block:HasTags}
  916. </div>
  917. {/block:IndexPage}
  918. {/block:Posts}
  919. </div><!--end container-->
  920.  
  921. </body>
  922.  
  923. <script>
  924. $(document).ready(function(){
  925.  
  926. undoPhotoset({
  927. 'posts': '.post', // change '.post.text' to the text post selector
  928. 'text class': '', // change 'text' to the text post unique class (can be '')
  929. 'photoset class': 'photopost' // change 'photoset' to the photoset post unique class (can be '')
  930. },true); // true = pxu, false = css photosets
  931.  
  932. undoPhotoset();
  933.  
  934. $('.photo-slideshow').pxuPhotoset({
  935. lightbox: true,
  936. rounded: false,
  937. gutter: '5px',
  938. borderRadius: '0px',
  939. photoset: '.photo-slideshow',
  940. photoWrap: '.photo-data',
  941. photo: '.pxu-photo'
  942. });
  943.  
  944. customAudio({
  945. post: ".post",
  946. default: false,
  947. pauseAll: true,
  948. playButton: "<i data-feather='play'></i>",
  949. pauseButton: "<i data-feather='pause'></i>",
  950. errorIcon: "<i data-feather='x'></i>",
  951. hideInfoIfError: true,
  952. callAfterLoad: () => {feather.replace();},
  953. });
  954. customAudio();
  955.  
  956. function flexFrame() {
  957. $(".cap").each(function() {
  958. $(this).find("iframe").wrap("<div class='capframe'></div>"); // wrap iframe
  959. flexibleFrames($(".capframe"));
  960. });
  961. flexibleFrames($(".video"));
  962. }
  963.  
  964. $(document).ready(flexFrame);
  965.  
  966. var $container = $('.pinfo');
  967. $container.find('.notecount').each(function(){
  968. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  969. if (n > 999) {
  970. n = Math.floor(n / 100) / 10;
  971. $(this).text(n + 'k notes');
  972. }
  973. });
  974.  
  975. feather.replace();
  976.  
  977. });
  978.  
  979. </script>
  980.  
  981. </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!