API tools faq
paste
Advertisement
Laighlin

#8: Hivernal

Laighlin
Nov 20th, 2016
2,060
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link href="https://fonts.googleapis.com/css?family=Dosis:400,400i,700,700i" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i" rel="stylesheet">
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!-------------------- Hivernal by Laighlin -------------------
  13.  
  14. 1. don't move the credit (you can customize how it looks)
  15. 2. don't redistribute or lift large chunks of code
  16. 3. let me know if you find a bug; i'm completely self-taught so
  17.   i mess up from time to time lol
  18.  
  19. --------------------------------------------------------------->
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />  <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22.  
  23. <script>
  24. (function($){
  25.     $(document).ready(function(){
  26.         $("a[title]").style_my_tooltips({
  27.             tip_follows_cursor:true,
  28.             tip_delay_time:300,
  29.             tip_fade_speed:300,
  30.             attribute:"title"
  31.         });
  32.     });
  33. })(jQuery);
  34. </script>
  35.  
  36. <meta name="image:background" content="http://static.tumblr.com/51f510df8f2dced0258fafb022ad2cf6/xwoxjom/a6yogtk76/tumblr_static_62xvdi8cwj0o0css8ooc4s044.jpg"/>
  37. <meta name="image:favicon" content="http://static.tumblr.com/f1380d68747907af4b2c7b34f17ac66a/xwoxjom/tqnogxjih/tumblr_static_cupldvas4kgkcwck4484wkgco.png"/>
  38. <meta name="if:black or white controls" content="1"/>
  39. <meta name="if:500 px" content="0"/>
  40. <meta name="if:sharp corners" content="0"/>
  41. <meta name="if:shadows" content="1"/>
  42. <meta name="select:background size" title="cover" content="; background-size:cover"/>
  43. <meta name="select:background size" title="repeat" content="repeat"/>
  44.  
  45. <meta name="color:background color" content="#fff"/>
  46. <meta name="color:title" content="#fff"/>
  47. <meta name="color:title bg" content="#edc17e"/>
  48. <meta name="color:post title background" content="#e7b547"/>
  49. <meta name="color:post bg" content="#feffef"/>
  50. <meta name="color:post info background" content="#e7b547"/>
  51. <meta name="color:post info text" content="#fff"/>
  52. <meta name="color:post text" content="#444"/>
  53. <meta name="color:answer background" content="#ffa167"/>
  54. <meta name="color:answer text" content="#fff"/>
  55. <meta name="color:bold" content="#c6aa59"/>
  56. <meta name="color:italic" content="#bb9955"/>
  57. <meta name="color:link" content="#4f0306"/>
  58. <meta name="color:selection text" content="#b9c983"/>
  59. <meta name="color:selection bg" content="#000"/>
  60. <meta name="color:extra links bg" content="#ffa167"/>
  61. <meta name="color:extra links hover" content="#edc17e"/>
  62. <meta name="color:extra links text" content="#fff"/>
  63. <meta name="color:tags" content="#222"/>
  64. <meta name="color:tags hover" content="#000"/>
  65. <meta name="color:shadows" content="#977070"/>
  66.  
  67. <!-- text fields -->
  68. <meta name="text:blur" content="1"/>
  69. <meta name="font:title font" content="Dosis"/>
  70. <meta name="font:body font" content="Exo 2"/>
  71. <meta name="font:desc font" content="Dosis"/>
  72. <meta name="text:body font size" content="13px"/>
  73. <meta name="text:desc font size" content="11px"/>
  74.  
  75. <style type="text/css">
  76.  
  77. {block:ifNotBlackOrWhiteControls}
  78. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls {
  79.     -webkit-filter: invert(100%);
  80.     filter: invert(100%);
  81.     opacity:.7;
  82. }
  83. {/block:ifNotBlackOrWhiteControls}
  84.  
  85. body {
  86.     margin:0px;
  87.     height:100%;
  88.     width:100%;
  89.     color:{color:post text};
  90.     font-family:{font:body font};
  91.     font-size:{text:body font size};
  92.     line-height:150%;
  93.     overflow:hidden;
  94.     background:{color:background color};
  95.     z-index:0;
  96. }
  97.  
  98. #bgholder {
  99.     height:calc(100% + 20px);
  100.     width:calc(100% + 20px);
  101.     top:-10px;
  102.     left:-10px;
  103.     background:url({image:background}) {color:background color} fixed {select:background size};
  104.     background-position:left bottom;
  105.     position:absolute;
  106.     -webkit-filter:blur({text:blur}px);
  107.     -moz-filter:blur({text:blur}px);
  108.     filter:blur({text:blur}px);
  109.     z-index:-10;
  110. }
  111.  
  112. #yeehaw {
  113.     height:100%;
  114.     width:100%;
  115.     position:absolute;
  116.     overflow:auto;
  117.     z-index:1;
  118. }
  119.  
  120. a, .links, .tag, #navbar i, #prev, #next, .link {
  121.     transition:.3s ease-in-out;
  122. }
  123.  
  124. b, strong {
  125.     color:{color:bold};
  126. }
  127.  
  128. i, em {
  129.     color:{color:italic};
  130. }
  131.  
  132. a {
  133.     text-decoration:none;
  134.     outline:none;
  135.     -moz-outline-style:none;
  136.     color:{color:link};
  137. }
  138.  
  139. .pad a:hover, #desc a:hover, .tit.qq a:hover, .rbans a:hover, #info a:hover, .tag a:hover {
  140.     text-decoration:underline;
  141. }
  142.  
  143. img {
  144.     border:none;
  145.     max-height:100%;
  146.     max-width:100%;
  147. }
  148.  
  149. blockquote, blockquote blockquote {
  150.     padding:2px 5px;
  151.     margin-left:7px;
  152.     border:2px solid;
  153.     border-color:transparent transparent transparent {color:italic};
  154.     margin-right:0px;
  155.     border-radius:10px;
  156. }
  157.  
  158. h1 {
  159.     font-size:120%;
  160.     line-height:120%;
  161. }
  162.  
  163. h2 {
  164.     font-size:110%;
  165.     line-height:110%;
  166. }
  167.  
  168. ::selection {
  169.   background: {color:selection bg};
  170.   color: {color:selection text};
  171. }
  172. ::-moz-selection {
  173.   background: {color:selection bg};
  174.   color: {color:selection text};
  175. }
  176.  
  177. ::-webkit-scrollbar {
  178.     width:10px;
  179.     height:10px;
  180. }
  181.  
  182. ::-webkit-scrollbar-thumb {
  183.     background:{color:title bg};
  184.     border:1px solid transparent;
  185.     background-clip:padding-box;
  186.     border-radius:6px;
  187. }
  188.  
  189. /* Track */
  190. ::-webkit-scrollbar-track {
  191.     background:{color:title bg};
  192.     border:4px solid transparent;
  193.     background-clip:padding-box;
  194. }
  195.  
  196. ::-webkit-scrollbar-track-horizontal { border-right:none; }
  197.  
  198. ::-webkit-scrollbar-track-vertical { border-bottom:none; }
  199.  
  200. ::-webkit-scrollbar-corner {
  201.     background:{color:title bg};
  202.     border-radius:50%;
  203.     margin:2px;
  204. }
  205.  
  206. #s-m-t-tooltip {
  207.     z-index:99999!important;
  208.     background:{color:post text};
  209.     color:{color:post bg};
  210.     font-family:Dosis;
  211.     margin:15px;
  212.     padding:4px 5px;
  213.     border-radius:4px;
  214. }
  215.  
  216. #lrb {
  217.     opacity:.8;
  218.     display:inline-block;
  219.     padding:5px 3px 0px 3px;
  220.     z-index:9;
  221. }
  222.  
  223. #entries {
  224.     padding:10px;
  225.     margin:40px 0 30px;
  226.     {block:if500px}
  227.     margin-left:calc(50% - 100px);
  228.     width:500px;
  229.     {/block:if500px}
  230.     {block:ifNot500px}
  231.     margin-left:calc(50% - 70px);
  232.     width:400px;
  233.     {/block:ifNot500px}
  234.     z-index:99;
  235.     position:relative;
  236. }
  237.  
  238. .tit {
  239.     border-radius:15px 15px 0 0;
  240.     background:{color:post title background};
  241.     padding:10px;
  242.     text-align:center;
  243.     font-variant:small-caps;
  244.     font-size:150%;
  245.     color:{color:post info text};
  246.     position:relative;
  247. }
  248.  
  249. .pad {
  250.     {block:if500px}
  251.     width:490px;
  252.     {/block:if500px}
  253.     {block:ifNot500px}
  254.     width:390px;
  255.     {/block:ifNot500px}
  256.     background:{color:post bg};
  257.     position:relative;
  258.     padding:5px;
  259. }
  260.  
  261. .tag {
  262.     display:inline;
  263.     color:{color:tags};
  264.     padding:3px;
  265. }
  266.  
  267. .tag a {
  268.     color:{color:tags};
  269. }
  270.  
  271. .tag a:hover {
  272.     color:{color:tags hover};
  273. }
  274.  
  275. #title, #desc, #navbar, #pagination, #lamppost, #nyoom, #sideimg {
  276.     position:fixed;
  277. }
  278.  
  279. #title {
  280.     top:20px;
  281.     left:120px;
  282.     font-size:180%;
  283.     max-width:500px;
  284.     color:{color:title};
  285.     font-family:{font:title font};
  286.     background:{color:title bg};
  287.     border-radius:10px;
  288.     font-variant:small-caps;
  289. }
  290.  
  291. #lamppost, #nyoom {
  292.     border-radius:25px;
  293.     border:2px solid;
  294. }
  295.  
  296. #lamppost {
  297.     height:100%;
  298.     top:43px;
  299.     left:77px;
  300.     right:140px;
  301.     border-color:{color:title bg} transparent transparent {color:title bg};
  302.     z-index:0;
  303. }
  304.  
  305. #nyoom {
  306.     z-index:0;
  307.     top:43px;
  308.     right:140px;
  309.     left:-30px;
  310.     bottom:80px;
  311.     border-radius:25px;
  312.     border-color:transparent {color:title bg} {color:title bg} transparent;
  313. }
  314.  
  315. #desc {
  316.     top:calc(50% - 100px);
  317.     left:150px;
  318.     font-family:'{font:desc font}';
  319.     color:{color:post text};
  320.     background:{color:post bg};
  321.     font-size:{text:desc font size};
  322.     width:250px;
  323.     border-radius:0 0 15px 15px;
  324. }
  325.  
  326. #title, #desc, #navbar, #pagination {
  327.     padding:10px;
  328.     line-height:120%;
  329.     z-index:10;
  330. }
  331.  
  332. #navbar {
  333.     width:250px;
  334.     height:30px;
  335.     background:{color:post title background};
  336.     top:calc(50% - 150px);
  337.     border-radius:15px 15px 0 0;
  338.     left:150px;
  339.     text-align:center;
  340.     line-height:0;
  341. }
  342.  
  343. #navbar i {
  344.     width:12px;
  345.     padding:8px;
  346.     margin:-1px 2px 0;
  347.     font-size:12px;
  348.     color:{color:post info text};
  349.     border-radius:50%;
  350.     border:2px solid transparent;
  351.     transition:.2s all ease-out;
  352. }
  353.  
  354. #navbar i:hover {
  355.     border-color:transparent {color:post info text};
  356. }
  357.  
  358. #navbar:before {
  359.     content:'';
  360.     position:absolute;
  361.     display:block;
  362.     top:24px;
  363.     left:-150px;
  364.     width:150px;
  365.     height:2px;
  366.     background:{color:post title background};
  367.     z-index:8;
  368. }
  369.  
  370. #info, #tags, #tags:before {
  371.     background:{color:post info background};
  372. }
  373.  
  374. .tit, #info {
  375.     position:relative;
  376. }
  377.  
  378. #info {
  379.     text-align:center;
  380.     font-family:Dosis;
  381.     letter-spacing:.5px;
  382.     font-size:95%;
  383.     margin-bottom:10px;
  384.     {block:if500px}
  385.     width:490px;
  386.     {/block:if500px}
  387.     {block:ifNot500px}
  388.     width:390px;
  389.     {/block:ifNot500px}
  390.     padding:5px;
  391.     border-radius:0 0 15px 15px;
  392.     color:{color:post info text};
  393. }
  394.  
  395. #info a {
  396.     color:{color:tags};
  397. }
  398.  
  399. #tags {
  400.     margin:15px auto 0;
  401.     {block:if500px}
  402.     width:440px;
  403.     {/block:if500px}
  404.     {block:ifNot500px}
  405.     width:340px;
  406.     {/block:ifNot500px}
  407.     position:relative;
  408.     padding:5px;
  409.     border-radius:6px;
  410.     font-size:95%;
  411. }
  412.  
  413. #tags:before {
  414.     content:'';
  415.     display:block;
  416.     position:absolute;
  417.     height:25px;
  418.     width:2px;
  419.     right:40px;
  420.     top:-20px;
  421. }
  422.  
  423. #note {
  424.     overflow-x:hidden;
  425.     overflow-y:auto;
  426.     text-align:center;
  427.     padding-top:10px;
  428.     {block:if500px}
  429.     width:480px;
  430.     {/block:if500px}
  431.     {block:ifNot500px}
  432.     width:380px;
  433.     {/block:ifNot500px}
  434.     margin:auto;
  435. }
  436.  
  437. #note ol.notes {
  438.     list-style-type:none;
  439.     margin:1px;
  440.     padding:2px;
  441.    
  442. }
  443.  
  444. #note ol.notes img.avatar {
  445.     margin-right: 5px;
  446.     margin-bottom:-3px;
  447.     width: 16px;
  448.     height: 16px;
  449.     border-radius:50%;
  450. }
  451.  
  452. #note ol.notes li {
  453.     padding:3px;
  454. }
  455.  
  456. #asker {
  457.     float:left;
  458.     margin-right:5px;
  459. }
  460.  
  461. #asker img { border-radius:50%; }
  462.  
  463. .askr {
  464.     display:inline-block;
  465. }
  466.  
  467. .askr a { color:{color:tags}; }
  468.  
  469. .rbans {
  470.     background:{color:answer background};
  471.     color:{color:answer text};
  472.     position:relative;
  473.     padding:10px;
  474.     text-align:right;
  475.     line-height:120%;
  476.     margin:0 -10px;
  477.     border-radius:5px;
  478. }
  479.  
  480. .rbans p { margin:2px 0; }
  481.  
  482. .qq, .music {
  483.     font-variant:none;
  484.     font-size:100%;
  485.     text-align:left;
  486. }
  487.  
  488. .qq em { color:{color:post info text}; }
  489.  
  490. .link { background:{color:extra links bg}; }
  491.  
  492. .link a { color:{color:extra links text}; }
  493.  
  494. .link:hover { background:{color:extra links hover}; }
  495.  
  496. .quote {
  497.     font:120% {font:desc font};
  498.     font-variant:none;
  499.     font-style:italic;
  500. }
  501.  
  502. .aud {
  503.     height:30px;
  504.     width:23px;
  505.     overflow:hidden;
  506.     position:relative;
  507.     margin: 14px 24px 13px 15px;
  508. }
  509.  
  510. .audholder {
  511.     position:absolute;
  512.     z-index:30;
  513.     background:#f3f3f3;
  514.     margin-top:11px;
  515.     margin-left:11px;
  516.     opacity:.7;
  517.     border-radius:50%;
  518. }
  519.  
  520. #song {
  521.     height:51px;
  522.     padding:15px;
  523.     background:transparent;
  524. }
  525.  
  526. #cover {
  527.     margin-right:5px;
  528.     border-radius:5px;
  529.     width:81px;
  530.     height:81px;
  531.     float:left;
  532.     background-size:cover;
  533.     z-index:1;
  534. }
  535.  
  536. #cover img { border-radius:3px; }
  537.  
  538. .chat:nth-child(even) {
  539.     margin-left:10px;
  540. }
  541.  
  542. #linkcont {
  543.     right:90px;
  544.     width:100px;
  545.     height:calc(100% - 180px);
  546.     display:flex;
  547.     position:fixed;
  548.     top:70px;
  549.     z-index:20;
  550.     flex-flow:column wrap;
  551.     justify-content:center;
  552. }
  553.  
  554. .links {
  555.     font-size:95%;
  556.     line-height:120%;
  557.     text-align:center;
  558.     width:90px;
  559.     margin-bottom:30px;
  560.     padding:5px;
  561.     background:{color:extra links bg};
  562.     color:{color:extra links text};
  563.     border-radius:10px;
  564. }
  565.  
  566. .links:hover {
  567.     background:{color:extra links hover};
  568. }
  569.  
  570. .post {
  571.     padding:45px 0;
  572.     z-index:5;
  573. }
  574.  
  575. #prev, #next {
  576.     border-radius:50%;
  577.     height:20px;
  578.     width:20px;
  579.     padding:8px;
  580.     display:inline-block;
  581.     margin:5px;
  582.     background:{color:post info background};
  583.     font-size:20px;
  584.     text-align:center;
  585.     float:right;
  586. }
  587.  
  588. #pagination {
  589.     text-align:justify;
  590.     left:100px;
  591.     bottom:64px;
  592.     height:30px;
  593.     float:left;
  594.     line-height:0;
  595. }
  596.  
  597. #pagination i { color:{color:post info text}; }
  598.  
  599. #prev:hover i, #next:hover i { color:{color:post info background}; }
  600.  
  601. #prev:hover, #next:hover { background:{color:post info text}; }
  602.  
  603. #retainer {
  604.     max-height:240px;
  605.     overflow-y:auto;
  606. }
  607.  
  608. .shad {
  609.     border-radius:15px;
  610. }
  611.  
  612. {block:ifSharpCorners}
  613. #title, .tit, #info, #tags, #navbar, #desc, .links, blockquote, blockquote blockquote, .shad { border-radius: 1px; }
  614. {/block:ifSharpCorners}
  615.  
  616. {block:ifShadows}
  617. #title, .tit, .pad, #info, #tags, #navbar, #desc, .links {
  618.     box-shadow:2px 2px 3px {color:shadows};
  619. }
  620. {/block:ifShadows}
  621.  
  622. {CustomCSS}</style></head><body>
  623.  
  624. <div id="bgholder"></div>
  625. <div id="yeehaw">
  626. <div id="lamppost"></div>
  627. <div id="nyoom"></div>
  628. <div id="sidebar">
  629.  
  630. <a href="/"><div id="title">{Title}</div></a>
  631.  
  632. <div id="navbar">
  633.     <a href="/" title="index"><i class="fa fa-user" aria-hidden="true"></i></a>
  634.     {block:AskEnabled}<a href="/ask" title="ask"><i class="fa fa-envelope" aria-hidden="true"></i></a>{/block:AskEnabled}
  635.     {block:SubmissionsEnabled}<a href="/submit" title="submit"><i class="fa fa-pencil" aria-hidden="true"></i></a>{/block:SubmissionsEnabled}
  636.     <a href="/archive" title="archive"><i class="fa fa-calendar" aria-hidden="true"></i></a>
  637.     <a href="http://linthm.tumblr.com/thm" title="Hivernal ©  Laighlin"><i class="fa fa-code" aria-hidden="true"></i></a>
  638. </div>
  639.  
  640. <div id="desc"><div id="retainer"><p>{Description}</p></div></div>
  641.  
  642. </div>
  643.  
  644.  
  645. <div id="entries">
  646.  
  647. {block:Posts}
  648. <div class="post">
  649.  
  650. {block:Text}{block:Title}<div class="tit">{Title}</div>{/block:Title}<div class="pad">{Body}</div>{/block:Text}
  651.  
  652. {block:Photo}
  653. {LinkOpenTag}
  654. {block:if500px}
  655.     <img src="{PhotoURL-500}">
  656.     {/block:if500px}
  657.     {block:ifNot500px}
  658.    <img src="{PhotoURL-400}">
  659. {/block:ifNot500px}
  660. {LinkCloseTag}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  661. {/block:Photo}
  662.  
  663. {block:Photoset}
  664. <div class="pset">
  665. {block:if500px}
  666. {Photoset-500}
  667. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  668. {/block:if500px}
  669. {block:ifNot500px}
  670. {Photoset-400}
  671. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  672. {/block:ifNot500px}</div>
  673. {/block:Photoset}
  674.  
  675. {block:Quote}<div class="tit quote">“{Quote}”</div><div class="pad"><p align="right">{block:Source} —{Source}{/block:Source}</p></div>{/block:Quote}
  676.  
  677. {block:Link}
  678. <a href="{URL}" {Target}><div class="tit link">{Name}</div></a>
  679. {block:Excerpt}<div class="rbans">{Excerpt}</div>{/block:Excerpt}
  680. {block:Description}<div class="pad">{Description}</div>{/block:Description}
  681. {/block:Link}
  682.  
  683. {block:Chat}{block:Title}<div class="tit">{Title}</div>{/block:Title}<div class="pad">{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}</div>{/block:Chat}
  684.  
  685. {block:Audio}
  686.  
  687. <div class="tit music">              
  688. <div id="cover">
  689. {block:AlbumArt}
  690. <img src="{AlbumArtURL}">
  691. {/block:AlbumArt}                                    
  692. </div>
  693.                                
  694. <div class="audholder"><div class="aud">{AudioPlayerBlack}</div></div>
  695. <div id="song">{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  696. {block:TrackName}<b>Title:</b> {TrackName}<p>{/block:TrackName}</div></div>
  697. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  698. {/block:Audio}
  699.  
  700.  
  701. {block:Video}
  702. {block:if500px}
  703. {Video-500}
  704. {/block:if500px}
  705.     {block:ifNot500px}
  706.    {Video-400}
  707. {/block:ifNot500px}
  708. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Video}
  709.  
  710. {block:Answer}
  711. <div class="tit qq"><div id="asker"><img src="{AskerPortraitURL-24}">
  712. </div>
  713. <div class="askr">{Asker}</div> said:<br><em>{Question}</em></div>
  714. {block:Answerer}<div class="rbans">{Answerer} replied: {Answer}</div>{/block:Answerer}
  715. <div class="pad">{Replies}</div>
  716. {/block:Answer}
  717.  
  718. {block:Date}
  719. <div id="info">
  720. posted {TimeAgo} with
  721. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<br>reblogged from <a href="{ReblogParentURL}"
  722. title="{ReblogParentTitle}">{ReblogParentName}</a> - originally by <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  723. <br>
  724.     {block:ifBlackOrWhiteControls}
  725.     <div id="lrb">{ReblogButton color="white" size="16"}</div><div id="lrb">{LikeButton color="white" size="16"}</div>
  726.     {/block:ifBlackOrWhiteControls}
  727.     {block:ifNotBlackOrWhiteControls}
  728.     <div id="lrb">{ReblogButton color="black" size="16"}</div><div id="lrb">{LikeButton color="black" size="16"}</div>
  729.     {/block:ifNotBlackOrWhiteControls}
  730. {/block:Date}
  731.  
  732.     {block:PostNotes}<div id="note">{PostNotes}</div>{/block:PostNotes}
  733. </div>
  734.  
  735. {block:HasTags}<div id="tags">{block:Tags}<div class="tag">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div>{/block:HasTags}
  736. </div>
  737. {/block:Posts}</div>
  738.  
  739. {block:Pagination}
  740. <div id="pagination">
  741.     {block:NextPage}
  742.     <a href="{NextPage}" title="next page">
  743.         <div id="next"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i></div>
  744.     </a>
  745.     {/block:NextPage}
  746.    
  747.     {block:PreviousPage}
  748.     <a href="{PreviousPage}" title="previous page">
  749.         <div id="prev"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i></div>
  750.     </a>
  751.     {/block:PreviousPage}
  752. </div>
  753. {/block:Pagination}
  754.  
  755. {block:HasPages}
  756. <div id="linkcont">
  757.     {block:Pages}<a href="{URL}"><div class="links">{Label}</div></a>{/block:Pages}
  758. </div>
  759. {/block:HasPages}
  760.    
  761. </div>
  762. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!