SHARE
TWEET

Theme 31

paigeh987 Feb 16th, 2017 (edited) 3,961 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. theme #31 by Paige @ neonbikethemes.tumblr.com
  5. last updated 2/16/17
  6.  
  7. rules:
  8.     - Do not steal code or design
  9.     - Edit as much as you want but don't remove credit!
  10.     - Like/reblog the post
  11.    
  12. credits
  13.     - base code by hoenarry
  14.     - pixel union photoset script (tutorial by shythemes)
  15.  
  16. -->
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head><title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Color 1" content="#a4dfe9"/>
  24. <meta name="color:Color 2" content="#f4bcb6"/>
  25. <meta name="color:header text" content="#ffffff"/>
  26. <meta name="color:container" content="#ffffff"/>
  27. <meta name="color:border" content="#ececec"/>
  28. <meta name="color:text" content="#565656"/>
  29.  
  30. <meta name="select:Font" content="ABeeZee" title="ABeeZee">
  31. <meta name="select:Font" content="Karla" title="Karla">
  32. <meta name="select:Font" content="Open Sans" title="Open Sans">
  33. <meta name="select:Font" content="Roboto" title="Roboto">
  34. <meta name="select:Font" content="Rubik" title="Rubik">
  35. <meta name="select:Font" content="PT Sans" title="PT Sans">
  36. <meta name="select:Font" content="Roboto Slab" title="Roboto Slab">
  37. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
  38. <meta name="select:Font" content="Helvetica" title="Helvetica">
  39.  
  40. <meta name="select:Font Size" content="9px" title="9px">
  41. <meta name="select:Font Size" content="10px" title="10px">
  42. <meta name="select:Font Size" content="11px" title="11px">
  43. <meta name="select:Font Size" content="12px" title="12px">
  44.  
  45. <meta name="select:Post Width" content="250" title="250px">
  46. <meta name="select:Post Width" content="275" title="275px">
  47. <meta name="select:Post Width" content="300" title="300px">
  48. <meta name="select:Post Width" content="325" title="325px">
  49. <meta name="select:Post Width" content="350" title="350px">
  50. <meta name="select:Post Width" content="375" title="375px">
  51. <meta name="select:Post Width" content="400" title="400px">
  52.  
  53. <meta name="text:link 1" content="">
  54. <meta name="text:link 1 url" content="/">
  55. <meta name="text:link 2" content="">
  56. <meta name="text:link 2 url" content="/">
  57. <meta name="text:link 3" content="">
  58. <meta name="text:link 3 url" content="/">
  59. <meta name="text:link 4" content="">
  60. <meta name="text:link 4 url" content="/">
  61. <meta name="text:link 5" content="">
  62. <meta name="text:link 5 url" content="/">
  63.  
  64. <meta name="image:topbar" content="/">
  65.  
  66. <meta name="if:Hide Captions" content= "0" />
  67. <meta name="if:Grayscale Posts" content= "0" />
  68. <meta name="if:Faded Posts" content= "0" />
  69.  
  70.  
  71. <!-- FONTS -->
  72. <link href="https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|Roboto|Roboto+Slab|Rubik|Source+Sans+Pro" rel="stylesheet">
  73. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  74. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  75.  
  76. <!-- PIXEL UNION PHOTOSET -->
  77. <!-- tutorial by shythemes -->
  78. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  80. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  81.  
  82. <script>
  83. $(document).ready(function(){
  84.    $('.photo-slideshow').pxuPhotoset({
  85.        lightbox: true,
  86.        rounded: false,
  87.        gutter: '2px',
  88.        borderRadius: '0px',
  89.        photoset: '.photo-slideshow',
  90.        photoWrap: '.photo-data',
  91.        photo: '.pxu-photo'
  92.    });
  93. });
  94. </script>
  95. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  96. <script>
  97.    (function($){
  98.        $(document).ready(function(){
  99.            $("[title]").style_my_tooltips({
  100.                tip_follows_cursor:true,
  101.                tip_delay_time:0,
  102.                tip_fade_speed:300
  103.            }
  104.                );
  105.        });
  106.    })(jQuery);
  107. </script>
  108.  
  109. <style type="text/css">
  110.  
  111. @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat:400,700);
  112.  
  113. ::-webkit-scrollbar {height: auto;width: 5px;}
  114. ::-webkit-scrollbar-thumb {background-color:{color:color 2};}
  115. ::-webkit-scrollbar-track{background-color:{color:container};}
  116.  
  117. body {
  118.     background-color:#fff;
  119.     margin:0px;
  120.     color:{color:text};
  121.     font-size:{select:Font Size};
  122.     font-family: {select:font}, helvetica;
  123.     line-height:140%;
  124. }
  125.  
  126. #bg{
  127.     position:fixed;
  128.     height:100vh;
  129.     width:100vw;
  130.     z-index:0;
  131.     top:0;
  132.     left:0;
  133.     opacity:.7;
  134.     background-color: {color:color 1};
  135.     background: -webkit-linear-gradient({color:color 1}, {color:color 2});
  136.     background: -o-linear-gradient({color:color 1}, {color:color 2});
  137.     background: -moz-linear-gradient({color:color 1}, {color:color 2});
  138.     background: linear-gradient({color:color 1}, {color:color 2});
  139. }
  140.  
  141. a {
  142.     text-decoration:none;
  143.     color:{color:color 1};
  144. }
  145. a:hover{
  146.     color:{color:color 2};
  147.     font-style:none;
  148.     -moz-transition-duration:0.5s;
  149.     -webkit-transition-duration:0.5s;
  150.     -o-transition-duration:0.5s;
  151.     transition:.3s;
  152. }
  153. d
  154. img {
  155.     border:none;
  156.     max-width:100%;
  157. }
  158.  
  159. blockquote {
  160.     padding-left:10px;
  161.     border-left:1px solid {color:color 2};
  162.     margin:0;
  163. }
  164.  
  165. h1 {
  166.     font-size:calc({select:Font Size} + 3px);
  167. }
  168.  
  169. #s-m-t-tooltip{
  170.     max-width:250px;
  171.     margin:15px;
  172.     padding:6px 10px;
  173.     border-radius:20px;
  174.     background:{color:color 1};
  175.     color:{color:header text};
  176.     z-index:999999;
  177.     font-size:{select:Font Size};
  178.     font-family: {select:font}, helvetica;
  179.     text-transform:uppercase;
  180.     letter-spacing:1px;
  181. }
  182.  
  183. .title{
  184.     padding:15px 15px 5px 15px;
  185.     font-size:calc({select:font size} + 6px);
  186.     text-align:center;
  187.     line-height:130%;
  188. }
  189. .titlebar{
  190.     margin:5px 0 0 0;
  191.     width:30px;
  192.     height:3px;
  193.     background:{color:color 2};
  194.     display:inline-block;
  195. }
  196.  
  197. .container {
  198.     text-align:center;
  199.     z-index:1;
  200.     position:absolute;
  201.     background:{color:container};
  202.     width:calc({select:post width}px + 60px);
  203.     left:50%;
  204.     margin-left:calc((({select:post width}px + 60px) / 2) * -1);
  205.     padding-bottom:50px;
  206.     min-height:calc(100vh - 50px);
  207. }
  208.  
  209. .post {
  210.     padding:30px 30px 30px 30px;
  211.     text-align:left;
  212.     {block:IndexPage}
  213.     border-bottom:1px solid {color:border};
  214.     {/block:IndexPage}
  215. }
  216.  
  217. .post img{
  218.     max-width: 100%;
  219. }
  220.  
  221. .btitle{
  222.     color:{color:header text};
  223.     letter-spacing:3px;
  224.     font-weight:300;
  225.     text-transform:uppercase;
  226.     font-size:calc({select:font size} + 4px);
  227.     margin:0 0 10px 0;
  228.     padding:10px 0 10px 0;
  229.     width: calc({select:post width}px + 60px);
  230. }
  231. .btitle a{
  232.     color:{color:header text};
  233. }
  234. .btitle.sticky{
  235.     top:0px;
  236.     position:fixed;
  237.     background:{color:color 1};
  238.     font-size:calc({select:font size} + 0px);
  239. }
  240.    
  241. .header {
  242.     width: calc({select:post width}px + 60px);
  243.     padding:0px;
  244.     display:inline-block;
  245.     position:relative;
  246.     z-index:999;
  247.     background:{color:color 1};
  248.     text-align:center;
  249. }
  250.  
  251. .tbimage{
  252.     position:absolute;
  253.     float:left;
  254.     width:calc({select:post width}px + 55px);
  255.     margin:30px 0 0 0;
  256.     z-index:-1;
  257. }
  258. .tbimage img {
  259.     width:75px;
  260.     height:75px;
  261.     border-radius:75px;
  262. }
  263.  
  264. .description{
  265.     background:{color:color 1};
  266.     opacity:0;
  267.     margin-top:30px;
  268.     color:{color:header text};
  269.     padding:20px 20px 0 20px;
  270.     min-height:60px;
  271.     -moz-transition-duration:0.5s;
  272.     -webkit-transition-duration:0.5s;
  273.     -o-transition-duration:0.5s;
  274.     transition:.5s;
  275.     line-height:140%;
  276.     font-style:italic;
  277. }
  278.  
  279. .description:hover{
  280.     opacity:1;
  281.     -moz-transition-duration:0.5s;
  282.     -webkit-transition-duration:0.5s;
  283.     -o-transition-duration:0.5s;
  284.     transition:.5s;
  285. }
  286.  
  287. .footer{
  288.     left:50%;
  289.     margin-left:calc((({select:Post Width}px + 60px) / 2) * -1);
  290.     width:calc({select:Post Width}px + 60px);
  291.     padding:15px 0 15px 0;
  292.     position:fixed;
  293.     bottom:0;
  294.     z-index:5;
  295.     background:{color:color 2};
  296.     color:{color:header text};
  297.     text-align:center;
  298.     text-transform:uppercase;
  299.     letter-spacing:2px;
  300.     font-size:calc({select:font size} - 2px);
  301. }
  302. .footer a{
  303.     padding:2px;
  304.     color:{color:header text};
  305.     margin: 0px 5px 0px 5px;
  306.     text-decoration:none;
  307.     -moz-transition-duration:.3s;
  308.     -webkit-transition-duration:.3s;
  309.     -o-transition-duration:.3s;
  310.     transition:.3s;
  311.     }
  312. .footer a:hover{
  313.     color:{color:color 2};
  314.     font-style:none;
  315.     -moz-transition-duration:.3s;
  316.     -webkit-transition-duration:.3s;
  317.     -o-transition-duration:.3s;
  318.     transition:.3s;
  319. }
  320.  
  321. .pagination {
  322.     font-size:calc({select:font size} + 2px);
  323.     padding:30px;
  324.     text-align:center;
  325.     text-transform:uppercase;
  326. }
  327. .pagination a{
  328.     color:{color:color 1};
  329.     border:1px solid {color:color 1};
  330.     border-radius:20px;
  331.     padding:6px 7px 4px 7px;
  332. }
  333. .centernav{
  334.     float:left;
  335.     position:absolute;
  336.     width:100px;
  337.     margin-left:calc(({select:Post Width}px - 100px) / 2);
  338. }
  339.  
  340. .caption {
  341.     padding:0px;
  342.     border-bottom:1px solid {color:border};
  343.     margin-bottom:-1px;
  344.     background:{color:container};
  345. }
  346. .caption img{
  347.     height:auto;
  348.     max-width:100%;
  349.     margin-top:5px;
  350. }
  351.  
  352. .tumblr_parent {
  353.   margin:0;
  354.   padding: 15px 15px 10px 15px;
  355.   border: 1px solid {color:border};
  356.   border-bottom:0px solid {color:border};
  357. }
  358. .tumblr_parent blockquote{
  359.   margin:10px 0 0 0;
  360.   padding:0 0 0 20px;
  361.   border-left: 1px solid {color:color 2};
  362. }
  363. .tumblr_avatar {
  364.   width:16px;
  365.   border-radius:16px;
  366.   margin: 0 10px -4px 0;
  367. }
  368.  
  369. /* ANSWER */
  370. .ask {
  371.     text-align:center;
  372.     color:{color:text};
  373. }
  374. .ans {
  375.     text-align:left;
  376.     padding:10px;
  377.     color:{color:text};
  378. }
  379.  
  380. /* AUDIO */
  381. .audio {
  382.     padding-bottom:10px;
  383.     background-color:{color:infobg};
  384.     text-align:center;
  385. }
  386. .albumart {
  387.     position:relative;
  388.     display:inline-block;
  389.     margin:0 0 5px 0;
  390. }
  391. .albumart img {
  392.     width:45px;
  393.     height:45px;
  394.     border-radius:45px;
  395.     background-color:{color:color 1};
  396. }
  397. .playercontainer {
  398.     position:absolute;
  399.     float:left;
  400.     z-index:3;
  401.     text-align:left;
  402.     background-color:#ffffff;
  403.     margin:;
  404.     width:27px;
  405.     height:27px;
  406.     border-radius:40px;
  407.     overflow:hidden;
  408.     margin:9px 0 0 9px;
  409.     opacity:.3;
  410.     -moz-transition-duration:.3s;
  411.     -webkit-transition-duration:.3s;
  412.     -o-transition-duration:.3s;
  413.     transition:.3s;
  414. }
  415. .playercontainer:hover{
  416.     opacity:.8;
  417.     -moz-transition-duration:.3s;
  418.     -webkit-transition-duration:.3s;
  419.     -o-transition-duration:.3s;
  420.     transition:.3s;
  421. }
  422. .audioinfo {
  423.     margin: 0 0 10px 0;
  424.     line-height:110%;
  425. }
  426.  
  427. /* CHAT */
  428. ul.chat, .chat ol, .chat li {
  429.     list-style:none;
  430.     margin:0px;
  431.     padding:2px;
  432. }
  433. .label {
  434.     margin-right:5px;
  435.     padding:0 0 1px 0;
  436.     border-bottom:1px solid {color:color 1};
  437. }
  438.  
  439. /*  PHOTO  */
  440. .photo, .photoset{
  441.     {block:Ifgrayscaleposts}
  442.     -webkit-filter: grayscale(100%);
  443.     -webkit-transition: all 0.3s ease-in-out;
  444.     -moz-transition: all 0.3s ease-in-out;
  445.     -o-transition: all 0.3s ease-in-out;
  446.     -ms-transition: all 0.3s ease-in-out;
  447.     transition: all 0.3s ease-in-out;
  448.     {/block:Ifgrayscaleposts}
  449.     {block:Iffadedposts}
  450.     -webkit-filter: grayscale(50%);
  451.     -webkit-transition: all 0.3s ease-in-out;
  452.     -moz-transition: all 0.3s ease-in-out;
  453.     -o-transition: all 0.3s ease-in-out;
  454.     -ms-transition: all 0.3s ease-in-out;
  455.     transition: all 0.3s ease-in-out;
  456.     {/block:Iffadedposts}
  457. }
  458. .photo:hover, .photoset:hover{
  459.     {block:Ifgrayscaleposts}
  460.     -webkit-filter: grayscale(0%);
  461.     -webkit-transition: all 0.3s ease-in-out;
  462.     -moz-transition: all 0.3s ease-in-out;
  463.     -o-transition: all 0.3s ease-in-out;
  464.     -ms-transition: all 0.3s ease-in-out;
  465.     transition: all 0.3s ease-in-out;
  466.     {/block:Ifgrayscaleposts}
  467.     {block:Iffadedposts}
  468.     -webkit-filter: grayscale(0%);
  469.     -webkit-transition: all 0.3s ease-in-out;
  470.     -moz-transition: all 0.3s ease-in-out;
  471.     -o-transition: all 0.3s ease-in-out;
  472.     -ms-transition: all 0.3s ease-in-out;
  473.     transition: all 0.3s ease-in-out;
  474.     {/block:Iffadedposts}
  475. }
  476. .photo img{
  477.     margin-bottom:-6px;
  478.     max-width:100%;
  479. }
  480.  
  481. /* VIDEO */
  482. .video{
  483.     width:{select:post width}px;
  484.     max-width:100%;
  485. }
  486. .video-player{
  487.     position: relative;
  488.         padding-bottom: 56.25%; /* 16:9 */
  489.         padding-top: 25px;
  490.         height: 0;
  491.     max-width:{select:post width}px;
  492.     overflow:hidden;
  493. }
  494. .video-player iframe{
  495.     position: absolute;
  496.         top: 0;
  497.         left: 0;
  498.         width: 100%;
  499.         height: 100%;
  500. }
  501.  
  502. /* POST INFO */
  503. .info {
  504.     margin:25px 0 0 0;
  505.     text-align: center;
  506.     text-transform: uppercase;
  507.     color:{color:color 1};
  508.     line-height:100%;
  509. }
  510. .info a {
  511.     {block:IndexPage}
  512.     font-size:calc({select:font size} + 2px);
  513.     {/block:IndexPage}
  514.     padding:6px 7px 4px 7px;
  515.     margin:0 1px;
  516.     border-radius:20px;
  517.     color:{color:color 2};
  518.     border:1px solid {color:color 2};
  519.     text-align:center;
  520.     -moz-transition-duration:.3s;
  521.     -webkit-transition-duration:.3s;
  522.     -o-transition-duration:.3s;
  523.     transition:.3s;
  524. }
  525. .info a:hover{
  526.     background:{color:color 2};
  527.     color:{color:header text};
  528.     -moz-transition-duration:.3s;
  529.     -webkit-transition-duration:.3s;
  530.     -o-transition-duration:.3s;
  531.     transition:.3s;
  532. }
  533.  
  534. /* TAGS */
  535. .tags {
  536.     text-transform:uppercase;
  537.     color:{color:text};
  538.     letter-spacing:0px;
  539.     font-size: calc({select:font size} - 2px);
  540.     text-align:center;
  541.     margin:15px 0 0 0px;
  542. }
  543. .tags a {
  544.     position:relative;
  545.     display:inline-block;
  546.     color:{color:text};
  547.     letter-spacing:1px;
  548.     border-bottom:1px solid {color:color 1};
  549.     margin:0 3px 4px 3px;
  550. }
  551. .tags a:hover {
  552.     color:{color:text};
  553.     border-bottom:1px solid {color:color 2};
  554.     background:transparent;
  555. }
  556.  
  557. /* POST NOTES */
  558. .postnotes {
  559.     text-transform:lowercase;
  560.     text-align:left;
  561.     border:1px solid {color:border};
  562.     padding:15px;
  563.     margin: 0 30px 30px 30px;
  564. }
  565. .postnotes ol{
  566.     list-style-type:none;
  567.     margin-left:-30px;
  568. }
  569. .postnotes li {
  570.     text-align:left;
  571.     margin:0 0 8px 0;
  572. }
  573. .postnotes img{
  574.     margin: 0 10px -4px 0;
  575.     border-radius:10px;
  576. }
  577.  
  578. /* CREDIT: DO NOT REMOVE */
  579. .credit{
  580.     position:fixed;
  581.     right:10px;
  582.     bottom:10px;
  583.     padding:2px 4px 2px 4px;
  584.     background:{color:container};
  585.     font-size:calc({select:font-size} - 1px);
  586. }
  587.  
  588. {CustomCSS}</style></head><body>
  589.  
  590. <div id="bg"></div>
  591.  
  592. <div class="footer">
  593.     {block:Iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:Iflink1}
  594.     {block:Iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:Iflink2}
  595.     {block:Iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:Iflink3}
  596.     {block:Iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:Iflink4}
  597.     {block:Iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:Iflink5}
  598. </div>
  599.  
  600. <div class="container">
  601.  
  602. <div class="header">
  603.     <div class="tbimage">
  604.         <img src="{image:topbar}"}>
  605.     </div>
  606.     <div class="description">{Description}</div>
  607.     <div class="btitle"><a href="/">{title}</a></div>
  608. </div>
  609.  
  610. {block:Posts}
  611. <div class="post">
  612.  
  613. {block:Text}
  614. {block:Title}<div class="title">{Title}<br><div class="titlebar"></div></div>{/block:Title}{Body}
  615. {/block:Text}
  616.  
  617. {block:Quote}
  618. <div class="title">“{Quote}”<br><div class="titlebar"></div></div>
  619. <br><center>{Source}</center>
  620. {/block:Quote}
  621.  
  622. {block:Link}
  623. <a href="{URL}"><div class="title">{Name}<br><div class="titlebar"></div></div></a>
  624. {block:Description}<p>{Description}</p>{/block:Description}
  625. {/block:Link}
  626.  
  627. {block:Photo}
  628. <div class="photo"><img src="{PhotoURL-400}"/></div>
  629. {/block:Photo}
  630.  
  631. {block:Photoset}
  632. <div class="photoset">
  633. <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>
  634. </div>
  635. {/block:Photoset}
  636.  
  637. {block:Chat}
  638. <ul class="chat">
  639. {block:Title}<div class="title">{Title}<br><div class="titlebar"></div></div>{/block:Title}
  640. {block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  641. {/block:Chat}
  642.  
  643. {block:Video}
  644.     <div class="video-player">{Video-500}</div>
  645. {/block:Video}
  646.  
  647. {block:Answer}
  648. <div class="ask">
  649.     <div class="title">{Asker}</div>
  650.     {Question}
  651.     <br><div class="titlebar"></div>
  652. </div>
  653. <div class="ans">{Answer}</div>
  654. {/block:answer}
  655.  
  656. {block:Audio}
  657. <div class="audio">
  658. {block:AlbumArt}<div class="albumart">
  659.     <div class="playercontainer">{AudioPlayerWhite}</div>
  660.     <img src="{AlbumArtURL}"/>
  661. </div>{/block:AlbumArt}
  662. <div class="audioinfo">
  663.     {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  664.     {block:Artist}{Artist}{/block:Artist}
  665. </div>
  666. </div>
  667. {/block:Audio}
  668.  
  669. {block:IndexPage}
  670. {block:IfnotHideCaptions}
  671. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  672. {/block:IfnotHideCaptions}
  673. {/block:IndexPage}
  674. {block:PermalinkPage}
  675. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  676. {/block:PermalinkPage}
  677.  
  678. {block:Date}
  679. <div class="info">
  680.     <a href="{Permalink}" title="{Month} {DayOfMonth}"><span class="lnr lnr-star"></span></a>
  681.     <a href="{ReblogURL}" title="reblog"><span class="lnr lnr-sync"></span></a>
  682.     <a href="{Permalink}" title="{NoteCount} Notes"><span class="lnr lnr-eye"></span></a>
  683.     {block:PermalinkPage}
  684.         {block:RebloggedFrom}
  685.         <a href="{ReblogParentURL}">via</a>
  686.         {/block:RebloggedFrom}
  687.         {block:ContentSource}
  688.         <a href="{SourceURL}">source</a>
  689.         {/block:ContentSource}
  690.     {/block:PermalinkPage}
  691. </div>
  692.  
  693. {block:HasTags}
  694.     <div class="tags">{block:Tags}
  695.         <a href="{TagURL}"><div class="tag">#{Tag}</div></a>
  696.     {/block:Tags}</div>
  697. {/block:HasTags}
  698.  
  699. {/block:Date}
  700. </div>
  701.  
  702. {/block:Posts}
  703.  
  704. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  705.  
  706. <div class="pagination">
  707. {block:Pagination}
  708.     <div style="float:left">{block:PreviousPage}<a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a> {/block:PreviousPage}</div>
  709.     <div class="centernav">{CurrentPage} / {TotalPages}</div>
  710.     <div style="float:right">{block:NextPage}<a href="{NextPage}"><span class="lnr lnr-chevron-right"></span></a>{/block:NextPage}</div>
  711. {/block:Pagination}    
  712. </div>
  713.  
  714. </div><!-- end post container -->
  715.  
  716. <a href="http://neonbikethemes.tumblr.com/" title="theme by Paige"><div class="credit">nb</center></div></a>
  717.  
  718.  
  719. <script src="http://static.tumblr.com/kfhytre/zMuol8wco/unnest.min.js"></script>
  720. <script>
  721. $('.post').unnest({
  722.     yourCaption: '.caption',
  723.     newCaptionUsername: true,
  724.     originalPostCaptionUsername: true,
  725.     tumblrAvatars: true,
  726.     usernameColon: false
  727. });
  728. $(window).scroll(function() {
  729. if ($(this).scrollTop() > 100){  
  730.     $('.btitle').addClass("sticky");
  731.   }
  732.   else{
  733.     $('.btitle').removeClass("sticky");
  734.   }
  735. });
  736. </script>
  737.  
  738. </body>
  739.  
  740.  
  741. </html>
RAW Paste Data
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
 
Top