API tools faq
paste
Advertisement
Laighlin

#11: Printanier

Laighlin
Jan 27th, 2017
3,498
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  4. <head><title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  5. <link rel="shortcut icon" href="{image:favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. <link href="https://fonts.googleapis.com/css?family={text:Accent font}|{text:Body font}:400,400i,700,700i" rel="stylesheet">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  9. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!-- Printanier by Laighlin
  14.  
  15.  
  16. 1. don't move the credit (you can customize how it looks)
  17. 2. don't redistribute or lift large chunks of code
  18.  
  19. LAST UPDATE (18/01/2018) Improved inline link visibility, updated font options to sync with Google Fonts.
  20.  
  21. -->
  22.  
  23.  
  24. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  25.  
  26. <script>
  27. $(document).ready(function() {
  28.     $("[title]").style_my_tooltips({
  29.         tip_follows_cursor:true,
  30.         tip_delay_time:100,
  31.         tip_fade_speed:300
  32.     });
  33. });
  34. </script>
  35.  
  36.  
  37. <meta name="color:background color" content="#f0f0f0"/>
  38. <meta name="color:borders" content="#ccc"/>
  39. <meta name="image:background" content="http://static.tumblr.com/2e71b8bbd1018096f8e45817255f3bc8/xwoxjom/QNZokdbze/tumblr_static_8xxvpbn55748sokc4csgw8ssw.png"/>
  40. <meta name="image:favicon" content="http://static.tumblr.com/ae42b5fe6e4937169fb939764c892a28/xwoxjom/M6lokdhmc/tumblr_static_8gsweqyoky88480s40o04ocwg.png"/>
  41. <meta name="image:icon" content=""/>
  42. <meta name="if:500 px" content="0"/>
  43. <meta name="if:shadows" content="1"/>
  44. <meta name="if:description fix" content="0"/>
  45. <meta name="if:right sidebar" content="0"/>
  46. <meta name="if:contained title" content="0"/>
  47. <meta name="if:show tags" content="1"/>
  48.  
  49. <meta name="select:border type" title="solid" content="solid"/>
  50. <meta name="select:border type" title="dotted" content="dotted"/>
  51.  
  52. <meta name="select:background size" title="original size, top left" content="no-repeat;background-position:top left"/>
  53. <meta name="select:background size" title="cover" content="no-repeat;background-size:cover"/>
  54. <meta name="select:background size" title="tiled" content="repeat"/>
  55.  
  56. <meta name="select:sidebar height" title="short" content="340px"/>
  57. <meta name="select:sidebar height" title="medium" content="450px"/>
  58. <meta name="select:sidebar height" title="tall" content="560px"/>
  59.  
  60. <meta name="select:sidebar image shape" title="circle" content="50%"/>
  61. <meta name="select:sidebar image shape" title="rounded square" content="5px"/>
  62. <meta name="select:sidebar image shape" title="square" content="0"/>
  63.  
  64. <meta name="select:link numbers" title="lowercase roman" content="lower-roman"/>
  65. <meta name="select:link numbers" title="uppercase roman" content="upper-roman"/>
  66. <meta name="select:link numbers" title="letters" content="lower-latin"/>
  67. <meta name="select:link numbers" title="arabic" content="decimal"/>
  68. <meta name="select:link numbers" title="arabic with 0" content="decimal-leading-zero"/>
  69.  
  70. <meta name="color:title" content="#f8a18d"/>
  71. <meta name="color:desc text" content="#555"/>
  72. <meta name="color:desc bg" content="#fff"/>
  73. <meta name="color:icon background" content="#faa"/>
  74. <meta name="color:post bg" content="#fff"/>
  75. <meta name="color:post text" content="#555"/>
  76. <meta name="color:shadows" content="#bbb"/>
  77. <meta name="color:bold" content="#f99"/>
  78. <meta name="color:italic" content="#b83759"/>
  79. <meta name="color:link" content="#d77"/>
  80. <meta name="color:link hover" content="#fbb"/>
  81. <meta name="color:selection text" content="#fff"/>
  82. <meta name="color:selection bg" content="#f86"/>
  83. <meta name="color:scrollbar" content="#faa"/>
  84. <meta name="color:nav links" content="#faa"/>
  85. <meta name="color:nav links text" content="#fff"/>
  86. <meta name="color:tags" content="#f99"/>
  87. <meta name="color:tags hover" content="#b57"/>
  88.  
  89.  
  90. <!-- text fields -->
  91. <meta name="text:description" content="put your desc here only if you've enabled the fix"/>
  92. <meta name="text:body font" content="Muli"/>
  93. <meta name="text:accent font" content="Covered By Your Grace"/>
  94. <meta name="text:body font size" content="13px"/>
  95. <meta name="text:desc font size" content="13px"/>
  96.  
  97. <style type="text/css">
  98.  
  99. body {
  100.     margin:0px;
  101.     color:{color:post text};
  102.     font-family:'{text:body font}';
  103.     font-size:{text:body font size};
  104.     line-height:130%;
  105.     background:url({image:background}) {color:background color} fixed {select:background size};
  106.     word-wrap:break-word;
  107. }
  108.  
  109. .post a, #info a, .links, .tags {
  110.     transition:.2s ease-in-out;
  111. }
  112.  
  113. .post a, #desc a {
  114.     border-bottom:1px solid {color:borders};
  115. }
  116.  
  117. .post a:hover, #desc a:hover {
  118.     border-color:transparent;
  119. }
  120.  
  121. b, strong {
  122.     color:{color:bold};
  123. }
  124.  
  125. i, em {
  126.     color:{color:italic};
  127. }
  128.  
  129. a {
  130.     text-decoration:none;
  131.     outline:none;
  132.     -moz-outline-style:none;
  133.     color:{color:link};
  134. }
  135.  
  136. a:hover {
  137.     color:{color:link hover};
  138. }
  139.  
  140. img {
  141.     border:none;
  142.     max-height:100%;
  143.     max-width:100%;
  144. }
  145.  
  146. blockquote, blockquote blockquote {
  147.     padding-left:7px;
  148.     margin-left:7px;
  149.     border-left:1px solid {color:borders};
  150.     margin-right:0px;
  151. }
  152.  
  153. ::selection {
  154.   background: {color:selection bg};
  155.   color: {color:selection text};
  156. }
  157. ::-moz-selection {
  158.   background: {color:selection bg};
  159.   color: {color:selection text};
  160. }
  161.  
  162. ::-webkit-scrollbar {
  163.     width:9px;
  164.     height:9px;
  165. }
  166.  
  167.  
  168. ::-webkit-scrollbar-thumb {
  169.     background:{color:scrollbar};
  170.     border:1px solid {color:background color};
  171.     background-clip:padding-box;
  172. }
  173.  
  174.  
  175. /* Track */
  176. ::-webkit-scrollbar-track {
  177.     background:{color:scrollbar};
  178.     border:4px solid {color:background color};
  179.     background-clip:padding-box;
  180. }
  181.  
  182.  
  183. ::-webkit-scrollbar-track-horizontal { border-right:none; }
  184.  
  185.  
  186. ::-webkit-scrollbar-track-vertical { border-bottom:none; }
  187.  
  188.  
  189. ::-webkit-scrollbar-corner {
  190.     background:{color:scrollbar};
  191.     margin:2px;
  192. }
  193.  
  194. {block:ifShadows}
  195. #desc, .post, #info, #simg, .nav, #pagcont, .pag, #s-m-t-tooltip {
  196.     box-shadow:1px 1px 1px {color:shadows};
  197. }
  198. {/block:ifShadows}
  199.  
  200. .post, #info, #desc, #simg, .nav, #s-m-t-tooltip, #pagcont, .pag, #cred {
  201.     border:1px {select:border type} {color:borders};
  202. }
  203.  
  204. #simg, #simg:after, .pag, #asker img {
  205.     border-radius:{select:sidebar image shape};
  206. }
  207.  
  208. #cred {
  209.     position:fixed;
  210.     bottom:15px;
  211.     right:15px;
  212.     font-size:20px;
  213.     line-height:0;
  214.     padding:3px;
  215.     border-radius:50%;
  216.     color:{color:post text};
  217.     background:{color:post bg};
  218.     transition:.2s all ease;
  219. }
  220.  
  221. #cred:hover {
  222.     box-shadow:0 0 0 5px {color:nav links};
  223. }
  224.  
  225. #s-m-t-tooltip {
  226.     margin:0 13px;
  227.     color:{color:selection text};
  228.     background:{color:selection bg};
  229.     padding:3px 5px;
  230.     font-size:{text:desc font size};
  231.     font-style:italic;
  232.     border-radius:3px;
  233.     pointer-events:none;
  234.     z-index:99999999;
  235. }
  236.  
  237. .rlbuttons {  
  238.     width:35px;
  239.     height:20px;
  240.     z-index:2;
  241.     list-style:none;
  242.     text-align:center;
  243.     right:0;
  244.     bottom:-5px;
  245.     position:absolute;
  246.     display:inline-block;
  247. }
  248.  
  249. .reblog-button{
  250.     position:absolute;
  251.     margin-left:-10px;
  252. }
  253.  
  254. .reblog-button i{
  255.     font-size:15px;
  256.     color:{color:bold};
  257. }
  258.  
  259. .like {
  260.     position: relative;
  261. }
  262.  
  263. .like svg path {
  264.     fill: {color:bold};
  265. }
  266.  
  267. .like .like_button {
  268.     position: absolute;
  269.     margin-top: -20px;
  270.     margin-left:10px;
  271.     opacity:0;
  272. }
  273.  
  274. .like .like_button.liked {
  275.     opacity: 1;
  276. }
  277.  
  278. #entries {
  279.     width:520px;
  280.     position:relative;
  281.     margin:40px auto 20px;
  282.     {block:ifNotRightSidebar}
  283.     left:30px;
  284.     {/block:ifNotRightSidebar}
  285.     {block:ifRightSidebar}
  286.     right:30px;
  287.     {/block:ifRightSidebar}
  288. }
  289.  
  290. .line {
  291.     width:100%;
  292.     height:1px;
  293.     border-top:1px dotted {color:borders};
  294.     padding-top:3px;
  295.     padding-bottom:3px;
  296. }
  297.  
  298. #sidebar {
  299.     height:calc({select:sidebar height} - 20px);
  300.     border-radius:10px 10px 0 0;
  301.     border-bottom:none;
  302. }
  303.  
  304. #bar {
  305.     width:201px;
  306.     bottom:0;
  307.     position:fixed;
  308.     {block:ifNotRightSidebar}
  309.     left:calc(50% - 470px);
  310.     {/block:ifNotRightSidebar}
  311.     {block:ifRightSidebar}
  312.     right:calc(50% - 470px);
  313.     {/block:ifRightSidebar}
  314. }
  315.  
  316. #title {
  317.     font-size:150%;
  318.     text-align:center;
  319.     color:{color:title};
  320.     font-family:'{text:accent font}', cursive;
  321.     border-bottom:1px {select:border type} {color:borders};
  322.     {block:ifContainedTitle}
  323.     border-radius:10px;
  324.     border:1px {select:border type} {color:borders};
  325.     background:{color:desc bg};
  326.     {block:ifShadows}
  327.     box-shadow:1px 1px 1px {color:shadows};
  328.     {/block:ifShadows}
  329.     {/block:ifContainedTitle}
  330.     padding:5px;
  331. }
  332.  
  333. #title:after {
  334.     content:'';
  335.     border-left:1px {select:border type} {color:borders};
  336.     height:{select:sidebar height};
  337.     width:0;
  338.     bottom:-{select:sidebar height};
  339.     left:100px;
  340.     position:absolute;
  341.     z-index:-99;
  342. }
  343.  
  344. #simg {
  345.     z-index:999;
  346.     margin:20px auto 20px;
  347.     width:100px;
  348.     height:100px;
  349.     padding:10px;
  350.     background:{color:desc bg};
  351.     position:relative;
  352. }
  353.  
  354. #simg:after {
  355.     z-index:99;
  356.     content:'';
  357.     position:absolute;
  358.     height:100px;
  359.     width:100px;
  360.     background:url('{image:icon}') {color:icon background};
  361.     background-size:cover;
  362. }
  363.  
  364. #desc {
  365.     text-align:center;
  366.     color:{color:desc text};
  367.     background:{color:desc bg};
  368.     font-size:{text:desc font size};
  369.     padding:10px;
  370.     border-radius:10px;
  371.     margin-bottom:10px;
  372. }
  373.  
  374. #title, #desc {
  375.     position:relative;
  376.     line-height:130%;
  377.     z-index:10;
  378. }
  379.  
  380. #tagcont {
  381.     text-transform:initial;
  382.     margin:-3px auto 3px;
  383.     display:block;
  384. }
  385.  
  386. #tagcont .lnr-tag {
  387.     font-size:12px;
  388. }
  389.  
  390. .tags {
  391.     display:inline;
  392.     color:{color:tags};
  393.     margin:0 2px;
  394. }
  395.  
  396. .tags a {
  397.     color:{color:tags};
  398. }
  399.  
  400. .tags a:hover {
  401.     color:{color:tags hover};
  402. }
  403.  
  404. .post, #info {
  405.     {block:if500px}
  406.     width:500px;
  407.     {/block:if500px}
  408.     {block:ifNot500px}
  409.     width:400px;
  410.     {/block:ifNot500px}
  411.     padding:10px;
  412.     margin:auto;
  413.     position:relative;
  414.     border-radius:3px;
  415.     background:{color:post bg};
  416. }
  417.  
  418. #info {
  419.     text-transform:uppercase;
  420.     font-family:consolas;
  421.     font-size:calc({text:body font size} - 1px);
  422.     margin-bottom:60px;
  423.     margin-top:10px;
  424. }
  425.  
  426. #note {
  427.     overflow-x:hidden;
  428.     text-align:center;
  429.     padding-top:10px;
  430.     width:100%;
  431.     margin:auto;
  432.     text-transform:initial;
  433.     font-size:{text:desc font size};
  434. }
  435.  
  436. #note ol.notes {
  437.     list-style-type:none;
  438.     margin:5px;
  439.     padding:5px;
  440. }
  441.  
  442. #note ol.notes img.avatar {
  443.     margin-right: 5px;
  444.     margin-bottom:-3px;
  445.     width: 16px;
  446.     height: 16px;
  447.     border-radius:50%;
  448. }
  449.  
  450. #note ol.notes li {
  451.     padding:3px;
  452. }
  453.  
  454. .tit {
  455.     text-align:center;
  456. }
  457.  
  458. .quote, .tit {
  459.     font-family:'{text:accent font}',cursive;
  460.     font-size:160%;
  461.     line-height:100%;
  462. }
  463.  
  464. #asker {
  465.     float:left;
  466.     margin-right:5px;
  467. }
  468.  
  469. .aud {
  470.     height:30px;
  471.     width:23px;
  472.     overflow:hidden;
  473.     position:relative;
  474.     margin-top:16px;
  475.     margin-left:14px;
  476. }
  477.  
  478. .audholder {
  479.     position:absolute;
  480.     z-index:30;
  481.     background:#f3f3f3;
  482.     margin-top:11px;
  483.     margin-left:11px;
  484.     width:60px;
  485.     height:60px;
  486.     opacity:.5;
  487.     border-radius:50%;
  488. }
  489.  
  490. #song {
  491.     height:51px;
  492.     padding:15px;
  493.     background:transparent;
  494. }
  495.  
  496. #cover {
  497.     margin-right:5px;
  498.     border-radius:3px;
  499.     width:81px;
  500.     height:81px;
  501.     float:left;
  502.     background-size:cover;
  503.     z-index:1;
  504. }
  505.  
  506.  
  507. #cover img { border-radius:3px; }
  508.  
  509.  
  510. .chat:nth-child(last) {
  511.     padding-bottom:5px;
  512. }
  513.  
  514. #navcont {
  515.     position:absolute;
  516.     height:120px;
  517.     width:25px;
  518.     left:170px;
  519.     top:-141px;
  520.     display:flex;
  521.     flex-direction:column;
  522.     justify-content:center;
  523.     z-index:2;
  524.     line-height:0;
  525. }
  526.  
  527. .nav {
  528.     border-radius:5px;    
  529. }
  530.  
  531. .nav, .pag {
  532.     padding:3px;
  533.     font-size:17px;
  534.     margin:3px auto;
  535.     position:relative;
  536.     line-height:0;
  537.     background:{color:nav links};
  538.     color:{color:nav links text};
  539.     transition:.2s all ease;
  540. }
  541.  
  542. .nav:hover, .pag:hover {
  543.     color:{color:nav links};
  544.     background:{color:nav links text};
  545. }
  546.  
  547. .nav:before {
  548.     content:'';
  549.     position:absolute;
  550.     border-top:1px {select:border type} {color:borders};
  551.     top:11px;
  552.     right:24px;
  553.     width:80px;
  554.     height:0;
  555. }
  556.  
  557. #pagstem {
  558.     position:fixed;
  559.     {block:ifNotRightSidebar}
  560.     right:calc(50% - 350px);
  561.     {/block:ifNotRightSidebar}
  562.     {block:ifRightSidebar}
  563.     left:calc(50% - 350px);
  564.     {/block:ifRightSidebar}
  565.     top:0;
  566.     height:calc(100% - 380px);
  567.     border-right:1px {select:border type} {color:borders};
  568. }
  569.  
  570. #pagcont {
  571.     height:45px;
  572.     width:45px;
  573.     background:{color:desc bg};
  574.     border-radius:50%;
  575.     padding:7px;
  576.     position:absolute;
  577.     bottom:-59px;
  578.     left:-29px;
  579.     font:12px consolas;
  580.     text-align:center;
  581.     line-height:47px;
  582. }
  583.  
  584. .pag {
  585.     display:block;
  586.     line-height:0;
  587.     padding:5px;
  588.     position:fixed;
  589. }
  590.  
  591. .prev:before, .next:before {
  592.     border-left:1px {select:border type} {color:borders};
  593.     width:0;
  594.     position:absolute;
  595.     content:'';
  596.     left:13px;
  597. }
  598.  
  599. .next:before {
  600.     height:14px;
  601.     top:-14px;
  602. }
  603.  
  604. .prev:before {
  605.     height:42px;
  606.     top:-42px;
  607. }
  608.  
  609. .pag.next {
  610.     margin:15px auto auto 23px;
  611. }
  612.  
  613. .pag.prev {
  614.     margin:43px auto auto -7px;
  615. }
  616.  
  617. #linkcont {
  618.     counter-reset:linx;
  619.     margin:0 auto -2px;
  620. }
  621.  
  622. .links {
  623.     font-size:95%;
  624.     font-style:italic;
  625.     text-align:center;
  626.     margin:2px 2px 0 2px;
  627.     display:inline-block;
  628.     width:20px;
  629.     height:15px;
  630. }
  631.  
  632. .links:before {
  633.     content:counter(linx,{select:link numbers})".";
  634.     counter-increment:linx;
  635.     border-bottom:1px solid {color:borders};
  636. }
  637.  
  638. .cap { padding-top:5px; }
  639.  
  640. {CustomCSS}</style></head><body>
  641.  
  642.  
  643. <div id="yeehaw">
  644.  
  645. <div id="bar">
  646.     <a href="/"><div id="title">
  647.       {Title}
  648.     </div></a>
  649.   <div id="sidebar">
  650.  
  651.   <div id="simg"></div>
  652.  
  653.     <div id="desc"><div id="navcont">
  654.        <a class="nav" href="/" title="home"><span class="lnr lnr-home"></span></a>
  655.        {block:AskEnabled}<a class="nav" href="/ask" title="ask"><span class="lnr lnr-envelope"></span></a>{/block:AskEnabled}
  656.        {block:SubmissionsEnabled}<a class="nav" href="/submit" title="submit"><span class="lnr lnr-pencil"></span></a>{/block:SubmissionsEnabled}
  657.        <a class="nav" href="/archive" title="archive"><span class="lnr lnr-history"></span></a>
  658.     </div>
  659.     {block:ifNotDescriptionFix}
  660.         {Description}
  661.     {/block:ifNotDescriptionFix}
  662.     {block:ifDescriptionFix}
  663.         {text:description}
  664.     {/block:ifDescriptionFix}
  665.     {block:HasPages}
  666.   <div id="linkcont">
  667.     {block:Pages} <a href="{URL}" title="{Label}">
  668.     <div class="links"></div></a>{/block:Pages}
  669.   </div>{/block:HasPages}
  670.     </div>
  671. </div>  </div>
  672.  
  673. {block:Pagination}
  674. <div id="pagstem">
  675. <div id="pagcont">
  676. {CurrentPage}/{TotalPages}
  677. <div class="pag prev"><span class="lnr lnr-cross"></span></div>
  678. <div class="pag next"><span class="lnr lnr-cross"></span></div>
  679.     {block:PreviousPage}<a href="{PreviousPage}" title="previous">
  680.   <div class="pag prev">
  681.     <span class="lnr lnr-arrow-left"></span>
  682.   </div></a>{/block:PreviousPage}
  683.   {block:NextPage}<a href="{NextPage}" title="next">
  684.   <div class="pag next">
  685.    <span class="lnr lnr-arrow-right"></span>
  686.   </div></a>{/block:NextPage} </div></div>
  687. {/block:Pagination}
  688.  
  689.   <div id="entries">
  690.     {block:Posts inlineMediaWidth="400" inlineNestedMediaWidth="380"}
  691.  
  692.     <div class="post">
  693.       {block:Text}
  694.  
  695.       {block:Title}<div class="tit">{Title}</div>{/block:Title}
  696.       <div class="cap" style="margin:-10px auto -7px">{Body}</div>{/block:Text}
  697.      
  698.       {block:Photo}
  699.       {LinkOpenTag} {block:if500px} <img src="{PhotoURL-500}"> {/block:if500px} {block:ifNot500px} <img src="{PhotoURL-400}"> {/block:ifNot500px} {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  700.       {/block:Photo}
  701.      
  702.       {block:Photoset}
  703.       {block:if500px}{photoset-500}{/block:if500px}
  704.       {block:ifnot500px}{photoset-400}{/block:ifnot500px}
  705.       {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset} {block:Quote}<div class="quote">“{Quote}”</div>
  706.  
  707.  
  708.       {block:Source}<div class="cap" style="text-align:right"> —{Source}</div>{/block:Source}
  709.       {/block:Quote}
  710.      
  711.       {block:Link}
  712.       <div class="tit"><i class="lnr lnr-link">&nbsp;</i><a href="{URL}">{Name}</a>
  713.       </div>
  714.       {block:Description}<div class="cap" style="margin:-10px auto -7px">{Description}</div>{/block:Description}{/block:Link} {block:Chat}{block:Title}
  715.  
  716.  
  717.       <div class="tit">{Title}</div>
  718.       {/block:Title}{block:Lines}
  719.  
  720.  
  721.       <div class="chat">
  722.         {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  723.       </div>
  724.       {/block:Lines}{/block:Chat} {block:Audio}
  725.  
  726.  
  727.       <div id="cover">
  728.         {block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}
  729.       </div>
  730.  
  731.       <div class="audholder">
  732.         <div class="aud">
  733.           {AudioPlayerBlack}
  734.         </div>
  735.       </div>
  736.  
  737.       <div id="song">
  738.         {block:Artist}<b>Artist:</b> {Artist}<br>
  739.         {/block:Artist} {block:TrackName}<b>Title:</b> {TrackName}
  740.  
  741.  
  742.         <p>{/block:TrackName}</p>
  743.       </div>
  744.       {block:Caption}
  745.  
  746.  
  747.       <div class="cap"  style="margin:-3px auto -10px">{Caption}</div>{/block:Caption} {/block:Audio} {block:Video} {block:if500px} {Video-500} {/block:if500px} {block:ifNot500px} {Video-400} {/block:ifNot500px} {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  748.      
  749.       {block:Answer}
  750.       <div class="qq"><div id="asker"><img src="{AskerPortraitURL-24}">
  751.       </div>
  752.       {Asker} chirped:<br>
  753.       <em>{Question}</em></div>
  754.      
  755.       <div class="cap">{Answer}</div>{/block:Answer}
  756.      
  757.     </div>
  758.     {block:Date}
  759.  
  760.  
  761.     <div id="info">
  762.     {block:ifShowTags}
  763.       {block:HasTags}
  764.       <div id="tagcont">
  765.       <span class="lnr lnr-tag"></span>
  766.       {block:Tags}
  767.       <div class="tags">
  768.         #<a href="{TagURL}">{Tag}</a>
  769.       </div>
  770.       {/block:Tags}
  771.       </div>
  772.       {/block:HasTags}
  773.     {/block:ifShowTags}
  774.     {block:ifNotShowTags}{block:PermalinkPage}
  775.       {block:HasTags}
  776.       <div id="tagcont">
  777.       <span class="lnr lnr-tag"></span>
  778.       {block:Tags}
  779.       <div class="tags">
  780.         #<a href="{TagURL}">{Tag}</a>
  781.       </div>
  782.       {/block:Tags}
  783.       </div>
  784.       {/block:HasTags}
  785.     {/block:PermalinkPage}{/block:ifNotShowTags}
  786.       <a href="{Permalink}" title="{TimeAgo}">{DayOfMonth}.{MonthNumber}.{Year}</a> {block:NoteCount}// <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br>
  787.       <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> // <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}<br>
  788.  
  789. <ul class="rlbuttons">
  790.  
  791. <li class="reblog-button"><a href="{ReblogUrl}"><i class="fa fa-refresh" aria-hidden="true"></i></a></li>
  792.  
  793. <li class="like">
  794. <svg width="15" height="15" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><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></svg>
  795. {LikeButton size="15"}
  796. </li>
  797.  
  798. </ul>
  799.       {/block:Date} {block:PostNotes}
  800.  
  801.       <div id="note">
  802.         {PostNotes}
  803.       </div>
  804.       {/block:PostNotes}
  805.     </div>
  806.     {/block:Posts}
  807.   </div>
  808.  
  809. <a href="http://linthm.tumblr.com/thm" title="Printanier. by Laighlin">
  810.   <div id="cred">
  811.     <span class="lnr lnr-code"></span>
  812.   </div></a>
  813.  
  814. </div>
  815. </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!