API tools faq
paste
aeternaphantasia

theme #10 revamp: hikoukigumo

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