API tools faq
paste
Advertisement
Laighlin

#19: Bad Behavior

Laighlin
Jun 14th, 2017
3,657
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.65 KB | None | 0 0
raw download clone embed print report
  1. <!---------------- Bad Behavior by Laighlin -----------------
  2.  
  3.  
  4. 1. leave the credit intact
  5. 2. don't redistribute or lift large chunks of code
  6. 3. send me a message if you need any help! (an example of
  7.   your problem would be preferred)
  8. 4. check my faq if you have questions about adding custom links!
  9.  
  10.  
  11. ------------------------------------------------------------>
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <head><title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}{block:SearchPage} &mdash; {lang:Search results for SearchQuery}{/block:SearchPage}</title>
  17.  
  18. {block:ifCustomFavicon}
  19. <link rel="shortcut icon" href="{image:favicon}"/>
  20. {/block:ifCustomFavicon}
  21. {block:ifNotCustomFavicon}
  22. <link rel="shortcut icon" href="{Favicon}"/>
  23. {/block:ifNotCustomFavicon}
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=Overpass:400,400i,700,700i" rel="stylesheet">
  29. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/pqsvrdz/rKBmvnjxz/jquery.fitvids.js"></script>
  32. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  33. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  34. <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>
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="image:favicon" content=""/>
  39.  
  40. <meta name="if:sidebar image" content="1"/>
  41. <meta name="if:text glow" content="0"/>
  42. <meta name="if:borders" content="1"/>
  43. <meta name="if:shadows" content="1"/>
  44. <meta name="if:rounded corners" content="1"/>
  45. <meta name="if:translucent background image" content="0"/>
  46. <meta name="if:blurry background" content="0"/>
  47. <meta name="if:custom favicon" content="1"/>
  48.  
  49. <meta name="select:background size" content="repeat" title ="tiled"/>
  50. <meta name="select:background size" content=";background-size:cover" title="cover"/>
  51.  
  52. <meta name="select:interface opacity" content="1" title ="opaque"/>
  53. <meta name="select:interface opacity" content=".8" title="translucent"/>
  54. <meta name="select:interface opacity" content=".3" title ="semi-transparent"/>
  55. <meta name="select:interface opacity" content="0" title ="transparent"/>
  56.  
  57. <meta name="select:shadow type" content="0 1px 3px" title="soft"/>
  58. <meta name="select:shadow type" content="4px 4px 0" title="hard"/>
  59. <meta name="select:shadow type" content="0 0 7px" title="glow"/>
  60.  
  61. <meta name="color:background color" content="#f3c0ba"/>
  62. <meta name="color:interface" content="#f8f8f8"/>
  63. <meta name="color:title" content="#9a2f5b"/>
  64. <meta name="color:borders" content="#6b6666"/>
  65. <meta name="color:shadows" content="#650d35"/>
  66. <meta name="color:post text" content="#393939"/>
  67. <meta name="color:bold" content="#b0759f"/>
  68. <meta name="color:italic" content="#b3434b"/>
  69. <meta name="color:link" content="#8f5587"/>
  70. <meta name="color:link hover" content="#d490b7"/>
  71. <meta name="color:tags" content="#a8274d"/>
  72. <meta name="color:tags hover" content="#a25c88"/>
  73. <meta name="color:text highlight background" content="#59445a"/>
  74. <meta name="color:text highlight" content="#fff"/>
  75.  
  76. <!-- text fields -->
  77. <meta name="text:post width" content="400px"/>
  78. <meta name="text:sidebar width" content="200px"/>
  79. <meta name="text:body font" content="Overpass"/>
  80. <meta name="text:body font size" content="13px"/>
  81.  
  82. <style type="text/css">
  83.  
  84. .tmblr-iframe {
  85.     position:absolute;
  86. }
  87.  
  88. body {
  89.     color:{color:post text};
  90.     font-family:'{text:body font}',sans-serif;
  91.     font-size:{text:body font size};
  92.     background-color:{color:background color};
  93.     word-wrap:break-word;
  94.     overflow:hidden;
  95. }
  96.  
  97. #bgholder {
  98.     position:fixed;
  99.     top:-10px;
  100.     left:-10px;
  101.     bottom:-10px;
  102.     right:-10px;
  103.     {block:ifTranslucentBackgroundImage}
  104.     -webkit-filter:opacity(80%);
  105.     -moz-filter:opacity(80%);
  106.     -ms-filter:opacity(80%);
  107.     filter:opacity(80%);
  108.     {/block:ifTranslucentBackgroundImage}
  109.     background:url({image:background}) fixed {select:background size};
  110. }
  111.  
  112. {block:ifBlurryBackground}
  113. #bgholder:after {
  114.     content:'';
  115.     position:fixed;
  116.     top:-15px;
  117.     left:-15px;
  118.     bottom:-15px;
  119.     right:-15px;
  120.     -webkit-filter:blur(8px);
  121.     -moz-filter:blur(8px);
  122.     -ms-filter:blur(8px);
  123.     filter:blur(8px);
  124.     background:url({image:background}) fixed {select:background size};
  125.     -webkit-transform:scale(1.05);
  126.     -moz-transform:scale(1.05);
  127.     -ms-transform:scale(1.05);
  128.     transform:scale(1.05);
  129. }
  130. {/block:ifBlurryBackground}
  131.  
  132. p:first-child, p>p:first-child { margin-top:2px; }
  133. p:last-child, p>p:last-child { margin-bottom:2px; }
  134.  
  135. a, .links, .tags, .pag {
  136.     transition:.15s ease-in-out;
  137. }
  138.  
  139. b, strong {
  140.     color:{color:bold};
  141. }
  142.  
  143. i, em {
  144.     color:{color:italic};
  145. }
  146.  
  147. a {
  148.     text-decoration:none;
  149.     outline:none;
  150.     -moz-outline-style:none;
  151.     color:{color:link};
  152. }
  153.  
  154. a:hover {
  155.     color:{color:link hover};
  156. }
  157.  
  158. img {
  159.     border:none;
  160.     max-width:100%;
  161. }
  162.  
  163. blockquote, blockquote blockquote {
  164.     padding-left:7px;
  165.     margin-left:7px;
  166.     border-left:1px solid {color:navigation 6};
  167.     margin-right:0px;
  168. }
  169.  
  170. blockquote, .info hr {
  171.     border-color:rgba({RGBcolor:italic},.7);
  172. }
  173.  
  174. h1 {
  175.     font:150% {select:title font};
  176.     font-variant:small-caps;
  177.     color:{color:accent};
  178.     font-weight:bold;
  179. }
  180.  
  181. h1 i { font-size:110%; }
  182.  
  183. ::selection {
  184.     background:{color:text highlight background};
  185.     color:{color:text highlight};
  186. }
  187.  
  188. ::moz-selection {
  189.     background:{color:text highlight background};
  190.     color:{color:text highlight};
  191. }
  192.  
  193. ::-webkit-scrollbar {
  194.     width:7px;
  195.     height:7px;
  196. }
  197.  
  198. ::-webkit-scrollbar-thumb {
  199.     background:{color:title};
  200.     {block:ifRoundedCorners}
  201.     border-radius:4px;
  202.     {/block:ifRoundedCorners}
  203. }
  204.  
  205. /* Track */
  206. ::-webkit-scrollbar-track {
  207.     background:rgba({RGBcolor:title},.5) padding-box;
  208.     border:3px solid transparent;
  209. }
  210.  
  211. ::-webkit-scrollbar-corner {
  212.     background:transparent;
  213. }
  214.  
  215. #s-m-t-tooltip {
  216.     background:{color:text highlight background};
  217.     color:{color:text highlight};
  218.     box-shadow:5px 5px 2px 0 rgba({RGBcolor:shadows},.5);
  219.     margin:0 15px;
  220.     padding:.5em;
  221.     font-style:italic;
  222.     font-size:95%;
  223.     {block:ifRoundedCorners}
  224.     border-radius:2px;
  225.     {/block:ifRoundedCorners}
  226.     line-height:1em;
  227.     z-index:9999999;
  228.     pointer-events:none;
  229. }
  230.  
  231. #all-the-stuff {
  232.     position:relative;
  233.     width:calc({text:post width} + 30px + {text:sidebar width} + 30px + 30px + 35px);
  234.     height:calc(100vh - 60px);
  235.     top:30px;
  236.     margin:auto;
  237. }
  238.  
  239. {block:ifTextGlow}
  240. a, #title, .post-title {
  241.     text-shadow:0 0 2px;
  242. }
  243.  
  244. .nav {
  245.     text-shadow:0 0 3px;
  246. }
  247. {/block:ifTextGlow}
  248.  
  249. #title, #desc, #post-wrapper, .link, #side-img, .pag, .nav {
  250.     {block:ifRoundedCorners}
  251.     border-radius:4px;
  252.     {/block:ifRoundedCorners}
  253.     border:1px solid rgba({RGBcolor:borders},.5);
  254.     padding:15px;
  255.     {block:ifNotBorders}
  256.     border-color:transparent;
  257.     {/block:ifNotBorders}
  258.     background:rgba({RGBcolor:interface},{select:interface opacity});
  259.     {block:ifShadows}
  260.     box-shadow:{select:shadow type} rgba({RGBcolor:shadows},.6);
  261.     {/block:ifShadows}
  262. }
  263.  
  264. #sidebar {
  265.     width:calc({text:sidebar width} + 20px);
  266.     position:absolute;
  267.     display:flex;
  268.     flex-flow:column nowrap;
  269.     top:71px;
  270.     bottom:0;
  271. }
  272.  
  273. #side-img {
  274.     margin-top:-4px;
  275.     margin-bottom:15px;
  276.     pointer-events:none;
  277. }
  278.  
  279. #title {
  280.     color:{color:title};
  281.     font:20px {TitleFont};
  282.     font-weight:{TitleFontWeight};
  283.     line-height:1em;
  284.     text-transform:uppercase;
  285.     height:1em;
  286. }
  287.  
  288. #desc, #custlinks, .post, #search {
  289.     color:{color:post text};
  290. }
  291.  
  292. #desc {
  293.     overflow-y:auto;
  294.     overflow-x:hidden;
  295.     {block:ifNotSidebarImage}
  296.     margin-top:-4px;
  297.     {/block:ifNotSidebarImage}
  298.     font-size:calc({text:body font size} - 1px);
  299. }
  300.  
  301. #link-wrapper {
  302.     position:relative;
  303.     display:flex;
  304.     flex-flow:row wrap;
  305.     width:calc({text:sidebar width} + 34px);
  306.     margin:8px -7px -7px;
  307. }
  308.  
  309. .link {
  310.     margin:8px 7px 7px;
  311.     padding:.4em .4em .3em;
  312.     flex-grow:3;
  313.     text-align:center;
  314.     font-size:1.1em;
  315.     text-transform:uppercase;
  316.     line-height:1.2em;
  317. }
  318.  
  319. #pag-wrapper {
  320.     margin:15px -7px auto -7px;
  321.     display:flex;
  322. }
  323.  
  324. .pag {
  325.     display:inline-block;
  326.     padding:.7em;
  327.     line-height:1em;
  328.     font-family:{TitleFont};
  329.     text-transform:uppercase;
  330.     margin:0 7px;
  331.     text-align:center;
  332. }
  333.  
  334. #navbar {
  335.     width:41px;
  336.     display:flex;
  337.     flex-flow:column nowrap;
  338.     position:absolute;
  339.     right:0;
  340.     top:71px;
  341.     bottom:-15px;
  342. }
  343.  
  344. #nav-wrapper {
  345.     margin:-4px 0 0;
  346. }
  347.  
  348. .nav {
  349.     width:25px;
  350.     padding:8px 7px 6px;
  351.     height:25px;
  352.     margin-bottom:15px;
  353.     display:block;
  354.     font-size:20px;
  355.     line-height:22px;
  356.     text-transform:uppercase;
  357.     text-align:center;
  358.     position:relative;
  359. }
  360.  
  361. .nv.fa-home {
  362.     font-size:24px;
  363.     margin-top:-1px;
  364. }
  365. .nv.fa-folder-open { margin-top:2px; }
  366. .nv.fa-arrow-left { margin-left:-2px; }
  367.  
  368. #post-wrapper {
  369.     position:absolute;
  370.     left:calc({text:sidebar width} + 36px);
  371.     width:{text:post width};
  372.     padding:15px;
  373.     top:67px; /* B) */
  374.     bottom:0;
  375. }
  376.  
  377. #content {
  378.     top:5px;
  379.     bottom:5px;
  380.     left:5px;
  381.     right:5px;
  382.     overflow-y:scroll;
  383.     overflow-x:hidden;
  384.     position:absolute;
  385.     /*display:none;*/
  386. }
  387.  
  388. .post {
  389.     width:{text:post width};
  390.     margin:40px 7px;
  391.     position:relative;
  392. }
  393. .post:first-child { margin-top:0; }
  394. .post:last-child { margin-bottom:0; }
  395.  
  396. .caption a, #description a, .ans a { text-decoration:underline; }
  397.  
  398. .framed { position:relative; }
  399.  
  400. .framed:before, .framed:after {
  401.     content:'';
  402.     position:absolute;
  403.     height:30px;
  404.     width:30px;
  405.     border:solid rgba({RGBcolor:link},.4);
  406. }
  407.  
  408. .framed:before {
  409.     top:10px;
  410.     left:5px;
  411.     border-width:1px 0 0 1px;
  412. }
  413.  
  414. .framed:after {
  415.     bottom:10px;
  416.     right:5px;
  417.     border-width:0 1px 1px 0;
  418. }
  419.  
  420. .quote {
  421.     position:relative;
  422.     font-family:{TitleFont};
  423.     padding:20px;
  424.     margin-bottom:-10px;
  425. }
  426. .quote.short { font-size:150%; }
  427. .quote.medium { font-size:135%; }
  428. .quote.long { font-size:120%; }
  429.  
  430. .post-tit {
  431.     font:1.3em {TitleFont};
  432.     font-weight:{TitleFontWeight};
  433.     color:{color:bold};
  434.     text-transform:uppercase;
  435.     text-align:center;
  436.     padding:30px;
  437.     display:block;
  438. }
  439.  
  440. .excerpt { color:{color:italic}; }
  441.  
  442. .askr-avi {
  443.     border-radius:50%;
  444.     margin:10px 10px 0 0;
  445. }
  446.  
  447. .askr {
  448.     position:absolute;
  449.     margin-top:calc(27px - .5em);
  450. }
  451.  
  452. .qq { text-indent:40px; }
  453. .ques { padding:20px; }
  454.  
  455. .aa {
  456.     text-align:right;
  457.     margin:10px 10px 10px auto;
  458. }
  459.  
  460. .ans {
  461.     text-align:right;
  462.     margin-right:10px;
  463. }
  464.  
  465. .chat {
  466.     padding:.2em .5em;
  467.     font-family:monospace;
  468. }
  469. .chat.even { padding-left:20px; }
  470.  
  471. .caption { padding:10px; }
  472. .caption:empty { display:none; }
  473. .caption .read-more {
  474.     display:inline-block;
  475.     margin:auto;
  476.     text-transform:uppercase;
  477.     text-decoration:none;
  478.     padding:7px;
  479.     border:1px solid rgba({RGBcolor:link},.5);
  480. }
  481.  
  482. .caption li {
  483.     list-style-type:none;
  484.     position:relative;
  485. }
  486.  
  487. .caption ul li:before {
  488.     content:'\25CB';
  489.     position:absolute;
  490.     left:-20px;
  491. }
  492.  
  493. .caption ol li {
  494.     margin-left:10px;
  495. }
  496.  
  497. .caption ol {
  498.     counter-reset:list;
  499. }
  500.  
  501. .caption ol li:before {
  502.     position:absolute;
  503.     counter-increment:list;
  504.     content:counter(list,decimal-leading-zero);
  505.     left:-31px;
  506. }
  507.  
  508. .caption ol li:before, .caption ul li:before {
  509.     font-weight:bold;
  510.     color:{color:bold};
  511. }
  512.  
  513. .info hr {
  514.     border:none;
  515.     border-top:.5px solid rgba({RGBcolor:italic},.4);
  516.     margin:1em 30px;
  517.     position:relative;
  518. }
  519.  
  520. .info {
  521.     text-transform:uppercase;
  522.     position:relative;
  523.     margin-bottom:7px;
  524. }
  525.  
  526. .controls {
  527.     position:absolute;
  528.     top:1em;
  529.     right:0;
  530. }
  531.  
  532. .controls svg {
  533.    width:16px;
  534.    height:auto;
  535.    opacity:.8;
  536.    padding:1px;
  537.    display:block;
  538.    overflow:visible;
  539.    fill:{color:title};
  540. }
  541.  
  542. .controls {
  543.     float:right;
  544.     margin-top:-3px;
  545.     line-height:20px;
  546. }
  547.  
  548. .controls a {
  549.    position:relative;
  550.    display:inline-block;
  551.    overflow:hidden;
  552.    padding:1px 2px;
  553.    width:16px;
  554.    height:16px;
  555. }
  556.  
  557. .controls .reblog {
  558.    opacity:.93;
  559. }
  560.  
  561. .controls .reblog svg {
  562.    width:15px;
  563.    margin-top:1px;
  564. }
  565.  
  566. .controls .like .liked + svg {
  567.    opacity:1;
  568. }
  569.  
  570. .controls .like .liked + svg path {
  571.    fill:{color:link hover};
  572. }
  573.  
  574. .controls .like .like_button {
  575.    position:relative;
  576. }
  577.  
  578. .controls .like .like_button iframe {
  579.    position:absolute;
  580.    top:0;
  581.    left:0;
  582.    bottom:0;
  583.    right:0;
  584.    z-index:2;
  585.    opacity:0;
  586. }
  587.  
  588. .tag-wrapper { margin-top:5px; }
  589. .tags {
  590.     margin:4px 5px 0 0;
  591.     color:{color:tags};
  592. }
  593.  
  594. .tags:hover {
  595.     text-decoration:underline;
  596.     color:{color:tags hover};
  597. }
  598.  
  599. #note {
  600.     overflow-x:hidden;
  601.     text-align:center;
  602.     margin:auto;
  603. }
  604.  
  605. #note ol.notes {
  606.     list-style-type:none;
  607.     margin:5px;
  608.     padding:5px;
  609. }
  610.  
  611. #note ol.notes img.avatar {
  612.     margin-right: 5px;
  613.     margin-bottom:-3px;
  614.     width: 16px;
  615.     height: 16px;
  616.     border-radius:50%;
  617. }
  618.  
  619. #note ol.notes li {
  620.     padding:3px;
  621. }
  622.  
  623. .ts-pages {
  624.     padding:10px;
  625.     text-align:center;
  626. }
  627.  
  628. .stretch { flex-grow:5; }
  629.  
  630. {CustomCSS}
  631.  
  632. </style>
  633.  
  634. <script>
  635. $(document).ready(function() {
  636.     // $('.cur').removeClass('burr');
  637.     $('.media-wrap').fitVids(); // video resizing script
  638.     $('.photo-slideshow').pxuPhotoset({
  639.        lightbox: true,
  640.        rounded: false,
  641.        gutter: '7px',
  642.        borderRadius: '0px',
  643.        photoset: '.photo-slideshow',
  644.        photoWrap: '.photo-data',
  645.        photo: '.pxu-photo'
  646.     }); // photoset resizing script
  647.     $('[title]').style_my_tooltips({
  648.         tip_follows_cursor:true,
  649.         tip_delay_time:100,
  650.         tip_fade_speed:300
  651.     }); // tooltip script
  652.     $('iframe.tumblr_audio_player').load( function() {
  653.         $('iframe.tumblr_audio_player').contents().find("head")
  654.            .append($("<style type='text/css'> .audio-player { background:transparent !important; } .audio-player * { color:{color:bold} !important } </style>"));
  655.     });
  656. });
  657. </script>
  658.    
  659. </head><body>
  660.  
  661. <div id="bgholder"></div>
  662.  
  663. <div id="all-the-stuff">
  664. <div id="title">{Title}</div>
  665. <div id="sidebar">
  666.     {block:ifSidebarImage}
  667.     <div id="side-img"><img src="{image:sidebar}"></div>
  668.     {/block:ifSidebarImage}
  669.     {block:Description}<div id="desc" class="stretch">{Description}</div>{/block:Description}
  670.    
  671.     {block:HasPages}
  672.     <div id="link-wrapper">
  673.         {block:Pages}
  674.         <a href="{URL}" class="link">{Label}</a>
  675.         {/block:Pages}
  676.     </div>
  677.     {/block:HasPages}
  678. </div>
  679.    
  680. <div id="post-wrapper">
  681.     <div id="content">
  682.         {block:SearchPage}
  683.         <div class="caption ts-pages">
  684.             <div class="post-tit framed">
  685.                 {block:SearchResults}
  686.                 {lang:SearchResultCount results for SearchQuery 2}
  687.                 {/block:SearchResults}
  688.                 {block:NoSearchResults}
  689.                 {lang:No search results for SearchQuery 2}
  690.                 {/block:NoSearchResults}
  691.             </div>
  692.         </div>
  693.         {/block:SearchPage}
  694.         {block:TagPage}
  695.         <div class="caption ts-pages">
  696.             <div class="post-tit framed">
  697.                 {lang:Posts tagged Tag 3}
  698.             </div>
  699.         </div>
  700.         {/block:TagPage}
  701.         {block:Posts}
  702.         <article class="post">
  703.             {block:Text}
  704.             {block:Title}<div class="post-tit framed">{Title}</div>{/block:Title}
  705.         <div class="caption">{Body}</div>
  706.             {/block:Text}
  707.            
  708.             {block:Link}
  709.         <a class="post-tit framed" href="{URL}"><span class="fa fa-link"></span> {Name}</a>
  710.         <div class="caption">{block:Excerpt}<blockquote class="excerpt">{Excerpt}</blockquote>{/block:Excerpt}{block:Description}{Description}{/block:Description}</div>
  711.         <!-- sorry for the lack of indentation or anything in this section, but the :empty selector doesn't work if it detects whitespace in the element >_< -->
  712.         {/block:Link}
  713.        
  714.         {block:Quote}
  715.         <div class="quote {Length} framed">&ldquo;{Quote}&rdquo;</div>
  716.         {block:Source}<div class="caption" style="text-align:right">&mdash; {Source}</div>{/block:Source}
  717.         {/block:Quote}
  718.        
  719.         {block:Chat}
  720.         {block:Title}<div class="post-tit">{Title}</div>{/block:Title}
  721.         {block:Lines}
  722.         <div class="chat {Alt}">
  723.             {block:Label}<b>{Label}</b>{/block:Label} {Line}
  724.         </div>
  725.         {/block:Lines}
  726.         {/block:Chat}
  727.        
  728.         {block:Photo}
  729.         <div class="media-wrap"><img src="{PhotoURL-HighRes}"></div>
  730.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  731.         {/block:Photo}
  732.        
  733.         {block:Photoset}
  734.         <div class="media-wrap">
  735.             <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  736.             {block:Photos}
  737.             <div class="photo-data">
  738.                 <div class="pxu-photo"><img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  739.                 <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  740.             </div>
  741.             {/block:Photos}
  742.             </div>
  743.         </div>
  744.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  745.         {/block:Photoset}
  746.        
  747.         {block:Audio}
  748.         <div id="aud">{AudioEmbed}</div>
  749.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  750.         {/block:Audio}
  751.        
  752.         {block:Video}
  753.         <div class="media-wrap">{VideoEmbed-500}</div>
  754.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  755.         {/block:Video}
  756.        
  757.         {block:Answer}
  758.         <div class="ques framed">
  759.             <img class="askr-avi" src="{AskerPortraitURL-40}">
  760.             <span class="askr">{Asker} asked:</span>
  761.             <div class="qq">
  762.                 <em>&ldquo;{Question}&rdquo;</em>
  763.             </div>
  764.         </div>
  765.         {block:Answerer}
  766.         <div class="rb_aa">
  767.             <div class="aa">{Answerer} replied:</div>
  768.             <div class="ans">{Answer}</div>
  769.         </div>
  770.         {/block:Answerer}
  771.         <div class="caption">{Replies}</div>
  772.         {/block:Answer}
  773.         {block:More}
  774.         <div class="caption"><center><a class="read-more" href="{Permalink}">{lang:Keep reading} &nbsp;<span class="fa fa-angle-right"></span></a></center></div>
  775.         {/block:More}
  776.         {block:Date}
  777.         {block:HasTags}
  778.         <div class="tag-wrapper">
  779.             </span>&nbsp;{block:Tags}#<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}
  780.         </div>
  781.         {/block:HasTags}
  782.         <footer class="info">
  783.             <hr/>
  784.             <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} // {NoteCountWithLabel}{/block:NoteCount}
  785.             {block:Reblog}
  786.             <br/>
  787.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> // <span {block:ContentSource} style="display:none"{/block:ContentSource}><a href="{ReblogRootURL}" title="{ReblogRootName}">op</a> {block:ContentSource} // </span><a href="{SourceURL}" title="{lang:Source}">source</a>{/block:ContentSource}
  788.             {/block:Reblog}
  789.             <div class="controls">
  790.                 <a href="{ReblogURL}" target="_blank" class="reblog">
  791.                 <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>
  792.                 </a>
  793.                 <a href="#" class="like">{LikeButton}
  794.                 <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>
  795.                 </a>
  796.             </div>
  797.         </footer>
  798.         {/block:Date}
  799.         {block:PostNotes}
  800.         <div id="note">{PostNotes}</div>
  801.         {/block:PostNotes}
  802.         </article>
  803.         {/block:Posts}
  804.     </div>
  805. </div>
  806.  
  807. <div id="navbar">
  808.     <div id="nav-wrapper">
  809.         <a class="nav" href="/" title="Index"><span class="nv fa fa-home"></span></a>
  810.         {block:AskEnabled}<a class="nav" href="/ask" title="Ask"><span class="nv fa fa-pencil"></span></a>{/block:AskEnabled}
  811.         {block:SubmissionsEnabled}<a class="nav" href="/submit" title="Submit"><span class="nv fa fa-envelope"></span></a>{/block:SubmissionsEnabled}
  812.         <a class="nav" href="/archive" title="Archive"><span class="nv fa fa-folder-open"></span></a>
  813.         {block:Pagination}
  814.         {block:PreviousPage}<a class="nav" href="{PreviousPage}" title="Previous page"><span class="nv fa fa-arrow-left"></span></a>{/block:PreviousPage}
  815.         {block:NextPage}<a class="nav" href="{NextPage}" title="Next page"><span class="nv fa fa-arrow-right"></span></a>{/block:NextPage}
  816.         {/block:Pagination}
  817.     </div>
  818.     <div class="nav stretch"></div>
  819.     <a class="nav" href="http://linthm.tumblr.com/thm" title="Bad Behavior &copy; Laighlin"><span class="nv fa fa-code"></span></a>
  820. </div>
  821.  
  822. </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!