API tools faq
paste
aeternaphantasia

theme #04: edinburgh

aeternaphantasia
Apr 19th, 2021 (edited)
1,405
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 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 #04: Edinburgh
  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. Dedicated to the Duke of Edinburgh: the man who walked two steps behind HM the Queen, her strength and her stay for seven decades, and her liege lord of life and limb.
  20.  
  21. "I am sure I do not deserve all the good things which have happened to me...to have been spared in the war and seen victory, to have been given the chance to rest and to re-adjust myself, to have fallen in love completely and unreservedly makes all one's personal and even the world's troubles seem small and petty." --1946, Philip's letter to then the Princess Elizabeth of York.
  22.  
  23. -->
  24.  
  25. <!--Variables-->
  26. <meta name="color:bg" content="#f5f5f5"/>
  27. <meta name="color:accent" content="#F83D1A"/>
  28. <meta name="color:body" content="#131313"/>
  29. <meta name="color:post bg" content="#fff"/>
  30.  
  31. <meta name="text:link1" content=""/>
  32. <meta name="text:link1URL" content=""/>
  33. <meta name="text:link2" content=""/>
  34. <meta name="text:link2URL" content=""/>
  35. <meta name="text:link3" content=""/>
  36. <meta name="text:link3URL" content=""/>
  37. <meta name="text:link4" content=""/>
  38. <meta name="text:link4URL" content=""/>
  39.  
  40. <meta name="text:post width" content=""/>
  41.  
  42. <meta name="text:link 1 icon" content=""/>
  43. <meta name="text:link 2 icon" content=""/>
  44. <meta name="text:link 3 icon" content=""/>
  45. <meta name="text:link 4 icon" content=""/>
  46.  
  47. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  48. <!-- NPF IMAGES READJUSTMENT | @glenthemes v2.0 [last updated: 2021-02-10] -->
  49. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css"
  50. rel="stylesheet">
  51. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  52. <script>
  53. $(document).ready(function(){
  54. $(".npf_inst").each(function(){
  55. if($(this).parent(".cap").prev(".reblogheader").length){
  56. if($(this).next("p").length){
  57. $(this).prependTo($(this).parents(".text-post"));
  58. }
  59. }
  60. });
  61. </script>
  62.  
  63. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  64.  
  65. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  66.  
  67. <script src="//pull.cappuccicons.com/cpf.js"></script>
  68.  
  69. <script src="https://unpkg.com/@popperjs/core@2"></script>
  70. <script src="https://unpkg.com/tippy.js@6"></script>
  71.  
  72. <style type="text/css">
  73. @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
  74.  
  75. :root { --NPF-Image-Spacing:5px; --NPF-Bottom-Gap-From-Captions:1em; }
  76.  
  77. iframe.tmblr-iframe {
  78. z-index:99999999999999!important;
  79. top:10px!important;
  80. right:0!important;
  81. opacity:0.4;
  82. /* delete invert(1) from here */
  83. filter:invert(1) contrast(150%);
  84. -webkit-filter:invert(1) contrast(150%);
  85. -o-filter:invert(1) contrast(150%);
  86. -moz-filter:invert(1) contrast(150%);
  87. -ms-filter:invert(1) contrast(150%);
  88. /* to here if your blog has a dark background */
  89. transform:scale(0.65);
  90. transform-origin:100% 0;
  91. -webkit-transform:scale(0.65);
  92. -webkit-transform-origin:100% 0;
  93. -o-transform:scale(0.65);
  94. -o-transform-origin:100% 0;
  95. -moz-transform:scale(0.65);
  96. -moz-transform-origin:100% 0;
  97. -ms-transform:scale(0.65);
  98. -ms-transform-origin:100% 0;}
  99.  
  100. iframe.tmblr-iframe:hover {
  101. opacity:0.6!important;}
  102.  
  103. .tippy-box{
  104. background:#fff;
  105. color:{color:body};
  106. font-size:12px;
  107. }
  108.  
  109. body{
  110. margin:0;
  111. padding:0;
  112. font-family:'Lato';
  113. font-size:12px;
  114. color:{color:body};
  115. background:{color:bg};
  116. }
  117.  
  118. a{
  119. text-decoration:none;
  120. }
  121.  
  122. #topbar{
  123. width:100%;
  124. height:10px;
  125. position:fixed;
  126. background:#141414;
  127. left:0;
  128. top:0;
  129. z-index:9;
  130. }
  131.  
  132. #sidebar{
  133. width:350px;
  134. position:fixed;
  135. top:50px;
  136. background:#fff;
  137. left:120px;
  138. padding-bottom:20px;
  139. }
  140.  
  141. #colortop{
  142. width:100%;
  143. height:65px;
  144. background:#141414;
  145. }
  146.  
  147. #blogtitle{
  148. display:block;
  149. padding:6px;
  150. background:#fff;
  151. text-align:center;
  152. text-transform:uppercase;
  153. font-weight:700;
  154. font-size:16px;
  155. margin-bottom:15px;
  156. }
  157.  
  158. #blogtitle:first-letter{
  159. background:#141414;
  160. color:#fff;
  161. padding:12px;
  162. border-radius:5px;
  163. font-size:20px;
  164. margin-right:3px;
  165. border:3px solid #fff;
  166. }
  167.  
  168. #desc{
  169. text-align:justify;
  170. padding:10px;
  171. width:80%;
  172. margin:0 auto;
  173. background:#fff;
  174. margin-bottom:15px;
  175. }
  176.  
  177. #linkcont{
  178. display:flex;
  179. margin-top:30px;
  180. margin:0 auto;
  181. width:80%;
  182. }
  183.  
  184. #navcont, #custom_cont{
  185. width:50%;
  186. }
  187.  
  188. #navcont{
  189. margin-right:10px;
  190. }
  191.  
  192. .navlink, .custom_link{
  193. display:flex;
  194. margin-bottom:10px;
  195. background:#141414;
  196. justify-content:space-between;
  197. padding:10px;
  198. color:{color:body};
  199. text-transform:uppercase;
  200. }
  201.  
  202. .navlink a, .custom_link a{
  203. color:#fff;
  204. font-weight:700;
  205. box-shadow:0 -5px inset {color:accent};
  206. }
  207.  
  208. .navlink_icon{
  209. color:#fff;
  210. font-size:16px;
  211. }
  212.  
  213. #container{
  214. width:55%;
  215. margin:0 auto;
  216. margin-left:550px;
  217. margin-top:50px;
  218. }
  219.  
  220. .post{
  221. width:{text:post width}px;
  222. margin-bottom:50px;
  223. position:relative;
  224. min-width:500px;
  225. max-width:700px;
  226. }
  227.  
  228. .title{
  229. display:block;
  230. padding:10px;
  231. text-align:center;
  232. font-size:16px;
  233. margin-bottom:2px;
  234. border-bottom:3px solid {color:accent};
  235. font-weight:700;
  236. background:#141414;
  237. color:#fff;
  238. text-transform:uppercase;
  239. }
  240.  
  241. .post img{
  242. max-width:100%;
  243. }
  244.  
  245. .cap{
  246. background:{color:post bg};
  247. word-wrap:break-word;
  248. padding:12px;
  249. text-align:justify;
  250. }
  251.  
  252. .cap blockquote{
  253. padding-left:15px;
  254. border-left:1px solid #141414;
  255. }
  256.  
  257. .cap blockquote blockquote{
  258. padding-left:15px;
  259. border-left:1px solid #141414;
  260. }
  261.  
  262. .cap a{
  263. color:{color:body};
  264. box-shadow:0 -5px inset {color:accent};
  265. }
  266.  
  267. .reblogheader{
  268. padding:10px;
  269. background:{color:post bg};
  270. margin-bottom:2px;
  271. }
  272.  
  273. .reblogheader a{
  274. color:{color:body};
  275. box-shadow:0 -3px inset {color:accent};
  276. font-weight:700;
  277. }
  278.  
  279. .pinfo{
  280. background:#141414;
  281. padding:20px;
  282. text-align:center;
  283. text-transform:uppercase;
  284. color:#fff;
  285. display:flex;
  286. align-items:center;
  287. justify-content:center;
  288. }
  289.  
  290. .pcirc{
  291. font-size:5px;
  292. color:{color:accent};
  293. margin-left:10px;
  294. margin-right:10px;
  295. }
  296.  
  297. .pinfo a{
  298. font-weight:700;
  299. color:#fff;
  300. box-shadow:0 -5px inset {color:accent};
  301. }
  302.  
  303. .reblogcont{
  304. position:absolute;
  305. left:calc({text:post width}px + 20px);
  306. top:0;
  307. opacity:0;
  308. transition:.5s ease-in;
  309. }
  310.  
  311. .post:hover .reblogcont{
  312. opacity:1;
  313. }
  314.  
  315. .controls a{
  316. display:block;
  317. width:15px;
  318. height:15px;
  319. padding:10px;
  320. background:#141414;
  321. color:#fff;
  322. margin-bottom:20px;
  323. text-align:center;
  324. font-size:15px;
  325. border-radius:5px;
  326. border-bottom:3px solid {color:accent};
  327. }
  328.  
  329. .controls .like{
  330. display:inline-block;
  331. }
  332.  
  333. .controls .like .liked + svg {
  334. opacity:1;
  335. }
  336.  
  337. .controls .like .liked + svg path {
  338. fill:#ec5a5a;
  339. }
  340.  
  341. .controls .like .like_button {
  342. position:relative;
  343. }
  344.  
  345. .controls .like .like_button iframe {
  346. position:absolute;
  347. top:0;
  348. left:0;
  349. bottom:0;
  350. right:0;
  351. z-index:2;
  352. opacity:0;
  353. }
  354.  
  355. .tagcont{
  356. width:calc({text:post width}px - 20px);
  357. padding:10px;
  358. display:none;
  359. }
  360.  
  361. .tagcont a{
  362. font-size:10px;
  363. display:inline;
  364. margin-right:2px;
  365. margin-bottom:2px;
  366. color:{color:body};
  367. }
  368.  
  369. .qbox{
  370. background:{color:post bg};
  371. display:flex;
  372. align-items:center;
  373. margin-bottom:5px;
  374. flex-wrap:wrap;
  375. }
  376.  
  377. .asker{
  378. text-align:center;
  379. padding:10px;
  380. width:100%;
  381. background:#141414;
  382. color:#fff;
  383. text-transform:uppercase;
  384. }
  385.  
  386. .asker a{
  387. box-shadow:0 -3px 0 inset {color:accent};
  388. padding:0;
  389. }
  390.  
  391. .qtext{
  392. text-align:justify;
  393. padding:10px;
  394. }
  395.  
  396. #pagin{
  397. display:flex;
  398. margin-top:10px;
  399. text-transform:uppercase;
  400. align-items:center;
  401. padding:10px;
  402. font-weight:700;
  403. justify-content:center;
  404. }
  405.  
  406. a.prev_page, a.next_page{
  407. font-size:8px;
  408. padding:4px;
  409. background:#141414;
  410. color:#fff;
  411. }
  412.  
  413. a.prev_page{
  414. margin-right:10px;
  415. }
  416.  
  417. a.next_page{
  418. margin-left:10px;
  419. }
  420.  
  421. .pnotes{
  422. width:calc({text:post width}px - 20px);
  423. margin-top:20px;
  424. position:absolute;
  425. background:#fff;
  426. padding:10px;
  427. margin-bottom:20px;
  428. }
  429.  
  430. .pnotes ol li{
  431. display:flex;
  432. padding:10px;
  433. flex-wrap:wrap;
  434. align-items:center;
  435. list-style-type:none!important;
  436. }
  437.  
  438. .pnotes a{
  439. color:{color:body};
  440. font-weight:700;
  441. }
  442.  
  443. ol.notes{
  444. width:100%;
  445. margin-left:-40px;
  446. margin-top:-2px;
  447. }
  448.  
  449. .note.reblog:before, .note.like:before, .note.reply:before{
  450. background:#ddd;
  451. font-size:12px;
  452. padding:5px;
  453. background:#141414;
  454. border-radius:3px;
  455. color:#fff;
  456. margin-right:10px;
  457. font-family:'cappuccicons';
  458. line-height:100%;
  459. }
  460.  
  461. .note.reblog:before{
  462. content:'\ec37';
  463. }
  464.  
  465. .note.like:before{
  466. content:'\eb04';
  467. }
  468.  
  469. .note.reply:before{
  470. content:'\e9d7';
  471. }
  472.  
  473. .note li{
  474. padding:10px;
  475. }
  476.  
  477. .pnotes img.avatar{
  478. display:none;
  479. }
  480.  
  481. .tumblr_audio_player{
  482. width:{text:post width}px !important;
  483. margin-bottom:5px;
  484. }
  485.  
  486. #quote{
  487. font-family:'Lato';
  488. font-size:16px;
  489. padding:10px;
  490. background:{color:post bg};
  491. font-style:italic;
  492. margin-bottom:5px;
  493. text-align:center;
  494. }
  495.  
  496. #source{
  497. text-align:center;
  498. font-weight:700;
  499. }
  500.  
  501. #link{
  502. background:#141414;
  503. border-bottom:3px solid {color:accent};
  504. color:#fff;
  505. text-align:center;
  506. text-transform:uppercase;
  507. font-size:16px;
  508. padding:10px;
  509. margin-bottom:5px;
  510. }
  511.  
  512. #link a{
  513. color:#fff;
  514. }
  515.  
  516. .chat li{
  517. list-style-type:none !important;
  518. margin-left:-20px;
  519. padding-bottom:8px;
  520. margin-bottom:2px;
  521. }
  522.  
  523. .line_odd .label, .line_even .label{
  524. font-weight:700;
  525. }
  526. </style>
  527. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  528. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  529. </head>
  530.  
  531. <body>
  532. <div id="topbar"></div>
  533.  
  534. <div id="sidebar">
  535. <div style="background:#fff">
  536. <div id="colortop"></div>
  537. <div id="blogtitle">{Title}</div>
  538. <div id="desc">{Description}</div>
  539. </div>
  540.  
  541. <div id="linkcont">
  542. <div id="navcont">
  543. <div class="navlink">
  544. <i class="cp cp-home-o navlink_icon"></i><a href="/">index</a>
  545. </div>
  546.  
  547. <div class="navlink">
  548. <i class="cp cp-envelope-alt-o navlink_icon"></i><a href="/ask">message</a>
  549. </div>
  550.  
  551. <div class="navlink">
  552. <i class="cp cp-calendar-o navlink_icon"></i><a href="/archive">archive</a>
  553. </div>
  554.  
  555. <div class="navlink">
  556. <i class="cp cp-code navlink_icon"></i><a href="//kuzuriha.tumblr.com">theme</a>
  557. </div>
  558. </div>
  559.  
  560. <div id="custom_cont">
  561. <div class="custom_link">
  562. {block:ifLink1}
  563. <a href="{text:Link1URL}">{text:Link1}</a>
  564. <i class="cp cp-{text:link 1 icon} navlink_icon"/></i>
  565. {/block:ifLink1}
  566. </div>
  567. <div class="custom_link">
  568. {block:ifLink2}
  569. <a href="{text:Link2URL}">{text:Link2}</a>
  570. <i class="cp cp-{text:link 2 icon} navlink_icon"/></i>
  571. {/block:ifLink2}
  572. </div>
  573. <div class="custom_link">
  574. {block:ifLink3}
  575. <a href="{text:Link3URL}">{text:Link3}</a>
  576. <i class="cp cp-{text:link 3 icon} navlink_icon"/></i>
  577. {/block:ifLink3}
  578. </div>
  579. <div class="custom_link">
  580. {block:ifLink4}
  581. <a href="{text:Link4URL}">{text:Link4}</a>
  582. <i class="cp cp-{text:link 4 icon} navlink_icon"/></i>
  583. {/block:ifLink4}
  584. </div>
  585. </div>
  586. </div>
  587.  
  588. {block:Pagination}
  589. <div id="pagin">
  590. {block:PreviousPage}<a href="{PreviousPage}" class="prev_page"><i class="cp cp-chevron-left"></i></a>{/block:PreviousPage}
  591. Page {CurrentPage} of {TotalPages}
  592. {block:NextPage}<a href="{NextPage}" class="next_page"><i class="cp cp-chevron-right"></i></a>{/block:NextPage}
  593. </div>
  594. {/block:Pagination}
  595.  
  596. </div>
  597.  
  598. <div id="container">
  599. {block:Posts inlineMediaWidth="1280"}
  600. <div class="post" id="{PostID}" post-type="{PostType}">
  601.  
  602. {block:Text}
  603. <div class="text-post">
  604. {block:Title}<div class="title">{Title}</div>{/block:Title}
  605. {block:NotReblog}<div class="cap">{Body}</div>{/block:NotReblog}
  606.  
  607. {block:RebloggedFrom}
  608. {block:Reblogs}
  609. <div class="reblogheader">
  610. {block:IsActive}
  611. <a href="{Permalink}">{Username}</a>
  612. {/block:IsActive}
  613.  
  614. {block:IsDeactivated}
  615. <strike>{Username}</strike>
  616. {/block:IsDeactivated}
  617. </div>
  618. <div class="cap">{Body}</div>
  619. {/block:Reblogs}
  620. {/block:RebloggedFrom}
  621. </div>
  622. {/block:Text}
  623.  
  624. {block:Photo}
  625. <center><img src="{PhotoURL-HighRes}"/></center>
  626. {block:NotReblog}
  627. {block:Caption}
  628. <div class="cap">{Caption}</div>{/block:Caption}
  629. {/block:NotReblog}
  630. {block:RebloggedFrom}
  631. {block:Reblogs}
  632. <div class="reblogheader">
  633. {block:IsActive}
  634. <a href="{Permalink}">{Username}</a>
  635. {/block:IsActive}
  636.  
  637. {block:IsDeactivated}
  638. <strike>{Username}</strike>
  639. {/block:IsDeactivated}
  640. </div>
  641. <div class="cap">{Body}</div>
  642. {/block:Reblogs}
  643. {/block:RebloggedFrom}
  644. {/block:Photo}
  645.  
  646. {block:Photoset}
  647. <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>
  648.  
  649. {block:NotReblog}
  650. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  651. {/block:NotReblog}
  652. {block:RebloggedFrom}
  653. {block:Reblogs}
  654. <div class="reblogheader">
  655. {block:IsActive}
  656. <a href="{Permalink}">{Username}</a>
  657. {/block:IsActive}
  658.  
  659. {block:IsDeactivated}
  660. <strike>{Username}</strike>
  661. {/block:IsDeactivated}
  662. </div>
  663. <div class="cap">{Body}</div>
  664. {/block:Reblogs}
  665. {/block:RebloggedFrom}
  666. {/block:Photoset}
  667.  
  668. {block:Video}
  669. <div class="video">{Video-500}</div>
  670.  
  671. {block:NotReblog}
  672. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  673. {/block:NotReblog}
  674. {block:RebloggedFrom}
  675. {block:Reblogs}
  676. <div class="reblogheader">
  677. {block:IsActive}
  678. <a href="{Permalink}">{Username}</a>
  679. {/block:IsActive}
  680.  
  681. {block:IsDeactivated}
  682. <strike>{Username}</strike>
  683. {/block:IsDeactivated}
  684. </div>
  685. <div class="cap">{Body}</div>
  686. {/block:Reblogs}
  687. {/block:RebloggedFrom}
  688. {/block:Video}
  689.  
  690. {block:Quote}
  691. <div id="quote">{Quote}</div>
  692. <div class="cap">
  693. {block:Source}<div id="source">{Source}</div>{/block:Source}
  694. </div>
  695. {/block:Quote}
  696.  
  697. {block:Link}
  698. <div id="link"><a href="{URL}">{Name}</a></div>
  699. {block:NotReblog}
  700. {block:Description}
  701. <div class="cap">{Description}</div>{/block:Description}
  702. {/block:NotReblog}
  703. {block:RebloggedFrom}
  704. {block:Reblogs}
  705. <div class="reblogheader">
  706. {block:IsActive}
  707. <a href="{Permalink}">{Username}</a>
  708. {/block:IsActive}
  709.  
  710. {block:IsDeactivated}
  711. <strike>{Username}</strike>
  712. {/block:IsDeactivated}
  713. </div>
  714. <div class="cap">{Body}</div>
  715. {/block:Reblogs}
  716. {/block:RebloggedFrom}
  717. {/block:Link}
  718.  
  719. {block:Chat}
  720. {block:Title}<div class="title">{Title}</div>{/block:Title}
  721. <div class="cap">
  722. <ul class="chat">
  723. {block:Lines}
  724. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  725. {/block:Lines}
  726. </li>
  727. </ul>
  728. </div>
  729. {/block:Chat}
  730.  
  731. {block:Audio}
  732. {AudioEmbed}
  733. {block:NotReblogged}
  734. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  735. {/block:NotReblogged}
  736.  
  737. {block:RebloggedFrom}
  738. {block:Reblogs}
  739. <div class="reblogheader">
  740. {block:IsActive}
  741. <a href="{Permalink}">{Username}</a>
  742. {/block:IsActive}
  743.  
  744. {block:IsDeactivated}
  745. <strike>{Username}</strike>
  746. {/block:IsDeactivated}
  747. </div>
  748. <div class="cap">{Body}</div>
  749. {/block:Reblogs}
  750. {/block:RebloggedFrom}
  751.  
  752. {/block:Audio}
  753.  
  754. {block:Answer}
  755. <div class="qbox">
  756. <div class="asker">from: <b>{Asker}</b></div>
  757. <div class="qtext">{Question}</div>
  758. </div>
  759.  
  760. {block:Answerer}
  761. {block:RebloggedFrom}
  762. <div class="reblogheader"><a href="{Permalink}">{Answerer}</a></div>
  763. {/block:RebloggedFrom}
  764. <div class="cap">{Answer}</div>
  765. {/block:Answerer}
  766.  
  767. {block:NotReblog}
  768. <div class="cap">{Replies}</div>
  769. {/block:NotReblog}
  770.  
  771. {block:RebloggedFrom}
  772. {block:Reblogs}
  773. <div class="reblogheader">
  774. {block:IsActive}
  775. <a href="{Permalink}">{Username}</a>
  776. {/block:IsActive}
  777.  
  778. {block:IsDeactivated}
  779. <strike>{Username}</strike>
  780. {/block:IsDeactivated}
  781. </div>
  782. <div class="cap">{Body}</div>
  783. {/block:Reblogs}
  784. {/block:RebloggedFrom}
  785. {/block:Answer}
  786.  
  787. {block:IndexPage}
  788. {block:Date}
  789. <div class="pinfo">{Month} {DayOfMonth} <i class="cp cp-circle pcirc"></i>{NoteCount} {block:HasTags}<i class="cp cp-circle pcirc"></i> <a class="viewtags {PostID}">view tags</a>{/block:HasTags}
  790. {block:RebloggedFrom} <i class="cp cp-circle pcirc"></i>
  791. <a href="{ReblogParentURL}">via</a>
  792. <i class="cp cp-circle pcirc"></i>
  793. <a href="{ReblogRootURL}">
  794. source
  795. </a>
  796. {/block:RebloggedFrom}
  797. </div>
  798.  
  799. <div class="reblogcont">
  800. <div class="controls">
  801. <a href="{ReblogURL}" target="_blank" title="reblog" class="reblog"><i class="cp cp-reblog-alt"></i>
  802. </a>
  803. <a href="#" class="like" title="like">{LikeButton}<i class="cp cp-heart-o"></i>
  804. </a>
  805. <a href="{Permalink}" title="post link"><i class="cp cp-bookmark-o"></i></a>
  806. </div>
  807. </div>
  808. {/block:Date}
  809.  
  810.  
  811. {block:HasTags}
  812. <div class="tagcont {PostID}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  813. </div>
  814. {/block:HasTags}
  815.  
  816. {/block:IndexPage}
  817.  
  818. {block:ContentSource}
  819. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  820. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  821. {/block:SourceLogo}
  822. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  823. {/block:ContentSource}
  824.  
  825. {block:PermalinkPage}
  826. {block:PostNotes}
  827. <div class="pinfo">Posted on {Month} {DayOfMonth} with {NoteCountWithLabel}
  828. {block:RebloggedFrom} <i class="cp cp-circle pcirc"></i>
  829. <a href="{ReblogParentURL}">via</a>
  830. <i class="cp cp-circle pcirc"></i>
  831. <a href="{ReblogRootURL}">
  832. source
  833. </a>
  834. {/block:RebloggedFrom}
  835. </div>
  836.  
  837. <div class="pnotes">
  838. <ol class="notes">{PostNotes}</ol>
  839. </div>
  840. {/block:PostNotes}
  841. {/block:PermalinkPage}
  842.  
  843. </div><!--end posts-->
  844. <script>
  845. $('a.viewtags.{PostID}').click(function(e){
  846. e.preventDefault();
  847. $('.tagcont.{PostID}').slideToggle();
  848. $(this).text( $(this).text() == 'view tags' ? "close tags" : "view tags");// using ternary operator.
  849. });
  850.  
  851. </script>
  852. {/block:Posts}
  853. </div>
  854.  
  855. <script>
  856. $(document).ready(function(){
  857. $('.photo-slideshow').pxuPhotoset({
  858. lightbox: true,
  859. rounded: false,
  860. gutter: '5px',
  861. borderRadius: '0px',
  862. photoset: '.photo-slideshow',
  863. photoWrap: '.photo-data',
  864. photo: '.pxu-photo'
  865. });
  866.  
  867. function flexFrame() {
  868. $(".cap").each(function() {
  869. $(this).find("iframe").wrap("<div class='capframe'></div>"); // wrap iframe
  870. flexibleFrames($(".capframe"));
  871. });
  872. flexibleFrames($(".video"));
  873. }
  874.  
  875. $(document).ready(flexFrame);
  876.  
  877. tippy('[title]', {
  878. // change these to your liking
  879. arrow: false,
  880. placement: 'right', // top, right, bottom, left
  881. delay: 5, //ms
  882. distance: 15, //px or string
  883. maxWidth: 300, //px or string
  884.  
  885. // leave these as they are
  886. followCursor: false,
  887. allowHTML: true,
  888. theme: 'custom',
  889. ignoreAttributes: true,
  890. content(reference) {
  891. const title = reference.getAttribute('title');
  892. reference.removeAttribute('title');
  893. return title;
  894. },
  895. });
  896. });
  897.  
  898. </script>
  899. </body>
  900. </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!