API tools faq
paste
aeternaphantasia

theme #05: elysion

aeternaphantasia
May 18th, 2019 (edited)
2,966
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.16 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 #05: Elysion
  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:postbg" content="#fff"/>
  26. <meta name="color:body" content="#1C1C1C"/>
  27. <meta name="color:first accent" content="#FFBE8C"/>
  28. <meta name="color:second accent" content="#FF9280"/>
  29.  
  30. <meta name="image:icon" content=""/>
  31.  
  32. <meta name="if:gradientbg" content="1"/>
  33.  
  34. <meta name="text:link1" content=""/>
  35. <meta name="text:link1URL" content=""/>
  36. <meta name="text:link2" content=""/>
  37. <meta name="text:link2URL" content=""/>
  38. <meta name="text:link3" content=""/>
  39. <meta name="text:link3URL" content=""/>
  40. <meta name="text:link4" content=""/>
  41. <meta name="text:link4URL" content=""/>
  42. <meta name="text:link5" content=""/>
  43. <meta name="text:link5URL" content=""/>
  44. <meta name="text:link6" content=""/>
  45. <meta name="text:link6URL" content=""/>
  46.  
  47. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  48.  
  49. <script src="//use.edgefonts.net/open-sans;pt-serif.js"></script>
  50. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.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/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:0,
  67.  
  68. tip_fade_speed:0,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80. <style type="text/css">
  81. ::selection{
  82. background:{color:first accent};
  83. color:#fff;
  84. }
  85.  
  86. ::-moz-selection{
  87. background:{color:first accent};
  88. color:#fff;
  89. }
  90. iframe.tmblr-iframe {
  91. z-index:99999999999999!important;
  92. top:0!important;
  93. right:0!important;
  94. opacity:0.4;
  95. /* delete invert(1) from here */
  96. filter:invert(1) contrast(150%);
  97. -webkit-filter:invert(1) contrast(150%);
  98. -o-filter:invert(1) contrast(150%);
  99. -moz-filter:invert(1) contrast(150%);
  100. -ms-filter:invert(1) contrast(150%);
  101. /* to here if your blog has a dark background */
  102. transform:scale(0.65);
  103. transform-origin:100% 0;
  104. -webkit-transform:scale(0.65);
  105. -webkit-transform-origin:100% 0;
  106. -o-transform:scale(0.65);
  107. -o-transform-origin:100% 0;
  108. -moz-transform:scale(0.65);
  109. -moz-transform-origin:100% 0;
  110. -ms-transform:scale(0.65);
  111. -ms-transform-origin:100% 0;}
  112.  
  113. iframe.tmblr-iframe:hover {
  114. opacity:0.6!important;}
  115.  
  116. #s-m-t-tooltip {
  117. max-width:200px;
  118. padding:5px 10px 5px 10px;
  119. margin:20px 14px 7px 10px;
  120. background-color:{color:second accent}; /* change the background color */
  121. font-style: normal;
  122. font-family:pt-serif;
  123. font-size:10px; /* change the font size */
  124. line-height:13px;
  125. letter-spacing:1px; /* change the letter spacing */
  126. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  127. color:#fff; /* change the text color */
  128. z-index:999999;
  129. }
  130.  
  131. body{
  132. font-family:open-sans;
  133. margin:0;
  134. font-size:12px;
  135. padding:0;
  136. {block:ifgradientbg}
  137. min-height:100vh;
  138. background: linear-gradient(to right, {color:first accent},{color:second accent}); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  139. {/block:ifgradientbg}
  140.  
  141. {block:ifnotgradientbg}
  142. background:{color:bg} url('{image:bg}') fixed;
  143. {/block:ifnotgradientbg}
  144.  
  145. color:{color:body};
  146. overflow-y:hidden;
  147. }
  148.  
  149. a{
  150. text-decoration:none;
  151. }
  152.  
  153. #maincont{
  154. width:190vh;
  155. height:81vh;
  156. max-height:81vh;
  157. background:#fff;
  158. overflow-x:hidden;
  159. overflow-y:scroll;
  160. margin:0 auto;
  161. padding:20px;
  162. margin-top:45px;
  163. }
  164.  
  165. #maincont::-webkit-scrollbar{
  166. width:15px;
  167. }
  168.  
  169. #maincont::-webkit-scrollbar-thumb:vertical{
  170. height:auto;
  171. background:{color:first accent};
  172. border:5px solid #fff;
  173. }
  174.  
  175. #icon{
  176. width:48px;
  177. height:48px;
  178. margin:0 auto;
  179. margin-top:15px;
  180. }
  181.  
  182. #icon img{
  183. width:48px;
  184. height:48px;
  185. max-width:48px;
  186. max-height:48px;
  187. }
  188.  
  189. #bloginfo{
  190. margin:0 auto;
  191. width:40%;
  192. margin-top:-20px;
  193. }
  194.  
  195. #navcont{
  196. width:100%;
  197. top:5px;
  198. left:30px;
  199. position:fixed;
  200. }
  201.  
  202. .navlink a{
  203. display:inline-block;
  204. padding:6px;
  205. margin-right:10px;
  206. text-align:center;
  207.  
  208. {block:ifnotgradientbg}
  209. background:linear-gradient(to right, {color:first accent},{color:second accent}); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  210. {/block:ifnotgradientbg}
  211. color:#fff;
  212. min-width:60px;
  213. font-family:pt-serif;
  214. font-size:16px;
  215. }
  216.  
  217. #blogtitle{
  218. display:block;
  219. font-family:pt-serif;
  220. font-size:18px;
  221. font-weight:700;
  222. margin-top:10px;
  223. text-align:center;
  224. text-transform:lowercase;
  225. }
  226.  
  227. #desc{
  228. display:block;
  229. padding:8px;
  230. text-align:center;
  231. margin-top:8px;
  232. }
  233.  
  234. #container{
  235. width:70%;
  236. margin:0 auto;
  237. }
  238.  
  239. .postwrap{
  240. overflow:hidden;
  241. margin:0 auto;
  242. margin-top:30px;
  243. position:relative;
  244. }
  245.  
  246. .postleft{
  247. width:540px;
  248. {block:PermalinkPage}
  249. margin-left:170px;
  250. {/block:PermalinkPage}
  251. {block:indexpage}
  252. border-right:1px solid {color:first accent};
  253. float:left;
  254. margin-left:100px;
  255. padding-right:50px;
  256. {/block:indexpage}
  257. -moz-box-sizing:border-box;
  258. box-sizing:border-box;
  259. }
  260.  
  261. .post{
  262. position:relative;
  263. margin:0 auto;
  264. background:{color:postbg};
  265. margin-bottom:80px;
  266. }
  267.  
  268. .cap{
  269. word-wrap:break-word;
  270. padding:4px 10px 3px 10px;
  271. text-align:justify;
  272. }
  273.  
  274. .cap a{
  275. box-shadow:inset 0 -3px 0 {color:second accent};
  276. color:{color:body};
  277. }
  278.  
  279. .cap blockquote{
  280. padding-left:5px;
  281. border-left:3px solid {color:first accent};
  282. }
  283.  
  284. .cap blockquote blockquote{
  285. padding-left:5px;
  286. border-left:3px solid {color:first accent};
  287. }
  288.  
  289. .post img{
  290. max-width:100%;
  291. }
  292.  
  293. .title{
  294. font-family:pt-serif;
  295. padding:10px;
  296. font-size:16px;
  297. display:block;
  298. font-weight:700;
  299. text-align:center;
  300. }
  301.  
  302. #quote{
  303. font-family:pt-serif;
  304. font-style:italic;
  305. font-size:18px;
  306. text-transform:lowercase;
  307. padding:10px;
  308. text-align:center;
  309. }
  310.  
  311. #source{
  312. display:block;
  313. text-align:right;
  314. padding:10px;
  315. }
  316.  
  317. #link a{
  318. display:block;
  319. background:linear-gradient(to right, {color:first accent},{color:second accent});
  320. color:#fff;
  321. font-family:pt-serif;
  322. font-size:16px;
  323. font-weight:700;
  324. padding:10px;
  325. text-align:center;
  326. }
  327.  
  328. #playcont{
  329. padding:10px;
  330. }
  331.  
  332. .playbutton{
  333. position:absolute;
  334. overflow:hidden;
  335. width:33px;
  336. height:30px;
  337. z-index:3;
  338. }
  339.  
  340. .audioinfo{
  341. position:relative;
  342. padding:6px;
  343. text-transform:lowercase;
  344. font-family:pt-serif;
  345. margin-left:40px;
  346. min-width:60px;
  347. font-size:12px;
  348. font-weight:700;
  349. }
  350.  
  351. .inforight{
  352. float:left;
  353. width:150px;
  354. border-left:1px solid {color:first accent};
  355. margin-left:-1px;
  356. -moz-box-sizing:border-box;
  357. box-sizing:border-box;
  358. }
  359.  
  360. .pinfo{
  361. padding:10px;
  362. display:block;
  363. font-family:pt-serif;
  364. text-align:center;
  365. }
  366.  
  367. .pinfo a{
  368. box-shadow:inset 0 -3px 0 {color:first accent};
  369. color:{color:body};
  370. }
  371.  
  372. .reblogcont{
  373. margin-top:10px;
  374. }
  375.  
  376. .reblogcont a{
  377. display:inline-block;
  378. margin-right:5px;
  379. }
  380.  
  381. .controls a{
  382. display:inline-block;
  383. width:12px;
  384. height:12px;
  385. margin-right:3px;
  386. background:linear-gradient(to right, {color:first accent},{color:second accent});
  387. box-shadow:none;
  388. text-align:center;
  389. padding:10px;
  390. border-radius:50px;
  391. color:#fff;
  392. line-height:100%;
  393. }
  394.  
  395. .controls .like{
  396. display:inline-block;
  397. }
  398.  
  399. .controls .like .liked + svg {
  400. opacity:1;
  401. }
  402.  
  403. .controls .like .liked + svg path {
  404. fill:#ec5a5a;
  405. }
  406.  
  407. .controls .like .like_button {
  408. position:relative;
  409. }
  410.  
  411. .controls .like .like_button iframe {
  412. position:absolute;
  413. top:0;
  414. left:0;
  415. bottom:0;
  416. right:0;
  417. z-index:2;
  418. opacity:0;
  419. }
  420.  
  421. #tagcont{
  422. padding:10px;
  423. text-align:center;
  424. display:block;
  425. border-top:1px solid {color:first accent};
  426. }
  427.  
  428. #tagcont a{
  429. font-size:10px;
  430. color:{color:body};
  431. font-family:pt-serif;
  432. display:inline-block;
  433. margin-right:4px;
  434. }
  435.  
  436. .reblogheader{
  437. background:linear-gradient(to right, {color:first accent},{color:second accent});
  438. display:block;
  439. padding:10px;
  440. color:#fff;
  441. text-align:center;
  442. }
  443.  
  444. .username a{
  445. color:#fff;
  446. font-family:pt-serif;
  447. font-style:italic;
  448. letter-spacing:1px;
  449. box-shadow:none;
  450. }
  451.  
  452. .chatwrap{
  453. padding:10px;
  454. }
  455.  
  456. .chat li{
  457. list-style-type:none !important;
  458. margin-left:-20px;
  459. margin-top:4px;
  460. padding-bottom:8px;
  461. margin-bottom:2px;
  462. font-family:pt-serif;
  463. }
  464.  
  465. .line_odd .label{
  466. font-weight:700;
  467. color:{color:first accent};
  468. }
  469.  
  470. .line_even .label{
  471. font-weight:700;
  472. color:{color:second accent};
  473. }
  474.  
  475. .qbox{
  476. display:block;
  477. text-align:center;
  478. }
  479.  
  480. .q{
  481. background:linear-gradient(to right, {color:first accent},{color:second accent});
  482. padding:15px;
  483. margin-bottom:10px;
  484. }
  485.  
  486. .asker{
  487. display:inline-block;
  488. box-shadow:inset 0 -3px 0 {color:second accent};
  489. color:{color:body};
  490. }
  491.  
  492. div.pnotes{
  493. width:520px;
  494. padding:10px;
  495. margin-left:170px;
  496. }
  497.  
  498. .pnotes a{
  499. color:#fff;
  500. }
  501.  
  502. ol.notes{
  503. list-style-type:none !important;
  504. margin-left:-40px;
  505. }
  506.  
  507. ol.notes li.note{
  508. min-width:100px;
  509. margin-bottom:10px;
  510. float:left;
  511. padding:5px;
  512. background:linear-gradient(111deg, {color:first accent} 0%, {color:second accent} 71%);
  513. color:#fff;
  514. margin-right:10px;
  515. }
  516.  
  517. .pnotes img.avatar{
  518. display:none;
  519. }
  520.  
  521. footer{
  522. text-align:center;
  523. margin-top:5px;
  524. }
  525.  
  526. footer #pag{
  527. color:#fff;
  528. }
  529.  
  530. footer #pagin a{
  531. display:inline-block;
  532. width:45px;
  533. font-family:pt-serif;
  534. font-style:italic;
  535. padding:6px;
  536. margin-right:50px;
  537. {block:ifgradientbg}
  538. color:#fff;
  539. {/block:ifgradientbg}
  540.  
  541. {block:ifnotgradientbg}
  542. background:linear-gradient(111deg, {color:first accent} 0%, {color:second accent} 71%);
  543. color:#fff;
  544. {/block:ifnotgradientbg}
  545. }
  546. </style>
  547.  
  548. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  549.  
  550. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  551. </head>
  552.  
  553. <body>
  554. <div id="navcont">
  555. <div class="navlink">
  556. <a href="/">home</a>
  557. <a href="/ask">ask</a>
  558. <a href="/archive">archive</a>
  559. <a href="//kuzuriha.tumblr.com">theme</a>
  560. {block:ifLink1}
  561. <a href="{text:Link1URL}">{text:Link1}</a>
  562. {/block:ifLink1}
  563.  
  564. {block:ifLink2}
  565. <a href="{text:Link2URL}">{text:Link2}</a>
  566. {/block:ifLink2}
  567.  
  568. {block:ifLink3}
  569. <a href="{text:Link3URL}">{text:Link3}</a>
  570. {/block:ifLink3}
  571.  
  572. {block:ifLink4}
  573. <a href="{text:Link4URL}">{text:Link4}</a>
  574. {/block:ifLink4}
  575.  
  576. {block:ifLink5}
  577. <a href="{text:Link5URL}">{text:Link5}</a>
  578. {/block:ifLink5}
  579.  
  580. {block:ifLink6}
  581. <a href="{text:Link6URL}">{text:Link6}</a>
  582. {/block:ifLink6}
  583. </div>
  584. </div>
  585.  
  586. <div id="maincont">
  587. <div id="bloginfo">
  588.  
  589. <div id="icon"><img src="{image:icon}"/></div>
  590.  
  591. <div id="blogtitle">{Title}</div>
  592. <div id="desc">{Description}</div>
  593. </div>
  594.  
  595.  
  596. <div id="container">
  597. {block:Posts}
  598.  
  599. <div class="post" id="{PostID}">
  600.  
  601. <div class="postwrap">
  602.  
  603. <div class="postleft">
  604. {block:Text}
  605. {block:Title}<div class="title">{Title}</div>{/block:Title}
  606. {block:NotReblog}<div class="cap">{Body}</div>{/block:NotReblog}
  607.  
  608. {block:RebloggedFrom}
  609. {block:Reblogs}
  610. <div class="reblogheader">
  611. {block:IsActive}
  612. <div class="username"><a href="{Permalink}">{Username}</a></div>
  613. {/block:IsActive}
  614.  
  615. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  616. </div>
  617.  
  618. <div class="cap">{Body}</div>
  619. {/block:Reblogs}
  620. {/block:RebloggedFrom}
  621.  
  622. {/block:Text}
  623.  
  624. {block:Photo}
  625. <center>
  626. {LinkOpenTag}<div class="photopost"><img src="{PhotoURL-HighRes}"/></div>
  627. {LinkCloseTag}
  628. </center>
  629. {block:NotReblog}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:NotReblog}
  630.  
  631. {block:RebloggedFrom}
  632. {block:Reblogs}
  633. <div class="reblogheader" style="margin-top:3px;">
  634. {block:IsActive}
  635. <div class="username"><a href="{Permalink}">{Username}</a></div>
  636. {/block:IsActive}
  637.  
  638. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  639. </div>
  640.  
  641. <div class="cap">{Body}</div>
  642. {/block:Reblogs}
  643. {/block:RebloggedFrom}
  644. {/block:Photo}
  645.  
  646.  
  647. {block:Photoset}
  648. <div class="photopost">
  649. <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>
  650. </div>
  651.  
  652. {block:NotReblog}
  653. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  654. {/block:NotReblog}
  655.  
  656. {block:RebloggedFrom}
  657. {block:Reblogs}
  658. <div class="reblogheader" style="margin-top:3px;">
  659. {block:IsActive}
  660. <div class="username"><a href="{Permalink}">{Username}</a></div>
  661. {/block:IsActive}
  662.  
  663. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  664. </div>
  665.  
  666. <div class="cap">{Body}</div>
  667. {/block:Reblogs}
  668. {/block:RebloggedFrom}
  669. {/block:Photoset}
  670.  
  671. {block:Video}
  672.  
  673. <div class="video">{Video-500}</div>
  674.  
  675. {block:NotReblog}
  676. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  677. {/block:NotReblog}
  678.  
  679. {block:RebloggedFrom}
  680. {block:Reblogs}
  681. <div class="reblogheader">
  682. {block:IsActive}
  683. <div class="username"><a href="{Permalink}">{Username}</a></div>
  684. {/block:IsActive}
  685.  
  686. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  687. </div>
  688.  
  689. <div class="cap">{Body}</div>
  690. {/block:Reblogs}
  691. {/block:RebloggedFrom}
  692. {/block:Video}
  693.  
  694. {block:Quote}
  695. <div class="cap">
  696. <div id="quote">{Quote}</div>
  697. {block:Source}<div id="source">{Source}</div>{/block:Source}
  698. </div>
  699. {/block:IndexPage}
  700. {/block:Quote}
  701.  
  702. {block:Link}
  703. <div id="link"><a href="{URL}">{Name}</a></div>
  704. {block:NotReblog}
  705. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  706. {/block:NotReblog}
  707.  
  708. {block:RebloggedFrom}
  709. {block:Reblogs}
  710. <div class="reblogheader">
  711. {block:IsActive}
  712. <div class="username"><a href="{Permalink}">{Username}</a></div>
  713. {/block:IsActive}
  714. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  715. </div>
  716.  
  717. <div class="cap">{Body}</div>
  718. {/block:Reblogs}
  719. {/block:RebloggedFrom}
  720. {/block:Link}
  721.  
  722. {block:Chat}
  723. <div class="chatwrap">
  724. {block:Title}<div class="title">{Title}</div>{/block:Title}
  725. <div class="cap">
  726. <ul class="chat">
  727. {block:Lines}
  728. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  729. {/block:Lines}
  730. </li>
  731. </ul>
  732. </div></div>
  733. {/block:Chat}
  734.  
  735. {block:Audio}
  736. <div id="playcont">
  737. <div class="playbutton">{AudioPlayerWhite}</div>
  738.  
  739. <div class="audioinfo">
  740. {block:TrackName}{TrackName}{/block:TrackName}
  741. </div>
  742. </div>
  743.  
  744. {block:NotReblogged}
  745. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  746. {/block:NotReblogged}
  747.  
  748. {block:RebloggedFrom}
  749. {block:Reblogs}
  750. <div class="cap">
  751. <div class="reblogheader">
  752. {block:IsActive}
  753. <div class="username"><a href="{Permalink}">{Username}</a></div>
  754. {/block:IsActive}
  755.  
  756. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  757. </div>
  758. {Body}</div>
  759. {/block:Reblogs}
  760. {/block:RebloggedFrom}
  761. {/block:Audio}
  762.  
  763. {block:Answer}
  764. <div class="qbox">
  765. <div class="q">{Question}</div>
  766. <div id="asker"><span class="th th-user-o" style="display:inline-block;width:10px;height:10px;padding:10px;text-align:center;background:{color:second accent};margin-right:10px;color:#fff;font-size:10px;border-radius:50px;line-height:120%;"></span>{Asker}</div>
  767. </div>
  768.  
  769. {block:NotReblog}
  770. <div class="cap">{Replies}</div>
  771. {/block:NotReblog}
  772.  
  773. {block:RebloggedFrom}
  774. {block:Reblogs}
  775. <div class="reblogheader">
  776. {block:IsActive}
  777. <div class="username"><a href="{Permalink}">{Username}</a></div>
  778. {/block:IsActive}
  779.  
  780. {block:IsDeactivated}<strike>{Username}</strike>{/block:IsDeactivated}
  781. </div>
  782.  
  783. <div class="cap">{Body}</div>{/block:Reblogs}
  784. {/block:RebloggedFrom}
  785. {/block:Answer}
  786. </div>
  787.  
  788. <div class="inforight">
  789. {block:IndexPage}
  790. <div class="pinfo">
  791. {block:Date}
  792. <a href="{Permalink}">{Month} {DayOfMonth}</a>
  793. <br>
  794. {NoteCountWithLabel}
  795.  
  796. <div class="reblogcont">
  797. <div class="controls">
  798. <a href="{ReblogURL}" target="_blank" title="reblog?" class="reblog">
  799. <span class="th th-reload"></span>
  800. </a>
  801. <a href="#" class="like" title="like">{LikeButton}<span class="th th-heart-1-o"></span>
  802. </a>
  803. </div>
  804. {block:RebloggedFrom}
  805. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  806. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  807. {/block:RebloggedFrom}
  808. </div>
  809. {/block:Date}
  810.  
  811.  
  812.  
  813. </div>
  814. {/block:IndexPage}
  815.  
  816. {block:ContentSource}
  817. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  818. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  819. {/block:SourceLogo}
  820. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  821. {/block:ContentSource}
  822.  
  823. {block:IndexPage}
  824. {block:HasTags}
  825. <div id="tagcont">
  826. <div class="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  827. </div>
  828. {/block:HasTags}
  829. {/block:IndexPage}
  830. </div><!--end info right-->
  831.  
  832. </div><!--end postwrap-->
  833. {block:PermalinkPage}
  834. {block:PostNotes}
  835. <div class="pnotes">
  836. <ol class="notes">{PostNotes}</ol>
  837. </div>
  838. {/block:PostNotes}
  839. {/block:PermalinkPage}
  840. </div><!--end posts-->
  841. {/block:Posts}
  842.  
  843. </div><!--end container-->
  844. </div><!--end maincont-->
  845. </body>
  846. <script>
  847. $(document).ready(function(){
  848. $('.photo-slideshow').pxuPhotoset({
  849. lightbox: true,
  850. rounded: false,
  851. gutter: '3px',
  852. borderRadius: '0px',
  853. photoset: '.photo-slideshow',
  854. photoWrap: '.photo-data',
  855. photo: '.pxu-photo'
  856. });
  857.  
  858. function flexFrame() {
  859. $(".cap").each(function() {
  860. $(this).find("iframe").wrap("<div class='capframe'></div>"); // wrap iframe
  861. flexibleFrames($(".capframe"));
  862. });
  863. flexibleFrames($(".video"));
  864. }
  865.  
  866. $(document).ready(flexFrame);
  867. });
  868.  
  869. </script>
  870.  
  871. {block:Pagination}
  872. <footer id="pag">
  873. <div id="pagin">
  874. {block:PreviousPage}<a href="{PreviousPage}">prev.</a>
  875. {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next.</a>{/block:NextPage}
  876. </div>
  877.  
  878. </footer>
  879. {/block:Pagination}
  880. </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!