API tools faq
paste
Advertisement
Laighlin

#12: Wrath & Angels

Laighlin
Jan 31st, 2017
2,403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.17 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Wrath & Angels by Laighlin
  4.  
  5. 1. don't move the credit (you can customize how it looks)
  6. 2. don't redistribute or lift large chunks of code
  7. 3. msg me if you want to customize it further! (or if you
  8.   just want to show me what you've done with it :O )
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  15. <head><title>{block:PostSummary}{PostSummary} — {/block:PostSummary}{Title}</title>
  16. <link rel="shortcut icon" href="{image:favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link href="https://fonts.googleapis.com/css?family=Alegreya+SC:400,400i,700,700i" rel="stylesheet">
  19. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  20. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  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.  
  27. <script>
  28. $(document).ready(function() {
  29.     $("[title]").style_my_tooltips({
  30.         tip_follows_cursor:true,
  31.         tip_delay_time:100,
  32.         tip_fade_speed:300
  33.     });
  34. });
  35. </script>
  36.  
  37.  
  38. <meta name="color:background color" content="#444"/>
  39. <meta name="image:background" content="/"/>
  40. <meta name="image:favicon" content=""/>
  41. <meta name="image:tall image" content=""/>
  42. <meta name="if:tall image" content="1"/>
  43. <meta name="if:disable bold and italic" content="0"/>
  44.  
  45. <meta name="select:background size" title="cover" content="no-repeat;background-size:cover"/>
  46. <meta name="select:background size" title="tiled" content="repeat"/>
  47.  
  48. <meta name="select:opacity" title="translucent" content=".8"/>
  49. <meta name="select:opacity" title="opaque" content="1"/>
  50. <meta name="select:opacity" title="transparent" content="0"/>
  51.  
  52. <meta name="color:sidebar bg" content="#142c4c"/>
  53. <meta name="color:tall image bg" content="#bea361"/>
  54. <meta name="color:title" content="#bea361"/>
  55. <meta name="color:desc text" content="#311414"/>
  56. <meta name="color:desc bg" content="#e5e5e5"/>
  57. <meta name="color:post column bg" content="#230d28"/>
  58. <meta name="color:post bg" content="#fff"/>
  59. <meta name="color:post text" content="510"/>
  60. <meta name="color:borders" content="#ceaf61"/>
  61. <meta name="color:bold" content="#2f153c"/>
  62. <meta name="color:italic" content="#155a9a"/>
  63. <meta name="color:link" content="#4f375a"/>
  64. <meta name="color:link hover" content="#765c26"/>
  65. <meta name="color:selection text" content="#fff"/>
  66. <meta name="color:selection bg" content="#271231"/>
  67. <meta name="color:scrollbar" content="#edcc78"/>
  68. <meta name="color:extra links bg" content="#371b3e"/>
  69. <meta name="color:extra links hover" content="#236"/>
  70. <meta name="color:extra links text" content="#feffef"/>
  71. <meta name="color:tags" content="#20396d"/>
  72. <meta name="color:tags hover" content="#48296d"/>
  73.  
  74.  
  75. <!-- text fields -->
  76. <meta name="text:subtitle" content=""/>
  77. <meta name="text:body font" content="corbel"/>
  78. <meta name="text:accent font" content="cambria"/>
  79. <meta name="text:body font size" content="14px"/>
  80. <meta name="text:desc font size" content="13px"/>
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85. body {
  86.     margin:0px;
  87.     background:{color:background color} url('{image:background}') fixed {select:background size};
  88.     color:{color:post text};
  89.     font-family:'{text:body font}';
  90.     font-size:{text:body font size};
  91. }
  92.  
  93. a, .links, .tags {
  94.     transition:.3s ease-in-out;
  95. }
  96.  
  97. b, strong {
  98.     color:{color:bold};
  99.     {block:ifDisableBoldAndItalic}
  100.     font-weight:normal;
  101.     {/block:ifDisableBoldAndItalic}
  102. }
  103.  
  104.  
  105. i, em {
  106.     color:{color:italic};
  107.     {block:ifDisableBoldAndItalic}
  108.     font-style:normal;
  109.     {/block:ifDisableBoldAndItalic}
  110. }
  111.  
  112.  
  113. a {
  114.     text-decoration:none;
  115.     outline:none;
  116.     color:{color:link};
  117. }
  118.  
  119. .post a, #desc a {
  120.     border-bottom:1px solid;
  121. }
  122.  
  123. .post a:hover, #desc a:hover {
  124.     color:{color:link hover};
  125.     border-bottom:1px solid transparent;
  126. }
  127.  
  128. #sidepillar a:hover {
  129.     border-bottom:1px solid transparent;
  130. }
  131.  
  132. img {
  133.     border:none;
  134.     max-height:100%;
  135.     max-width:100%;
  136. }
  137.  
  138.  
  139. blockquote, blockquote blockquote {
  140.     padding-left:7px;
  141.     margin-left:7px;
  142.     border-left:2px solid {color:borders};
  143.     margin-right:0px;
  144.     color:rgba({RGBcolor:post text},.8);
  145. }
  146.  
  147.  
  148. h1 {
  149.     font-size:130%;
  150. }
  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.  
  163. ::-webkit-scrollbar {
  164.     width:9px;
  165.     height:9px;
  166. }
  167.  
  168.  
  169. ::-webkit-scrollbar-thumb {
  170.     background:{color:scrollbar}; padding-box;
  171.     border:4px solid {color:background color};
  172. }
  173.  
  174.  
  175. /* Track */
  176. ::-webkit-scrollbar-track {
  177.     background:{color:background color};
  178.     background-clip:padding-box;
  179. }
  180.  
  181.  
  182. ::-webkit-scrollbar-track-horizontal { border-right:none; }
  183.  
  184.  
  185. ::-webkit-scrollbar-track-vertical { border-bottom:none; }
  186.  
  187.  
  188. ::-webkit-scrollbar-corner {
  189.     background:{color:scrollbar};
  190.     margin:2px;
  191. }
  192.  
  193. #s-m-t-tooltip {
  194.     margin:0 13px;
  195.     background:{color:selection bg};
  196.     color:{color:selection text};
  197.     padding:5px;
  198.     z-index:99999;
  199.     font:{block:ifNotDisableBoldAndItalic}italic{/block:ifNotDisableBoldAndItalic} 90% {text:accent font};
  200.     border-bottom:2px solid {color:borders};
  201.     pointer-events:none;
  202. }
  203.  
  204. .rlbuttons {  
  205.     width:35px;
  206.     height:20px;
  207.     z-index:2;
  208.     list-style:none;
  209.     text-align:center;
  210.     right:0;
  211.     top:0;
  212.     position:absolute;
  213.     display:inline-block;
  214. }
  215.  
  216. .reblog-button{
  217.     position:absolute;
  218.     margin-left:-10px;
  219. }
  220.  
  221. .reblog-button i{
  222.     font-size:15px;
  223.     color:{color:bold};
  224. }
  225.  
  226. .like {
  227.     position: relative;
  228. }
  229.  
  230. .like svg path {
  231.     fill: {color:bold};
  232. }
  233.  
  234. .like .like_button {
  235.     position: absolute;
  236.     margin-top: -19px;
  237.     margin-left:10px;
  238.     opacity:0;
  239. }
  240.  
  241. .like .like_button.liked {
  242.     opacity: 1;
  243. }
  244.  
  245. #postpillar {
  246.     position:absolute;
  247.     top:0;
  248.     width:490px;
  249. }
  250.  
  251. #postpillar:before {
  252.     content:'';
  253.     width:490px;
  254.     position:fixed;
  255.     height:100%;
  256.     background:rgba({RGBcolor:post column bg},{select:opacity});
  257. }
  258.  
  259. #entries {
  260.     position:absolute;
  261.     padding:10px;
  262.     width:420px;
  263.     left:25px;
  264.     margin-bottom:-20px;
  265. }
  266.  
  267. .postwrapper {
  268.     margin:70px auto 120px;
  269.     position:relative;
  270. }
  271.  
  272. .postwrapper:last-child {
  273.     margin-bottom:70px;
  274. }
  275.  
  276. .post {
  277.     padding:10px;
  278.     width:400px;
  279.     position:relative;
  280.     background:{color:post bg};
  281.     margin-bottom:10px;
  282. }
  283.  
  284. .postwrapper:before, .postwrapper:after {
  285.     content:'';
  286.     position:absolute;
  287.     height:40px;
  288.     left:-18px;
  289.     right:-18px;
  290.     border:solid {color:borders};
  291.     pointer-events:none;
  292. }
  293.  
  294. .postwrapper:before {
  295.     border-width:1px 1px 0 1px;
  296.     top:-28px;
  297. }
  298.  
  299. .postwrapper:after {
  300.     border-width:0 1px 1px 1px;
  301.     bottom:-28px;
  302. }
  303.  
  304. .tagcont {
  305.     width:400px;
  306.     padding:10px;
  307.     background:{color:desc bg};
  308.     color:{color:desc text};
  309.     margin-top:-10px;
  310.     font:96% '{text:accent font}';
  311. }
  312.  
  313. .tags {
  314.     display:inline;
  315.     margin:2px;
  316.     color:{color:tags};
  317. }
  318.  
  319. .tags a {
  320.     color:{color:tags};
  321. }
  322.  
  323. .tags a:hover {
  324.     color:{color:tags hover};
  325. }
  326.  
  327. .tit {
  328.     font:130% 'alegreya sc';
  329.     text-align:center;
  330. }
  331.  
  332. .quote {
  333.     font:140% 'satisfy';
  334. }
  335.  
  336. .txt {
  337.     {block:IndexPage}
  338.     margin:-7px auto;
  339.     {/block:IndexPage}
  340. }
  341.  
  342. #sidepillar {
  343.     width:260px;
  344.     padding:0 10px;
  345.     height:100%;
  346.     position:fixed;
  347.     background-color:rgba({RGBcolor:sidebar bg},{select:opacity});
  348.     display:flex;
  349.     flex-flow:column no-wrap;
  350.     align-items:center;
  351. }
  352.  
  353. {block:iftallimage}
  354. @media all and (min-width:1050px) {
  355.     #postpillar {
  356.         left:calc(50% + 45px);
  357.     }
  358.     #sidepillar {
  359.         left:calc(50% - 530px);
  360.     }
  361.     #sidepillar:after {
  362.         position:absolute;
  363.         content:'';
  364.         width:200px;
  365.         height:100%;
  366.         right:-222px;
  367.         top:0;
  368.         background:url('{image:tall image}') {color:tall image bg};
  369.         opacity:{select:opacity};
  370.     }
  371.     #pagpillar {
  372.         left:calc(50% + 4px);
  373.     }
  374. }
  375.  
  376. @media all and (max-width:1049px) {
  377.     #postpillar {
  378.         left:calc(50% - 60px);
  379.     }
  380.     #sidepillar {
  381.         left:calc(50% - 420px);
  382.     }
  383.     #pagpillar {
  384.         left:calc(50% - 102px);
  385.     }
  386. }
  387. {/block:iftallimage}
  388.  
  389. {block:ifnottallimage}
  390. #postpillar {
  391.     left:calc(50% - 60px);
  392. }
  393.  
  394. #sidepillar {
  395.     left:calc(50% - 420px);
  396. }
  397.  
  398. #pagpillar {
  399.     left:calc(50% - 102px);
  400. }
  401. {/block:ifnottallimage}
  402.  
  403. #sidebar {
  404.     width:250px;
  405. }
  406.  
  407. #title {
  408.     margin-bottom:20px;
  409.     font-size:190%;
  410.     line-height:110%;
  411.     left:5px;
  412.     color:{color:title};
  413.     font-family:'satisfy';
  414. }
  415.  
  416. #title:after {
  417.     text-align:right;
  418.     width:210px;
  419.     position:absolute;
  420.     content:'{text:subtitle}';
  421.     font:16px 'alegreya sc';
  422.     bottom:-20px;
  423.     right:0;
  424. }
  425.  
  426. #desc {
  427.     margin-top:50px;
  428.     color:{color:desc text};
  429.     padding:20px 15px;
  430.     width:210px;
  431.     left:10px;
  432.     background:{color:desc bg};
  433.     font-size:{text:desc font size};
  434. }
  435.  
  436. #desc:before, #desc:after {
  437.     width:30px;
  438.     content:'';
  439.     position:absolute;
  440.     top:-11px;
  441.     bottom:-11px;
  442.     border:solid {color:borders};
  443. }
  444.  
  445. #desc:before {
  446.     left:-11px;
  447.     border-width:1px 0 1px 1px;
  448. }
  449.  
  450. #desc:after {
  451.     right:-11px;
  452.     border-width:1px 1px 1px 0;
  453. }
  454.  
  455. #title, #desc {
  456.     position:relative;
  457.     z-index:10;
  458.     text-align:center;
  459. }
  460.  
  461.  
  462. #description {
  463.     padding:5px;
  464.     text-align:center;
  465. }
  466.  
  467. .info {
  468.     position:absolute;
  469.     width:420px;
  470.     bottom:-37px;
  471.     display:flex;
  472.     align-items:center;
  473.     justify-content:center;
  474.     height:22px;
  475.     line-height:0;
  476.     z-index:99;
  477. }
  478.  
  479. .bubs, .pag {
  480.     box-sizing:border-box;
  481.     background:{color:sidebar bg};
  482.     color:{color:title};
  483.     position:relative;
  484.     border-radius:1px;
  485.     border:1px solid {color:borders};
  486. }
  487.  
  488. .bubs {
  489.     font:13px '{text:accent font}';
  490.     line-height:0;
  491.     height:24px;
  492.     padding:9px 3px 0;
  493.     margin:1px 3px 0;
  494. }
  495.  
  496. .nc {
  497.     display:flex;
  498.     width:420px;
  499.     position:absolute;
  500.     top:-40px;
  501.     justify-content:center;
  502.     align-items:center;
  503. }
  504.  
  505. .notecount {
  506.     z-index:99;
  507.     margin:0;
  508. }
  509.  
  510. .butt {
  511.     width:24px;
  512.     height:24px;
  513.     border-radius:50%;
  514.     margin:0 6px;
  515.     padding-top:4px;
  516.     padding-left:4px;
  517.     color:{color:title};
  518.     font-size:16px;
  519. }
  520.  
  521. .reblog-button {
  522.     padding-top:3px;
  523. }
  524.  
  525. .like svg path {
  526.     fill: {color:title};
  527. }
  528.  
  529. .like .like_button {
  530.     position: absolute;
  531.     margin-top: -15px;
  532.     margin-left:0px;
  533.     opacity:0;
  534. }
  535.  
  536. .like .like_button.liked {
  537.     opacity: 1;
  538. }
  539.  
  540. .bubs a {
  541.     color:{color:title};
  542. }
  543.  
  544. .rbr {
  545.     margin-top:1px;
  546. }
  547.  
  548. .rbr img {
  549.     height:22px;
  550.     border-radius:50%;
  551.     border:1px solid {color:borders};
  552.     background:{color:sidebar bg};
  553. }
  554.  
  555. #note {
  556.     overflow-x:hidden;
  557.     overflow-y:auto;
  558.     max-height:500px;
  559.     text-align:center;
  560.     margin:auto;
  561.     background:{color:desc bg};
  562.     color:{color:desc text};
  563. }
  564.  
  565. #note ol.notes {
  566.     list-style-type:none;
  567.     margin:5px;
  568.     padding:5px;
  569. }
  570.  
  571. #note ol.notes img.avatar {
  572.     margin-right: 5px;
  573.     margin-bottom:-3px;
  574.     width: 16px;
  575.     height: 16px;
  576.     border-radius:50%;
  577. }
  578.  
  579. #note ol.notes li {
  580.     padding:3px;
  581. }
  582.  
  583.  
  584. #asker {
  585.     float:left;
  586.     margin-right:5px;
  587. }
  588.  
  589. #asker img {
  590.     border-radius:50%;
  591.     border:1px solid {color:borders};
  592. }
  593.  
  594. .aud {
  595.     height:30px;
  596.     width:23px;
  597.     overflow:hidden;
  598.     position:relative;
  599.     margin-top:16px;
  600.     margin-left:14px;
  601. }
  602.  
  603. .audholder {
  604.     position:absolute;
  605.     z-index:30;
  606.     background:#f3f3f3;
  607.     margin-top:11px;
  608.     margin-left:11px;
  609.     width:60px;
  610.     height:60px;
  611.     opacity:.5;
  612.     border-radius:50%;
  613. }
  614.  
  615. #song {
  616.     height:51px;
  617.     padding:15px;
  618.     background:transparent;
  619. }
  620.  
  621. #cover {
  622.     margin-right:5px;
  623.     border-radius:3px;
  624.     width:81px;
  625.     height:81px;
  626.     float:left;
  627.     background-size:cover;
  628.     z-index:1;
  629. }
  630.  
  631.  
  632. #cover img { border-radius:3px; }
  633.  
  634.  
  635. .chat:nth-child(even) {
  636.    
  637. }
  638.  
  639. #navcont {
  640.     font:95% {text:accent font};
  641.     color:{color:title};
  642.     position:relative;
  643.     margin-top:30px;
  644.     text-align:center;
  645.     width:280px;
  646.     left:-10px;
  647. }
  648.  
  649. #navcont a {
  650.     color:{color:title};
  651.     margin:0 2px;
  652.     display:inline-block;
  653.     border-bottom:1px solid;
  654. }
  655.  
  656. #linkcont {
  657.     width:260px;
  658.     display:flex;
  659.     flex-flow:wrap;
  660.     position:relative;
  661.     margin-top:20px;
  662. }
  663.  
  664. .links {
  665.     font:105% 'alegreya sc';
  666.     text-align:center;
  667.     min-width:118px;
  668.     max-width:250px;
  669.     display:inline-block;
  670.     margin:3px;
  671.     padding:3px;
  672.     background:{color:extra links bg};
  673.     color:{color:extra links text};
  674.     flex-grow:2;
  675.     border-bottom:1px solid {color:borders};
  676. }
  677.  
  678.  
  679. .links:hover {
  680.     background:{color:extra links hover};
  681. }
  682.  
  683. #pagpillar {
  684.     position:fixed;
  685.     height:100%;
  686.     background:rgba({RGBcolor:borders},{select:opacity});
  687.     width:6px;
  688.     display:flex;
  689.     flex-flow:column;
  690.     align-items:center;
  691.     justify-content:center;
  692. }
  693.  
  694. .pag {
  695.     height:32px;
  696.     width:32px;
  697.     font:15px calibri;
  698.     line-height:18px;
  699.     box-sizing:border-box;
  700.     text-align:center;
  701.     padding:6px;
  702.     margin:8px 0;
  703.     border-radius:50%;
  704.     background:{color:sidebar bg};
  705.     color:{color:title};
  706.     transition:.2s all ease;
  707. }
  708.  
  709. .pag:hover {
  710.     background:{color:extra links bg};
  711.     color:{color:extra links text};
  712. }
  713.  
  714. .cur {
  715.     height:25px;
  716.     width:25px;
  717.     padding:2px;
  718.     color:{color:sidebar bg};
  719.     background:{color:title};
  720. }
  721.  
  722. {CustomCSS}</style></head><body>
  723.  
  724.  
  725. <div id="yeehaw">
  726.  
  727. <div id="sidepillar">
  728.   <div id="sidebar">
  729.     <div id="title">
  730.       {Title}
  731.     </div>
  732.  
  733.     <div id="desc">
  734.       {Description}
  735.     </div>
  736.    
  737.   <div id="navcont">
  738.       – <a class="nav" href="/">refresh.</a> –
  739.       {block:AskEnabled}<a class="nav" href="/ask">message.</a> – {/block:AskEnabled}
  740.       {block:SubmissionsEnabled}<a class="nav" href="/submit">submit.</a> – {/block:SubmissionsEnabled}
  741.       <a class="nav" href="http://linthm.tumblr.com/thm" title="Wrath & Angels, by Laighlin">theme.</a> –
  742.   </div>
  743.    
  744.   {block:HasPages}
  745.     <div id="linkcont">
  746.     {block:Pages} <a href="{URL}" class="links">
  747.       {Label}
  748.     </a>{/block:Pages}
  749.     </div>
  750.   {/block:HasPages}
  751.   </div>
  752. </div>
  753.  
  754. <div id="pagpillar">
  755.   {block:PreviousPage}<a href="{PreviousPage}">
  756.   <div class="pag">
  757.     ←
  758.   </div></a>{/block:PreviousPage}
  759.   {block:JumpPagination length="5"}
  760. {block:CurrentPage}<div class="pag cur">{PageNumber}</div>{/block:CurrentPage}
  761. {block:JumpPage}<a href="{URL}"><div class="pag">{PageNumber}</div></a>{/block:JumpPage}{/block:JumpPagination}
  762.   {block:NextPage}<a href="{NextPage}">
  763.   <div class="pag">
  764.     →
  765.   </div></a>{/block:NextPage}
  766. </div>
  767.  
  768. <div id="postpillar">
  769.   <div id="entries">
  770.     {block:Posts}
  771.     <div class="postwrapper">
  772.     {block:Date}<div class="nc">
  773.  
  774. <div class="bubs butt reblog-button"><a href="{ReblogUrl}"><span class="fa fa-refresh" aria-hidden="true"></span></a></div>
  775.  
  776.  
  777.    
  778.     <div class="bubs notecount"><a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></div>
  779.    
  780.     <div class="bubs butt like">
  781. <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>
  782. {LikeButton size="15"}
  783.     </div>
  784.     </div>{/block:Date}
  785.     <div class="post">
  786.       {block:Text}
  787.  
  788.       {block:Title}<div class="tit">{Title}</div>{/block:Title}
  789.       <div class="txt">
  790.       {Body}</div>{/block:Text} {block:Photo} {LinkOpenTag} <img src="{PhotoURL-400}"> {LinkCloseTag}{block:Caption}{Caption}{/block:Caption} {/block:Photo} {block:Photoset}
  791.       {photoset-400}
  792.       {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  793.      
  794.       {block:Quote}<div class="quote">“{Quote}”</div>
  795.  
  796.       {block:Source}<div class="txt"><p align="right"> —{Source}</div>{/block:Source}
  797.       {/block:Quote} {block:Link}
  798.  
  799.  
  800.       <div class="tit lonk"><a href="{URL}">{Name}</a></div>
  801.       {block:Description}{Description}{/block:Description}{/block:Link} {block:Chat}{block:Title}
  802.  
  803.  
  804.       <div class="tit">{Title}</div>
  805.       {/block:Title}{block:Lines}
  806.  
  807.  
  808.       <div class="chat">
  809.         {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  810.       </div>
  811.       {/block:Lines}{/block:Chat} {block:Audio}
  812.  
  813.  
  814.       <div id="cover">
  815.         {block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}
  816.       </div>
  817.  
  818.  
  819.  
  820.  
  821.       <div class="audholder">
  822.         <div class="aud">
  823.           {AudioPlayerBlack}
  824.         </div>
  825.       </div>
  826.  
  827.       <div id="song">
  828.         {block:Artist}<b>Artist:</b> {Artist}<br>
  829.         {/block:Artist} {block:TrackName}<b>Title:</b> {TrackName}
  830.  
  831.  
  832.         <p>{/block:TrackName}</p>
  833.       </div>
  834.       {block:Caption}
  835.  
  836.  
  837.       <p>{Caption}{/block:Caption} {/block:Audio} {block:Video} {Video-400} {block:Caption}{Caption}{/block:Caption}{/block:Video}
  838.      
  839.      
  840.       {block:Answer}
  841.       <div id="asker"><img src="{AskerPortraitURL-48}">
  842.       </div>
  843.       <div style="padding-top:12px">{Asker} inquired:</div>
  844.       <p><em>{Question}</em></p>
  845.       <div class="txt">{Answer}</div>{/block:Answer}
  846.     </div>
  847.    
  848.     {block:HasTags}
  849.     <div class="tagcont">
  850.     Filed under:
  851.       {block:Tags}
  852.       <div class="tags">
  853.         #<a href="{TagURL}">{Tag}</a>
  854.       </div>
  855.       {/block:Tags}
  856.     </div>
  857.     {/block:HasTags}
  858.    
  859.     {block:Date}
  860.  
  861.  
  862.     <div class="info">
  863.    {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><div class="rbr"><img src="{ReblogParentPortraitURL-24}"></div></a>{/block:RebloggedFrom}
  864.     <a href="{Permalink}" title="{DayOfMonth}{DayofMonthSuffix} {Month}" style="padding:3px 4px 2px"><div class="bubs">{TimeAgo}</div></a>
  865.     {block:RebloggedFrom}<a href="{ReblogParentURL}" title="originally by {ReblogRootName}"><div class="rbr"><img src="{ReblogRootPortraitURL-24}"></div></a>{/block:RebloggedFrom}
  866.     </div>
  867.  
  868.  
  869.       {/block:Date} {block:PostNotes}
  870.  
  871.       <div id="note">
  872.         {PostNotes}
  873.       </div>
  874.       {/block:PostNotes}
  875.     </div>
  876.     {/block:Posts}
  877.   </div></div>
  878. </div></div>
  879. </body>
  880. </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!