API tools faq
paste
aeternaphantasia

theme #02: thalassa

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