API tools faq
paste
aeternaphantasia

theme #03: frontier

aeternaphantasia
Jul 15th, 2017
1,514
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.36 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. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  9.  
  10. <head>
  11. <!--
  12.  
  13. Theme #03: Frontier
  14.  
  15. 1. Don't remove the credit.
  16. 2. Don't move the credit. Just leave it there.
  17. 3. Don't use as a base code.
  18. 4. Please enjoy! If you find any bugs, please contact me! c:
  19.  
  20. Video resize script courtesy of @shythemes.
  21. -->
  22.  
  23. <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  24.  
  25. <script src="https://static.tumblr.com/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>
  26.  
  27. <script>
  28.  
  29. (function($){
  30.  
  31. $(document).ready(function(){
  32.  
  33. $("a[title]").style_my_tooltips({
  34.  
  35. tip_follows_cursor:true,
  36.  
  37. tip_delay_time:0,
  38.  
  39. tip_fade_speed:0,
  40.  
  41. attribute:"title"
  42.  
  43. });
  44.  
  45. });
  46.  
  47. })(jQuery);
  48.  
  49. </script>
  50.  
  51. <script src="//use.edgefonts.net/montserrat;lato.js"></script>
  52.  
  53. {block:if540px}
  54. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  55. {/block:if540px}
  56.  
  57. <!--Variables-->
  58.  
  59. <meta name="image:bg" content=""/>
  60.  
  61. <meta name="color:bg" content="#fbfbfb"/>
  62. <meta name="color:body" content="#292929"/>
  63. <meta name="color:bold" content="#F0E5FF"/>
  64. <meta name="color:italic" content="#E5F6FF"/>
  65. <meta name="color:postbg" content="#fff"/>
  66. <meta name="color:link" content="#D4D1E8"/>
  67. <meta name="color:linkhover" content="#D1DAE8"/>
  68. <meta name="color:titleborder" content="#D1DAE8"/>
  69. <meta name="color:list" content="#D4D1E8"/>
  70. <meta name="color:postinfobg" content="#D4D1E8"/>
  71. <meta name="color:postinfolink" content="#fff"/>
  72. <meta name="color:postinfobghover" content="#fff"/>
  73. <meta name="color:postinfolinkhover" content="#D4D1E8"/>
  74. <meta name="color:postlinkbg" content="#F0E5FF"/>
  75. <meta name="color:postlinktitle" content="#fff"/>
  76. <meta name="color:qdropquote" content="#D4D1E8"/>
  77. <meta name="color:questionbg" content="#EBEBEB"/>
  78.  
  79. <meta name="image:icon" content=""/>
  80.  
  81. <meta name="color:iconbg" content="#fff"/>
  82. <meta name="color:sidebarbg" content="#F0E5FF"/>
  83. <meta name="color:descbg" content="#fff"/>
  84. <meta name="color:bottombarbg" content="#fff"/>
  85. <meta name="color:bottombarborder" content="#D4D1E8"/>
  86. <meta name="color:blogtitle" content="#BFBFBF"/>
  87. <meta name="color:linkbg" content="#fff"/>
  88. <meta name="color:linktitle" content="#D4D1E8"/>
  89. <meta name="color:customlinkbg" content="#fff"/>
  90. <meta name="color:customlinktext" content="#F0E5FF"/>
  91.  
  92. <meta name="text:quote" content=""/>
  93.  
  94. <meta name="color:tooltipbg" content="#D1DAE8"/>
  95. <meta name="color:tooltipt" content="#fff"/>
  96. <meta name="color:scrollbarbg" content="#E5F6FF"/>
  97. <meta name="color:scrollbarborder" content="#fff"/>
  98. <meta name="color:selection" content="#F4F5FF"/>
  99.  
  100. <meta name="if:2column" content="0">
  101. <meta name="if:500px" content="0"/>
  102. <meta name="if:540px" content="1"/>
  103.  
  104. <meta name="text:link1" content=""/>
  105. <meta name="text:link1URL" content=""/>
  106. <meta name="text:link2" content=""/>
  107. <meta name="text:link2URL" content=""/>
  108. <meta name="text:link3" content=""/>
  109. <meta name="text:link3URL" content=""/>
  110. <meta name="text:link4" content=""/>
  111. <meta name="text:link4URL" content=""/>
  112. <meta name="text:link5" content=""/>
  113. <meta name="text:link5URL" content=""/>
  114.  
  115. <style type="text/css">
  116. ::-webkit-scrollbar{
  117. width:8px;
  118. background:{color:bg};
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb:vertical{
  122. background:{color:scrollbarbg};
  123. height:auto;
  124. border:3px solid {color:scrollbarborder};
  125. }
  126.  
  127. ::selection{
  128. background-color:transparent;
  129. color:{color:selection};
  130. }
  131.  
  132. ::-moz-selection{
  133. background-color:transparent;
  134. color:{color:selection};
  135. }
  136.  
  137. #s-m-t-tooltip {
  138. max-width:150px;
  139. padding:5px 10px 5px 10px;
  140. margin:20px 14px 7px 10px;
  141. background-color:{color:tooltipbg}; /* change the background color */
  142. font-style: normal;
  143. font-size:10px; /* change the font size */
  144. line-height:11px;
  145. letter-spacing:1px; /* change the letter spacing */
  146. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  147. color:{color:tooltipt}; /* change the text color */
  148. z-index:999999;
  149. }
  150.  
  151. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  152. right: 0;
  153. top: 0;
  154. z-index: 100;
  155. }
  156.  
  157. .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%);
  158. top:10px !important; z-index:100 !important;
  159. }
  160. .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;}
  161.  
  162. body{
  163. margin:0;
  164. padding:0;
  165. font-size:12px;
  166. color:{color:body};
  167. font-family:lato;
  168. background:{color:bg} url('{image:bg}') fixed;
  169. }
  170.  
  171. a{
  172. text-decoration:none;
  173. color:{color:link};
  174. }
  175.  
  176. #sidebar{
  177. width:220px;
  178. height:90px;
  179. position:fixed;
  180. margin-top:120px;
  181. margin-left:20px;
  182. background:{color:sidebarbg};
  183. }
  184.  
  185. #desc{
  186. width:200px;
  187. height:130px;
  188. padding:10px;
  189. position:fixed;
  190. margin-top:210px;
  191. margin-left:20px;
  192. background:{color:descbg};
  193. text-align:center;
  194. text-transform:lowercase;
  195. z-index:-1;
  196. }
  197.  
  198. blockquote blockquote{
  199. padding-left:10px;
  200. border-left:1px solid {color:blockquote};
  201. }
  202. #desct{
  203. margin-top:30px;
  204. }
  205.  
  206. #icon{
  207. width:60px;
  208. height:60px;
  209. background:{color:iconbg};
  210. padding:10px;
  211. position:fixed;
  212. margin-top:170px;
  213. margin-left:90px;
  214. border-radius:50px;
  215. }
  216.  
  217. #icon img{
  218. width:60px;
  219. height:60px;
  220. max-width:60px;
  221. max-height:60px;
  222. border-radius:50px;
  223. }
  224.  
  225. #bottombar{
  226. width:100%;
  227. height:30px;
  228. padding:20px;
  229. position:fixed;
  230. z-index:9;
  231. bottom:0;
  232. background:{color:bottombarbg};
  233. left:0;
  234. border-top:2px solid {color:bottombarborder};
  235. }
  236.  
  237. #blogtitle{
  238. min-width:120px;
  239. margin:10px;
  240. font-family:montserrat;
  241. font-size:22px;
  242. text-transform:uppercase;
  243. padding:10px;
  244. margin-top:-10px;
  245. margin-left:0;
  246. color:{color:blogtitle};
  247. background:{color:bottombar};
  248. display:inline-block;
  249. }
  250.  
  251. #navcont{
  252. width:300px;
  253. right:20px;
  254. margin-top:-50px;
  255. position:absolute;
  256. }
  257.  
  258. .navlink a{
  259. display:inline-block;
  260. min-width:40px;
  261. padding:10px;
  262. background:{color:linkbg};
  263. margin-left:5px;
  264. text-align:center;
  265. color:{color:linktitle};
  266. text-transform:uppercase;
  267. font-family:montserrat;
  268. }
  269.  
  270. #customlink{
  271. width:30px;
  272. height:220px;
  273. position:fixed;
  274. margin-top:125px;
  275. margin-left:250px;
  276. }
  277.  
  278. .customlinks a{
  279. display:block;
  280. width:20px;
  281. height:20px;
  282. padding:10px;
  283. margin-top:5px;
  284. font-size:20px;
  285. line-height:50%;
  286. text-align:center;
  287. background:{color:customlinkbg};
  288. color:{color:customlinktext};
  289. }
  290.  
  291. #container{
  292. {block:if2column}
  293. width:920px;
  294. margin-left:310px;
  295. {/block:if2column}
  296.  
  297. {block:ifnot2column}
  298. margin-left:330px;
  299. {/block:ifnot2column}
  300. }
  301.  
  302. .post{
  303. {block:if2column}
  304. width:400px;
  305. float:left;
  306. margin-left:50px;
  307. margin-bottom:120px;
  308.  
  309. {block:permalinkpage}
  310. width:500px;
  311. {/block:permalinkpage}
  312.  
  313. {/block:if2column}
  314.  
  315. {block:if500px}
  316. width:500px;
  317. margin-bottom:140px;
  318. {/block:if500px}
  319.  
  320. {block:if540px}
  321. width:540px;
  322. margin-bottom:140px;
  323. {/block:if540px}
  324.  
  325. margin-top:50px;
  326. position:relative;
  327. word-wrap:break-word;
  328.  
  329. background:{color:postbg};
  330. }
  331.  
  332. .cap{
  333. width:95%;
  334. padding:20px;
  335. word-wrap:break-word;
  336. margin-left:10px;
  337. }
  338.  
  339. .post img, .cap img{
  340. max-width:100%;
  341. }
  342.  
  343. .cap b, strong{
  344. color:{color:bold};
  345. }
  346.  
  347. .cap i, em{
  348. color:{color:italic};
  349. }
  350.  
  351. .title, #link{
  352. display:block;
  353. padding:10px;
  354. margin:20px;
  355. margin-bottom:-20px;
  356. font-family:montserrat;
  357. font-size:16px;
  358. text-transform:uppercase;
  359. text-align:center;
  360. }
  361.  
  362. #link{
  363. background:{color:postlinkbg};
  364. color:{color:postlinktitle};
  365. }
  366.  
  367. .post li, .cap li{
  368. list-style-type:none;
  369. margin-left:-8px;
  370. }
  371.  
  372. .post li:before, .cap li:before{
  373. content:'ー';
  374. font-size:14px;
  375. color:{color:list};
  376. padding-right:5px;
  377. }
  378.  
  379. .pinfo{
  380. display:block;
  381. padding:10px;
  382. background:{color:postinfobg};
  383. }
  384.  
  385. .pinfo a{
  386. display:inline-block;
  387. width:10px;
  388. height:10px;
  389. padding:10px;
  390. color:{color:postinfolink};
  391. margin-right:10px;
  392. line-height:0%;
  393. font-size:10px;
  394. text-align:center;
  395. transition:.5s ease;
  396. }
  397.  
  398. .pinfo a:hover{
  399. background:{color:postinfobghover};
  400. color:{color:postinfolinkhover};
  401. }
  402.  
  403. .chat li{
  404. list-style-type:none !important;
  405. padding:8px;
  406. margin-left:-40px;
  407. margin-top:4px;
  408. margin-bottom:2px;
  409. font-family:consolas;
  410. }
  411.  
  412. .chat li:before{
  413. content:none;
  414. }
  415.  
  416. .line_odd .label{
  417. font-weight:700;
  418. color:{color:chatodd};
  419. }
  420.  
  421. .line_even .label{
  422. font-weight:700;
  423. color:{color:chateven};
  424. }
  425.  
  426. #quote{
  427. font-family:montserrat;
  428. font-size:20px;
  429. text-transform:uppercase;
  430. text-align:justify;
  431. margin-left:10px;
  432. {block:if540px}
  433. margin-left:20px;
  434. {/block:if540px}
  435. }
  436.  
  437. #dropquote{
  438. position:absolute;
  439. width:25px;
  440. height:25px;
  441. line-height:25px;
  442. text-align:center;
  443. color:{color:qdropquote};
  444. opacity:0.7;
  445. z-index:-1;
  446. font-size:25px;
  447. }
  448.  
  449. #source{
  450. display:block;
  451. font-family:montserrat;
  452. padding-top:15px;
  453. border-top:1px solid #D4D1E8;
  454. margin-top:10px;
  455. margin-left:10px;
  456.  
  457. {block:if540px}
  458. margin-left:20px;
  459. {/block:if540px}
  460. }
  461.  
  462. .reblogcont{
  463. position:absolute;
  464. top:0;
  465. width:30px;
  466. height:60px;
  467. {block:if2column}
  468. left:410px;
  469. {/block:if2column}
  470.  
  471. {block:if500px}
  472. left:510px;
  473. {/block:if500px}
  474.  
  475. {block:if540px}
  476. left:550px;
  477. {/block:if540px}
  478. }
  479.  
  480. .reblogcont img{
  481. background:#fff;
  482. padding:5px;
  483. }
  484.  
  485. .ptype{
  486. position:absolute;
  487. left:0;
  488. bottom:0;
  489. width:10px;
  490. height:10px;
  491. padding:20px;
  492. background:#fff;
  493. color:#D4D1E8;
  494. text-align:center;
  495. line-height:30%;
  496. }
  497.  
  498. .tagcont{
  499. margin-top:10px;
  500. margin-left:15px;
  501. position:absolute;
  502. padding-left:10px;
  503. height:70px;
  504. max-height:70px;
  505. overflow:scroll;
  506. overflow-x:hidden;
  507.  
  508. {block:if2column}
  509. width:385px;
  510. {/block:if2column}
  511.  
  512. {block:if500px}
  513. width:485px;
  514. {/block:if500px}
  515.  
  516. {block:if540px}
  517. width:525px;
  518. {/block:if540px}
  519.  
  520. }
  521.  
  522. .tagcont ::-webkit-scroll{
  523. display:none !important;
  524. }
  525.  
  526. .tagcont::-webkit-scrollbar-corner{
  527. display:none !important;
  528. }
  529.  
  530. .tagcont a{
  531. display:inline-block;
  532. text-transform:uppercase;
  533. font:10px consolas;
  534. margin-left:5px;
  535. }
  536.  
  537. .qbox{
  538. {block:if2column}
  539. width:89%;
  540. {/block:if2column}
  541.  
  542. {block:if540px}
  543. width:93%;
  544. {/block:if540px}
  545.  
  546. {block:if500px}
  547. width:92%;
  548. {/block:if500px}
  549.  
  550. padding:10px;
  551. margin:10px;
  552. background:{color:questionbg};
  553. min-height:50px;
  554. }
  555.  
  556. #asker{
  557. position:absolute;
  558. margin-top:-5px;
  559. line-height:210%;
  560.  
  561. {block:if2column}
  562. margin-left:65%;
  563. {/block:if2column}
  564.  
  565. {block:if500px}
  566. margin-left:73%;
  567. {/block:if500px}
  568.  
  569. {block:if540px}
  570. margin-left:75%;
  571. {/block:if540px}
  572. text-transform:lowercase;
  573. }
  574.  
  575. #askimg{
  576. float:right;
  577. margin-left:5px;
  578. }
  579.  
  580. .tumblr_parent{
  581. margin-left:-1px;
  582. height:auto;
  583. }
  584.  
  585. a.tumblr_blog{
  586. font-weight:700;
  587. margin-left:2px;
  588. }
  589.  
  590. .tumblr_avatar {
  591. margin-right:10px;
  592. width:20px;
  593. height:20px;
  594. float:left;
  595. border-radius:5px;
  596. }
  597.  
  598. .tumblr_avatar img{
  599. width:30px;
  600. height:30px;
  601. }
  602.  
  603. #pagcont{
  604. width:90px;
  605. padding:5px;
  606. height:20px;
  607. position:fixed;
  608. margin-top:380px;
  609. margin-left:20px;
  610. text-align:center;
  611. text-transform:uppercase;
  612. font:10px calibri;
  613.  
  614. {block:ifinfinitescrolling}
  615. display:none;
  616. {/block:ifinfinitescrolling}
  617.  
  618. }
  619.  
  620. #pagi{
  621. position:relative;
  622. display:block;
  623. }
  624.  
  625. #pagin a{
  626. min-width:4px;
  627. min-height:4px;
  628. padding:2px;
  629. color:{color:paginationlink};
  630. font:10px calibri;
  631. text-align:center;
  632. display:inline-block;
  633. margin:2px;
  634. line-height:4px;
  635. text-transform:uppercase;
  636. }
  637.  
  638. div.pnotes{
  639. {block:if500px}
  640. width:470px;
  641. {/block:if500px}
  642.  
  643. {block:if2column}
  644. width:470px;
  645. {/block:if2column}
  646.  
  647. {block:if540px}
  648. width:510px;
  649. {/block:if540px}
  650.  
  651. background:#fff;
  652. padding:15px;
  653. float:left;
  654. margin-top:20px;
  655. max-height:200px;
  656. overflow:scroll;
  657. }
  658.  
  659. div.pnotes::-webkit-scrollbar{
  660. display:none !important;
  661. }
  662.  
  663. ol.notes{
  664. list-style-type:none !important;
  665. padding:8px;
  666. }
  667.  
  668. ol.notes li.note{
  669. top:0;
  670. padding-bottom:10px;
  671. }
  672.  
  673. ol.notes:before, li.note:before{
  674. content:none!important;
  675. }
  676.  
  677. .pnotes img.avatar{
  678. float:left;
  679. margin-right:10px;
  680. }
  681.  
  682. .pnotes a{
  683. font-family:consolas;
  684. text-transform:uppercase;
  685. }
  686.  
  687. </style>
  688.  
  689. <!--pxu-->
  690. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  691. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  692.  
  693. {block:IndexPage}
  694. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  695. {/block:IndexPage}
  696.  
  697. {block:if2column}
  698. <script type="text/javascript">
  699. $(window).load(function () {
  700. $('#container').masonry({
  701. itemSelector : ".post",
  702. },
  703. function() { $('#container').masonry({ appendedContent: $(this) }); }
  704. );
  705. });
  706. </script>
  707. {/block:if2column}
  708.  
  709. </head>
  710.  
  711. <body>
  712. <div id="bottombar">
  713. <div id="blogtitle">{block:ifquote}{text:quote}{/block:ifquote}
  714. {block:ifnotquote}
  715. {title}
  716. {/block:ifnotquote}
  717. </div>
  718. <div id="navcont">
  719. <div class="navlink"><a href="/">home</a>
  720. <a href="/ask">ask</a>
  721. <a href="/archive">past</a>
  722. <a href="https://kuzuriha.tumblr.com">credit</a>
  723. </div>
  724. </div>
  725. </div>
  726.  
  727. <div id="sidebar"></div>
  728.  
  729. <div id="icon"><img src="{image:icon}"/></div>
  730. <div id="desc">
  731. <div id="desct">{Description}</div>
  732. </div>
  733.  
  734. <div id="customlink">
  735.  
  736. <div class="customlinks">
  737. {block:ifLink1}
  738. <a href="{text:Link1URL}" title="{text:Link1}"><i class="ion-star"></i></a>
  739. {/block:ifLink1}
  740. </div>
  741. <div class="customlinks">
  742. {block:ifLink2}
  743. <a href="{text:Link2URL}" title="{text:Link2}"><i class="ion-paper-airplane"></i></a>
  744. {/block:ifLink2}
  745. </div>
  746. <div class="customlinks">
  747. {block:ifLink3}
  748. <a href="{text:Link3URL}" title="{text:Link3}"><i class="ion-umbrella"></i></a>
  749. {/block:ifLink3}
  750. </div>
  751. <div class="customlinks">
  752. {block:ifLink4}
  753. <a href="{text:Link1URL}" title="{text:Link4}"><i class="ion-waterdrop"></i></a>
  754. {/block:ifLink4}
  755. </div>
  756.  
  757. <div class="customlinks">
  758. {block:ifLink5}
  759. <a href="{text:Link5URL}" title="{text:Link5}"><i class="ion-cube"></i></a>
  760. {/block:ifLink5}
  761. </div>
  762.  
  763. </div>
  764.  
  765. <div id="pagcont">
  766. <div id="pagi">
  767. <div id="pagin">
  768. {block:Pagination}
  769. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  770. <span class="current_page">{CurrentPage}</span>/{TotalPages}
  771. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  772. {/block:Pagination}
  773.  
  774. </div>
  775. </div>
  776. </div>
  777.  
  778. <div id="container">
  779.  
  780. {block:Posts}
  781. <div class="post">
  782. {block:Text}
  783. {block:Title}<div class="title">{Title}</div>{/block:Title}
  784. <div class="cap">{Body}</div>
  785. {block:IndexPage}<div class="ptype"><i class="ion-speakerphone"></i></div>{/block:IndexPage}
  786. {/block:Text}
  787.  
  788. {block:Photo}
  789. {LinkOpenTag}
  790. <img src="{PhotoURL-HighRes}"/>
  791. {LinkCloseTag}
  792. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  793. {block:IndexPage}<div class="ptype"><i class="ion-image"></i></div>{/block:IndexPage}
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. <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>
  798.  
  799. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  800. {block:IndexPage}<div class="ptype"><i class="ion-images"></i></div>{/block:IndexPage}
  801. {/block:Photoset}
  802.  
  803. {block:Video}
  804. {block:if540px}
  805. <div class="video">{Video-500}</div>
  806. {/block:if540px}
  807.  
  808. {block:if2column}
  809. {Video-400}
  810. {block:Permalinkpage}
  811. {Video-500}
  812. {/block:PermalinkPage}
  813. {/block:if2column}
  814.  
  815. {block:if500px}
  816. {Video-500}
  817. {/block:if500px}
  818.  
  819. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  820. {block:IndexPage}<div class="ptype"><i class="ion-videocamera"></i></div>{/block:IndexPage}
  821. {/block:Video}
  822.  
  823. {block:Quote}
  824. <div class="cap">
  825. <div id="dropquote"><i class="ion-quote"></i></div>
  826. <div id="quote">{Quote}</div>
  827. {block:Source}<div id="source">{Source}</div>{/block:Source}
  828. </div>
  829. {block:IndexPage}<div class="ptype"><i class="ion-quote"></i></div>{/block:IndexPage}
  830. {/block:Quote}
  831.  
  832. {block:Link}
  833. <a href="{URL}"><div id="link">{Name} ►► </div></a>
  834. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  835. {block:IndexPage}<div class="ptype"><i class="ion-link"></i></div>{/block:IndexPage}
  836. {/block:Link}
  837.  
  838. {block:Chat}
  839. {block:Title}<div class="title">{Title}</div>{/block:Title}
  840. <div class="cap">
  841. <ul class="chat">
  842. {block:Lines}
  843. <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
  844. {/block:Lines}
  845. </li>
  846. </ul>
  847. </div>
  848.  
  849. {block:IndexPage}<div class="ptype"><i class="ion-chatboxes"></i></div>{/block:IndexPage}
  850. {/block:Chat}
  851.  
  852. {block:Audio}
  853. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  854. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  855.  
  856. {block:IndexPage}<div class="ptype"><i class="ion-headphone"></i></div>{/block:IndexPage}
  857. {/block:Audio}
  858.  
  859. {block:Answer}
  860. <div class="qbox"> {Question}</div>
  861. <div id="asker">
  862. asked by {Asker}<div id="askimg"><img src="{AskerPortraitURL-24}"/></div></div>
  863. <div class="cap">
  864. <div id="answ">{Answer}</div>
  865. </div>
  866.  
  867. {block:IndexPage}<div class="ptype"><i class="ion-help"></i></div>{/block:IndexPage}
  868. {/block:Answer}
  869.  
  870. {block:IndexPage}
  871. {block:Date}
  872. <div class="pinfo">
  873. <div style="margin-left:50px;"/>
  874. <a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth}.{MonthNumber}"><i class="ion-calendar"></i></a>
  875. <a href="#" title="{NoteCountWithLabel}"><i class="ion-plus"></i></a>
  876. <a href="{ReblogURL}" title="reblog"><i class="ion-refresh"></i></a>
  877. </div>
  878. </div>
  879. {/block:Date}
  880.  
  881. {block:RebloggedFrom}
  882. <div class="reblogcont">
  883. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a> <a href="{ReblogRootURL}" title="src: {ReblogRootName}"><img src=" {ReblogRootPortraitURL-16}"></a>
  884. </div>
  885. {/block:RebloggedFrom}
  886.  
  887. {/block:IndexPage}
  888.  
  889.  
  890. {block:ContentSource}
  891. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  892. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  893. {/block:SourceLogo}
  894. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  895. {/block:ContentSource}
  896.  
  897.  
  898.  
  899. {block:IndexPage}
  900. {block:HasTags}
  901. <span style="color:#BFBFBF;margin-right:10px; margin-top:10px; position:absolute;"><i class="ion-pricetags"></i></span>
  902. <div class="tagcont"> {block:Tags}<a href="{TagURL}">#{Tag}</a>
  903. {/block:Tags}
  904. </div>
  905. {/block:HasTags}
  906. {/block:IndexPage}
  907.  
  908. {block:PermalinkPage}
  909. {block:PostNotes}
  910. <div class="pnotes">
  911. <ol class="notes">{PostNotes}</ol>
  912. </div>
  913. {/block:PostNotes}
  914. </div>
  915. {/block:PermalinkPage}
  916.  
  917. </div>
  918. {/block:Posts}
  919.  
  920. </div>
  921.  
  922. <!--unnest-->
  923. <script src="https://static.tumblr.com/wdp3vza/sstot11wg/unnest.min.js"></script>
  924. <script>
  925. $(document).ready(function(){
  926. $('.post').unnest({
  927. yourCaption: ".cap",
  928. wrapName: ".tumblr_parent",
  929. newCaptionUsername: false,
  930. originalPostCaptionUsername: false,
  931. tumblrAvatars: true,
  932. tumblrAvatarClass: ".tumblr_avatar",
  933. usernameColon: false
  934. });
  935. });
  936. </script>
  937. <!--pxu script-->
  938. <script>
  939. $(document).ready(function(){
  940. $('.photo-slideshow').pxuPhotoset({
  941. lightbox: true,
  942. rounded: false,
  943. gutter: '5px',
  944. photoset: '.photo-slideshow',
  945. photoWrap: '.photo-data',
  946. photo: '.pxu-photo'
  947. });
  948. {block:IndexPage}
  949. var $container = $('#container');
  950. $container.masonry({ itemSelector: '.post' });
  951. $container.imagesLoaded(function(){
  952. $container.masonry();
  953. $container.find('.post').animate({ opacity: 1, zIndex: 1 });
  954. });
  955. {/block:IndexPage}
  956. });
  957. </script>
  958.  
  959. </body>
  960. </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!