API tools faq
paste
Advertisement
mozuxander

th 02. distrust

mozuxander
Mar 25th, 2017
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <!--
  6.  
  7. CREDITS:
  8.  
  9.   Fontawesome Icons belong to Dave Gandy,
  10.   the Montserrat Font belongs to Julieta Ulanovsky,
  11.   and the Muli Font belongs to Vernon Adams.
  12.  
  13. please keep my credit intact/do not move it, and please do not
  14. redistribute. that's all i ask.
  15.  
  16. customize as much as you like for personal use. if you customize my theme
  17. and run into a bug, i will not help you.
  18.  
  19. if there is a bug as-is, please contact @birkinsherry on tumblr.
  20.  
  21. i hope you enjoy!
  22.  
  23. -->
  24.      
  25. <title>{Title}{block:PostTitle} ; {PostTitle}{/block:PostTitle}</title>
  26. <link rel="shortcut icon" href="{image:Favicon}">
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.      
  30.     <!-- body variables-->
  31.     <meta name="color:Background" content="#fff">
  32.     <meta name="image:Background" content="">
  33.     <meta name="color:Text" content="#bbb">
  34.     <meta name="color:Hyperlinks" content="#aaa">
  35.     <meta name="color:Boldface" content="#ccc">
  36.     <meta name="color:Italic" content="#ccc">
  37.     <meta name="if:Maximized Background" content="">
  38.     <meta name="image:Favicon" content="http://static.tumblr.com/bn1pkqw/Nbqmxd2y4/68.gif">
  39.      
  40.     <!-- post variables -->
  41.     <meta name="color:Posts BG" content="#fff">
  42.     <meta name="color:Posts Text" content="#777">
  43.     <meta name="color:Posts Accent" content="#000">
  44.     <meta name="color:Posts Buttons BG" content="#000">
  45.     <meta name="color:Posts Buttons Icons" content="#eeeeee">
  46.     <meta name="if:Endless Scroll" content="1">
  47.     <meta name="Color:Ask BG" content="#777">
  48.     <meta name="select:Post Size" content="w250" title="250px">
  49.     <meta name="select:Post Size" content="w400" title="400px">
  50.     <meta name="select:Post Size" content="w500" title="500px">
  51.    
  52.     <!-- header variables-->
  53.     <meta name="image:Header Image" content="">
  54.     <meta name="color:Header Buttons" content="">
  55.  
  56.     <!-- etc variables -->
  57.     <meta name="if:Shadows" content="1">
  58.  
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  62. <link href="https://fonts.googleapis.com/css?family=Muli:400,400i|Montserrat" rel="stylesheet">
  63. <script src="https://use.fontawesome.com/7ba7b8b81e.js"></script>
  64.  
  65. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  66.  
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>$(document).ready(function(){$(".hidden").click(function(){$(".unhidden").slideToggle(750);});});</script>  
  68.  
  69.     <style type="text/css">
  70.  
  71.  
  72. /*----smt tooltip*/
  73. #s-m-t-tooltip {
  74.     height:auto;
  75.     font-family:'Montserrat', 'Trebuchet MS', sans-serif;
  76.     font-size:9px;
  77.     text-transform:uppercase;
  78.     max-width:200px;
  79.     word-wrap:break-word;
  80.     margin-top:5px;
  81.     margin-left:10px;
  82.     z-index:99999999;
  83.     border-radius:3px;
  84.     background:{color:posts buttons bg};
  85.     color:{color:posts buttons icons};
  86.     padding:8px;
  87. }
  88.  
  89.  
  90. /*----body*/
  91.  
  92.  
  93. body {
  94.     background:{color:background} url('{image:background}') center center fixed repeat;
  95.     margin:0;
  96.     color:{color:text};
  97.     {block:ifmaximizedbackground}
  98.     background-size:cover;
  99.     {/block:ifmaximizedbackground}
  100.     font-family:'Muli', sans-serif;
  101.     font-size:11px;
  102.     min-width:50em;
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106.     height: 10px;
  107.     width: 10px;
  108.     background: {color:background};
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  112.     background: {color:posts bg};
  113.     height: auto;
  114.     border: 4px solid {color:background};
  115. }
  116.  
  117. iframe#tumblr_controls {
  118.     position:fixed;
  119.     {block:ifnotheaderpositionbottom}
  120.     top:220px;
  121.     {/block:ifnotheaderpositionbottom}
  122.     {block:ifheaderpositionbottom}
  123.     top:10px;
  124.     {/block:ifheaderpositionbottom}
  125.     opacity:0.8;
  126.     z-index:999999999;
  127. }
  128.  
  129. iframe#tumblr_controls:hover {
  130.     opacity:1;
  131.     -webkit-transition: all 0.4s ease-out;
  132.     -moz-transition: all 0.4s ease-out;
  133.     transition: all 0.4s ease-out;
  134. }
  135.    
  136. a, a:focus, a:visited {
  137.     text-decoration:none;
  138.     color:{color:hyperlinks};
  139.     text-decoration:underline;
  140. }
  141.  
  142. ul {
  143.     font-size:11px;
  144. }
  145.    
  146. blockquote {
  147.     margin-left:5px;
  148.     padding-left:5px;
  149.     border-left:2px solid;
  150. }
  151.    
  152. pre {
  153.     overflow:auto;
  154.     background:rgba(0,0,0,0.1);
  155.     word-wrap:break-word;
  156. }
  157.    
  158. i, em {
  159.     font-style:italic;
  160.     color:{color:italic};
  161. }
  162.    
  163. p {
  164.     margin:0;
  165.     padding:2px;
  166.     margin-top:5px;
  167. }
  168.    
  169. strong, b {
  170.     font-weight:bold;
  171.     color:{color:boldface};
  172. }
  173.    
  174. hr {
  175.     border:none;
  176.     border-bottom:1px solid {color:posts accent};
  177.     margin:1em auto;
  178.     width:75%;
  179. }
  180.  
  181. /* sidebar */
  182.  
  183. header {
  184.     width:500px;
  185.     height:auto;
  186.     padding:10px;
  187.     border-radius:10px;
  188.     margin:50px auto;
  189.     margin-bottom:80px;
  190.     font-size:16px;
  191.     text-align:center;
  192. }
  193.  
  194. .header_img {
  195.     margin:0 auto;
  196.     width:500px;
  197.     height:auto;
  198. }
  199.  
  200. .header_img img {
  201.     margin:0 auto;
  202.     width:520px;
  203.     height:auto;
  204.     border-radius:6px;
  205. }
  206.  
  207. header h1 {
  208.     padding:10px;
  209.     margin:0 auto;
  210.     font-family:'Montserrat', Calibri;
  211.     font-size:22px;
  212.     letter-spacing:2px;
  213. }
  214.  
  215. header hr {
  216.     border:none;
  217.     border-bottom:1px solid {color:border};
  218. }
  219.  
  220. #links {
  221.     position:fixed;
  222.     top:75px;
  223.     left:0;
  224.     right:0;
  225.     margin:0 33%;
  226.     word-spacing:5px;
  227.     font-size:22px;
  228.     width:50px;
  229.     border-right:1px solid {color:header buttons};
  230. }
  231.  
  232. #links a {
  233.     margin:10px 0;
  234.     text-decoration:none;
  235.     display:block;
  236.     color:{color:header buttons};
  237. }
  238.  
  239. #links a.home {
  240.     font-size:24px;
  241. }
  242.  
  243. .hidden {
  244.     display:normal;
  245. }
  246.  
  247. .unhidden {
  248.     display:none;
  249.     max-height:200px;
  250.     overflow:auto;
  251.     padding:5px;
  252. }
  253.  
  254. .navi {
  255.     width:40px;
  256.     font-family:'Montserrat', 'MS Gothic';
  257.     color:{color:header buttons};
  258.     cursor:help;
  259.     margin-bottom:10px;
  260. }
  261.  
  262. .navlinks {
  263.     font-size:12px;
  264.     margin-bottom:10px;
  265.     width:80px;
  266.     text-align:right;
  267.     margin-left:-55px;
  268. }
  269.  
  270. .navlinks a {
  271.     text-decoration:none;
  272.     color:{color:header buttons};
  273.     display:block;
  274. }
  275.  
  276.  
  277. .desc {
  278.     font-family:'Muli', Calibri;
  279.     width:auto;
  280.     padding:9px;
  281.     text-align:center;
  282.     color:{color:text};
  283.     max-height:150px;
  284.     overflow:auto;
  285.     word-wrap:break-word;
  286.     margin-top:5px;
  287.     margin-bottom:5px;
  288. }
  289.  
  290. /* posts */
  291.  
  292. #all {
  293.     margin:50px auto;
  294. }
  295.    
  296. {block:IndexPage}
  297. #all.w250 {
  298.     width:310px;
  299. }
  300.  
  301. #all.w400 {
  302.     width:460px;
  303. }
  304.  
  305. #all.w500 {
  306.     width:560px;
  307. }
  308.  
  309. #posts.w250 {
  310.     width:250px;
  311. }
  312.  
  313. #posts.w400 {
  314.     width:400px;
  315. }
  316.  
  317. #posts.w500 {
  318.     width:500px;
  319. }
  320. {/block:IndexPage}
  321.  
  322. {block:PermalinkPage}
  323. #posts.w250, #posts.w400, #posts.w500 {
  324.     width:500px;
  325. }
  326. #all.w250, #all.w400, #all.w500 {
  327.     width:560px;
  328. }
  329. {/block:PermalinkPage}
  330.  
  331. .w500 {
  332.     width:500px;
  333. }
  334. .w400 {
  335.     width:400px;
  336. }
  337. .w250 {
  338.     width:250px;
  339. }
  340. .w500 .w400,.w500 .w250 {display:none;}
  341. .w400 .w500,.w400 .w250 {display:none;}
  342. .w250 .w500,.w250 .w400 {display:none;}
  343.  
  344. #posts {
  345.     margin:25px;
  346.     padding:10px;
  347.     background:{color:Posts BG};
  348.     color:{color:posts text};
  349.     {block:ifShadows}
  350.     box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.12);
  351.     {/block:ifShadows}
  352.     border-radius:4px;
  353. }
  354.  
  355. #posts img {
  356.     max-width:100%;
  357. }
  358.  
  359.  
  360.  
  361. /* quote */
  362.  
  363. .quote {
  364.     font-family:'Montserrat';
  365.     margin:5px;
  366.     padding:5px;
  367.     line-height:1;
  368.     text-align:justify;
  369.     font-size:18px;
  370. }
  371.  
  372. .ptitle h2 {
  373.     font-family:'Montserrat';
  374.     font-size:18px;
  375.     margin:5px;
  376.     padding:10px;
  377.     font-weight:normal;
  378. }
  379. .quote a, .ptitle a {
  380.     text-decoration:none;
  381. }
  382.  
  383. /* audio */
  384.  
  385. .holder {
  386.     position:absolute;
  387.     left:25px;
  388.     top:26px;
  389.     width:19px;
  390.     height:19px;
  391. }
  392. .holder:hover .abutton {opacity:1;}
  393.  
  394. .abutton {
  395.     position:relative;
  396.     width:19px;
  397.     height:19px;
  398.     overflow:hidden;
  399.     background:rgba(0,0,0,0.5);
  400.     padding:5px;
  401.     transition:opacity .6s ease;
  402.     opacity:0.5;
  403. }
  404.  
  405. .tumblr_audio_player {
  406.     height:20px;
  407.     width:20px;
  408.     overflow:hidden;
  409.     margin-left:-1px;
  410.     margin-top:-1px;
  411. }
  412.  
  413. .aimg {
  414.     position:absolute;
  415.     left:0px;
  416.     top:0px;
  417.     overflow:hidden;
  418.     width:79px;
  419.     height:79px;}
  420.    
  421. .aimg img {
  422.     width:100%;
  423.     height:auto;
  424. }
  425.  
  426. #tracks {
  427.     display:inline-block;
  428.     margin-left:80px;
  429.     height:69px;
  430.     background:{color:posts border};
  431.     padding:5px 10px;
  432.     overflow-y:auto;
  433.     margin-top:-3px;
  434. }
  435.  
  436. #tracks.w500{width:380px;}
  437. #tracks.w400{width:294px;}
  438. #tracks.w250{width:170px;}
  439.  
  440. .awrapper {
  441.     position:relative;
  442.     display:inline-block;
  443. }
  444.  
  445. /* tgs */
  446. .tgs {
  447.     font-size:8px;
  448.     margin-left:20px;
  449. }
  450.  
  451. /* perma */
  452.  
  453. #perma.w250 {
  454.     width:263px;
  455.     padding:10px;
  456. }
  457.  
  458. #perma.w400 {
  459.     width:413px;
  460.     padding:10px;
  461. }
  462.  
  463. #perma.w500 {
  464.     width:513px;
  465.     padding:10px;
  466. }
  467.  
  468. #perma {
  469.     margin:0 25px;
  470.     text-align:center;
  471. }
  472.  
  473. #perma ul {
  474.     list-style:none;
  475.     padding:0;
  476. }
  477.  
  478. #perma ul li {
  479.     padding:0;
  480.     display:inline-block;
  481.     width:35px;
  482.     height:35px;
  483.     background:{color:posts buttons bg};
  484.     border-radius:100%;
  485.     font-size:18px;
  486.     margin:0 15px;
  487.     margin-top:-8px;
  488.     overflow:hidden;
  489. }
  490.  
  491. #perma ul li a {
  492.     text-decoration:none;
  493.     color:{color:posts buttons icons};
  494.     vertical-align:-6px;
  495. }
  496.  
  497. .like {
  498.     position: relative;
  499. }
  500. .like svg path {
  501.     fill: {color:posts buttons icons};
  502. }
  503. .like .like_button {
  504.     position: absolute;
  505.     top: 8px;
  506.     left:8px;
  507.     opacity: 0;
  508. }
  509. .like .like_button.liked {
  510.     opacity: 1;
  511. }
  512.  
  513. .like_button_shift {
  514.     padding-top:8px;
  515. }
  516.  
  517.  
  518. .pagi {
  519.     width:140px;
  520.     text-align:center;
  521.     margin:20px auto;
  522.     font-size:16px;
  523. }
  524.  
  525. .pagi a,
  526. .pagi span.current_page,
  527. .pagi a.jump_page {
  528.     background:{color:posts buttons bg};
  529.     padding:6px 10px;
  530.     margin:0 5px;
  531.     text-decoration:none;
  532.     color:{color:posts buttons icons};
  533. }
  534.  
  535. .clear {
  536.     height:50px;
  537. }
  538.  
  539. /* other */
  540.  
  541.  
  542. {CustomCSS}
  543.    
  544. </style>
  545. </head>
  546. <body>
  547.  
  548. <div id="links">
  549.     <a class="home" href="/" title="home">
  550.         <span class="fa fa-home"></span>
  551.     </a>
  552.    
  553.     <a href="/ask" title="ask">
  554.         <span class="fa fa-envelope"></span>
  555.     </a>
  556.    
  557.     <a href="/archive" title="archive">
  558.         <span class="fa fa-th"></span>
  559.     </a>
  560.    
  561.     <a href="http://birkinsherry.tumblr.com" title="theme">
  562.         <span class="fa fa-code"></span>
  563.     </a>
  564.    
  565.     {block:HasPages}
  566.     <div class="hidden navi">
  567.         <span class="fa fa-align-justify" title="links"></span>
  568.     </div>
  569.    
  570.     <div class="unhidden navlinks">
  571.             {block:Pages}
  572.                 <a href="{URL}">
  573.                     {Label}
  574.                 </a>
  575.             {/block:Pages}
  576.     </div>
  577.     {/block:HasPages}
  578. </div>
  579.  
  580. <header>
  581.     <div class="header_img">
  582.         <img src="{image:Header Image}">
  583.     </div>
  584.    
  585.     <h1>{Title}</h1>
  586.    
  587.     <div class="desc">
  588.         {Description}
  589.     </div>
  590.  
  591. </header>
  592.  
  593. <!-- sidebar end-->
  594.  
  595. <div id="all" class="{select:post size}">
  596.  
  597.     {block:ifendlessscroll}
  598.         <script src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  599.         <div class="autopagerize_page_element">
  600.     {/block:ifendlessscroll}
  601.  
  602.     {block:Posts}
  603.  
  604.     <div id="posts" class="{select:post size}">
  605.  
  606.     <!--content source thing-->
  607.         {block:ContentSource}
  608.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  609.         {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  610.        
  611.     <!--start quote-->
  612.         {block:Quote}
  613.             <div class="quote">
  614.                 — {Quote}
  615.             </div>
  616.         {block:Source}{Source}{/block:Source}
  617.         {/block:Quote}
  618.     <!--end quote-->
  619.    
  620.     <!--start photo-->
  621.         {block:Photo}
  622.             <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
  623.             {block:Caption}
  624.                 {Caption}
  625.             {/block:Caption}
  626.         {/block:Photo}
  627.     <!--end photo-->
  628.    
  629.     <!--start photoset-->
  630.         {block:Photoset}
  631.             <div class="resize">
  632.                 {Photoset}
  633.             </div>
  634.         {block:Caption}
  635.             {Caption}
  636.         {/block:Caption}
  637.         {/block:Photoset}
  638.     <!--end photoset-->
  639.    
  640.     <!--start panorama-->
  641.         {block:Panorama}
  642.             <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">
  643.         {block:Caption}
  644.             {Caption}
  645.         {/block:Caption}
  646.         {/block:Panorama}
  647.     <!--end panorama-->
  648.      <!--start link-->
  649.         {block:Link}
  650.         <div class="ptitle">
  651.             <h2><a href="{URL}">— {Name}</a>
  652.         </div>
  653.         {block:Description}{Description}{/block:Description}
  654.         {/block:Link}
  655.     <!--end link-->
  656.    
  657.     <!--start text-->
  658.         {block:Text}
  659.         {block:Title}
  660.         <div class="ptitle">
  661.             <h2>— {Title}</h2>
  662.         </div>{/block:Title}
  663.         {Body}
  664.         {/block:Text}
  665.     <!--end text-->
  666.    
  667.     <!--start chat-->
  668.         {block:Chat}
  669.         {block:Title}
  670.         <div class="ptitle"><h2>{Title}</h2></div>
  671.         {/block:Title}
  672.         <div class="chat">
  673.             <ul>
  674.                 {block:Lines}
  675.                 <li class="{Alt}">
  676.                 {block:Label}<b>{Label}</b> {/block:Label}
  677.                 {Line}
  678.                 </li>{/block:Lines}
  679.             </ul>
  680.         </div>
  681.         {/block:Chat}
  682.     <!--end chat-->
  683.    
  684.     <!--start audio-->
  685.         {block:Audio}
  686.         <div class="awrapper">
  687.         {block:AlbumArt}
  688.         <div class="aimg"><img src="{AlbumArtURL}"></div>
  689.         {/block:AlbumArt}
  690.         <table>
  691.             <tr>
  692.                 <td><div class="holder">
  693.                         <div class="abutton">
  694.                            {AudioPlayerBlack}
  695.                     </div>
  696.                 </div></td>
  697.                 <td><div id="tracks" class="{select:post size}">
  698.                     {block:TrackName}{TrackName}<br>{/block:TrackName}
  699.                     {block:Artist}Artist: {Artist}<br>{/block:Artist}
  700.                     {block:Album}Album: {Album}<br>{/block:Album}
  701.                     {PlayCountWithLabel}
  702.                 </div></td>
  703.             </tr>
  704.         </table>  
  705.         </div>
  706.         {block:Caption}
  707.         {Caption}
  708.         {/block:Caption}
  709.         {/block:Audio}
  710.     <!--end audio-->
  711.    
  712.     <!--start video-->
  713.         {block:Video}<div class="resize">
  714.             <div class="w500">{Video-500}</div>
  715.             <div class="w400">{Video-400}</div>
  716.             <div class="w250">{Video-250}</div>
  717.         </div>{/block:Video}
  718.     <!--end video-->
  719.    
  720.     <!--start answer-->
  721.         {block:Answer}
  722.         <div id="question">
  723.         <div id="asker">
  724.         <table><tr>
  725.             <td><img src="{AskerPortraitURL-96}" style="margin-right:15px"></td>
  726.             <td><div id="answer" class="{select:Post Size}"><b>{Asker}</b>:
  727.             {Question}</div></td>
  728.         </tr></table>
  729.         </div>
  730.         </div>
  731.         {Answer}
  732.         {block:Answer}
  733.     <!--end answer-->
  734.  
  735. {block:HasTags}
  736.     <hr>
  737.     <div class="tgs">
  738.         {block:Tags}
  739.             <a href="{TagURL}">#{Tag}</a>
  740.         {/block:Tags}
  741.     </div>
  742. {/block:HasTags}
  743.  
  744.  
  745. </div>
  746.  
  747. {block:Date}
  748.  
  749. <div id="perma" class="{select:post size}">
  750.     <ul>
  751.         <li class="like">
  752.             <div class="like_button_shift">
  753.             <svg width="20" height="20" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
  754.             <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  755.             </svg>
  756.                 {LikeButton size="20"}
  757.             </div>
  758.         </li>
  759.         <li>
  760.             <a href="{Permalink}" title="{PostType}, Permalink">
  761.             {block:Quote}
  762.                 <span class="fa fa-quote-left"></span>
  763.             {/block:Quote}
  764.            
  765.             {block:Photo}
  766.                 <span class="fa fa-camera"></span>
  767.             {/block:Photo}
  768.            
  769.             {block:Photoset}
  770.                 <span class="fa fa-camera"></span>
  771.             {/block:Photoset}
  772.            
  773.             {block:Panorama}
  774.                 <span class="fa fa-camera"></span>
  775.             {/block:Panorama}
  776.            
  777.             {block:Link}
  778.                 <span class="fa fa-link"></span>
  779.             {/block:Link}
  780.            
  781.             {block:Text}
  782.                 <span class="fa fa-align-justify"></span>
  783.             {/block:Text}
  784.            
  785.             {block:Chat}
  786.                 <span class="fa fa-comments"></span>
  787.             {/block:Chat}
  788.            
  789.             {block:Audio}
  790.                 <span class="fa fa-music"></span>
  791.             {/block:Audio}
  792.            
  793.             {block:Video}
  794.                 <span class="fa fa-film"></span>
  795.             {/block:Video}
  796.            
  797.             {block:Answer}
  798.                 <span class="fa fa-asterisk"></span>
  799.             {/block:Answer}
  800.             </a>
  801.         </li>
  802.         <li>
  803.             <a href="{ReblogURL}" title="Reblog?">
  804.                 <span class="fa fa-retweet"></span>
  805.             </a>
  806.         </li>
  807.     </ul>
  808. </div>
  809.  
  810. {block:PermalinkPage}
  811.     <div id="posts" class="{select:Post Size}">
  812.         {PostNotes}
  813.     </div>
  814. {/block:PermalinkPage}
  815. {/block:Date}
  816. {/block:Posts}
  817.    
  818. </div>
  819.    
  820.     <div class="pagi">
  821.     {block:ifNotEndlessScroll}
  822.         {block:Pagination}
  823.             {block:PreviousPage}
  824.                 <a href="{PreviousPage}">
  825.                     <span class="fa fa-arrow-left"></span>
  826.                 </a>
  827.             {/block:PreviousPage}
  828.             {block:JumpPagination length="3"}{block:CurrentPage}
  829.                 <span class="current_page">{PageNumber}</span>
  830.             {/block:CurrentPage}{block:JumpPage}
  831.                 <a class="jump_page" href="{URL}">{PageNumber}</a>
  832.             {/block:JumpPage}{/block:JumpPagination}
  833.             {block:NextPage}
  834.                 <a href="{NextPage}">
  835.                     <span class="fa fa-arrow-right"></span>
  836.                 </a>
  837.             {/block:NextPage}
  838.         {/block:Pagination}
  839.        
  840.         <div class="clear"></div>
  841.     {/block:ifNotEndlessScroll}
  842. </div>
  843.    
  844. </div>
  845.    
  846. </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!