API tools faq
paste
Advertisement
Laighlin

#10: Parenthetique

Laighlin
Dec 2nd, 2016
6,706
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.02 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. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  5. <head><title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  6. <link rel="shortcut icon" href="{image:favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <link href="https://fonts.googleapis.com/css?family=Alegreya+SC:400,400i,700,700i" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i" rel="stylesheet">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--
  13.  
  14.                Parenthetique by Laighlin
  15.  
  16. 1. don't touch the credit, period
  17. 2. don't redistribute or lift large chunks of code
  18. 3. hmu if anything \o/
  19.  
  20. -->
  21.  
  22. <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>
  23.  
  24. <script>
  25. $(document).ready(function() {
  26.     $("[title]").style_my_tooltips({
  27.         tip_follows_cursor:true,
  28.         tip_delay_time:200,
  29.         tip_fade_speed:200
  30.     });
  31. });
  32. </script>
  33.  
  34. <meta name="image:background" content="http://static.tumblr.com/5e290e1245af501f0e77a41e28e9edfe/xwoxjom/blrohh417/tumblr_static_89hcsv42998gkwww4kc4c088s.jpg"/>
  35. <meta name="image:favicon" content="http://static.tumblr.com/c086844157a4d90bfe7c13aba3408729/xwoxjom/T61ohi9le/tumblr_static_62xr7bm3lmkgsc00o88c0cooc.png"/>
  36. <meta name="image:sidebar image" content="http://static.tumblr.com/e7eed243c15e5b004d3e623e6cd8a632/xwoxjom/4huohj07k/tumblr_static_10vprc4u0qm84os4c8woo4gsg.png"/>
  37.  
  38. <meta name="if:500 px" content="0"/>
  39. <meta name="if:sidebar image" content="1"/>
  40. <meta name="if:show captions" content="1"/>
  41. <meta name="if:show tags" content="1"/>
  42. <meta name="select:background size" title="tiled" content="repeat"/>
  43. <meta name="select:background size" title="cover" content=";background-size:cover"/>
  44. <meta name="select:container opacity" title="see-through" content=".5"/>
  45. <meta name="select:container opacity" title="translucent" content=".8"/>
  46. <meta name="select:container opacity" title="opaque" content="1"/>
  47.  
  48. <meta name="color:background color" content="#000"/>
  49. <meta name="color:thin borders" content="#c0aac3"/>
  50. <meta name="color:thick borders" content="#c11448"/>
  51. <meta name="color:container background" content="#0c0c0c"/>
  52. <meta name="color:title bg" content="#601740"/>
  53. <meta name="color:desc bg" content="#6d0c1b"/>
  54. <meta name="color:text" content="#edecec"/>
  55. <meta name="color:bold" content="#94668b"/>
  56. <meta name="color:italic" content="#c7a6d1"/>
  57. <meta name="color:link" content="#ce506b"/>
  58. <meta name="color:hover" content="#655b5b"/>
  59. <meta name="color:selection text" content="#fff"/>
  60. <meta name="color:selection bg" content="#c3084d"/>
  61. <meta name="color:scrollbar" content="#d11a3c"/>
  62. <meta name="color:navigation links first" content="#521830"/>
  63. <meta name="color:navigation links second" content="#df3756"/>
  64. <meta name="color:navigation links third" content="#000"/>
  65. <meta name="color:navigation text" content="#fff"/>
  66. <meta name="color:tags" content="#ff689f"/>
  67.  
  68. <!-- text fields -->
  69. <meta name="text:body font" content="ubuntu"/>
  70. <meta name="text:desc font" content="ubuntu"/>
  71. <meta name="text:body font size" content="13px"/>
  72. <meta name="text:desc font size" content="12px"/>
  73.  
  74. <style type="text/css">
  75.  
  76. body {
  77.     margin:0px;
  78.     background:url({image:background}) {color:background color} fixed {select:background size};
  79.     color:{color:text};
  80.     font-family:'{text:body font}', Ubuntu;
  81.     font-size:{text:body font size};
  82.     line-height:130%;
  83.     overflow:hidden;
  84.     word-wrap:break-word;
  85. }
  86.  
  87. #yeehaw {
  88.     position:absolute;
  89.     top:0;
  90.     bottom:0;
  91.     left:0;
  92.     right:0;
  93. }
  94.  
  95. #grandpa_outie, #outie, #midie_one, #midie_two, #innie {
  96.     position:absolute;
  97. }
  98.  
  99. #grandpa_outie {
  100.     top:70px;
  101.     bottom:70px;
  102.     {block:if500px}
  103.     width:660px;
  104.     {/block:if500px}
  105.     {block:ifNot500px}
  106.     width:560px;
  107.     {/block:ifNot500px}
  108.     left:50%;
  109.     transform:translateX(calc(-50% + 70px));
  110.     position:fixed;
  111. }
  112.  
  113. #outie {
  114.     top:0;
  115.     left:0;
  116.     bottom:0;
  117.     right:0;
  118.     border:{color:thick borders} solid;
  119.     border-width:0 25px;
  120.     overflow:hidden;
  121.     z-index:0;
  122. }
  123.  
  124. #midie_one, #midie_two {
  125.     border:solid {color:thick borders};
  126.     border-width:25px 0;
  127.     top:0;
  128.     bottom:0;
  129.     width:60px;
  130.     pointer-events:none;
  131.     z-index:-4;
  132. }
  133.  
  134. #midie_one {
  135.     left:-2px;
  136. }
  137.  
  138. #midie_two {
  139.     right:-2px;
  140. }
  141.  
  142. #innie {
  143.     top:12px;
  144.     bottom:12px;
  145.     border:solid {color:thin borders};
  146.     border-width:1px 0;
  147.     width:100%;
  148.     z-index:-5;
  149.     background:rgba({RGBcolor:container background},{select:container opacity});
  150. }
  151.  
  152. #s-m-t-tooltip {
  153.     margin-left:16px;
  154.     background:{color:selection text};
  155.     color:{color:selection bg};
  156.     padding:5px 8px;
  157.     font-size:95%;
  158.     pointer-events:none;
  159.     z-index:999!important;
  160.     font-family:cambria;
  161.     font-style:italic;
  162.     border:1px solid {color:thin borders};
  163. }
  164.  
  165. #s-m-t-tooltip:before, #s-m-t-tooltip:after {
  166.     content:'';
  167.     height:10px;
  168.     width:10px;
  169.     position:absolute;
  170. }
  171.  
  172. #s-m-t-tooltip:before {
  173.     border:solid {color:thick borders};
  174.     border-width:5px 0 0 5px;
  175.     top:-2px;
  176.     left:-2px;
  177. }
  178.  
  179. #s-m-t-tooltip:after {
  180.     border:solid {color:thick borders};
  181.     border-width:0 5px 5px 0;
  182.     bottom:-2px;
  183.     right:-2px;
  184. }
  185.  
  186. #entries {
  187.     {block:if500px}
  188.     width:520px;
  189.     {/block:if500px}
  190.     {block:ifNot500px}
  191.     width:420px;
  192.     {/block:ifNot500px}
  193.     overflow-y:auto;
  194.     overflow-x:hidden;
  195.     position:relative;
  196.     z-index:2;
  197.     height:calc(100% - 40px);
  198.     top:20px;
  199.     margin:auto;
  200.     padding:0 30px;
  201. }
  202.  
  203. .post {
  204.     {block:if500px}
  205.     width:500px;
  206.     {/block:if500px}
  207.     {block:ifNot500px}
  208.     width:400px;
  209.     {/block:ifNot500px}
  210.     margin-bottom:10px;
  211.     padding:10px;
  212.     position:relative;
  213.     pointer-events:initial;
  214. }
  215.  
  216. .post a { text-decoration:underline; }
  217.  
  218. .post hr {
  219.     border-top:1px solid {color:thin borders};
  220.     border-bottom:none;
  221.     opacity:.7;
  222.     width:60%;
  223.     margin:10px auto;
  224. }
  225.  
  226. .tags {
  227.     display:inline;
  228.     color:{color:tags};
  229.     padding:3px;
  230.     font-size:95%;
  231. }
  232.  
  233. .tags a {
  234.     color:{color:tags};
  235.     text-decoration:none;
  236. }
  237.  
  238. .tags a:hover, .post a:hover {
  239.     text-decoration:overline;
  240.     color:{color:hover};
  241. }
  242.  
  243. .line {
  244.     width:100%;
  245.     height:1px;
  246.     border-top:1px dotted {color:borders};
  247.     padding-top:3px;
  248.     padding-bottom:3px;
  249. }
  250.  
  251. #sidebar {
  252.     width:300px;
  253.     right:50%;
  254.     {block:if500px}
  255.     transform:translateX(-280px);
  256.     {/block:if500px}
  257.     {block:ifNot500px}
  258.     transform:translateX(-230px);
  259.     {/block:ifNot500px}
  260.     bottom:75px;
  261.     top:75px;
  262.     position:fixed;
  263.     z-index:15;
  264. }
  265.  
  266. #title {
  267.     margin-top:-87px;
  268.     margin-bottom:10px;
  269.     left:-10px;
  270.     min-width:230px;
  271.     font-size:140%;
  272.     font-family:'alegreya sc';
  273.     color:{color:text};
  274.     background:{color:title bg};
  275.     text-align:right;
  276.     display:block;
  277.     padding:10px;
  278.     min-height:16px;
  279. }
  280.  
  281. #desc {
  282.     width:230px;
  283.     font-family:'{text:desc font}';
  284.     background:{color:desc bg};
  285.     font-size:{text:desc font size};
  286.     position:relative;
  287.     margin-left:50px;
  288.     min-height:26px;
  289.     padding:5px;
  290. }
  291.  
  292. #title, #desc {
  293.     position:relative;
  294.     z-index:7;
  295. }
  296.  
  297. #title:before, #desc:before {
  298.     content:'';
  299.     display:block;
  300.     position:absolute;
  301.     width:0;
  302.     height:0;
  303.     top:4px;
  304.     right:-8px;
  305.     border-top: 10px solid transparent;
  306.     border-bottom: 10px solid transparent;
  307. }
  308.  
  309. #title:before {
  310.     border-left: 10px solid {color:title bg};
  311. }
  312.  
  313. #desc:before {
  314.     border-left: 10px solid {color:desc bg};
  315. }
  316.  
  317. #description {
  318.     padding:5px;
  319.     text-align:center;
  320.     max-height:160px;
  321.     overflow-y:auto;
  322. }
  323.  
  324. #sideimg {
  325.     width:200px;
  326.     height:300px;
  327.     top:3px;
  328.     border:1px solid {color:thin borders};
  329.     position:absolute;
  330.     z-index:3;
  331.     left:70px;
  332.     background:url('{image:sidebar image}') rgba({RGBcolor:container background},{select:container opacity});
  333.     background-size:cover;
  334.     background-position:center;
  335. }
  336.  
  337. #sideimg:before, #sideimg:after {
  338.     height:50px;
  339.     width:100px;
  340.     position:absolute;
  341.     content:'';
  342.     top:-9px;
  343.     border-top:18px solid {color:thick borders};
  344. }
  345.  
  346. #sideimg:before {
  347.     border-left:18px solid {color:thick borders};
  348.     left:-9px;
  349. }
  350.  
  351. #sideimg:after {
  352.     border-right:18px solid {color:thick borders};
  353.     right:-9px;
  354. }
  355.  
  356. .info {
  357.     font-family:'alegreya sc';
  358.     margin-bottom:40px;
  359.     {block:if500px}
  360.     width:500px;
  361.     {/block:if500px}
  362.     {block:ifNot500px}
  363.     width:400px;
  364.     {/block:ifNot500px}
  365.     padding:10px;
  366.     position:relative;
  367. }
  368.  
  369. .info a:hover { color:{color:hover}; }
  370.  
  371. #note {
  372.     overflow-x:hidden;
  373.     text-align:center;
  374.     padding-top:10px;
  375.     {block:if500px}
  376.     width:480px;
  377.     {/block:if500px}
  378.     {block:ifNot500px}
  379.     width:380px;
  380.     {/block:ifNot500px}
  381.     margin:auto;
  382. }
  383.  
  384. #note ol.notes {
  385.     list-style-type:none;
  386.     margin:5px;
  387.     padding:5px;
  388. }
  389.  
  390. #note ol.notes img.avatar {
  391.     margin-right: 5px;
  392.     margin-bottom:-3px;
  393.     width: 16px;
  394.     height: 16px;
  395.     border-radius:50%;
  396. }
  397.  
  398. #note ol.notes li {
  399.     padding:3px;
  400. }
  401.  
  402. #asker {
  403.     float:left;
  404.     margin-right:5px;
  405. }
  406.  
  407. #asker img { border-radius:50%; }
  408.  
  409. .aud {
  410.     height:30px;
  411.     width:23px;
  412.     overflow:hidden;
  413.     position:relative;
  414.     margin-top:16px;
  415.     margin-left:14px;
  416. }
  417.  
  418. .audholder {
  419.     position:absolute;
  420.     z-index:30;
  421.     background:#f3f3f3;
  422.     margin-top:11px;
  423.     margin-left:11px;
  424.     width:60px;
  425.     height:60px;
  426.     opacity:.5;
  427.     border-radius:50%;
  428. }
  429.  
  430. #song {
  431.     height:51px;
  432.     padding:15px;
  433.     background:transparent;
  434. }
  435.  
  436. #cover {
  437.     margin-right:5px;
  438.     width:81px;
  439.     height:81px;
  440.     float:left;
  441.     background-size:cover;
  442.     z-index:1;
  443. }
  444.  
  445. #cover img { border-radius:40px; }
  446.  
  447. .chat:nth-child(even) {
  448.     padding-left:5px;
  449. }
  450.  
  451. #linkcont {
  452.     position:fixed;
  453.     z-index:19;
  454.     bottom:85px;
  455.     right:50%;
  456.     {block:ifNot500px}
  457.     transform:translateX(370px);
  458.     {/block:ifNot500px}
  459.     {block:if500px}
  460.     transform:translateX(420px);
  461.     {/block:if500px}
  462.     counter-reset:noot;
  463. }
  464.  
  465. .links {
  466.     width:40px;
  467.     height:40px;
  468.     margin:7px 0;
  469.     background-color:{color:navigation links first};
  470.     color:{color:navigation links first};
  471.     background-clip:content-box;
  472.     box-sizing:border-box;
  473.     border-radius:50%;
  474.     display:block;
  475.     position:relative;
  476.     padding:6px;
  477.     font-size:13px;
  478.     line-height:0;
  479.     z-index:9;
  480. }
  481.  
  482. .cust.links:before {
  483.     font-style:italic;
  484.     font-family:cambria;
  485.     position:absolute;
  486.     counter-increment:noot;
  487.     content:counter(noot,lower-roman)".";
  488.     width:26px;
  489.     text-align:center;
  490.     padding-top:13px;
  491.     margin-left:1px;
  492.     z-index:10;
  493. }
  494.  
  495. .links:hover, .links:nth-child(3n+2):hover, .links:nth-child(3n):hover {
  496.     background-color:{color:hover};
  497.     border:1px double rgba({RGBcolor:hover},.7);
  498. }
  499.  
  500. .links:nth-child(3n+2) {
  501.     background-color:{color:navigation links second};
  502. }
  503.  
  504. .links:nth-child(3n) {
  505.     background-color:{color:navigation links third};
  506. }
  507.  
  508. .links i {
  509.     position:absolute;
  510.     left:11px;
  511.     top:13px;
  512. }
  513.  
  514. .links i, .cust.links:before {
  515.     color:{color:navigation text};
  516. }
  517.  
  518. #navcont {
  519.     position:relative;
  520.     margin-left:300px;
  521.     margin-top:13px;
  522. }
  523.  
  524. .tit {
  525.     position: relative;
  526.     width: 100%;
  527.     font-size:150%;
  528.     line-height:120%;
  529.     padding:10px;
  530.     box-sizing:border-box;
  531.     text-align:center;
  532.     font-family:'alegreya sc';
  533.     color:{color:bold};
  534.     margin:10px 0;
  535. }
  536.  
  537. .tit:after, .tit:before {
  538.     display: block;
  539.     content: "";
  540.     width: 20px;
  541.     height: 20px;
  542.     position: absolute;
  543. }
  544.  
  545. .tit:after {
  546.     top: -5px;
  547.     left: -5px;
  548.     border:solid rgba({RGBcolor:thin borders},.7);
  549.     border-width:1px 0 0 1px;
  550. }
  551.  
  552. .tit:before {
  553.     bottom: -5px;
  554.     right: -5px;
  555.     border:solid rgba({RGBcolor:thin borders},.7);
  556.     border-width:0 1px 1px 0;
  557. }
  558.  
  559. .tit.qq {
  560.     font-family:{text:body font};
  561.     font-size:105%;
  562.     text-align:right;
  563. }
  564.  
  565. .tit.quote, .tit.music {
  566.     font-family:'{text:body font}';
  567.     font-size:120%;
  568. }
  569.  
  570. .quote i.fa {
  571.     font-size:25px;
  572.     opacity:.5;
  573.     padding:0 3px;
  574. }
  575.  
  576. .fa.fa-quote-left {
  577.     float:left;
  578. }
  579.  
  580. .fa.fa-quote-right {
  581.     float:right;
  582. }
  583.  
  584. a, .links, .tags {
  585.     transition:.2s ease-in-out;
  586. }
  587.  
  588. b, strong {
  589.     color:{color:bold};
  590. }
  591.  
  592. i, em {
  593.     color:{color:italic};
  594. }
  595.  
  596. a {
  597.     text-decoration:none;
  598.     outline:none;
  599.     -moz-outline-style:none;
  600.     color:{color:link};
  601. }
  602.  
  603. img {
  604.     border:none;
  605.     max-height:100%;
  606.     max-width:100%;
  607. }
  608.  
  609. blockquote, blockquote blockquote {
  610.     padding-left:7px;
  611.     margin-left:7px;
  612.     border-left:1px solid rgba({RGBcolor:thick borders},.6);
  613.     margin-right:0px;
  614. }
  615.  
  616. ::selection {
  617.   background: {color:selection bg};
  618.   color: {color:selection text};
  619. }
  620. ::-moz-selection {
  621.   background: {color:selection bg};
  622.   color: {color:selection text};
  623. }
  624.  
  625. ::-webkit-scrollbar {
  626.     width:9px;
  627.     height:9px;
  628. }
  629.  
  630. ::-webkit-scrollbar-thumb {
  631.     background:{color:scrollbar};
  632.     border:1px solid transparent;
  633.     background-clip:padding-box;
  634.     border-radius:1px;
  635. }
  636.  
  637. /* Track */
  638. ::-webkit-scrollbar-track {
  639.     background:rgba({RGBcolor:scrollbar},.6);
  640.     border:4px solid transparent;
  641.     background-clip:padding-box;
  642. }
  643.  
  644. ::-webkit-scrollbar-track-horizontal { border-right:none; }
  645.  
  646. ::-webkit-scrollbar-track-vertical { border-bottom:none; }
  647.  
  648. ::-webkit-scrollbar-corner {
  649.     background:{color:scrollbar};
  650. }
  651.  
  652. .rlbuttons {  
  653.     width:35px;
  654.     height:20px;
  655.     z-index:2;
  656.     list-style:none;
  657.     text-align:center;
  658.     right:0;
  659.     top:0;
  660.     position:absolute;
  661.     display:inline-block;
  662. }
  663.  
  664. .reblog-button{
  665.     position:absolute;
  666.     margin-left:-10px;
  667. }
  668.  
  669. .reblog-button i{
  670.     font-size:15px;
  671.     color:{color:bold};
  672. }
  673.  
  674. .like {
  675.     position: relative;
  676. }
  677.  
  678. .like svg path {
  679.     fill: {color:bold};
  680. }
  681.  
  682. .like .like_button {
  683.     position: absolute;
  684.     margin-top: -19px;
  685.     margin-left:10px;
  686.     opacity:0;
  687. }
  688.  
  689. .like .like_button.liked {
  690.     opacity: 1;
  691. }
  692.  
  693. {CustomCSS}</style></head><body>
  694.  
  695. <div id="yeehaw">
  696.  
  697.   <div id="sidebar">
  698.   {block:ifSidebarImage}
  699.     <div id="sideimg"></div>
  700.   {/block:ifSidebarImage}
  701.     <div id="navcont">
  702.         <a class="links" title="index" href="/"><i class="fa fa-play fa-fw" aria-hidden="true"></i></a>
  703.         <a class="links" title="message" href="/ask"><i class="fa fa-pause fa-fw" aria-hidden="true"></i></a>
  704.         <a class="links" title="submit" href="/submit"><i class="fa fa-stop fa-fw" aria-hidden="true"></i></a>
  705.         <a class="links" title="past" href="/archive"><i class="fa fa-random fa-fw" aria-hidden="true"></i></a>
  706.         <a class="links" title="Parenthetique, by Laighlin" href="http://linthm.tumblr.com/thm"><i class="fa fa-eject fa-fw" aria-hidden="true"></i></a>
  707.         <a class="links" {block:NextPage}title="next page" href="{NextPage}"{/block:NextPage}>{block:NextPage}<i class="fa fa-forward fa-fw" aria-hidden="true"></i>{/block:NextPage}</a>
  708.         <a class="links" {block:PreviousPage}title="previous page" href="{PreviousPage}"{/block:PreviousPage}>{block:PreviousPage}<i class="fa fa-backward fa-fw" aria-hidden="true"></i>{/block:PreviousPage}</a>
  709.     </div>
  710.     <div id="title" href="/">
  711.       {Title}
  712.     </div>
  713.     <div id="desc">
  714.       <div id="description">{Description}</div>
  715.     </div>
  716.   </div>
  717.  
  718.   <div id="grandpa_outie">
  719.   <div id="outie">
  720.   <div id="midie_one"></div><div id="midie_two"></div>
  721.   <div id="innie">
  722.   <div id="entries">
  723.       {block:TagPage}
  724.       <div class="post"><div class="tit">posts tagged "{Tag}"</div></div>
  725.       {/block:TagPage}
  726.     {block:Posts}
  727.     <div class="post" id="{PostID}">
  728.       {block:Text}
  729.  
  730.       {block:Title}<div class="tit">{Title}</div>{/block:Title}
  731.       {Body}{/block:Text}
  732.      
  733.       {block:Photo} {LinkOpenTag} {block:if500px} <img src="{PhotoURL-500}"> {/block:if500px} {block:ifNot500px} <img src="{PhotoURL-500}"> {/block:ifNot500px} {LinkCloseTag}
  734.       {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  735.       {block:ifNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaptions}
  736.       {/block:Photo}
  737.       {block:Photoset} {block:if500px}
  738.       {Photoset-500}
  739.       {/block:if500px} {block:ifNot500px}
  740.         {Photoset-400}
  741.       {/block:ifNot500px}
  742.       {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  743.       {block:ifNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaptions}
  744.       {/block:Photoset}
  745.      
  746.       {block:Quote}
  747.       <div class="tit quote"><i class="fa fa-quote-left"></i>{Quote}<i class="fa fa-quote-right"></i></div>
  748.       <p align="right">{block:Source} —{Source}{/block:Source}</p>
  749.       {/block:Quote}
  750.       {block:Link}
  751.  
  752.       <div class="tit"><a href="{URL}">{Name}</a>
  753.       </div>
  754.       {block:Description}{Description}{/block:Description}{/block:Link} {block:Chat}{block:Title}
  755.  
  756.       <div class="tit">{Title}</div>
  757.       {/block:Title}{block:Lines}
  758.  
  759.       <div class="chat">
  760.         {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  761.       </div>
  762.       {/block:Lines}{/block:Chat}
  763.      
  764.       {block:Audio}
  765.       <div class="tit music">
  766.       <div id="cover">
  767.         {block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}
  768.       </div>
  769.  
  770.  
  771.       <div class="audholder">
  772.         <div class="aud">
  773.           {AudioPlayerBlack}
  774.         </div>
  775.       </div>
  776.  
  777.  
  778.       <div id="song">
  779.         {block:Artist}<b>Artist:</b> {Artist}<br>
  780.         {/block:Artist} {block:TrackName}<b>Title:</b> {TrackName}
  781.  
  782.         <p>{/block:TrackName}</p>
  783.       </div></div>
  784.       {block:ifShowCaptions}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:ifShowCaptions}
  785.       {block:ifNotShowCaptions}{block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaptions}
  786.      
  787.       {/block:Audio} {block:Video} {block:if500px} {Video-500} {/block:if500px} {block:ifNot500px} {Video-400} {/block:ifNot500px} {block:Caption}{Caption}</p>{/block:Caption}{/block:Video}
  788.      
  789.       {block:Answer}
  790.       <div class="tit qq">
  791.       <div style="text-align:left"><div id="asker"><img src="{AskerPortraitURL-24}">
  792.       </div>
  793.       {Asker}:</div>
  794.       <em><p>{Question}</p></em></div>
  795.       {Answer}{/block:Answer}
  796.      
  797.       {block:ifShowTags}{block:HasTags}
  798.  
  799.       <hr></hr>
  800.       {block:Tags}
  801.  
  802.       <div class="tags">
  803.         <a href="{TagURL}">#{Tag}</a>
  804.       </div>
  805.       {/block:Tags}{/block:HasTags} {block:ifShowTags}
  806.       {block:PermalinkPage}{block:ifNotShowTags}
  807.       {block:HasTags}
  808.  
  809.       <hr></hr>
  810.       {block:Tags}
  811.  
  812.       <div class="tags">
  813.         <a href="{TagURL}">#{Tag}</a>
  814.       </div>
  815.       {/block:Tags}{/block:HasTags}
  816.       {/block:ifNotShowTags}{/block:PermalinkPage}
  817.    
  818.     </div>
  819.     {block:Date}
  820.  
  821.     <div class="info">
  822.       <a href="{Permalink}" title="permalink">{TimeAgo}</a>{block:Notecount} // {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}<br>
  823.       <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> // <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}<br>
  824.  
  825.     <ul class="rlbuttons">
  826.  
  827. <li class="reblog-button"><a href="{ReblogUrl}" title="reblog"><i class="fa fa-refresh" aria-hidden="true"></i></a></li>
  828.  
  829. <li class="like">
  830. <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>
  831. {LikeButton size="15"}
  832. </li>
  833.  
  834. </ul>
  835.  
  836.       {/block:Date} {block:PostNotes}
  837.  
  838.       <p>
  839.       </p>
  840.  
  841.  
  842.       <div id="note">
  843.         {PostNotes}
  844.       </div>
  845.       {/block:PostNotes}
  846.     </div>
  847.     {/block:Posts}
  848.   </div>
  849.   </div>
  850.   </div>
  851.   </div>
  852.   <div id="linkcont">{block:HasPages}
  853.     {block:Pages}<a class="cust links" href="{URL}" title="{Label}"></a>{/block:Pages}
  854.   {/block:HasPages}</div>
  855. </div>
  856. </body>
  857. </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!