API tools faq
paste
Advertisement
Laighlin

#6: Starbeat

Laighlin
Aug 27th, 2016
6,811
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.31 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. <head><title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link href="https://fonts.googleapis.com/css?family=Dosis:400,400i,700,700i" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!-------------------- Starbeat by Laighlin -------------------
  14.  
  15. 1. don't move the credit
  16. 2. don't redistribute or lift large chunks of code
  17.  
  18. note: there are no text fields for custom links. select the option
  19. at the top of every page editor that says "show a link to this
  20. page" and it will show up; if you want to link to a tag, create a
  21. page and have it redirect.
  22.  
  23. --------------------------------------------------------------->
  24.  
  25. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  26.  
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("a[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:300,
  33. tip_fade_speed:300,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40. <meta name="color:background color" content="#000"/>
  41. <meta name="image:background" content=""/>
  42. <meta name="image:favicon" content="http://static.tumblr.com/33ec15a7d329babfd266adc5af23e5a9/xwoxjom/D3pockyr5/tumblr_static_wrk2wc9uyi8o4k8w0o888gk0.png"/>
  43. <meta name="image:entries bg" content="http://static.tumblr.com/dedd229af795531f72ee38e0bad9e92e/xwoxjom/hprocdanv/tumblr_static_i1cnrccuxlw0c4co4gkwgkcc.png"/>
  44. <meta name="if:black or white controls" content="1"/>
  45. <meta name="if:500 px" content="0"/>
  46. <meta name="if:shadows" content="0"/>
  47. <meta name="if:pulse" content="1"/>
  48. <meta name="if:glow" content="1"/>
  49.  
  50. <meta name="color:title" content="#84339d"/>
  51. <meta name="color:description text" content="#000"/>
  52. <meta name="color:body" content="#000"/>
  53. <meta name="color:heart" content="#1d0e1d">
  54. <meta name="color:vein" content="#683076"/>
  55. <meta name="color:post background" content="#18081d"/>
  56. <meta name="color:post text" content="#fff"/>
  57. <meta name="color:info background" content="#351e41"/>
  58. <meta name="color:bold" content="#d4be7d"/>
  59. <meta name="color:italic" content="#bd93e2"/>
  60. <meta name="color:link" content="#45a5a2"/>
  61. <meta name="color:link hover" content="#ad4797"/>
  62. <meta name="color:selection text" content="#b983c9"/>
  63. <meta name="color:selection bg" content="#000"/>
  64. <meta name="color:scroll thumb" content="#61327e"/>
  65. <meta name="color:shadows" content="#111"/>
  66. <meta name="color:navigation links bg" content="#8a3992"/>
  67. <meta name="color:navigation links hover" content="#c97591"/>
  68. <meta name="color:navigation links text" content="#fff"/>
  69. <meta name="color:blockquotes" content="#e2d1a0"/>
  70. <meta name="color:tags" content="#d5c2df"/>
  71. <meta name="color:tags hover" content="#f3e8b2"/>
  72.  
  73. <!-- text fields -->
  74. <meta name="text:body font" content="Dosis"/>
  75. <meta name="text:desc font" content="Dosis"/>
  76. <meta name="text:body font size" content="14px"/>
  77. <meta name="text:description font size" content="13px"/>
  78.  
  79. <!-- fancy shit -->
  80. <meta name="select:post opacity" content=".7" title="translucent"/>
  81. <meta name="select:post opacity" content="1" title="opaque"/>
  82. <meta name="select:link spacing" content="space-between" title="spread out"/>
  83. <meta name="select:link spacing" content="space-around" title="tight"/>
  84.  
  85. <style type="text/css">
  86.  
  87. * {
  88.     text-rendering: optimizeLegibility;
  89.   -webkit-font-smoothing: antialiased;
  90.   -moz-osx-font-smoothing: grayscale;
  91. }
  92.  
  93. body {
  94.     height:100%;
  95.     width:100%;
  96.     color:{color:post text};
  97.     font-family:'{text:body font}';
  98.     font-size:{text:body font size};
  99.     line-height:130%;
  100.     position:absolute;
  101.     background:{color:background color};
  102.     overflow-x:auto;
  103.     overflow-y:hidden;
  104.     margin:0;
  105. }
  106.  
  107. .bgholder {
  108.     height:100%;
  109.     width:100%;
  110.     position:absolute;
  111.     z-index:-999;
  112.     overflow:hidden;
  113.     background:url({image:background}) {color:background color} fixed;
  114.     -webkit-filter: opacity(90%);
  115.     filter: opacity(90%);
  116. }
  117.  
  118. .pad {
  119.     {block:if500px}
  120.     width:480px;
  121.     {/block:if500px}
  122.     {block:ifNot500px}
  123.     width:380px;
  124.     {/block:ifNot500px}
  125.     padding:10px;
  126. }
  127.  
  128. a, .links, .tags, .pag, #player, .nav, .link {
  129.     transition:.3s ease-in-out;
  130. }
  131.  
  132. b, strong {
  133.     color:{color:bold};
  134. }
  135.  
  136. i, em {
  137.     color:{color:italic};
  138. }
  139.  
  140. .quote {
  141.     font-size:120%;
  142.     padding:9px;
  143.     display:block;
  144.     border-top-left-radius:20px;
  145.     border-bottom-right-radius:20px;
  146.     background:rgba({RGBcolor:info background},.5);
  147. }
  148.  
  149. .link {
  150.     width:calc(100%-30px);
  151.     background:rgba({RGBcolor:link},.6);
  152.     padding:15px;
  153.     border-top-left-radius:2px;
  154.     border-top-right-radius:2px;
  155.     color:{color:post text};
  156.     font-size:110%;
  157.     text-align:center;
  158. }
  159.  
  160. .link:hover {
  161.     background:rgba({RGBcolor:link hover},.6);
  162. }
  163.  
  164. a {
  165.     text-decoration:none;
  166.     outline:none;
  167.     -moz-outline-style:none;
  168.     color:{color:link};
  169. }
  170.  
  171. a:hover {
  172.     color:{color:link hover};
  173. }
  174.  
  175. .post a:hover {
  176.     text-decoration:line-through;
  177. }
  178.  
  179. img {
  180.     border:none;
  181.     max-height:100%;
  182.     max-width:100%;
  183. }
  184.  
  185. blockquote {
  186.     padding-left:7px;
  187.     margin-left:7px;
  188.     border-left:2px solid {color:blockquotes};
  189.     margin-right:0px;
  190. }
  191.    
  192. blockquote blockquote {
  193.     padding-left:7px;
  194.     margin-left:7px;
  195.     border-left:2px solid {color:blockquotes};
  196.     margin-right:0px;
  197. }
  198.  
  199. h1 {
  200.     font-size:130%;
  201.     text-align:center;
  202.     color:{color:bold};
  203. }
  204.  
  205. ::selection {
  206.   background: {color:selection bg};
  207.   color: {color:selection text};
  208. }
  209. ::-moz-selection {
  210.   background: {color:selection bg};
  211.   color: {color:selection text};
  212. }
  213.  
  214. ::-webkit-scrollbar {
  215.     width:13px;
  216.     height:13px;
  217. }
  218.  
  219. ::-webkit-scrollbar-thumb {
  220.     background:{color:scroll thumb} padding-box;
  221.     border:3px solid transparent;
  222.     border-radius:7px;
  223. }
  224.  
  225. /* Track */
  226. ::-webkit-scrollbar-track {
  227.     background:{color:scroll thumb} padding-box;
  228.     border:7px solid transparent;
  229. }
  230.  
  231. ::-webkit-scrollbar-corner {
  232.     background:{color:scroll thumb};
  233.     border-radius:50%;
  234.     margin:2px;
  235. }
  236.  
  237. #s-m-t-tooltip {
  238.     padding:3px;
  239.     background:rgba({RGBcolor:selection bg},.9);
  240.     color:{color:selection text};
  241.     border-radius:1px;
  242.     {block:ifGlow}
  243.     box-shadow:0 0 5px {color:vein};
  244.     {/block:ifGlow}
  245.     border:1px solid {color:vein};
  246.     margin:10px;
  247.     font-size:90%;
  248. }
  249.  
  250. #lrb {
  251.     opacity:.8;
  252.     display:inline-block;
  253.     padding:4px 2px;
  254.     z-index:5;
  255. }
  256.  
  257. .vein1, .vein2, .vein3, .vein4, #entries, #desc, #linkcont, #pagcont, .nav {
  258.     {block:ifPulse}
  259.     animation:pulse 1s ease infinite;
  260.     -webkit-animation:pulse 1s ease infinite;
  261.     -moz-animation:pulse 1s ease infinite;
  262.     {/block:ifPulse}
  263.     {block:ifGlow}
  264.     box-shadow:0 0 15px {color:vein};
  265.     {/block:ifGlow}
  266. }
  267.  
  268. #entries, #desc, #linkcont, #pagcont, .nav, .post, .info {
  269.     {block:ifShadows}
  270.     box-shadow:7px 7px rgba({RGBcolor:shadows},.3);
  271.     {/block:ifShadows}
  272. }
  273.  
  274. .post, .info {
  275.     border-radius:2px;
  276.     transition:.4s all ease-in-out;
  277. }
  278.  
  279. .post:hover {
  280.     background:{color:post background};
  281. }
  282.  
  283. .info:hover {
  284.     background:{color:info background};
  285. }
  286.  
  287. {block:ifGlow}
  288. .post a:hover, .info a:hover, #desc a:hover {
  289.     text-shadow:0 0 2px;
  290. }
  291. {/block:ifGlow}
  292.  
  293. #entries {
  294.     padding:20px;
  295.     {block:if500px}
  296.     width:500px;
  297.     {/block:if500px}
  298.     {block:ifNot500px}
  299.     width:400px;
  300.     {/block:ifNot500px}
  301.     position:absolute;
  302.     left:50%;
  303.     top:50%;
  304.     transform:translate(-50%,-50%);
  305.     height:80%;
  306.     overflow:auto;
  307.     background:url('{image:entries bg}') {color:body};
  308.     border-radius:10px;
  309. }
  310.  
  311. .post {
  312.     {block:if500px}
  313.     width:500px;
  314.     {/block:if500px}
  315.     {block:ifNot500px}
  316.     width:400px;
  317.     {/block:ifNot500px}
  318.     margin-bottom:10px;
  319.     background:rgba({RGBcolor:post background},{select:post opacity});
  320.     margin-top:15px;
  321. }
  322.  
  323. .tags {
  324.     display:inline-block;
  325.     color:{color:tags};
  326.     padding:2px;
  327. }
  328.  
  329. .tags a {
  330.     color:{color:tags};
  331. }
  332.  
  333. .tags a:hover {
  334.     color:{color:tags hover};
  335. }
  336.  
  337. .vein1, .vein2, .vein3, .vein4 {
  338.     position:fixed;
  339.     z-index:-10;
  340.     border:1px solid {color:vein};
  341. }
  342.  
  343. .vein1 {
  344.     width:0px;
  345.     height:100%;
  346.     left:50%;
  347.     margin-left:-1;
  348. }
  349.  
  350. .vein2 {
  351.     height:0px;
  352.     width:280px;
  353.     left:50%;
  354.     margin-left:-333px;
  355.     bottom:50%;
  356.     margin-bottom:-60px;
  357. }
  358.  
  359. .vein3 {
  360.     height:0px;
  361.     width:100px;
  362.     top:195px;
  363.     right:50%;
  364.     margin-right:-308px;
  365. }
  366.  
  367. .vein4 {
  368.     height:0;
  369.     width:100px;
  370.     bottom:150px;
  371.     right:50%;
  372.     margin-right:-298px;
  373. }
  374.  
  375. #sidebar {
  376.     width:270px;
  377.     position:fixed;
  378.     left:50%;
  379.     margin-left:-580px;
  380.     bottom:50%;
  381.     margin-bottom:-210px;
  382. }
  383.  
  384. #title {
  385.     width:250px;
  386.     margin:auto;
  387.     margin-bottom:20px;
  388.     font-size:210%;
  389.     color:{color:title};
  390.     font-family:'Amatic SC';
  391.     text-align:center;
  392.     font-weight:bold;
  393. }
  394.  
  395. #title, #desc {
  396.     position:relative;
  397.     padding:10px;
  398.     line-height:150%;
  399. }
  400.  
  401. #desc {
  402.     margin:auto;
  403.     margin-bottom:35px;
  404.     font-family:'{text:desc font}';
  405.     color:{color:description text};
  406.     font-size:{text:description font size};
  407.     height:180px;
  408.     width:200px;
  409.     padding-top:30px;
  410.     border-radius:50%;
  411.     line-height:200px;
  412.     overflow:hidden;
  413. }
  414.  
  415. #description {
  416.     padding:5px 15px;
  417.     text-align:center;
  418.     display:table-cell;
  419.     vertical-align:middle;
  420.     line-height:130%;
  421.     width:170px;
  422.     height:150px;
  423. }
  424.  
  425. .info {
  426.     text-align:center;
  427.     font-size:90%;
  428.     margin-bottom:15px;
  429.     {block:if500px}
  430.     width:480px;
  431.     {/block:if500px}
  432.     {block:ifNot500px}
  433.     width:380px;
  434.     {/block:ifNot500px}
  435.     padding:10px;
  436.     background:rgba({RGBcolor:info background},{select:post opacity});
  437. }
  438.  
  439. .info img {
  440.     padding:1px;
  441.     border-radius:50%;
  442.     margin-bottom:-4px;
  443. }
  444.  
  445. .timestamp {
  446.     margin:auto;
  447.     width:150px;
  448.     font-family:'Exo 2';
  449. }
  450.  
  451. #note {
  452.     overflow-x:hidden;
  453.     text-align:center;
  454.     {block:if500px}
  455.     width:460px;
  456.     {/block:if500px}
  457.     {block:ifNot500px}
  458.     width:360px;
  459.     {/block:ifNot500px}
  460.     margin:auto;
  461. }
  462.  
  463. #note ol.notes {
  464.     list-style-type:none;
  465.     margin:5px;
  466.     padding:5px;
  467. }
  468.  
  469. #note ol.notes img.avatar {
  470.     margin-right: 5px;
  471.     margin-bottom:-3px;
  472.     width: 16px;
  473.     height: 16px;
  474.     border-radius:50%;
  475. }
  476.  
  477. #note ol.notes li {
  478.     padding:3px;
  479. }
  480.  
  481. .aud {
  482.     height:30px;
  483.     width:23px;
  484.     overflow:hidden;
  485.     position:relative;
  486.     margin:14px 24px 13px 14px;
  487. }
  488.  
  489. .audholder {
  490.     position:absolute;
  491.     z-index:30;
  492.     background:#f3f3f3;
  493.     margin-top:11px;
  494.     margin-left:11px;
  495.     opacity:.5;
  496.     border-radius:50%;
  497. }
  498.  
  499. #song {
  500.     height:51px;
  501.     padding:15px;
  502.     background:rgba({RGBcolor:info background},.5);
  503. }
  504.  
  505. #cover {
  506.     margin-right:10px;
  507.     border-radius:3px;
  508.     width:81px;
  509.     height:81px;
  510.     float:left;
  511.     background-size:cover;
  512.     z-index:1;
  513.     -webkit-filter:contrast(60%);
  514. }
  515.  
  516. #cover img { border-radius:3px; }
  517.  
  518. .chat:nth-child(even) {
  519.     margin-left:10px;
  520. }
  521.  
  522. .askerr {
  523.     width:27px;
  524.     height:27px;
  525.     float:left;
  526.     border-radius:50%;
  527.     border:1px solid {color:vein};
  528.     line-height:0;
  529.     padding:3px;
  530.     margin-top:6px;
  531.     margin-left:6px;
  532. }
  533.  
  534. .askerr img {
  535.     border-radius:50%;
  536. }
  537.  
  538. .ques {
  539.     padding:10px;
  540.     position:relative;
  541.     float:right;
  542.     display:inline-block;
  543.     padding:10px;
  544.     {block:if500px}
  545.     width:430px;
  546.     {/block:if500px}
  547.     {block:ifnot500px}
  548.     width:330px;
  549.     {/block:ifnot500px}
  550.     border:1px solid {color:vein};
  551.     border-radius:2px;
  552. }
  553.  
  554. .ques:before {
  555.     content:"";
  556.     top:22px;
  557.     left:-9px;
  558.     border-top:1px solid {color:vein};
  559.     height:0;
  560.     width:9px;
  561.     display:block;
  562.     position:absolute;
  563. }
  564.  
  565. .answer {
  566.     display:inline-block;
  567.     padding:0 10px;
  568. }
  569.  
  570. .nav {
  571.     position:fixed;
  572.     border-radius:50%;
  573.     background:rgba({RGBcolor:navigation links bg},{select:post opacity});
  574.     font-size:16px;
  575.     line-height:0px;
  576.     {block:ifGlow}
  577.     box-shadow:0 0 20px {color:navigation links bg};
  578.     {/block:ifGlow}
  579. }
  580.  
  581. .nav i, .pag i { color:{color:navigation links text}; }
  582.  
  583. .nav.home {
  584.     margin-top:0;
  585.     margin-left:30px;
  586. }
  587.  
  588. .nav.msg {
  589.     margin-top:170px;
  590.     margin-left:260px;
  591.     font-size:20px;
  592. }
  593.  
  594. .nav.sub {
  595.     margin-top:250px;
  596.     margin-left:150px;
  597.     font-size:18px;
  598. }
  599.  
  600. .nav.arch {
  601.     margin-top:220px;
  602.     margin-left:190px;
  603.     font-size:13px;
  604. }
  605.  
  606. .nav.thm {
  607.     font-size:22px;
  608.     margin-top:20px;
  609.     margin-left:5px;
  610. }
  611.  
  612. #navcont { position:fixed; }
  613.  
  614. .nav:hover {
  615.     background:{color:navigation links hover};
  616.     transform:scale(1.4);
  617. }
  618.  
  619. #linkcont {
  620.     right:50%;
  621.     margin-right:-500px;
  622.     width:190px;
  623.     height:190px;
  624.     display:flex;
  625.     position:fixed;
  626.     top:100px;
  627.     border-radius:50%;
  628.     overflow:hidden;
  629.     flex-direction:column;
  630.     justify-content:{select:link spacing};
  631. }
  632.  
  633. .links {
  634.     font-size:85%;
  635.     text-align:center;
  636.     padding:7px;
  637.     background:rgba({RGBcolor:navigation links bg},{select:post opacity});
  638.     color:{color:navigation links text};
  639.     line-height:90%;
  640.     flex:1;
  641.     height:100%;
  642. }
  643.  
  644. .links:hover, .pag:hover {
  645.     {block:ifGlow}
  646.     box-shadow:0 0 7px {color:navigation links hover};
  647.     {/block:ifGlow}
  648.     background:{color:navigation links hover};
  649. }
  650.  
  651. #pagcont {
  652.     border-radius:50%;
  653.     height:100px;
  654.     width:100px;
  655.     display:flex;
  656.     flex-direction:row;
  657.     justify-content:space-between;
  658.     position:fixed;
  659.     bottom:100px;
  660.     right:50%;
  661.     margin-right:-400px;
  662.     overflow:hidden;
  663. }
  664.  
  665. .pag {
  666.     font-size:13px;
  667.     height:57px;
  668.     background:rgba({RGBcolor:navigation links bg},{select:post opacity});
  669.     color:{color:navigation links text};
  670.     min-width:25px;
  671.     padding-top:43px;
  672.     text-align:center;
  673.     flex:auto;
  674.     margin:0 4px;
  675. }
  676.  
  677. #pagcont, #desc, #linkcont {
  678.     background:rgba({RGBcolor:heart},{select:post opacity});
  679. }
  680.  
  681. #entries, #desc, #linkcont, #cred, .nav, #pagcont {
  682.     border:2px solid {color:vein};
  683. }
  684.  
  685. @keyframes pulse {
  686.     0% { box-shadow:0 0 12px {color:vein}; }
  687.     70% { box-shadow:0 0 15px {color:vein}; }
  688.     100% {box-shadow:0 0 18px {color:vein}; }
  689.    
  690. }
  691.  
  692. @-webkit-keyframes pulse {
  693.     0% { box-shadow:0 0 12px {color:vein}; }
  694.     70% { box-shadow:0 0 15px {color:vein}; }
  695.     100% {box-shadow:0 0 18px {color:vein}; }
  696.    
  697. }
  698.  
  699. @-moz-keyframes pulse {
  700.     0% { box-shadow:0 0 12px {color:vein}; }
  701.     70% { box-shadow:0 0 15px {color:vein}; }
  702.     100% {box-shadow:0 0 18px {color:vein}; }
  703. }
  704.  
  705. {CustomCSS}</style></head><body>
  706.  
  707. <div class="bgholder"></div>
  708.  
  709. <div id="sidebar">
  710.  
  711. <a href="/"><div id="title">{Title}</div></a>
  712. <div id="navcont">
  713. <a href="/" title="&#9733; home &#9733;"><div class="nav home"><i class="fa fa-star" aria-hidden="true"></i></div></a>
  714. {block:AskEnabled}<a href="/ask" title="&#9733; ask &#9733;"><div class="nav msg"><i class="fa fa-star" aria-hidden="true"></i></div></a>{/block:AskEnabled}
  715. {block:SubmissionsEnabled}<a href="/submit" title="&#9733; submit &#9733;"><div class="nav sub"><i class="fa fa-star" aria-hidden="true"></i></div></a>{/block:SubmissionsEnabled}
  716. <a href="/archive" title="&#9733; archive &#9733;"><div class="nav arch"><i class="fa fa-star" aria-hidden="true"></i></div></a>
  717. <a href="http://linthm.tumblr.com/thm" title="Starbeat © Laighlin"><div class="nav thm"><i class="fa fa-star" aria-hidden="true"></i></div></a>
  718. </div>
  719. <div id="desc"><div id="description">{Description}</div></div>
  720.  
  721. </div>
  722.  
  723. {block:HasPages}
  724. <div id="linkcont">
  725.     {block:Pages}<a href="{URL}"><div class="links">{Label}</div></a>{/block:Pages}
  726. </div>
  727. {/block:HasPages}
  728.  
  729. {block:Pagination}<div id="pagcont">
  730.     {block:PreviousPage}
  731.     <a href="{PreviousPage}">
  732.         <div class="pag"><i class="fa fa-chevron-left"></i></div>
  733.     </a>
  734.     {/block:PreviousPage}
  735.     <div class="pag">{CurrentPage}/{TotalPages}</div>
  736.     {block:NextPage}
  737.         <a href="{NextPage}">
  738.             <div class="pag"><i class="fa fa-chevron-right"></i></div>
  739.         </a>
  740.     {/block:NextPage}
  741. </div>{/block:Pagination}
  742.  
  743. <div class="vein1"></div><div class="vein2"></div>{block:HasPages}<div class="vein3"></div>{/block:HasPages}{block:Pagination}<div class="vein4"></div>{/block:Pagination}
  744.  
  745. <div id="entries">
  746.  
  747. {block:Posts}
  748.  
  749. <div class="post">
  750.  
  751. {block:Text}<div class="pad"><h1>{block:Title}{Title}{/block:Title}</h1>{Body}</div>{/block:Text}
  752.  
  753. {block:Photo}
  754. {LinkOpenTag}
  755. {block:if500px}
  756.     <img src="{PhotoURL-500}">
  757.     {/block:if500px}
  758.     {block:ifNot500px}
  759.    <img src="{PhotoURL-400}">
  760. {/block:ifNot500px}
  761. {LinkCloseTag}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  762. {/block:Photo}
  763.  
  764. {block:Photoset}
  765. {block:if500px}
  766. {Photoset-500}
  767. {/block:if500px}
  768.     {block:ifNot500px}
  769.    {Photoset-400}
  770. {/block:ifNot500px}
  771. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Photoset}
  772.  
  773. {block:Quote}<div class="pad"><div class="quote">"{Quote}"</div><p align="right">{block:Source} - {Source}{/block:Source}</p></div>{/block:Quote}
  774.  
  775. {block:Link}<a href="{URL}" {Target}><div class="link">{Name}</div></a>{block:Description}<div class="pad">{Description}</div>{/block:Description}{/block:Link}
  776.  
  777. {block:Chat}<div class="pad">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}</div>{/block:Chat}
  778.  
  779. {block:Audio}
  780.                                
  781. <div id="cover">
  782. {block:AlbumArt}
  783. <img src="{AlbumArtURL}">
  784. {/block:AlbumArt}                                    
  785. </div>
  786.                                
  787. <div class="audholder"><div class="aud">{AudioPlayerBlack}</div></div>
  788. <div id="song">{block:Artist}<b>Artist:</b> {Artist}<br/>{/block:Artist}
  789. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}</div>
  790. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  791. {/block:Audio}
  792.  
  793. {block:Video}
  794. {block:if500px}
  795. {Video-500}
  796. {/block:if500px}
  797.     {block:ifNot500px}
  798.    {Video-400}
  799. {/block:ifNot500px}
  800. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Video}
  801.  
  802. {block:Answer}
  803. <div class="askerr">
  804. <img src="{AskerPortraitURL-30}">
  805. </div>
  806. <div class="ques">{Asker} asked:<br><em>{Question}</em></div>
  807. <div class="answer">{Answer}</div>
  808. {/block:Answer}
  809.  
  810. </div>
  811.  
  812. {block:Date}
  813. <div class="info">
  814.  
  815. {block:HasTags}{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}<div style="text-align:left;width:100%">
  816. {block:RebloggedFrom}
  817. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a> <a href="{ReblogRootURL}" title="originally by {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a> &#9733;
  818. {/block:RebloggedFrom}
  819. <span style="float:right;">
  820. {block:ifBlackOrWhiteControls}
  821.     <div id="lrb">{ReblogButton color="white" size="14"}</div><div id="lrb">{LikeButton color="white" size="14"}</div>
  822.     {/block:ifBlackOrWhiteControls}
  823.     {block:ifNotBlackOrWhiteControls}
  824.     <div id="lrb">{ReblogButton color="black" size="14"}</div><div id="lrb">{LikeButton color="black" size="14"}</div>
  825.     {/block:ifNotBlackOrWhiteControls}
  826. </span>
  827.  
  828. <a href="{Permalink}">{NoteCountWithLabel}</a>
  829.  
  830. </div>
  831. {block:PermalinkPage}
  832.     <div class="timestamp">
  833.         <b>{DayOfMonth}.{MonthNumber}.{Year}</b> at <b>{24HourWithZero}:{Minutes}:{Seconds}</b><br>
  834.         [{TimeAgo}]
  835.     </div>
  836. {/block:PermalinkPage}
  837. {/block:Date}
  838.  
  839. {block:PostNotes}<div id="note">{PostNotes}</div>{/block:PostNotes}
  840. </div>
  841.  
  842. {/block:Posts}</div>
  843.    
  844. </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!