API tools faq
paste
aeternaphantasia

theme #01: hajimari no uta

aeternaphantasia
Jul 2nd, 2017
5,293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <head>
  10.  
  11. <!--
  12.  
  13. Theme #01: Hajimari no Uta
  14. coded by kuzuriha
  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. This theme is inspired by @sorrism's theme, Thyme. Find that theme here:
  22. http://sorrism.tumblr.com/post/136973922710/thyme-preview-one-preview-two-code-an-old
  23.  
  24. -->
  25.  
  26. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  27.  
  28. <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  29.  
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31.  
  32. <script src="https://static.tumblr.com/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>
  33.  
  34. <script>
  35.  
  36. (function($){
  37.  
  38. $(document).ready(function(){
  39.  
  40. $("a[title]").style_my_tooltips({
  41.  
  42. tip_follows_cursor:true,
  43.  
  44. tip_delay_time:0,
  45.  
  46. tip_fade_speed:0,
  47.  
  48. attribute:"title"
  49.  
  50. });
  51.  
  52. });
  53.  
  54. })(jQuery);
  55.  
  56. </script>
  57.  
  58. <!--Variables-->
  59.  
  60. <meta name="image:bg" content=""/>
  61.  
  62. <meta name="color:bg" content="#F2F2F2"/>
  63. <meta name="color:body" content="#E3E3E3"/>
  64. <meta name="color:bold" content="#CAE8E1"/>
  65. <meta name="color:italic" content="#CAE8D0"/>
  66. <meta name="color:link" content="#CAE8D0"/>
  67. <meta name="color:linkhover" content="#E1FFDD"/>
  68. <meta name="color:postbg" content="#fff"/>
  69. <meta name="color:title" content="#CAE8D0"/>
  70. <meta name="color:blockquote" content="#aaa"/>
  71. <meta name="color:blockquoteb" content="#CAE8D0"/>
  72. <meta name="color:list" content="#CAE8D0"/>
  73. <meta name="color:postinfobg" content="#fff"/>
  74. <meta name="color:linkbg" content="#CAE8D0"/>
  75. <meta name="color:linkt" content="#fff"/>
  76. <meta name="color:chatodd" content="#CAE8E1"/>
  77. <meta name="color:chateven" content="#E1FFDD"/>
  78. <meta name="color:reblogbg" content="#fff"/>
  79. <meta name="color:reblogtext" content="#CAE8D0"/>
  80. <meta name="color:reblogbghover" content="#CAE8D0"/>
  81. <meta name="color:reblogtexthover" content="#fff"/>
  82. <meta name="color:askbox" content="#eaeaea"/>
  83. <meta name="color:ask" content="#333"/>
  84.  
  85. <meta name="color:headerbg" content="#fff"/>
  86. <meta name="color:sidebarbg" content="#fff"/>
  87. <meta name="color:blogtitleborder" content="#CAE8D0"/>
  88. <meta name="color:descborder" content="#E3E3E3"/>
  89. <meta name="color:blogtitle" content="#2E2E2E"/>
  90. <meta name="color:navlink" content="#CAE8D0"/>
  91. <meta name="color:navlinkbg" content="#fff"/>
  92. <meta name="color:customlink" content="#EAFFF4"/>
  93. <meta name="color:customlinkbg" content="#fff"/>
  94. <meta name="color:sidebg" content="#fff"/>
  95. <meta name="color:sidelinkbg" content="#CAE8D0"/>
  96. <meta name="color:sidelink" content="#fff"/>
  97.  
  98. <meta name="image:icon" content=""/>
  99. <meta name="image:sidebar" content=""/>
  100.  
  101. <meta name="color:tooltipbg" content="#E1FFDD"/>
  102. <meta name="color:tooltip" content="#fff"/>
  103. <meta name="color:scrollbarbg" content="#E1FFDD"/>
  104. <meta name="color:scrollbarborder" content="#fff"/>
  105. <meta name="color:selection" content="#CAE8D0"/>
  106.  
  107. <meta name="if:header" content="0"/>
  108. <meta name="if:sidebar" content="0"/>
  109. <meta name="if:400px" content="0"/>
  110. <meta name="if:500px" content="1"/>
  111. <meta name="if:roundededge" content="0"/>
  112. <meta name="if:postinfohover" content="0"/>
  113.  
  114. <meta name="text:link1" content=""/>
  115. <meta name="text:link1URL" content=""/>
  116. <meta name="text:link2" content=""/>
  117. <meta name="text:link2URL" content=""/>
  118. <meta name="text:link3" content=""/>
  119. <meta name="text:link3URL" content=""/>
  120. <meta name="text:link4" content=""/>
  121. <meta name="text:link4URL" content=""/>
  122.  
  123. <style type="text/css">
  124. @import url('https://fonts.googleapis.com/css?family=Merriweather');
  125. @import url('https://fonts.googleapis.com/css?family=Noto+Sans');
  126.  
  127. #s-m-t-tooltip {
  128. max-width:150px;
  129. padding:5px 10px 5px 10px;
  130. margin:20px 14px 7px 10px;
  131. background-color:{color:tooltipbg}; /* change the background color */
  132. font-family:consolas; /* change the font */
  133. font-style: normal;
  134. font-size:11px; /* change the font size */
  135. line-height:11px;
  136. letter-spacing:1px; /* change the letter spacing */
  137. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  138. color:{color:tooltip}; /* change the text color */
  139. z-index:999999;
  140. }
  141.  
  142. ::-webkit-scrollbar{
  143. width:6px;
  144. background:{color:bg};
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb:vertical{
  148. background:{color:scrollbarbg};
  149. border:2px solid {color:scrollbarborder};
  150. height:auto;
  151. }
  152.  
  153. ::selection{
  154. color:{color:selection};
  155. background:transparent;
  156. }
  157.  
  158. ::-moz-selection{
  159. color:{color:selection};
  160. background:transparent;
  161. }
  162.  
  163. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  164. right: 0;
  165. top: 0;
  166. z-index: 100;
  167. }
  168.  
  169. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;-webkit-filter:invert(100%);
  170. top:10px !important; z-index:100 !important;
  171. }
  172. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  173.  
  174. body{
  175. margin:0;
  176. padding:0;
  177. background:{color:bg} url('{image:bg}') fixed;
  178. font-family:'Noto Sans';
  179. font-size:12px;
  180. color:{color:body};
  181. }
  182.  
  183. a{
  184. text-decoration:none;
  185. color:{color:link};
  186. }
  187.  
  188. a:hover{
  189. color:{color:linkhover};
  190. }
  191.  
  192. blockquote{
  193. border-left:1px solid {color:blockquote};
  194. padding-left:10px;
  195. }
  196.  
  197. blockquote blockquote{
  198. border-left:1px solid {color:blockquoteb};
  199. padding-left:10px;
  200. }
  201.  
  202. /**header layout**/
  203. #header{
  204. width:600px;
  205. height:120px;
  206. position:relative;
  207. padding:10px;
  208. top:50px;
  209. margin:0 auto;
  210. background:{color:headerbg};
  211. }
  212.  
  213. #hicon{
  214. width:140px;
  215. height:140px;
  216. position:absolute;
  217. top:0;
  218. left:0;
  219. }
  220.  
  221. #hicon img{
  222. width:140px;
  223. height:140px;
  224. max-height:140px;
  225. max-width:140px;
  226. }
  227.  
  228. #hcont{
  229. margin-left:160px;
  230. }
  231.  
  232. #hblogtitle, #sideblogtitle{
  233. display:inline-block;
  234. font-family:'Merriweather';
  235. font-size:14px;
  236. padding:5px;
  237. border-bottom:2px solid {color:blogtitleborder};
  238. text-transform:lowercase;
  239. color:{color:blogtitle};
  240. }
  241.  
  242. #hdesc{
  243. width:290px;
  244. height:45px;
  245. max-height:45px;
  246. overflow:scroll;
  247. padding-left:10px;
  248. margin-top:15px;
  249. border-left:1px solid {color:descborder};
  250. font-size:10px;
  251. text-transform:lowercase;
  252. }
  253.  
  254. #hdesc::-webkit-scrollbar{
  255. display:none;
  256. }
  257.  
  258. #hnavcont{
  259. width:120px;
  260. height:120px;
  261. margin:10px;
  262. top:0;
  263. position:absolute;
  264. background:rgba(255,255,255,.5);
  265. transition:.5s ease;
  266. opacity:0;
  267. }
  268.  
  269. .hnavlink a{
  270. display:inline-block;
  271. width:20px;
  272. text-align:center;
  273. height:20px;
  274. font-size:20px;
  275. padding:5px;
  276. line-height:10%;
  277. background:{color:navlinkbg};
  278. color:{color:navlink};
  279. margin:5px;
  280. }
  281.  
  282. #hicon:hover #hnavcont{
  283. opacity:1;
  284. }
  285.  
  286. #hcustomlinkcont{
  287. min-width:290px;
  288. max-width:400px;
  289. height:30px;
  290. margin-top:10px;
  291. margin-left:-10px;
  292. }
  293.  
  294. .hcustomlink a{
  295. display:inline-block;
  296. min-width:30px;
  297. background:{color:customlinkbg};
  298. color:{color:customlink};
  299. text-align:center;
  300. padding:5px;
  301. font-size:10px;
  302. margin-left:10px;
  303. }
  304.  
  305. #hsidebar{
  306. width:140px;
  307. height:220px;
  308. background:{color:sidebarbg};
  309. position:fixed;
  310. margin-left:90px;
  311. margin-top:140px;
  312. }
  313.  
  314. #hsidebar img{
  315. width:140px;
  316. height:140px;
  317. max-height:140px;
  318. max-width:140px;
  319. }
  320.  
  321. #hsidecont{
  322. margin-top:10px;
  323. position:absolute;
  324. }
  325.  
  326. .hsidelink a{
  327. display:inline-block;
  328. width:10px;
  329. text-align:center;
  330. height:10px;
  331. font-size:15px;
  332. padding:5px;
  333. line-height:10%;
  334. background:{color:navlinkbg};
  335. color:{color:navlink};
  336. margin-left:10px;
  337. }
  338.  
  339. /**sidebar layout**/
  340.  
  341. #sideicon{
  342. width:140px;
  343. height:140px;
  344. background:{color:sidebarbg};
  345. margin-top:210px;
  346. right:260px;
  347. position:fixed;
  348. padding:10px;
  349. }
  350.  
  351. #sideicon img{
  352. width:140px;
  353. height:140px;
  354. max-height:140px;
  355. max-width:140px;
  356. }
  357.  
  358. #sidebar{
  359. position:fixed;
  360. margin-top:210px;
  361. right:20px;
  362. background:{color:sidebarbg};
  363. width:210px;
  364. height:140px;
  365. padding:10px;
  366. }
  367.  
  368. #sidedesc{
  369. width:190px;
  370. height:100px;
  371. max-height:100px;
  372. overflow:scroll;
  373. padding-left:5px;
  374. border-left:1px solid {color:descborder};
  375. margin-top:10px;
  376. font-size:10px;
  377. }
  378.  
  379. #sidedesc::-webkit-scrollbar{
  380. display:none;
  381. }
  382.  
  383. #sidelinkcont{
  384. width:120px;
  385. height:100%;
  386. background:{color:sidebg};
  387. top:0;
  388. left:0;
  389. position:fixed;
  390. }
  391.  
  392. #slinkcont{
  393. position:absolute;
  394. margin-top:140px;
  395. margin-left:24px;
  396. }
  397.  
  398. .slink a{
  399. display:block;
  400. min-width:50px;
  401. margin-top:10px;
  402. background:{color:sidelinkbg};
  403. color:{color:sidelink};
  404. text-align:center;
  405. padding:10px;
  406. font-size:10px;
  407. }
  408.  
  409. #container{
  410. position:relative;
  411.  
  412. {block:ifheader}
  413. margin:0 auto;
  414. margin-top:120px;
  415. {/block:ifheader}
  416.  
  417. {block:ifsidebar}
  418. margin-left:150px;
  419. margin-top:40px;
  420. {/block:ifsidebar}
  421.  
  422. width:620px;
  423.  
  424. }
  425.  
  426. .post{
  427. {block:if400px}
  428. width:400px;
  429. {/block:if400px}
  430.  
  431. {block:if500px}
  432. width:500px;
  433. {/block:if500px}
  434.  
  435. {block:permalinkpage}
  436. width:500px;
  437. {/block:permalinkpage}
  438.  
  439. margin-top:50px;
  440. margin-bottom:50px;
  441. position:relative;
  442. word-wrap:break-word;
  443. }
  444.  
  445. .cap{
  446. background:{color:postbg};
  447. padding:15px;
  448. word-wrap:break-word;
  449.  
  450. {block:ifroundededge}
  451. border-radius:5px;
  452. {/block:ifroundededge}
  453. }
  454.  
  455. .post img, .cap img{
  456. max-width:100%;
  457. }
  458.  
  459. .post li, .cap li{
  460. list-style-type:none;
  461. margin-left:-8px;
  462. }
  463.  
  464. .post li:before, .cap li:before{
  465. content:'♮';
  466. font-size:14px;
  467. color:{color:list};
  468. padding-right:5px;
  469. }
  470.  
  471. .post b, strong, .cap b, strong{
  472. color:{color:bold};
  473. font-weight:400;
  474. }
  475.  
  476. .post i, em, .cap i, em{
  477. color:{color:italic};
  478. }
  479.  
  480. .title{
  481. display:block;
  482. text-align:center;
  483. padding:10px;
  484. font-family:'Merriweather';
  485. font-size:15px;
  486. font-weight:700;
  487. text-transform:lowercase;
  488. color:{color:title};
  489. }
  490.  
  491. .pinfo{
  492. position:absolute;
  493. top:0;
  494. background:{color:postinfobg};
  495. width:100px;
  496. padding:8px;
  497. text-align:center;
  498. text-transform:uppercase;
  499. font-weight:700;
  500. font-family:consolas;
  501.  
  502. {block:ifpostinfohover}
  503. opacity:0;
  504. {/block:ifpostinfohover}
  505.  
  506. {block:ifnotpostinfohover}
  507. opacity:1;
  508. {/block:ifnotpostinfohover}
  509.  
  510. transition:.5s ease;
  511.  
  512. {block:if500px}
  513. left:510px;
  514. {/block:if500px}
  515.  
  516. {block:if400px}
  517. left:420px;
  518. {/block:if400px}
  519.  
  520. {block:ifroundededge}
  521. border-radius:5px;
  522. {/block:ifroundededge}
  523. }
  524.  
  525. .infocont{
  526. margin-top:10px;
  527. margin-left:-10px;
  528. }
  529.  
  530. .infocont a{
  531. display:inline-block;
  532. width:10px;
  533. height:10px;
  534. padding:5px;
  535. text-align:center;
  536. margin-left:5px;
  537. font-size:15px;
  538. }
  539.  
  540. {block:ifpostinfohover}
  541. .post:hover .pinfo{
  542. opacity:1;
  543. }
  544. {/block:ifpostinfohover}
  545.  
  546. #link{
  547. display:inline-block;
  548. padding:10px;
  549. text-align:center;
  550. font-family:'Merriweather';
  551. font-size:14px;
  552. background:{color:linkbg};
  553. color:{color:linkt};
  554. text-transform:lowercase;
  555. }
  556.  
  557. .chat li{
  558. list-style-type:none !important;
  559. padding:8px;
  560. margin-left:-40px;
  561. margin-top:4px;
  562. margin-bottom:2px;
  563. font-family:consolas;
  564. }
  565.  
  566. .chat li:before{
  567. content:none;
  568. }
  569.  
  570. .line_odd .label{
  571. font-weight:700;
  572. color:{color:chatodd};
  573.  
  574. }
  575.  
  576. .line_even .label{
  577. font-weight:700;
  578. color:{color:chateven};
  579. }
  580.  
  581. .rebloginfo{
  582. position:absolute;
  583. top:80px;
  584. {block:if500px}
  585. left:520px;
  586. {/block:if500px}
  587.  
  588. {block:if400px}
  589. left:430px;
  590. {/block:if400px}
  591.  
  592. width:100px;
  593. padding:8px;
  594.  
  595. {block:ifpostinfohover}
  596. opacity:0;
  597. {/block:ifpostinfohover}
  598.  
  599. transition:.5s ease;
  600.  
  601. {block:ifnotpostinfohover}
  602. opacity:1;
  603. {/block:ifnotpostinfohover}
  604.  
  605. }
  606.  
  607. .rebloginfo a{
  608. display:inline-block;
  609. color:{color:reblogtext};
  610. background:{color:reblogbg};
  611. text-align:center;
  612. width:20px;
  613. padding:8px;
  614. }
  615.  
  616. .rebloginfo a:hover{
  617. color:{color:reblogtexthover};
  618. background:{color:reblogbghover};
  619. }
  620.  
  621. {block:ifpostinfohover}
  622. .post:hover .rebloginfo{
  623. opacity:1;
  624. }
  625. {/block:ifpostinfohover}
  626.  
  627. #quote{
  628. font-family:'Merriweather';
  629. font-size:16px;
  630. text-align:right;
  631. border-bottom:1px solid {color:blockquoteb};
  632. padding-bottom:10px;
  633. }
  634.  
  635. #source{
  636. display:block;
  637. text-align:center;
  638. padding:5px;
  639. margin-top:10px;
  640. font-family:'Merriweather';
  641. }
  642.  
  643. .askbx{
  644. {block:if400px}
  645. width:370px;
  646. {/block:if400px}
  647.  
  648. {block:if500px}
  649. width:470px;
  650. {/block:if500px}
  651.  
  652. padding:15px;
  653. background:{color:postbg};
  654. border-bottom:1px solid {color:blockquoteb};
  655. }
  656.  
  657. #askb{
  658. width:95%;
  659. padding:10px;
  660. background:{color:askbox};
  661. color:{color:ask};
  662. min-height:40px;
  663. }
  664.  
  665. #askimg{
  666. width:40px;
  667. height:40px;
  668. float:left;
  669. margin-right:10px;
  670. }
  671.  
  672. #asker{
  673. text-transform:uppercase;
  674. font-family:'Merriweather';
  675. color:{color:ask};
  676. }
  677.  
  678. #asker a{
  679. display:inline-block;
  680. border-bottom:2px solid {color:blockquoteb};
  681. color:{color:ask}
  682. }
  683.  
  684. .tumblr_parent{
  685. margin-left:-2px;
  686. height:auto;
  687. }
  688.  
  689. .tumblr_parent p{
  690. margin-left:10px;
  691. }
  692. a.tumblr_blog{
  693. font-weight:700;
  694. color:#333;
  695. font-family:'Merriweather';
  696. }
  697.  
  698. .tumblr_parent blockquote{
  699. margin-left:2px;
  700. }
  701.  
  702. .tumblr_avatar {
  703. margin-right: 10px;
  704. width:20px;
  705. height:20px;
  706. float:left;
  707. border-radius:50px;
  708. }
  709.  
  710. div.pnotes{
  711. width:470px;
  712. background:#fff;
  713. padding:15px;
  714. position:absolute;
  715. margin-top:20px;
  716. max-height:200px;
  717. overflow:scroll;
  718. }
  719.  
  720. div.pnotes::-webkit-scrollbar{
  721. display:none !important;
  722. }
  723.  
  724. ol.notes{
  725. list-style-type:none !important;
  726. padding:8px;
  727. }
  728.  
  729. ol.notes li.note{
  730. top:0;
  731. padding-bottom:10px;
  732. }
  733.  
  734. ol.notes:before, li.note:before{
  735. content:none!important;
  736. }
  737.  
  738. .pnotes img.avatar{
  739. float:left;
  740. margin-right:10px;
  741. }
  742.  
  743. .pnotes a{
  744. font-family:consolas;
  745. text-transform:uppercase;
  746. }
  747.  
  748. .tagcont{
  749. position:absolute;
  750. top:0;
  751. margin-left:510px;
  752. width:190px;
  753. min-height:30px;
  754. background:{color:postbg};
  755. padding:10px;
  756. }
  757.  
  758. .tagcont a{
  759. display:inline-block;
  760. font:9px consolas;
  761. text-transform:uppercase;
  762. margin-left:5px;
  763. }
  764.  
  765. #pagcont{
  766. height:20px;
  767. position:fixed;
  768. text-align:center;
  769. text-transform:uppercase;
  770. font:12px calibri;
  771. background:#fff;
  772.  
  773. {block:ifheader}
  774. margin-left:90px;
  775. margin-top:370px;
  776. width:131px;
  777. padding:5px;
  778. {/block:ifheader}
  779.  
  780. {block:ifsidebar}
  781. right:260px;
  782. margin-top:390px;
  783. width:140px;
  784. padding:10px;
  785. {/block:ifsidebar}
  786. }
  787.  
  788. #pagcont a{
  789. text-align:center;
  790. line-height:150%;
  791. }
  792. </style>
  793. <!--pxu-->
  794. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  795. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  796. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  797.  
  798. </head>
  799.  
  800. <body>
  801. {block:ifheader}
  802. <div id="header">
  803. <div id="hicon">
  804. <img src="{image:icon}"/>
  805. <div id="hnavcont">
  806. <div style="margin-left:16px;margin-top:20px;">
  807. <div class="hnavlink">
  808. <a href="/" title="return"><span class="lnr lnr-home"></span></a>
  809. <a href="/ask" title="ask"><span class="lnr lnr-envelope"></span></a>
  810. <a href="/archive" title="archive"><span class="lnr lnr-inbox"></span></a>
  811. <a href="https://kuzuriha.tumblr.com" title="theme"><span class="lnr lnr-code"></span></a>
  812. </div>
  813.  
  814. </div>
  815. </div>
  816. </div>
  817.  
  818. <div id="hcont">
  819. <div id="hblogtitle">{Title}</div>
  820. <div id="hdesc">{Description}</div>
  821.  
  822. <div id="hcustomlinkcont">
  823. <div class="hcustomlink">
  824. <a href="{text:link1URL}">{text:link1}</a>
  825. <a href="{text:link2URL}">{text:link2}</a>
  826. <a href="{text:link3URL}">{text:link3}</a>
  827. <a href="{text:link4URL}">{text:link4}</a>
  828. </div>
  829. </div>
  830. </div>
  831.  
  832.  
  833. </div><!--end header-->
  834.  
  835. <div id="hsidebar">
  836. <div id="icon"><img src="{image:sidebar}"/></div>
  837. <div id="hsidecont">
  838. <div class="hsidelink">
  839. <a href="/" title="return"><span class="lnr lnr-home"></span></a>
  840. <a href="/ask" title="ask"><span class="lnr lnr-envelope"></span></a>
  841. <a href="/archive" title="archive"><span class="lnr lnr-inbox"></span></a>
  842.  
  843. {block:ifLink1}<a href="{text:Link1URL}" title="{text:Link1}"><span class="lnr lnr-drop"></span></a>{/block:ifLink1}
  844.  
  845. {block:ifLink2}<a href="{text:Link2URL}" title="{text:Link2}"><span class="lnr lnr-bookmark"></span></a>{/block:ifLink2}
  846.  
  847. {block:ifLink3}<a href="{text:Link3URL}" title="{text:Link3}"><span class="lnr lnr-leaf"></span></a>{/block:ifLink3}
  848.  
  849. {block:ifLink4}<a href="{text:Link4URL}" title="{text:Link4}"><span class="lnr lnr-layers"></span></a>{/block:ifLink4}
  850.  
  851. <a href="https://kuzuriha.tumblr.com" title="theme"><span class="lnr lnr-code"></span></a>
  852. </div>
  853. </div>
  854. </div>
  855. {/block:ifheader}
  856.  
  857. {block:ifsidebar}
  858. <div id="sideicon">
  859. <img src="{image:sidebar}"/>
  860. </div>
  861.  
  862. <div id="sidebar">
  863. <div id="sideblogtitle">{title}</div>
  864. <div id="sidedesc">{Description}</div>
  865. </div>
  866.  
  867. <div id="sidelinkcont">
  868. <div id="slinkcont">
  869. <div class="slink">
  870. <a href="/">home</a>
  871. </div>
  872.  
  873. <div class="slink">
  874. <a href="/ask">ask</a>
  875. </div>
  876.  
  877. <div class="slink">
  878. <a href="/archive">past</a>
  879. </div>
  880.  
  881. <div class="slink"><a href="{text:link1URL}">{text:link1}</a></div>
  882. <div class="slink"><a href="{text:link2URL}">{text:link2}</a></div>
  883. <div class="slink"><a href="{text:link3URL}">{text:link3}</a></div>
  884. <div class="slink"><a href="{text:link4URL}">{text:link4}</a></div>
  885.  
  886. <div class="slink"><a href="https://kuzuriha.tumblr.com">theme</a></div>
  887. </div>
  888. </div>
  889. <!--end sidebar-->
  890. {/block:ifsidebar}
  891.  
  892. {block:Pagination}
  893. <div id="pagcont">
  894. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  895. {block:NextPage}<a href="{NextPage}"> forth</a>{/block:NextPage}
  896.  
  897. </div>
  898. {/block:Pagination}
  899.  
  900. <div id="container">
  901.  
  902. {block:Posts}
  903. <div class="post">
  904. {block:Text}
  905. <div class="cap">{block:Title}<div class="title">{Title}</div>{/block:Title}
  906. {Body}</div>
  907. {/block:Text}
  908.  
  909. {block:Photo}
  910. <div class="photopost"><img src="{PhotoURL-500}"></div>
  911. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  912. {/block:Photo}
  913.  
  914. {block:Photoset}
  915. <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>
  916. {block:Caption}<div class="cap" style="margin-top:5px;">{Caption}</div>{/block:Caption}
  917. {/block:Photoset}
  918.  
  919. {block:Video}
  920. {block:if500px}{Video-500}{/block:if500px}
  921. {block:if400px}{Video-400}{/block:if400px}
  922. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  923. {/block:Video}
  924.  
  925. {block:Quote}
  926. <div class="cap">
  927. <div id="quote">{Quote}</div>
  928. {block:Source}<div id="source">{Source}</div>{/block:Source}
  929. </div>
  930. {/block:Quote}
  931.  
  932. {block:Link}
  933. <div class="cap">
  934. <a href="{URL}"><div id="link">{Name} ► </div></a>
  935. {block:Description}{Description}</div>{/block:Description}
  936. {/block:Link}
  937.  
  938. {block:Chat}
  939. <div class="cap">
  940. {block:Title}<div class="title">{Title}</div>{/block:Title}
  941. <div class="chatcont">
  942. <ul class="chat">
  943. {block:Lines}
  944. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  945. {/block:Lines}
  946. </li>
  947. </ul>
  948. </div>
  949.  
  950. </div>
  951. {/block:Chat}
  952.  
  953. {block:Audio}
  954. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  955. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  956. {/block:Audio}
  957.  
  958. {block:Answer}
  959. <div class="askbx">
  960. <div id="askb"><img src="{AskerPortraitURL-40}" id="askimg"/>
  961. <div class="qbox"> <div id="asker">
  962. <b>{Asker}</b> whispered:</div> <div id="qt">{Question}</div></div>
  963. </div>
  964. </div>
  965.  
  966. <div class="cap">
  967. {Answer}
  968. </div>
  969. {/block:Answer}
  970.  
  971. {block:IndexPage}
  972. {block:Date}
  973. <div class="pinfo">
  974. {TimeAgo}
  975. <div class="infocont">
  976. <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="lnr lnr-star"></span></a>
  977. <a href="{ReblogURL}" title="reblog this post"><span class="lnr lnr-undo"></span></a>
  978. </div>
  979. </div><!--end pinfo-->
  980.  
  981.  
  982. <div class="rebloginfo">
  983. {block:RebloggedFrom}
  984. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  985. {/block:RebloggedFrom}
  986. </div>
  987.  
  988.  
  989. {/block:Date}
  990. {/block:IndexPage}
  991.  
  992. {block:PermalinkPage}
  993.  
  994. {block:HasTags}
  995. <div class="tagcont">
  996. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  997. </div>
  998. {/block:HasTags}
  999.  
  1000. {block:PostNotes}
  1001. <div class="pnotes">
  1002. <ol class="notes" style="margin-top:-10px;">{PostNotes}</ol>
  1003. </div>
  1004. {/block:PostNotes}
  1005.  
  1006. {block:ContentSource}
  1007. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1008. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1009. {/block:SourceLogo}
  1010. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1011. {/block:ContentSource}
  1012. </div>
  1013.  
  1014. </div>
  1015.  
  1016. {/block:PermalinkPage}
  1017. {/block:Posts}
  1018. </div>
  1019.  
  1020. <!--unnest-->
  1021. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1022.  
  1023. <script>
  1024. $(document).ready(function(){
  1025. $('.post').unnest({
  1026. yourCaption: ".cap",
  1027. wrapName: ".tumblr_parent",
  1028. newCaptionUsername: false,
  1029. originalPostCaptionUsername: true,
  1030. tumblrAvatars: true,
  1031. tumblrAvatarClass: ".tumblr_avatar",
  1032. usernameColon: false
  1033. });
  1034. });
  1035. </script>
  1036.  
  1037. <!--pxu script-->
  1038. <script>
  1039. $(document).ready(function(){
  1040. $('.photo-slideshow').pxuPhotoset({
  1041. lightbox: true,
  1042. rounded: false,
  1043. gutter: '5px',
  1044. borderRadius: '0px',
  1045. photoset: '.photo-slideshow',
  1046. photoWrap: '.photo-data',
  1047. photo: '.pxu-photo'
  1048. });
  1049. });
  1050. </script>
  1051.  
  1052. </body>
  1053. </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!