API tools faq
paste
Advertisement
sapphire-themes

Theme Two

sapphire-themes
Jul 3rd, 2019
3,375
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 22.39 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.        two by sapphirethemes (dorisquinn)
  4.            
  5.            do no remove or alter the credit
  6.            
  7.                credits:
  8.                  base code by sorrism
  9.                  tumblr controls by cyantists
  10.                  audio post tutorial by octomoosey
  11.                
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{favicon}">
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#cccccc"/>
  28. <meta name="color:Link" content="#9a9a9a"/>
  29. <meta name="color:Accent Color" content="#4faf94"/>
  30. <meta name="color:Title"content="262626"/>
  31. <meta name="color:Borders" content="#f5f5f5"/>
  32.  
  33. <meta name="select:body font" content="Bai Jamjuree" title="Bai Jamjuree"/>
  34. <meta name="select:body font" content="Changa" title="Changa"/>
  35. <meta name="select:body font" content="Heebo" title="Heebo"/>
  36. <meta name="select:body font" content="Helvetica" title="Helvetica"/>
  37. <meta name="select:body font" content="Mada" title="Mada"/>
  38. <meta name="select:body font" content="Roboto" title="Roboto"/>
  39.  
  40. <meta name="select:accent font" content="Bai Jamjuree" title="Bai Jamjuree"/>
  41. <meta name="select:accent font" content="Changa" title="Changa"/>
  42. <meta name="select:accent font" content="Heebo" title="Heebo"/>
  43. <meta name="select:accent font" content="Helvetica" title="Helvetica"/>
  44. <meta name="select:accent font" content="Mada" title="Mada"/>
  45. <meta name="select:accent font" content="Roboto" title="Roboto"/>
  46.  
  47. <meta name="if:Infinite Scroll" content="1"/>
  48.  
  49. <meta name="select:Post Width" content="400px" title="400">
  50. <meta name="select:Post Width" content="450px" title="450">
  51. <meta name="select:Post Width" content="500px" title="500">
  52. <meta name="select:Post Width" content="540px" title="540">
  53.  
  54. <meta name="text:Link 1 URL" content="/" />
  55. <meta name="text:Link 1" content="link 1" />
  56. <meta name="text:Link 2 URL" content="/" />
  57. <meta name="text:Link 2" content="link 2" />
  58. <meta name="text:Link 3 URL" content="/" />
  59. <meta name="text:Link 3" content="link 3" />
  60.  
  61. <meta name="text:Home Title" content="index"/>
  62. <meta name="text:Ask URL" content="ask"/>
  63. <meta name="text:Ask Title" content="inbox"/>
  64. <meta name="text:Archive Title" content="history"/>
  65.  
  66. <meta name="image:Header" content=""/>
  67.  
  68. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  69.  
  70. <link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700,800,900|Mada:400,500,600,700,900|Roboto:400,400i,500,500i,700,700i,900,900|Bai+Jamjuree:400,400i,500,500i,600,600i,700,700i|Changa:400,500,600,700&display=swap" rel="stylesheet">
  71.  
  72. <style type="text/css">
  73.  
  74. /*tumblr controls by cyantists*/
  75.  
  76. iframe.tmblr-iframe {
  77.     z-index:99999999999999!important;
  78.     top:-2px!important;
  79.     right:0!important;
  80.     opacity:0;
  81.     padding-right:38px;
  82.     /* delete invert(1) from here */
  83.         filter:invert(1) contrast(30%);
  84.         -webkit-filter:invert(1) contrast(30%);
  85.         -o-filter:invert(1) contrast(30%);
  86.         -moz-filter:invert(1) contrast(30%);
  87.         -ms-filter:invert(1) contrast(30%);
  88.     /* to here if your blog has a dark background */
  89.     transform:scale(0.65);
  90.     transform-origin:100% 0;
  91.     -webkit-transform:scale(0.65);
  92.     -webkit-transform-origin:100% 0;
  93.     -o-transform:scale(0.65);
  94.     -o-transform-origin:100% 0;
  95.     -moz-transform:scale(0.65);
  96.     -moz-transform-origin:100% 0;
  97.     -ms-transform:scale(0.65);
  98.     -ms-transform-origin:100% 0;}
  99.  
  100. iframe.tmblr-iframe:hover {
  101.     opacity:0.3!important;}
  102.  
  103. .hcontrols {
  104.     position:fixed;
  105.     top:0;
  106.     right:0;
  107.     z-index:999999999;}
  108.  
  109. .hcontrols svg {
  110.     width:14px;
  111.     height:14px;
  112.     padding:9px;}
  113.  
  114. .hcontrols svg path {
  115.     fill:#aaaaaa;/* change this to change the color of the icon */}
  116.  
  117. /*tooltip*/
  118.  
  119. .ui-tooltip {  
  120.     position:Absolute;
  121.     z-index:9999;
  122.     padding-top:10px;
  123. }
  124.  
  125. .ui-tooltip-content {
  126.     background:{color:background};
  127.     padding:0 4px;
  128.     font-style:italic;
  129.     color:{color:link};
  130.     text-transform:lowercase;
  131.     border:1px solid {color:borders};
  132. }
  133.  
  134. /*scrollbar*/
  135.  
  136. ::-webkit-scrollbar{
  137.     height:11px;
  138.     width:11px;
  139.     background:inherit;
  140. }
  141.  
  142. ::-webkit-scrollbar-thumb {background:{color:accent color};}
  143.  
  144. ::-webkit-scrollbar-track {background:{color:borders};}
  145.  
  146. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  147.  
  148. /*main structure*/
  149.  
  150. body {
  151.     background:{color:background};
  152.     color:{color:text};
  153.     word-wrap:break-word;    
  154.     text-align:left;
  155.     margin:0;
  156.     font:10px {select:body font}, sans-serif;
  157.     text-transform:lowercase;
  158. }
  159.  
  160. a {
  161.    
  162.     color:{color:link};
  163.     text-decoration:none;
  164.     transition:all .3s linear;    
  165.     -webkit-transition:all .3s linear;
  166.     -o-transition:all .3s linear;
  167.     -moz-transition:all .3s linear;      
  168. }
  169.  
  170. a, a img {cursor:pointer;}
  171.  
  172. a:hover {
  173.     color:{color:accent color}!important;
  174.     text-decoration:none;
  175. }
  176.  
  177. img {
  178.     opacity:1;
  179.     border:0;
  180.     text-decoration:none;
  181.     max-width:100%;
  182.     height:auto;
  183.     display:block;
  184. }
  185.  
  186. blockquote {
  187.     padding:.25em 15px .25em 15px;
  188.     margin:.5em 0;
  189.     border-left:1px solid {color:borders};
  190. }
  191.  
  192. pre {
  193.     padding:0;
  194.     margin:0;
  195.     line-height:inherit!important;
  196.     background:transparent;
  197.     font-family:inherit!Important;
  198.     font-size:inherit!important;
  199.     white-space:pre-wrap;
  200.     white-space:-moz-pre-wrap;
  201.     white-space:-pre-wrap;
  202.     white-space:-o-pre-wrap;
  203.     word-wrap:break-word;
  204.    
  205. }
  206.  
  207. p {margin:1em 0;}
  208.  
  209. p:first-of-type {margin-top:0;}
  210.  
  211. p:last-of-type {margin-bottom:0;}
  212.  
  213. b, strong, b a, strong a {
  214.     font-weight:600;
  215.     color:{color:link};
  216. }
  217.  
  218. small, big, sub, pre {
  219.     font-size:1em!important;
  220.     line-height:1.4em!important;
  221.     vertical-align:baseline!important;
  222. }
  223.  
  224. h1, h2, h3, h4 {
  225.     margin:1px 0;
  226.     padding:0;
  227.     color:{color:title};
  228.     font-weight:bold;
  229.     font:15px {select:accent font}, sans-serif;
  230. }
  231.  
  232. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  233.  
  234. hr {
  235.     border:none;
  236.     box-shadow:0;
  237.     margin:2em auto;
  238.     width:75px;
  239.     border-top:1px solid {color:borders};
  240. }
  241.  
  242. /*header*/
  243.  
  244. header {
  245.     width:300px;
  246.     height:auto;
  247.     margin:75px auto 75px 200px;
  248.     display:block;
  249.     float:left;
  250.     border:1px solid {color:borders};
  251.     position:fixed;
  252.     text-align:center;
  253.     padding:20px;
  254. }
  255.  
  256. header img {
  257.     display:inline;
  258.     width:300px;
  259.     height:375px;
  260.     padding-bottom:20px;
  261. }
  262.  
  263. .btitle {
  264.     margin:-10px 0 1em 0;
  265.     display:block;
  266.     text-align:center;
  267.     color:{color:title};
  268.     font:15px {select:accent font}, sans-serif;
  269.     text-transform:lowercase;
  270. }
  271.  
  272. .desc {
  273.     margin:-10px 0 1em 0;
  274.     display:block;
  275.     text-align:center;
  276.     color:{color:text};
  277.     font:10px {select:accent font}, sans-serif;
  278.     text-transform:lowercase;
  279. }
  280.  
  281. nav {
  282.     display:block;
  283.     margin:-5px 0 0 0;
  284.     text-transform:lowercase;
  285. }
  286.  
  287. nav a {
  288.     display:inline-block;
  289.     margin:0 5px;
  290.     border:0;
  291. }
  292.  
  293. /*pagination*/
  294.  
  295. footer {
  296.     text-align:center;
  297.     color:{color:link};
  298. {block:ifinfinitescroll}
  299.     display:none;
  300. {/block:ifinfinitescroll}
  301. }
  302.  
  303. footer span {
  304.     text-align:right;
  305.     float:right;
  306.     display:inline-block;
  307. }
  308.  
  309. .current_page {
  310.     font-weight:bold;
  311.     color:{color:title};
  312. }
  313.  
  314. footer a {
  315.     display:inline-block;
  316.     border:0;
  317.     margin:0 5px;
  318. }
  319.  
  320. #infscr-loading {display:none!important;}
  321.  
  322. /*posts*/
  323.  
  324. section {
  325.     width:{select:Post Width};
  326.     margin:75px 200px 75px auto;
  327.     display:inline;
  328.     float:right;
  329. }
  330.  
  331. .posts {
  332.     width:{select:Post Width};
  333.     margin-bottom:100px;
  334.     border:1px solid {color:borders};
  335.     padding:20px;
  336.     background-color:#fff;
  337. }
  338.  
  339. .ph {
  340.     position:relative;
  341.     overflow:hidden;
  342. }
  343.  
  344. .ph img {
  345.     width:100%;
  346.     display:block;
  347. }
  348.  
  349. /*titles*/
  350.  
  351. .title {
  352.     color:{color:link};
  353.     font-size:15px;
  354.     line-height:1.75em;
  355.     border-top:1px solid {color:borders};
  356.     background-color:{color:borders};
  357.     padding:15px;
  358.     margin-bottom:2em;
  359. }
  360.  
  361. .title a {color:{color:title};}
  362.  
  363. .title a:hover {color:{color:link};}
  364.  
  365. .ted {margin-top:10px;}
  366.  
  367. /*captions*/
  368.  
  369. .comment {
  370.     padding:0 0 1.5em 0;
  371.     list-style:none;
  372. }    
  373.  
  374. .comment:last-of-type {padding:0px!important;}
  375.  
  376. .user {
  377.     line-height:20px;
  378.     display:inline-block;
  379.     vertical-align:middle;
  380.     margin-bottom:1em;
  381. }
  382.  
  383. .icon {
  384.     margin-right:7px;
  385.     display:inline-block;
  386.     float:left;
  387. }
  388.  
  389. .icon img {
  390.     border-radius:20px;
  391.     width:20px;
  392.     height:20px;
  393. }
  394.  
  395. .captioned .comment:first-of-type {margin-top:2em;}
  396.  
  397. .tex li {margin-left:-20px;}, .tex blockquote {text-align:left;}
  398. .tex ul {list-style-type: circle; list-style-position: inside;}
  399. .tex ol {list-style-type: lower-roman; list-style-position: inside;}
  400.  
  401. /*quote*/
  402.  
  403. .quote {
  404.     color:{color:link};
  405.     font-size:15px;
  406.     line-height:1.75em;
  407.     border-top:1px solid {color:borders};
  408.     background-color:{color:borders};
  409.     padding:15px;
  410.     margin-bottom:2em;
  411.     text-align:right;
  412. }
  413.  
  414. .source {
  415.     margin-top:2em;
  416.     margin-bottom:1.5em;
  417. }
  418.  
  419. /*audio - with help from octomoosey*/
  420.  
  421. .playbutton {
  422.     position:relative;
  423.     margin-top:45px;
  424.     margin-left:45px;
  425.     z-index:9;
  426.     width:30px;
  427.     height:30px;
  428.     overflow:hidden;
  429.     opacity:0.5;
  430. }
  431.  
  432. .albumart img {
  433.    position:relative;
  434.    margin-top:-75px;
  435.    margin-left:0px
  436.    height:120px;
  437.    width:120px;
  438.    }    
  439.  
  440. .trackinfo {
  441.    margin-bottom:10px;
  442.    background:{color:borders};
  443.    position:relative;
  444.    margin-left:120px;
  445.    height:120px;
  446.    margin-top:-120px;
  447. }
  448.  
  449. .trackname {
  450.    position:relative;
  451.    padding-top:30px;
  452.    text-align:left;
  453.    margin-left:30px;
  454.    font-size:12px;
  455.    text-transform:uppercase;
  456.    font-weight: bold;
  457.    letter-spacing:2px;}  
  458.  
  459. .artist {
  460.    text-align:left;
  461.    font-size:10px;
  462.    margin-left:30px;
  463.    text-transform:uppercase;
  464.    letter-spacing:4px;}
  465.  
  466. .album {
  467.    text-align:left;
  468.    font-style: italic;
  469.    letter-spacing:4px;
  470.     margin-left:30px;
  471. }
  472.  
  473.  
  474. .playcount {
  475.    text-align:left;
  476.    letter-spacing:2px;
  477.     margin-left:30px;
  478. }
  479.  
  480. /*asks*/
  481.  
  482. .q {
  483.     text-align:right;
  484.     padding:15px;
  485.     margin-bottom:2em;
  486.     border:1px solid {color:borders};
  487.     background-color:{color:borders};
  488.     color:{color:link};
  489. }
  490.  
  491. .as {text-transform:lowercase;}
  492.  
  493. .as a {color:{color:text};}
  494.  
  495. .as a:hover {color:{color:accent color};}
  496.  
  497. /*chat*/
  498.  
  499. .chat {
  500.     text-align:left;    
  501.     padding:15px;
  502.     margin-bottom:2em;
  503.     list-style:none;
  504.     background-color:{color:borders};
  505. }
  506.  
  507. .l {
  508.     padding:15px 0;
  509.     border-bottom:1px solid {color:background};
  510. }
  511.  
  512. .label {
  513.     color:{color:title};
  514.     display:inline-block;
  515. }
  516.  
  517. .l:first-of-type {padding-top:0;}
  518.  
  519. .l:last-of-type {
  520.     padding-bottom:0;
  521.     border:0;
  522. }
  523.  
  524. /*link*/
  525.  
  526. .linkpost {
  527.     border:1px solid {color:borders};
  528.     background-color:{color:borders};
  529.     padding:15px;
  530.     margin-bottom:2em;
  531.     color:{color:title};
  532.     font-size:15px;
  533.     text-align:right;
  534. }
  535.  
  536. /*permalink and notes*/
  537.  
  538. .when {margin-top:15px; text-transform: lowercase;}
  539.  
  540. .when span {display:block;}
  541.  
  542. .tags {margin-top:.5em;}
  543.  
  544. .tags a {
  545.     color:{color:text};
  546.     display:inline;
  547.     margin-right:2.5px;
  548. }    
  549.  
  550. .pagenotes {
  551.     padding-top:2em;
  552.     border-top:1px solid {color:borders};    
  553. }
  554.  
  555. ol.notes {
  556.     list-style-type:none;
  557.     padding:0px;
  558.     margin:0px;
  559. }
  560.  
  561. ol.notes li.note {
  562.     display:block;
  563.     padding:0;
  564.     margin:5px 0;
  565. }
  566.  
  567. ol.notes li.note img.avatar {display:none!important;}
  568.  
  569. a.more_notes_link {
  570.     display:block;
  571.     text-align:center;
  572.     color:{color:title};
  573. }
  574.  
  575. .custom-like-button {
  576.     position: relative;
  577.     display: inline-block;
  578.     cursor: pointer;
  579. }
  580.  
  581. .like-b {
  582.     position:relative;
  583.     display: inline-block;
  584.     height:auto;
  585.     vertical-align:middle;
  586.     overflow:hidden;
  587.     margin-bottom:0.3em;
  588. }
  589. .like-b .like_button iframe {
  590.     position:absolute;
  591.     top:0;
  592.     left:0;
  593.     bottom:0;
  594.     right:0;
  595.     z-index:2;
  596.     opacity:0.000001;
  597. }
  598.  
  599. .like-b .liked + .b {
  600.   color:inherit;
  601. }
  602.  
  603. .like-b .liked + .b:after {
  604.    content:'d';
  605. }
  606.  
  607. /* credit - DO NOT ALTER OR REMOVE */
  608. .c {
  609.     display:block;
  610.     z-index:1;
  611.     position:fixed;
  612.     right:20px;
  613.     bottom:20px;
  614. }
  615.  
  616.  
  617. {CustomCSS}
  618.  
  619. </style>
  620.  
  621. </head>
  622.  
  623. <body>
  624.  
  625. <header>
  626.     {block:ifHeaderImage}<a href="/"><img src="{image:Header}"/></a>{/block:ifHeaderImage}
  627.    
  628.     <div class="btitle" href="/">{Title}</div>
  629.    
  630.     <div class="desc">{Description}</div>
  631.    
  632.     <nav>
  633.     {block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}
  634.     {block:ifAskTitle}<a href="/{text:ask url}">{text:ask title}</a>{/block:ifAskTitle}
  635.     {block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}
  636.     {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  637.     {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  638.     {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  639.     </nav>
  640. </header>
  641.  
  642. <section id="entries">{block:posts}
  643.     <article class="posts {block:caption}captioned{/block:caption}">
  644.  
  645. {block:Quote}
  646. <div class="quote">"{quote}"</div>
  647. {block:Source}<div class="source">- {source}</div>{/block:Source}
  648. {/block:Quote}
  649.  
  650. {block:Text}
  651. {block:Title}<div class="title">{title}</div>{/block:Title}
  652. {block:RebloggedFrom}
  653.     {block:Reblogs}
  654.         <li class="comment {block:Title}ted{/block:Title}">
  655.             <a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div>
  656.         </li>
  657.     {/block:Reblogs}
  658. {/block:RebloggedFrom}
  659. {block:NotReblog}
  660.     <li class="comment {block:Title}ted{/block:Title}">
  661.         <div class="tex">{body}</div>
  662.     </li>
  663. {/block:NotReblog}
  664. {/block:Text}
  665.  
  666. {block:Link}<div class="linkpost"><a href="{URL}">{name}</a></div>
  667. {block:Description}
  668.     {block:NotReblog}
  669.         <li class="comment ted">
  670.             <div class="tex">{description}</div>
  671.         </li>
  672.     {/block:NotReblog}
  673. {/block:Description}
  674. {block:RebloggedFrom}
  675.     {block:Reblogs}
  676.         <li class="comment">
  677.             <a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  678.             <div class="tex">{body}</div>
  679.         </li>
  680.     {/block:Reblogs}
  681. {/block:RebloggedFrom}
  682. {/block:Link}
  683.  
  684. {block:Chat}
  685. {block:Title}<div id="title">{title}</div>{/block:Title}
  686. <ol class="chat {block:Title}ted{/block:Title}">
  687.     {block:lines}
  688.         <li class="l {Alt}">
  689.             {block:label}<span class="label">{label}</span>{/block:label}             {line}
  690.         </li>
  691.     {/block:lines}
  692. </ol>
  693. {/block:Chat}
  694.  
  695. <div class="ph">
  696.  
  697. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  698.  
  699. {block:Photoset}{photoset}{/block:Photoset}
  700.  
  701. {block:Video}{video-400}{/block:Video}
  702.  
  703. {block:Audio}
  704. {block:AudioPlayer}
  705. <div class="playbutton">{AudioPlayerGrey}</div>
  706. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  707. <div class="trackinfo">
  708. <div class="trackname">
  709. {block:TrackName}{TrackName}{/block:TrackName}
  710. </div>
  711. <div class="artist">
  712. {block:Artist}{Artist}{/block:Artist}
  713. </div>
  714. <div class="album">
  715. {block:Album}{Album}{/block:Album}
  716. </div>
  717. <div class="playcount">
  718. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  719. </div>
  720. </div>
  721. {block:Caption}{Caption}{/block:Caption}
  722. {/block:AudioPlayer}
  723. {/block:Audio}
  724.  
  725. {block:caption}
  726.     {block:Reblogs}
  727.         <li class="comment">
  728.             <a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  729.             <div class="tex">{body}</div>
  730.         </li>
  731.     {/block:Reblogs}
  732.     {block:NotReblog}
  733.         <li class="comment">
  734.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  735.             <div class="tex">{caption}</div>
  736.         </li>
  737.     {/block:NotReblog}
  738. {/block:caption}
  739.  
  740. </div>
  741.  
  742. {block:Answer}
  743. <div class="q">
  744.     <span class="as">{asker} sent &mdash;</span>
  745.     {question}
  746. </div>
  747. {block:Answerer}
  748.     <li class="comment">
  749.         <a href="{Permalink}" class="icon"><img src="{AnswererPortraitURL-64}"></a><div class="user">{answerer} replied:</div>
  750.         <div class="tex">{answer}</div>
  751.     </li>
  752. {/block:Answerer}
  753.  
  754. {block:NotReblog}
  755.     <li class="comment">
  756.         <div class="tex">{replies}</div>
  757.     </li>
  758. {/block:NotReblog}
  759.  
  760. {block:RebloggedFrom}
  761.     {block:Reblogs}
  762.         <li class="comment">
  763.             <a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  764.             <div class="tex">{body}</div>
  765.         </li>
  766.     {/block:Reblogs}
  767. {/block:RebloggedFrom}
  768. {/block:Answer}
  769.  
  770.  
  771. {block:Date}
  772. <div class="when">
  773.     <hr>
  774.     <span><a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span>
  775.     {block:hastags}
  776.         <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  777.     {/block:hasTags}
  778. </div>
  779. {/block:Date}
  780.  
  781. </article>
  782.  
  783. {block:PostNotes}
  784. <article class="posts pagenotes">
  785.     <div class="title">{NoteCountWithLabel}</div>
  786.     {block:RebloggedFrom}
  787.             <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  788.                 {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  789.             </span>
  790.     {/block:RebloggedFrom}    
  791.     <hr>
  792.     {PostNotes}
  793. </article>
  794. {/block:PostNotes}
  795.  
  796. {/block:Posts}
  797.  
  798. {block:Pagination}
  799. <div id="pagination">
  800. {block:PreviousPage}<a href="{PreviousPage}">rewind</i></a></span> {/block:PreviousPage}&mdash;
  801. {block:NextPage}<a href="{NextPage}">forward</i></a>{/block:NextPage}
  802. </div>
  803. {/block:Pagination}
  804.    
  805.  
  806. </section>
  807.  
  808. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  809.  
  810. <script>
  811. $(document).ready(function(){
  812.     $('body').tooltip({track:true});    
  813.     $('iframe.tumblr_audio_player').load( function() {
  814.         $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  815.     });  
  816. {block:indexpage}    
  817. {block:ifinfinitescroll}
  818.     var $container = $('section');
  819.     $container.infinitescroll({
  820.             itemSelector: 'article',
  821.             navSelector: 'footer',
  822.             nextSelector: 'footer a',
  823.             loadingImg: '',
  824.             loadingText: '<em></em>',
  825.             bufferPx: 100
  826.     },
  827.     function( newElements ) {
  828.         var $newElems = $( newElements );  
  829.         $newElems.find('iframe.tumblr_audio_player').load(function(){
  830.             $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  831.         });            
  832.     });
  833. {/block:ifinfinitescroll}
  834. {/block:indexpage}    
  835. });
  836. </script>
  837.  
  838. {block:ContentSource}
  839. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  840. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  841. {/block:SourceLogo}
  842. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  843. {/block:ContentSource}
  844.  
  845.  
  846. <!-- tumblr controls -->
  847. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  848.  
  849. <!-- credit - DO NOT ALTER OR REMOVE -->
  850. <a class="c" href="https://sapphirethemes.tumblr.com" title="theme by dorisquinn">🔹</a>
  851. </body>
  852. </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!