API tools faq
paste
Advertisement
Laighlin

#23: RGBA(3) (Custom colors)

Laighlin
Dec 15th, 2017
3,586
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <meta name="image:Favicon" content=""/>
  5. <meta name="color:Background" content="#fff"/>
  6. <meta name="color:Text" content="#333"/>
  7. <meta name="color:Accent" content="#0a9"/>
  8. <meta name="if:Custom favicon" content="0"/>
  9. <meta name="if:Custom title" content="0"/>
  10. <meta name="if:Show icon" content="1"/>
  11. <meta name="if:Search bar" content="1"/>
  12. <meta name="if:400px posts" content="1"/>
  13. <meta name="if:Gradient borders" content="0"/>
  14. <meta name="if:Hide captions" content="0"/>
  15. <meta name="if:Hide tags" content="0"/>
  16. <meta name="text:Title" content=""/>
  17. <meta name="text:Accent font" content="Share Tech Mono"/>
  18. <meta name="text:Body font" content="Roboto"/>
  19. <meta name="text:Font size" content="13px"/>
  20.  
  21. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <head><title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}{block:SearchPage} &mdash; {lang:Search results for SearchQuery}{/block:SearchPage}</title>
  25.  
  26. {block:ifCustomFavicon}
  27. <link rel="shortcut icon" href="{image:favicon}"/>
  28. {/block:ifCustomFavicon}
  29. {block:ifNotCustomFavicon}
  30. <link rel="shortcut icon" href="{Favicon}"/>
  31. {/block:ifNotCustomFavicon}
  32.  
  33. <link href="https://fonts.googleapis.com/css?family={text:Body font}:400,400i,700,700i|{text:Accent font}:400,700" rel="stylesheet">
  34. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  35.  
  36. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  37. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  38. <script src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  39.  
  40. <style>
  41.  
  42. body, html {
  43.     background:{color:background};
  44.     margin:0;
  45.     padding:0;
  46.     font:{text:Font size} '{text:Body font}';
  47.     color:rgba({RGBcolor:text},.75);
  48.     line-height:1.5em;
  49. }
  50.  
  51. *:not(#s-m-t-tooltip) {
  52.     transition:.3s all ease;
  53. }
  54.  
  55. ::-webkit-scrollbar {
  56.     width:10px;
  57.     height:10px;
  58. }
  59.  
  60. ::-webkit-scrollbar-track {
  61.     border:4px solid {color:background};
  62.     {block:ifGradientBorders}
  63.     background:linear-gradient(to top,{color:accent} -20%,{color:background} 120%);
  64.     {/block:ifGradientBorders}
  65.     {block:ifNotGradientBorders}
  66.     background:{color:accent};
  67.     {/block:ifNotGradientBorders}
  68. }
  69.  
  70. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-corner {
  71.     border:2px solid {color:accent};
  72.     background:{color:background};
  73. }
  74.  
  75. ::selection {
  76.     background:rgba({RGBcolor:accent},.6);
  77.     color:{color:background};
  78. }
  79.  
  80. ::moz-selection {
  81.     background:rgba({RGBcolor:accent},.6);
  82.     color:{color:background};
  83. }
  84.  
  85. h1, h2, h3, h4, h5 {
  86.     margin:10px;
  87.     font-family:'{text:accent font}';
  88.     font-weight:{TitleFontWeight};
  89. }
  90.  
  91. p:first-child { margin-top:0; }
  92. p:last-child { margin-bottom:0; }
  93.  
  94. a {
  95.     text-decoration:none;
  96.     outline:none;
  97.     color:inherit;
  98. }
  99.  
  100. #s-m-t-tooltip {
  101.     margin:14px;
  102.     background:{color:background};
  103.     border:2px solid rgba({RGBcolor:accent},.6);
  104.     color:inherit;
  105.     font-style:italic;
  106.     padding:6px 8px;
  107.     z-index:9999;
  108.     pointer-events:none;
  109. }
  110.  
  111. #sidebar {
  112.     border-width:0 2px;
  113.     {block:ifGradientBorders}
  114.     border-image:linear-gradient(to bottom,{color:accent} 0%,rgba({RGBcolor:accent},.2) 80%);
  115.     {/block:ifGradientBorders}
  116.     {block:ifNotGradientBorders}
  117.     border-color:{color:accent};
  118.     {/block:ifNotGradientBorders}
  119.     top:0;
  120.     bottom:0;
  121.     width:220px;
  122.     padding:10px;
  123.     left:100px;
  124.     flex-flow:column nowrap;
  125.     align-items:center;
  126. }
  127.  
  128. #pagination {
  129.     line-height:1em;
  130.     border-width:2px 0;
  131.     {block:ifGradientBorders}
  132.     border-image:linear-gradient(to left,{color:accent} 0%,rgba({RGBcolor:accent},.2) 80%);
  133.     {/block:ifGradientBorders}
  134.     {block:ifNotGradientBorders}
  135.     border-color:{color:accent};
  136.     {/block:ifNotGradientBorders}
  137.     left:0;
  138.     right:0;
  139.     height:30px;
  140.     bottom:100px;
  141.     align-items:center;
  142.     justify-content:flex-end;
  143.     padding:0 40px;
  144. }
  145.  
  146. .pag { flex-grow:0; line-height:1em; }
  147.  
  148. .pag.lnr {
  149.     font-size:27px;
  150.     margin:0 2px;
  151.     background:{color:background};
  152.     padding:10px;
  153. }
  154.  
  155. .pag.lnr:hover, .linke:hover {
  156.     color:{color:text};
  157.     border-color:{color:accent};
  158. }
  159.  
  160. .pag.cur {
  161.     padding:0 7px;
  162.     font:13px '{text:accent font}';
  163.     pointer-events:none;
  164. }
  165.  
  166. #sidebar, #pagination {
  167.     position:fixed;
  168.     display:flex;
  169.     border-image-slice:9;
  170.     border-style:solid;
  171. }
  172.  
  173. #title {
  174.     margin:30px 10px -15px;
  175.     text-align:center;
  176.     text-transform:uppercase;
  177.     color:{color:text};
  178.     font:{TitleFontWeight} 1.4em '{text:accent font}';
  179. }
  180.  
  181. img#side {
  182.     margin-top:35px;
  183.     padding:13px;
  184. }
  185.  
  186. img#side, .linke, #search input, .pag.lnr, .post, .info {
  187.     border:2px solid rgba({RGBcolor:accent},.3);
  188. }
  189.  
  190. #desc {
  191.     text-align:center;
  192.     margin:35px 30px;
  193. }
  194.  
  195. #search {
  196.     position:absolute;
  197.     bottom:169px;
  198. }
  199.  
  200. #search input {
  201.     color:rgba({RGBcolor:text},.5);
  202.     background:{color:background};
  203.     line-height:1em;
  204.     width:139px;
  205.     padding:7px;
  206.     font-family:'{text:accent font}';
  207.     font-weight:{TitleFontWeight};
  208.     outline:none;
  209.     text-align:center;
  210.     text-transform:uppercase;
  211. }
  212.  
  213. #search input:focus {
  214.     border-color:{color:accent};
  215.     color:{color:text};
  216.     text-transform:initial;
  217. }
  218.  
  219. #links {
  220.     position:fixed;
  221.     width:40px;
  222.     top:30px;
  223.     bottom:164px;
  224.     left:30px;
  225.     counter-reset:linx;
  226. }
  227.  
  228. .linke {
  229.     display:block;
  230.     margin-bottom:30px;
  231.     text-align:center;
  232.     line-height:1em;
  233.     font:{TitleFontWeight} 14px '{text:accent font}';
  234.     padding:10px 4px;
  235. }
  236.  
  237. .linke:not(#cred):before {
  238.     counter-increment:linx;
  239.     content:counter(linx,lower-roman);
  240. }
  241.  
  242. #cred {
  243.     position:fixed;
  244.     box-sizing:border-box;
  245.     bottom:0px;
  246.     left:30px;
  247.     padding:9px 3px;
  248.     width:40px;
  249. }
  250.  
  251. #content {
  252.     left:344px;
  253.     right:181px;
  254.     height:100%;
  255.     position:absolute;
  256.     z-index:9;
  257. }
  258.  
  259. .post {
  260.     margin:50px auto 0;
  261.     padding:0 13px 13px;
  262. }
  263.  
  264. .post, .info {
  265.     background:{color:background};
  266.     {block:if400pxposts}
  267.     width:400px;
  268.     {/block:if400pxposts}
  269.     {block:ifnot400pxposts}
  270.     width:500px;
  271.     {/block:ifnot400pxposts}
  272. }
  273.  
  274. #sidebar, #pagination {
  275.     /*display:none;*/
  276.     z-index:3;
  277. }
  278.  
  279. .post-title, .ques {
  280.     margin:0;
  281.     background:rgba({RGBcolor:accent},.15);
  282.     color:{color:text};
  283.     padding:7px 9px;
  284.     margin-top:13px;
  285.     text-align:center;
  286. }
  287.  
  288. @font-face {
  289.     font-family: Calluna;
  290.     src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  291.     src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  292.     font-weight: 700;
  293.     font-style: italic;
  294. }
  295.  
  296. @font-face {
  297.     font-family: Fairwater;
  298.     src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  299.     font-weight: 400;
  300.     font-style: normal;
  301. }
  302. p.npf_quirky { font:1.7em Fairwater; }
  303. p.npf_chat { font:1.7em Courier; }
  304. p.npf_quote { font:1.7em Calluna; }
  305.  
  306. .caption, .media-wrap, .more {
  307.     {block:if400pxposts}
  308.     width:400px;
  309.     {/block:if400pxposts}
  310.     {block:ifnot400pxposts}
  311.     width:500px;
  312.     {/block:ifnot400pxposts}
  313.     box-sizing:border-box;
  314. }
  315.  
  316. .caption {
  317.     line-height:1.5em;
  318. }
  319.  
  320. .caption img {
  321.     margin:5px 0;
  322.     max-width:100%;
  323. }
  324.  
  325. .caption, .tag-wrap {
  326.     padding:10px;
  327.     background:rgba({RGBcolor:text},.03);
  328. }
  329.  
  330. .caption a, #desc a {
  331.     border-bottom:1px solid rgba({RGBcolor:accent},.6);
  332. }
  333.  
  334. .caption a:hover, #desc a:hover {
  335.     color:{color:text};
  336.     border-bottom-color:transparent;
  337. }
  338.  
  339. .tumblr_blog {
  340.     font-weight:bold;
  341. }
  342.  
  343. blockquote, blockquote blockquote {
  344.     margin:auto 0;
  345.     padding-left:10px;
  346.     border-left:2px solid rgba({RGBcolor:accent},.5);
  347. }
  348.  
  349. hr {
  350.     border:none;
  351.     border-top:2px solid rgba({RGBcolor:accent},.3);
  352.     margin:1em 20%;
  353. }
  354.  
  355. .media-wrap, .caption, .tag-wrap, .more {
  356.     margin:13px 0 0;
  357. }
  358.  
  359. .media-wrap.no-text {
  360.     line-height:0;
  361. }
  362.  
  363. .media-wrap img {
  364.     max-width:100%;
  365.     margin:auto;
  366. }
  367.  
  368. .quote {
  369.     font-weight:normal;
  370.     padding:10px;
  371.     line-height:1.4em;
  372. }
  373.  
  374. .chat {
  375.     padding:7px;
  376.     border-top:1px solid rgba({RGBcolor:accent},.2);
  377. }
  378.  
  379. .chat:first-child { margin-top:6px; border-top:none; }
  380. .chat.odd { text-indent:20px; }
  381.  
  382. .link-host {
  383.     font:bold {text:Font size} '{text:Body font}';
  384.     margin-bottom:5px;
  385. }
  386.  
  387. .askr {
  388.     position:relative;
  389.     z-index:2;
  390.     text-align:center;
  391.     text-transform:uppercase;
  392.     display:block;
  393.     font:{TitleFontWeight} 1.2em '{text:accent font}';
  394.     margin:4px auto -11px;
  395. }
  396.  
  397. .a-url {
  398.     background:{color:background};
  399.     padding:3px 8px;
  400. }
  401.  
  402. .askr a { color:{color:accent}; }
  403. .askr a:hover { color:{color:text}; }
  404.  
  405. .ques {
  406.     background:transparent;
  407.     border:2px solid rgba({RGBcolor:accent},.2);
  408.     margin:0;
  409.     padding:15px 12px 12px;
  410.     color:inherit;
  411.     font-style:italic;
  412. }
  413.  
  414. .tumblr_audio_player {
  415.     height:85px !important;
  416. }
  417.  
  418. .tag-wrap {
  419.     font-size:.92em;
  420. }
  421.  
  422. .tag {
  423.     color:rgba({RGBcolor:accent},.7);
  424.     margin-right:5px;
  425. }
  426.  
  427. .tag:hover, #notes .tumblelog:hover { color:{color:accent}; }
  428.  
  429. .more {
  430.     padding:10px;
  431.     display:block;
  432.     text-align:center;
  433.     background:rgba({RGBcolor:accent},.15);
  434.     text-transform:uppercase;
  435.     font-family:'{text:accent font}';
  436.     font-weight:{TitleFontWeight};
  437. }
  438.  
  439. .more:hover {
  440.     color:{color:text};
  441. }
  442.  
  443. /*Fade in content*/
  444.  
  445. @-webkit-keyframes fade { from { opacity:0; } to { opacity:1; } }
  446. @-moz-keyframes fade { from { opacity:0; } to { opacity:1; } }
  447. @keyframes fade { from { opacity:0; } to { opacity:1; } }
  448.  
  449. #sidebar, #pagination {
  450.     opacity:0;
  451.     -webkit-animation:.5s ease-in 1.1s 1 forwards fade;
  452.     -moz-animation:.5s ease-in 1.1s 1 forwards fade;
  453.     animation:.5s ease-in 1.1s 1 forwards fade;
  454. }
  455.  
  456. #content {
  457.     opacity:0;
  458.     -webkit-animation:1.3s ease-in 1.4s 1 forwards fade;
  459.     -moz-animation:1.3s ease-in 1.4s 1 forwards fade;
  460.     animation:1.3s ease-in 1.4s 1 forwards fade;
  461. }
  462.  
  463. .info {
  464.     padding:13px;
  465.     margin:13px auto 50px;
  466.     font-family:'{text:accent font}';
  467.     position:relative;
  468.     text-transform:uppercase;
  469. }
  470.  
  471. .info a, #notes .tumblelog { color:rgba({RGBcolor:accent},.7); }
  472. .info a:hover { color:rgba({RGBcolor:accent},.9); }
  473.  
  474. .controls {
  475.     font-size:16px;
  476.     float:right;
  477.     margin-top:1px;
  478. }
  479.  
  480. .controls a {
  481.     color:rgba({RGBcolor:text},.4);
  482. }
  483.  
  484. .lnr-redo {
  485.     margin-right:10px;
  486. }
  487.  
  488. .like-wrap {
  489.     position:relative;
  490.     width:30px;
  491.     height:30px;
  492. }
  493.  
  494. .like_button {
  495.     position:absolute;
  496.     z-index:5;
  497.     top:-2px;
  498.     left:0;
  499.     opacity:0;
  500.     width:16px;
  501.     height:16px;
  502. }
  503.  
  504. .like_button iframe {
  505.     width:100% !important;
  506.     height:100% !important;
  507. }
  508.  
  509. .like-btn { z-index:1; }
  510.  
  511. .like_button.liked + .like-btn { color:{color:text}; }
  512.  
  513. #notes {
  514.     margin-bottom:50px;
  515.     padding:10px;
  516. }
  517.  
  518. #notes blockquote { margin-left:9px; }
  519.  
  520. #notes ol.notes {
  521.     list-style-type:none;
  522.     padding:0;
  523.     margin:0;
  524. }
  525.  
  526. li.note {
  527.     border-bottom:1px solid rgba({RGBcolor:borders},.5);
  528.     padding:5px;
  529. }
  530.  
  531. #notes ol.notes li:last-child { border-bottom:none; }
  532.  
  533. #notes ol.notes img.avatar {
  534.     margin-right:7px;
  535.     margin-top:calc(1em - 15px);
  536.     width:20px;
  537.     height:20px;
  538.     float:left;
  539.     border-radius:2px;
  540. }
  541.  
  542. #notes .tumblelog, #notes .source_tumblelog, .note.like a {
  543.     font-family:'{text:accent font}';
  544.     text-transform:uppercase;
  545. }
  546.  
  547. .caption:empty, #title:empty, .post-title:empty, #desc:empty {
  548.     display:none;
  549. }
  550.  
  551. {block:IndexPage}
  552. {block:ifHideCaptions}
  553. .caption:not(.text-body) { display:none; }
  554. /*keeps the captions on text posts for obvious reasons*/
  555. {/block:ifHideCaptions}
  556.  
  557. {block:ifHideTags}
  558. .tag-wrap { display:none; }
  559. {/block:ifHideTags}
  560. {/block:IndexPage}
  561.    
  562. {CustomCSS}
  563.  
  564. </style>
  565. </head>
  566.  
  567. <body>
  568.    
  569. <aside id="sidebar">
  570.     {block:ifNotCustomTitle}
  571.     <h1 id="title">{Title}</h1>
  572.     {/block:ifNotCustomTitle}
  573.     {block:ifCustomTitle}
  574.     <h1 id="title">{text:Title}</h1>
  575.     {/block:ifCustomTitle}
  576.     {block:ifShowIcon}
  577.     <img id="side" src="{PortraitURL-128}">
  578.     {/block:ifShowIcon}
  579.     <section id="desc">
  580.         {Description}  
  581.     </section>
  582.     {block:ifSearchBar}
  583.     <form id="search" action="/search" method="get">
  584.         <input type="text" name="q" value="{lang:Search}" onfocus="if (this.value == '{lang:Search}') {this.value=''}" onblur="if (this.value == '') {this.value='{lang:Search}'}"/>
  585.     </form>
  586.     {/block:ifSearchBar}
  587.     <nav id="links">
  588.     <a class="linke" href="/" title="Index"></a>
  589.     {block:AskEnabled}<a class="linke" href="/ask" title="Ask"></a>{/block:AskEnabled}
  590.     {block:SubmissionsEnabled}<a class="linke" href="/submit" title="Submit"></a>{/block:SubmissionsEnabled}
  591.     {block:HasPages}
  592.         {block:Pages}
  593.             <a class="linke" href="{URL}" title="{Label}"></a>
  594.         {/block:Pages}
  595.     {/block:HasPages}
  596.     </nav>
  597.     <a class="linke" id="cred" href="http://linthm.tumblr.com/thm" title="Theme by Laighlin">@L</a>
  598. </aside>
  599.  
  600. <main id="content">
  601.     {block:SearchPage}
  602.     <article class="post">
  603.         <h2 class="post-title">
  604.             {block:SearchResults}
  605.                 {lang:SearchResultCount results for SearchQuery 2}
  606.             {/block:SearchResults}
  607.             {block:NoSearchResults}
  608.                 {lang:No search results for SearchQuery 2}
  609.             {/block:NoSearchResults}
  610.         </h2>
  611.         {block:NoSearchResults}
  612.         <div class="caption">This blog might have search indexing disabled. Tough luck.</div>
  613.         {/block:NoSearchResults}
  614.     </article>
  615.     {/block:SearchPage}
  616.     {block:TagPage}
  617.     <article class="post">
  618.         <h2 class="title">
  619.             {lang:Posts tagged Tag 3}
  620.         </h2>
  621.     </article>
  622.     {/block:TagPage}
  623.     {block:Posts inlineMediaWidth="400" nestedMediaWidth="380"}
  624.     <article class="post">
  625.         {block:Title}
  626.         <h2 class="post-title">{Title}</h2>
  627.         {/block:Title}
  628.        
  629.         {block:Text}
  630.         <div class="text-body caption">{Body}</div>
  631.         {/block:Text}
  632.        
  633.         {block:Answer}
  634.         <div class="askr">
  635.         <span class="a-url"><i class="lnr lnr-bubble"></i> {Asker}</span>
  636.         </div>
  637.         <div class="ques">{Question}</div>
  638.         <div class="caption">{Answer}</div>
  639.         {/block:Answer}
  640.        
  641.         {block:Chat}
  642.         {block:Lines}
  643.         <div class="chat {Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div>
  644.         {/block:Lines}
  645.         {/block:Chat}
  646.        
  647.         {block:Link}
  648.         <a href="{URL}">
  649.         <h2 class="post-title">
  650.             {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  651.             {Name}&nbsp;&raquo;
  652.         </h2></a>
  653.         <div class="caption">
  654.             {block:Excerpt}<blockquote>{Excerpt}</blockquote>{/block:Excerpt}
  655.             {block:Description}{Description}{/block:Description}
  656.         </div>
  657.         {/block:Link}
  658.        
  659.         {block:Quote}
  660.         <h2 class="post-title quote">&raquo; {Quote}</h2>
  661.         {block:Source}<div class="caption" style="text-align:right">— {Source}</div>{/block:Source}
  662.         {/block:Quote}
  663.        
  664.         {block:Photo}
  665.         <figure class="media-wrap no-text">
  666.             {LinkOpenTag}<img src="{PhotoURL-500}" width="100%">{LinkCloseTag}
  667.             {block:Caption}
  668.             <figcaption class="caption">{Caption}</figcaption>
  669.             {/block:Caption}
  670.         </figure>
  671.         {/block:Photo}
  672.        
  673.         {block:Photoset}
  674.         <figure class="media-wrap no-text">
  675.         {block:if400pxposts}
  676.             {Photoset-400}
  677.         {/block:if400pxposts}
  678.         {block:ifnot400pxposts}
  679.             {Photoset-500}
  680.         {/block:ifnot400pxposts}
  681.             {block:Caption}
  682.             <figcaption class="caption">{Caption}</figcaption>
  683.             {/block:Caption}
  684.         </figure>
  685.         {/block:Photoset}
  686.        
  687.         {block:Audio}
  688.         <figure class="media-wrap no-text">
  689.         {block:if400pxposts}
  690.             {AudioEmbed-400}
  691.         {/block:if400pxposts}
  692.         {block:ifnot400pxposts}
  693.             {AudioEmbed-500}
  694.         {/block:ifnot400pxposts}
  695.             {block:Caption}
  696.             <figcaption class="caption">{Caption}</figcaption>
  697.             {/block:Caption}
  698.         </figure>
  699.         {/block:Audio}
  700.        
  701.         {block:Video}
  702.         <figure class="media-wrap no-text">
  703.         {block:if400pxposts}
  704.             {Video-400}
  705.         {/block:if400pxposts}
  706.         {block:ifnot400pxposts}
  707.             {Video-500}
  708.         {/block:ifnot400pxposts}
  709.             {block:Caption}
  710.             <figcaption class="caption">{Caption}</figcaption>
  711.             {/block:Caption}
  712.         </figure>
  713.         {/block:Video}
  714.        
  715.         {block:More}
  716.         <a class="more" href="{Permalink}">{lang:Keep reading}</a>
  717.         {/block:More}
  718.        
  719.         {block:HasTags}
  720.         <footer class="tag-wrap">
  721.             {block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>{/block:Tags}
  722.         </footer>
  723.         {/block:HasTags}
  724.     </article>
  725.     {block:Date}
  726.     <footer class="info">
  727.         <a href="{Permalink}" title="{TimeAgo}">{DayofMonth}.{MonthNumber}.{Year}</a>
  728.         {block:NoteCount}
  729.          &bull; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  730.         {/block:NoteCount}
  731.         {block:RebloggedFrom}
  732.         <br/>
  733.         <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &bull; <a href="{ReblogRootURL}" title="{ReblogRootName}">op</a>
  734.         {/block:RebloggedFrom}
  735.         {block:ContentSource}
  736.         {block:RebloggedFrom} &bull; {/block:RebloggedFrom}
  737.         <a href="{SourceURL}" title="{SourceTitle}">src</a>
  738.         {/block:ContentSource}
  739.        
  740.         <div class="controls">
  741.             <a href="{ReblogURL}"><span class="lnr lnr-redo"></span></a>
  742.             <span class="like-wrap">{LikeButton}<a class="like-btn lnr lnr-heart"></a></span>
  743.         </div>
  744.     </footer>
  745.     {/block:Date}
  746.     {block:PostNotes}
  747.     <footer id="notes" class="post" name="notes">
  748.         {PostNotes-64}
  749.     </footer>
  750.     {/block:PostNotes}
  751.     {/block:Posts}
  752. </main>
  753.  
  754. <nav id="pagination">
  755.     {block:Pagination}
  756.     {block:PreviousPage}
  757.     <a class="pag prev lnr lnr-arrow-left" href="{PreviousPage}"></a>
  758.     {/block:PreviousPage}
  759.     <span class="pag cur">{CurrentPage} / {TotalPages}</span>
  760.     {block:NextPage}
  761.     <a class="pag next lnr lnr-arrow-right" href="{NextPage}"></a>
  762.     {/block:NextPage}
  763.     {/block:Pagination}
  764. </nav>
  765.  
  766. </body>
  767.  
  768. <script>
  769. $(document).ready(function() {
  770.     $("[title]").style_my_tooltips({
  771.         tip_follows_cursor:true,
  772.         tip_delay_time:200,
  773.         tip_fade_speed:200
  774.     });
  775.     $('iframe.tumblr_audio_player').load( function() {
  776.         $('iframe.tumblr_audio_player').contents().find("head")
  777.            .append($("<style type='text/css'> .audio-player { background:rgba({RGBcolor:accent},.4) !important; width:calc({text:post width} - 6px) !important } .audio-player * { color:{color:text} !important } </style>"));
  778.     });
  779. });
  780. </script>
  781.  
  782. </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!