API tools faq
paste
Advertisement
Laighlin

#14: Brick-Breaker

Laighlin
Feb 21st, 2017
952
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://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. {block:ifNotCustomFavicon}
  6. <link rel="shortcut icon" href="{Favicon}">
  7. {/block:ifNotCustomFavicon}{block:ifCustomFavicon}
  8. <link rel="shortcut icon" href="{image:favicon}">
  9. {/block:ifCustomFavicon}
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Barrio" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=Imprima" rel="stylesheet">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--
  17.  
  18.                 Brick-Breaker by Laighlin
  19.  
  20. 1. don't move the credit (you can customize how it looks)
  21. 2. don't redistribute or lift large chunks of code
  22.  
  23. -->
  24.  
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  26. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  27. <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>
  28.  
  29. <script>
  30. $(document).ready(function() {
  31.     $("[title]").style_my_tooltips({
  32.         tip_follows_cursor:true,
  33.         tip_delay_time:100,
  34.         tip_fade_speed:300
  35.     });
  36.     $('.post').unnest({
  37.      yourCaption: ".pad",
  38.      wrapName: ".tumblr_parent",
  39.      originalPostCaptionUsername: true,
  40.      tumblrAvatars: true,
  41.      tumblrAvatarClass: ".tumblr_avatar",
  42.      usernameColon: false,
  43.      });
  44. });
  45. </script>
  46.  
  47. <meta name="viewport" content="width=device-width" />
  48. <meta name="color:background color" content="#fefcf9"/>
  49. <meta name="color:borders" content="#fff"/>
  50. <meta name="image:sidebar" content="http://static.tumblr.com/e1e948c2900b9847cfe9723f8c506453/xwoxjom/bBeolo5e5/tumblr_static_4n9vyniadzi8gkkwcsw04cs4g.png"/>
  51. <meta name="image:sidebar small" content=""/>
  52. <meta name="image:favicon" content="{favicon}"/>
  53. <meta name="if:custom favicon" content="0"/>
  54. <meta name="if:500 px" content="0"/>
  55. <meta name="if:rounded corners" content="1"/>
  56. <meta name="if:black tumblr controls" content="0"/>
  57. <meta name="if:small sidebar image" content="0"/>
  58.  
  59. <meta name="select:sidebar image size" title="cover" content="no-repeat;background-size:cover"/>
  60. <meta name="select:sidebar image size" title="tiled" content="repeat"/>
  61.  
  62. <meta name="color:title" content="#fff"/>
  63. <meta name="color:title bg" content="#a08ea2"/>
  64. <meta name="color:desc text" content="#282828"/>
  65. <meta name="color:desc bg" content="#f3ebd8"/>
  66. <meta name="color:thick border" content="#6b5670"/>
  67. <meta name="color:post bg" content="#fff"/>
  68. <meta name="color:post text" content="#555"/>
  69. <meta name="color:bold" content="#5d4068"/>
  70. <meta name="color:italic" content="#947e67"/>
  71. <meta name="color:link" content="#7c5b86"/>
  72. <meta name="color:link hover" content="#28132b"/>
  73. <meta name="color:selection text" content="#fff"/>
  74. <meta name="color:selection bg" content="#53475a"/>
  75. <meta name="color:scrollbar" content="#b3a9b6"/>
  76. <meta name="color:extra links first color" content="#6b5670"/>
  77. <meta name="color:extra links second color" content="#a58ca5"/>
  78. <meta name="color:extra links text" content="#f0f0f0"/>
  79. <meta name="color:tags" content="#64476b"/>
  80. <meta name="color:tags hover" content="#767166"/>
  81.  
  82.  
  83. <!-- text fields -->
  84. <meta name="text:title font" content="Barrio"/>
  85. <meta name="text:body font" content="Noto Sans"/>
  86. <meta name="text:body font size" content="13px"/>
  87. <meta name="text:desc font size" content="13px"/>
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. {block:ifnotblacktumblrcontrols}
  93. .tmblr-iframe {
  94.     filter:invert(100%) opacity(60%);
  95. }
  96. {/block:ifnotblacktumblrcontrols}
  97.  
  98. body {
  99.     margin:0px;
  100.     background:{color:background color};
  101.     color:{color:post text};
  102.     font-family:'{text:body font}',calibri,sans-serif;
  103.     font-size:{text:body font size};
  104.     overflow:hidden;
  105. }
  106.  
  107. a.tumblr_blog {
  108.     font-weight:bold;
  109. }
  110.  
  111. #yeehaw {
  112.     height:100%;
  113.     width:100%;
  114.     position:absolute;
  115.     overflow:auto;
  116. }
  117.  
  118. a, .links, .tags {
  119.     transition:.2s ease-in-out;
  120. }
  121.  
  122.  
  123. b, strong {
  124.     color:{color:bold};
  125. }
  126.  
  127.  
  128. i, em {
  129.     color:{color:italic};
  130. }
  131.  
  132.  
  133. a {
  134.     text-decoration:none;
  135.     outline:none;
  136.     -moz-outline-style:none;
  137.     color:{color:link};
  138. }
  139.  
  140. p, p + p {
  141.     margin:8px 0;
  142. }
  143.  
  144. p:last-child {
  145.     margin-bottom:3px;
  146. }
  147.  
  148. p:first-child {
  149.     margin-top:3px;
  150. }
  151.  
  152. a:hover {
  153.     color:{color:link hover};
  154. }
  155.  
  156. img {
  157.     border:none;
  158.     max-height:100%;
  159.     max-width:100%;
  160. }
  161.  
  162. blockquote, blockquote blockquote {
  163.     padding-left:7px;
  164.     margin:0 2px;
  165.     border-left:1px dashed {color:bold};
  166. }
  167.  
  168. blockquote.tumblr_parent {
  169.     border:none;
  170.     margin-left:-5px;
  171.     padding:none;
  172. }
  173.  
  174. img.tumblr_avatar {
  175.     height:16px;
  176.     border-radius:3px;
  177.     position:relative;
  178.     top:3px;
  179.     right:4px;
  180. }
  181.  
  182. h1 {
  183.     font-size:130%;
  184. }
  185.  
  186. ::selection {
  187.   background: {color:selection bg};
  188.   color: {color:selection text};
  189. }
  190.  
  191. ::-moz-selection {
  192.   background: {color:selection bg};
  193.   color: {color:selection text};
  194. }
  195.  
  196. ::-webkit-scrollbar {
  197.     width:10px;
  198.     height:10px;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb {
  202.     background:{color:scrollbar} padding-box;
  203.     border:3px solid transparent;
  204. }
  205.  
  206. /* Track */
  207. ::-webkit-scrollbar-track {
  208.     background:transparent;
  209. }
  210.  
  211. ::-webkit-scrollbar-corner {
  212.     background:{color:scrollbar};
  213. }
  214.  
  215. .tumblr_video_container {
  216.     display:none;
  217. }
  218.  
  219. #s-m-t-tooltip {
  220.     margin-left:13px;
  221.     background:{color:post bg} padding-box;
  222.     color:{color:post text};
  223.     padding:3px 5px;
  224.     line-height:105%;
  225.     font:italic 90% 'noto sans';
  226.     z-index:999999;
  227.     pointer-events:none;
  228.     border:7px solid rgba({RGBcolor:thick border},.5);
  229.     {block:ifRoundedCorners}
  230.     border-radius:3px;
  231.     {/block:ifRoundedCorners}
  232. }
  233.  
  234. #s-m-t-tooltip:before {
  235.     content:'';
  236.     position:absolute;
  237.     top:-4px;
  238.     left:-4px;
  239.     bottom:-4px;
  240.     right:-4px;
  241.     border:1px dashed {color:borders};
  242. }
  243.  
  244. a#cred {
  245.     height:20px;
  246.     width:20px;
  247.     bottom:15px;
  248.     right:15px;
  249.     position:fixed;
  250.     z-index:9999;
  251.     background:{color:extra links first color} padding-box;
  252.     padding:1px;
  253.     border-radius:50%;
  254.     border:7px solid rgba({RGBcolor:thick border},.5);
  255. }
  256.  
  257. a#cred:before {
  258.     content:'';
  259.     position:absolute;
  260.     border:1px dashed {color:borders};
  261.     border-radius:50%;
  262.     top:-4px;
  263.     bottom:-4px;
  264.     left:-4px;
  265.     right:-4px;
  266.     pointer-events:none;
  267. }
  268.  
  269. a#cred svg#laigh {
  270.     fill:{color:extra links text};
  271.     transition:.2s all ease;
  272. }
  273.  
  274. a#cred:hover {
  275.     background:{color:extra links text};
  276. }
  277.  
  278. a#cred:hover svg#laigh {
  279.     fill:{color:extra links second color};
  280. }
  281.  
  282. .controls svg {
  283.    width:14px;
  284.    height:auto;
  285.    opacity:.8;
  286.    padding:1px;
  287.    display:block;
  288.    overflow:visible;
  289.    fill:{color:link};
  290. }
  291.  
  292. .controls {
  293.     float:right;
  294.     margin-top:-1px;
  295.     margin-right:-3px;
  296. }
  297.  
  298. .controls a {
  299.    position:relative;
  300.    display:inline-block;
  301.    overflow:hidden;
  302.    padding:1px;
  303.    width:14px;
  304.    height:15px;
  305. }
  306.  
  307. .controls .reblog {
  308.    opacity:.93;
  309. }
  310.  
  311. .controls .reblog svg {
  312.    width:13px;
  313.    margin-top:1px;
  314. }
  315.  
  316. .controls .like .liked + svg {
  317.    opacity:1;
  318. }
  319.  
  320. .controls .like .liked + svg path {
  321.    fill:#ec5a5a;
  322. }
  323.  
  324. .controls .like .like_button {
  325.    position:relative;
  326. }
  327.  
  328. .controls .like .like_button iframe {
  329.    position:absolute;
  330.    top:0;
  331.    left:0;
  332.    bottom:0;
  333.    right:0;
  334.    z-index:2;
  335.    opacity:0;
  336. }
  337.  
  338. #entwrapper {
  339.     float:right;
  340.     top:0;
  341.     z-index:59;
  342.     position:relative;
  343. }
  344.  
  345. #entries {
  346.     padding:10px;
  347.     margin:-10px auto;
  348.     position:relative;
  349.     /*display:none;*/
  350.     {block:if500px}
  351.     width:540px;
  352.     {/block:if500px}
  353.     {block:ifNot500px}
  354.     width:440px;
  355.     {/block:ifNot500px}
  356. }
  357.  
  358. .post, .info {
  359.     width:inherit;
  360.     position:relative;
  361.     background:{color:post bg};
  362.     z-index:10;
  363. }
  364.  
  365. .post {
  366.    
  367. }
  368.  
  369. .post ul li {
  370.     list-style-type:none;
  371.     margin-left:-10px;
  372.     position:relative;
  373. }
  374.  
  375. .post ul li:before {
  376.     content:'\00D7 ';
  377.     padding-right:5px;
  378.     margin-left:-15px;
  379.     position:absolute;
  380. }
  381.  
  382. .tit {
  383.     font:120% Imprima;
  384.     padding:7px 7px 1px 7px;
  385.     margin-left:33px;
  386.     color:{color:bold};
  387.     position:relative;
  388. }
  389.  
  390. .tit.quote:before {
  391.     content:'\201C';
  392.     position:absolute;
  393.     width:45px;
  394.     color:rgba({RGBcolor:bold},.8);
  395.     font:65px barrio;
  396.     left:-27px;
  397.     top:0;
  398. }
  399.  
  400. .tit.text {
  401.     /*padding-top:12px;*/
  402. }
  403.  
  404. .tit.ques {
  405.     font-size:100%;
  406. }
  407.  
  408. .tit .fa {
  409.     color:rgba({RGBcolor:bold},.8);
  410.     font-size:25px;
  411.     position:absolute;
  412.     left:-24px;
  413.     top:4px;
  414. }
  415.  
  416. .tit .fa.fa-music {
  417.     margin-top:5px;
  418. }
  419.  
  420. .askr {
  421.     font:95% {text:body font};
  422.     text-transform:uppercase;
  423. }
  424.  
  425. .pad, .ch {
  426.     padding:5px 8px;
  427. }
  428.  
  429. .info {
  430.     padding:5px 10px;
  431.     text-transform:uppercase;
  432.     font-size:85%;
  433.     letter-spacing:1px;
  434.     background:{color:desc bg};
  435.     color:{color:desc text};
  436.     overflow:hidden;
  437. }
  438.  
  439. #note {
  440.     overflow-x:hidden;
  441.     text-align:center;
  442.     {block:if500px}
  443.     width:480px;
  444.     {/block:if500px}
  445.     {block:ifNot500px}
  446.     width:380px;
  447.     {/block:ifNot500px}
  448.     margin:auto;
  449. }
  450.  
  451. #tagcont {
  452.     position:relative;
  453.     text-transform:none;
  454.     font-size:112%;
  455.     margin:-2px auto 2px;
  456.     letter-spacing:0;
  457. }
  458.  
  459. a.tags {
  460.     display:inline;
  461.     color:{color:tags};
  462.     margin-right:3px;
  463. }
  464.  
  465. a.tags:hover {
  466.     color:{color:tags hover};
  467. }
  468.  
  469. #sidebar {
  470.     left:0;
  471.     top:0;
  472.     bottom:0;
  473.     position:fixed;
  474.     display:flex;
  475.     flex-flow:column nowrap;
  476.     align-items:center;
  477.     justify-content:center;
  478.     background:{color:background color} url('{image:sidebar}') {select:sidebar image size};
  479.     background-position:center;
  480.     pointer-events:none;
  481. }
  482.  
  483. #wrap {
  484.     position:relative;
  485.     {block:ifRoundedCorners}border-radius:6px;{/block:ifRoundedCorners}
  486.     padding:20px;
  487.     background:rgba({RGBcolor:thick border},.5);
  488.     pointer-events:initial;
  489. }
  490.  
  491. #wrap:after {
  492.     content:'';
  493.     position:absolute;
  494.     border:1px dashed {color:borders};
  495.     top:10px;
  496.     bottom:10px;
  497.     left:10px;
  498.     right:10px;
  499.     {block:ifRoundedCorners}border-radius:5px;{/block:ifRoundedCorners}
  500. }
  501.  
  502. #wrap.side {
  503.     width:270px;
  504. }
  505.  
  506. #wrap.posties {
  507.     margin:50px auto;
  508. }
  509.  
  510. #title, #desc {
  511.     position:relative;
  512.     padding:10px;
  513.     z-index:10;
  514. }
  515.  
  516. #title {
  517.     color:{color:title};
  518.     background:{color:title bg};
  519.     display:block;
  520.     font:150% '{text:title font}';
  521.     letter-spacing:1px;
  522.     text-transform:uppercase;
  523.     padding:10px 15px 15px;
  524. }
  525.  
  526. #navcont {
  527.     text-align:right;
  528.     height:3px;
  529.     background:{color:extra links first color};
  530.     padding-right:5px;
  531. }
  532.  
  533. .nav {
  534.     text-transform:uppercase;
  535.     font:11px 'noto sans';
  536.     z-index:12;
  537.     letter-spacing:1px;
  538.     position:relative;
  539.     background:{color:extra links first color};
  540.     color:{color:extra links text};
  541.     padding:3px 4px;
  542.     top:-9px;
  543.     margin:0 2px;
  544. }
  545.  
  546. .nav:hover {
  547.     background:{color:extra links text};
  548.     color:{color:extra links first color};
  549. }
  550.  
  551. #desc {
  552.     padding-top:15px;
  553.     color:{color:desc text};
  554.     background:{color:desc bg};
  555.     font-size:{text:desc font size};
  556.     max-height:230px;
  557.     overflow-y:auto;
  558.     overflow-x:hidden;
  559. }
  560.  
  561. #desc a, .info a {
  562.     color:{color:tags};
  563. }
  564.  
  565. #desc a:hover, .info a:hover {
  566.     color:{color:tags hover};
  567. }
  568.  
  569. {block:ifSmallSidebarImage}
  570. #simg {
  571.     max-height:200px;
  572.     height:200px;
  573.     background:url({image:sidebar small}) no-repeat center;
  574.     background-size:cover;
  575. }
  576. {/block:ifSmallSidebarImage}
  577.  
  578. #note ol.notes {
  579.     list-style-type:none;
  580.     margin:5px;
  581.     padding:5px;
  582. }
  583.  
  584. #note ol.notes img.avatar {
  585.     margin-right: 5px;
  586.     margin-bottom:-3px;
  587.     width: 16px;
  588.     height: 16px;
  589.     border-radius:50%;
  590. }
  591.  
  592. #note ol.notes li {
  593.     padding:3px;
  594. }
  595.  
  596. .aud {
  597.     height:30px;
  598.     width:20px;
  599.     overflow:hidden;
  600.     position:relative;
  601.     margin: 15px 24px 13px 16px;
  602. }
  603.  
  604. #cover {
  605.     margin-right:5px;
  606.     width:81px;
  607.     height:81px;
  608.     float:left;
  609.     background-size:cover;
  610.     z-index:-1;
  611. }
  612.  
  613. #cover img { border-radius:4px; }
  614.  
  615. .audholder {
  616.     position:absolute;
  617.     z-index:11;
  618.     background:#000;
  619.     margin-top:11px;
  620.     margin-left:11px;
  621.     opacity:.5;
  622.     border-radius:50%;
  623. }
  624.  
  625. #song {
  626.     height:51px;
  627.     padding:15px;
  628.     background:transparent;
  629.     margin-left:63px;
  630. }
  631.  
  632. .chat:nth-child(even) {
  633.     padding:0 10px;
  634. }
  635.  
  636. .chat {
  637.     border-bottom:1px dashed rgba({RGBcolor:italic},.7);
  638. }
  639.  
  640. .chat:last-child {
  641.     border:none;
  642. }
  643.  
  644. #linkcont {
  645.     position:relative;
  646.     z-index:10;
  647.     display:flex;
  648.     flex-flow:row wrap;
  649.     counter-reset:linx;
  650. }
  651.  
  652. a.links {
  653.     width:100%;
  654.     font:11px 'noto sans';
  655.     padding:5px;
  656.     height:16px;
  657.     background:{color:extra links second color};
  658.     color:{color:extra links text};
  659.     text-transform:uppercase;
  660.     letter-spacing:1px;
  661.     position:relative;
  662.     overflow:hidden;
  663. }
  664.  
  665. .links:nth-child(odd) {
  666.     text-align:right;
  667.     background:{color:extra links first color};
  668. }
  669.  
  670. .links:nth-child(odd):before, .links:nth-child(even):after {
  671.     text-align:center;
  672.     line-height:19px;
  673.     content:counter(linx, decimal-leading-zero);
  674.     counter-increment:linx;
  675.     position:absolute;
  676.     background:{color:desc text};
  677.     color:{color:desc bg};
  678.     height:20px;
  679.     width:20px;
  680.     top:0;
  681.     z-index:11;
  682.     padding:3px;
  683. }
  684.  
  685. .links:nth-child(odd):before {
  686.     left:0;
  687. }
  688.  
  689. .links:nth-child(even):after {
  690.     right:0;
  691. }
  692.  
  693. a.links:hover {
  694.     background:{color:desc bg};
  695.     color:{color:desc text};
  696. }
  697.  
  698. #pagcont {
  699.     background:{color:desc bg};
  700.     height:20px;
  701.     padding:3px;
  702.     display:flex;
  703.     justify-content:center;
  704.     align-items:center;
  705.     position:relative;
  706.     z-index:15;
  707.     overflow:hidden;
  708. }
  709.  
  710. #pagcont.mob {
  711.     width:80%;
  712.     margin:50px auto;
  713.     position:relative;
  714.     display:none;
  715. }
  716.  
  717. .pag {
  718.     background:{color:extra links first color};
  719.     color:{color:extra links text};
  720.     padding:6px;
  721.     margin:0 3px;
  722.     line-height:11px;
  723.     font:12px noto sans;
  724.     text-transform:uppercase;
  725.     min-width:17px;
  726.     text-align:center;
  727.     transition:.2s all ease;
  728. }
  729.  
  730. .pag:hover, .pag.cur {
  731.     background:{color:desc text};
  732.     color:{color:desc bg};
  733. }
  734.  
  735. .photoset { padding:0; }
  736.  
  737. {block:ifRoundedCorners}
  738. #radius {
  739.     border-radius:4px;
  740.     overflow:hidden;
  741. }
  742. {/block:ifRoundedCorners}
  743.  
  744. {block:ifnot500px}@media all and  (max-width: 800px) {/block:ifnot500px}
  745. {block:if500px}@media all and  (max-width: 900px) {/block:if500px} {
  746.     #sidebar {
  747.         width:100%;
  748.         position:relative;
  749.         padding:30px 0;
  750.     }
  751.    
  752.     #title, #desc { text-align:center; }
  753.    
  754.     #wrap.side {
  755.         width:70%;
  756.         float:top;
  757.     }
  758.    
  759.     #simg { display:none; }
  760.    
  761.     #pagcont.mob {
  762.         display:block;
  763.         background:none;
  764.         overflow:visible;
  765.         z-index:10;
  766.         height:25px;
  767.         text-align:center;
  768.     }
  769.    
  770.     .pag {
  771.         width:40px;
  772.         position:relative;
  773.         padding:8px;
  774.         font-size:100%;
  775.         display:inline;
  776.     }
  777.    
  778.     #pagcont.desktop {
  779.         display:none;
  780.     }
  781.    
  782.     #linkcont {
  783.          background:{color:extra links second color};
  784.          padding:2px;
  785.     }
  786.    
  787.     a.links {
  788.         width:calc(50% - 14px);
  789.         max-width:100%;
  790.         flex-grow:2;
  791.         display:block;
  792.         flex-flow:column wrap;
  793.         margin:2px;
  794.     }
  795.    
  796.     .links:nth-child(odd), .links:nth-child(even) {
  797.         background:{color:extra links first color};
  798.         text-align:center;
  799.     }
  800.    
  801.     .links:before, .links:after { display:none; }
  802.    
  803.     #navcont {
  804.         text-align:center;
  805.     }
  806.    
  807.     #entwrapper {
  808.         width:100%;
  809.     }
  810. }
  811.  
  812. {block:ifnot500px}@media all and  (min-width: 801px) {/block:ifnot500px}
  813. {block:if500px}@media all and  (min-width: 901px) {/block:if500px}
  814. {
  815.     #sidebar {
  816.         width:40%;
  817.     }
  818.    
  819.     #entwrapper {
  820.         width:60%;
  821.         float:right;
  822.     }
  823.    
  824.     #pagcont.mob {
  825.         display:none;
  826.     }
  827. }
  828.  
  829. {CustomCSS}</style></head><body>
  830.  
  831. <div id="yeehaw">
  832. <a id="cred" href="http://linthm.tumblr.com/tagged/thm" title="Brick-Breaker. by Laighlin">
  833. <svg id="laigh" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 399.69 399.69"><title>Laighlin</title><rect x="131.87" y="21.19" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(120.98 -115.45) rotate(45)"/><rect x="131.87" y="242.39" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(277.39 -50.66) rotate(45)"/><rect x="243.08" y="131.18" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(231.32 -161.87) rotate(45)"/><rect x="21.88" y="131.18" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(166.54 -5.46) rotate(45)"/></svg>
  834. </a>
  835. <div id="titbar"></div>
  836.   <div id="sidebar">
  837.   <div id="wrap" class="side">
  838.   <div id="radius">
  839.   <a href="/" id="title">{Title}</a>
  840.   <div id="navcont">
  841.       <a class="nav" href="/">home</a>
  842.       {block:AskEnabled}<a class="nav" href="/ask">ask</a>{/block:AskEnabled}
  843.       {block:SubmissionsEnabled}<a class="nav" href="/submit">submit</a>{/block:SubmissionsEnabled}
  844.       <a class="nav" href="/archive">past</a>
  845.   </div>
  846.   <div id="simg"></div>
  847.   <div id="desc">
  848.     <p>
  849.     {Description}
  850.     </p>
  851.   </div>
  852.   <div id="linkcont">
  853.     {block:Pages} <a href="{URL}" class="links">
  854.       {Label}
  855.     </a>{/block:Pages}
  856.   </div>
  857.  {block:Pagination} <div id="pagcont" class="desktop">
  858.  
  859.   {block:PreviousPage}<a href="{PreviousPage}"><div class="pag">prev</div></a> {/block:PreviousPage}
  860.   {block:JumpPagination length="5"}
  861. {block:CurrentPage}<div class="pag cur">{PageNumber}</div>{/block:CurrentPage}
  862. {block:JumpPage}<a href="{URL}"><div class="pag">{PageNumber}</div></a>{/block:JumpPage}{/block:JumpPagination}
  863.   {block:NextPage}<a href="{NextPage}"><div class="pag">next</div></a> {/block:NextPage}
  864. </div>{/block:Pagination}</div></div>
  865.   </div>
  866. <div id="entwrapper">
  867.   <div id="entries">
  868.     {block:Posts}
  869.     <div id="wrap" class="posties"><div id="radius">
  870.     {block:RebloggedFrom}
  871.     <div class="info">
  872.     <span class="fa fa-retweet" aria-hidden="true"></span> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <span style="float:right"><span class="fa fa-copyright"></span> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span>
  873.     </div>
  874.     {/block:RebloggedFrom}
  875.     <div class="post">
  876.       {block:Text}
  877.       {block:Title}<div class="tit text"><span class="fa fa-align-left" aria-hidden="true"></span>{Title}</div>{/block:Title}
  878.       <div class="pad">{Body}</div>{/block:Text} {block:Photo} {LinkOpenTag} <img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption} {/block:Photo}
  879.      
  880.       {block:Photoset}
  881.       <div class="photoset">
  882.     {block:if500px}{Photoset-500}{/block:if500px}{block:ifNot500px}{Photoset-400}{/block:ifnot500px}
  883.       </div> {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  884.       {/block:Photoset} {block:Quote}<div class="tit quote">{Quote}</div>
  885.  
  886.       {block:Source}<div class="pad"> —{Source}</div>{/block:Source}
  887.       {/block:Quote} {block:Link}
  888.  
  889.       <a href="{URL}" class="tit lonk">{Name}</a>
  890.       {block:Description}<div class="pad">{Description}</div>{/block:Description}{/block:Link} {block:Chat}{block:Title}
  891.  
  892.       <div class="tit text"><span class="fa fa-comments-o" aria-hidden="true"></span>{Title}</div>
  893.       {/block:Title}<div class="ch">{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  894.      {/block:Lines}</div>{/block:Chat} {block:Audio}
  895.       <div class="tit song">
  896.       <span class="fa fa-music" aria-hidden="true"></span>
  897.           <div style="position:relative;width:200px;margin-bottom:5px">{block:ifnotblacktumblrcontrols}{AudioPlayerWhite}{/block:ifnotblacktumblrcontrols}{block:ifblacktumblrcontrols}{AudioPlayerBlack}{/block:ifblacktumblrcontrols}</div>
  898.         {block:Artist}<b>Artist:</b> {Artist}<br>
  899.         {/block:Artist} {block:TrackName}<b>Title:</b> {TrackName}
  900.         <p>{/block:TrackName}
  901.       </div>
  902.       {block:Caption}
  903. <div class="pad">
  904.       {Caption}</div>{/block:Caption} {/block:Audio} {block:Video} {block:if500px} {VideoEmbed-500} {/block:if500px} {block:ifNot500px} {VideoEmbed-400} {/block:ifNot500px} {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Video} {block:Answer}
  905.       <div class="tit ques"><span class="fa fa-comment-o" aria-hidden="true"></span>
  906.       <div class="askr">{Asker} said:</div>
  907.       <em>{Question}</em></div>
  908.       {block:Answerer}<div class="tit ques" style="font:100% {text:body font}"><span class="fa fa-comment" aria-hidden="true"></span><div class="askr">{Answerer} replied:</div>{Answer}</div>{/block:Answerer}
  909.       <div class="pad">{Replies}</div>
  910.       {/block:Answer}
  911.      
  912.     {block:Date}
  913. <div class="info">
  914.       {block:HasTags}
  915.       <div id="tagcont">{block:Tags}
  916.         #<a class="tags" href="{TagURL}">{Tag}</a>
  917.       {/block:Tags}</div>{/block:HasTags}
  918.      <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> // {NoteCountWithLabel}
  919.  
  920. <span class="controls">
  921. <a href="{ReblogURL}" target="_blank" class="reblog">
  922. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  923. </a>
  924. <a href="#" class="like">{LikeButton}
  925. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  926. </a>
  927. </span>
  928.       </div>{/block:Date}
  929.      {block:PostNotes}
  930.  
  931.       <div id="note">
  932.         {PostNotes}
  933.       </div>
  934.       {/block:PostNotes}
  935.     </div></div></div>
  936.     {/block:Posts}
  937.   </div>
  938.   {block:Pagination} <div id="pagcont" class="mob">
  939.  
  940.   {block:PreviousPage}<a href="{PreviousPage}"><div class="pag">prev</div></a> {/block:PreviousPage}
  941.   {block:NextPage}<a href="{NextPage}"><div class="pag">next</div></a> {/block:NextPage}
  942. </div>{/block:Pagination}</div>
  943. </div>
  944. </body>
  945. </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!