API tools faq
paste
Sky_Blue

MERRY YAOIMAS AND HAPPY NEW YURI theme

Sky_Blue
Dec 31st, 2022 (edited)
622
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.99 KB | None | 1 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. MERRY YAOI CHRISTMAS AND HAPPY NEW YURI theme by @puella / @mirainikki
  7.  
  8. i hope your holidays were wonderful and that your year is full of love and joy!!! <3333
  9.  
  10. ----->
  11.  
  12.  
  13. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  14.  
  15. <meta charset="utf-8">
  16. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.    
  21. <title>{Title}</title>
  22.        
  23. <link rel="shortcut icon" href="{image:favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  26.  
  27. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  28.  
  29. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  30.  
  31. <link rel="stylesheet" href="https://static.tumblr.com/vzridne/Ztwrmrjw0/scanlines.css">
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  33. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  34. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  35. <link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500&display=swap" rel="stylesheet">
  36. <script src="https://kit.fontawesome.com/37b69e3f02.js" crossorigin="anonymous"></script>
  37.  
  38. <script>
  39. function gatherData(images, arr) {
  40.   for (let i = 0; i < images.length; i++) {
  41.    let currentData = {
  42.      "width": images[i].getAttribute('data-width'),
  43.      "height": images[i].getAttribute('data-height'),
  44.      "low_res": images[i].getAttribute('data-lowres'),
  45.      "high_res": images[i].getAttribute('data-highres')
  46.    };
  47.    arr.push(currentData);
  48.  }
  49. }
  50. function getIndex(elem) {
  51.  let i = 0;
  52.  while( (elem = elem.previousElementSibling) != null ) i++;
  53.  return i;
  54. }
  55. function lightbox(elem) {
  56.  let currentPhotoset = elem.parentNode;
  57.  let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  58.  let data = [];
  59.  gatherData(photosetPhotos, data);
  60.  Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  61. }
  62. </script>
  63.        
  64. <meta name="image:favicon" content=""/>
  65. <meta name="image:icon" content=""/>
  66. <meta name="image:background" content=""/>
  67. <meta name="image:pixel 1" content=""/>
  68. <meta name="image:pixel 2" content=""/>
  69. <meta name="image:pixel 3" content=""/>
  70.  
  71. <meta name="color:background" content=""/>
  72. <meta name="color:container background" content=""/>
  73. <meta name="color:desc background" content=""/>
  74. <meta name="color:post background" content=""/>
  75. <meta name="color:sidebar background" content=""/>
  76. <meta name="color:border" content=""/>
  77. <meta name="color:box glow" content=""/>
  78. <meta name="color:text" content="#000"/>
  79. <meta name="color:title" content="#000"/>
  80. <meta name="color:title glow" content=""/>
  81. <meta name="color:title outline" content=""/>
  82. <meta name="color:links" content=""/>
  83. <meta name="color:links hover" content=""/>
  84. <meta name="color:links glow" content=""/>
  85. <meta name="color:links glow hover" content=""/>
  86. <meta name="color:links outline" content=""/>
  87. <meta name="color:links outline hover" content=""/>
  88. <meta name="color:tooltip background" content=""/>
  89. <meta name="color:tooltip text" content=""/>
  90. <meta name="color:selection background" content=""/>
  91. <meta name="color:selection text" content=""/>
  92.  
  93. <meta name="if:scanlines" content="1"/>
  94. <meta name="if:box glow" content=""/>
  95. <meta name="if:blurry square icon" content="1"/>
  96. <meta name="if:blurry circle icon" content=""/>
  97. <meta name="if:heart icon" content=""/>
  98. <meta name="if:redirect" content=""/>
  99. <meta name="if:title glow" content=""/>
  100. <meta name="if:title outline" content="1"/>
  101. <meta name="if:links glow" content=""/>
  102. <meta name="if:links outline" content="1"/>
  103. <meta name="if:captions" content="1"/>
  104. <meta name="if:round borders" content=""/>
  105. <meta name="if:background cover" content=""/>
  106.  
  107. <meta name="select:border style" content="solid"/>
  108. <meta name="select:border style" content="dashed"/>
  109. <meta name="select:border style" content="dotted"/>
  110. <meta name="select:border style" content="double"/>
  111. <meta name="select:border style" content="inset"/>
  112. <meta name="select:border style" content="outset"/>
  113. <meta name="select:border style" content="groove"/>
  114. <meta name="select:border style" content="ridge"/>
  115.  
  116. <meta name="text:border width" content="2"/>
  117. <meta name="text:font size" content="20"/>
  118. <meta name="text:font" content=""/>
  119. <meta name="text:title" content="title"/>
  120. <meta name="text:title size" content="70"/>
  121. <meta name="text:title font" content=""/>
  122. <meta name="text:title margin" content="-35"/>
  123. <meta name="text:description" content="description here..."/>
  124. <meta name="text:link 1 url" content=""/>
  125. <meta name="text:link 2 url" content=""/>
  126. <meta name="text:link 3 url" content=""/>
  127. <meta name="text:redirect" content=""/>        
  128.        
  129. <style type="text/css">
  130.  
  131. @font-face{
  132.     font-family:'blacklisted';
  133.     src: url(https://dl.dropbox.com/s/m9ktq46e0fzegif/Blacklisted.ttf);
  134. }
  135.    
  136. @font-face {
  137.     font-family:'stencil';
  138.     src: url(https://dl.dropbox.com/s/3l0n6too3mj3vne/StencilovePersonalUseRegular-WyerY.ttf);
  139. }    
  140.  
  141. @font-face {
  142.     font-family: 'angelface';
  143.     src: url(https://dl.dropbox.com/s/pvxh5hqzpnhbzxe/Angelface%202.otf);
  144. }
  145.  
  146. @font-face {
  147. src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
  148. font-family: hearts;
  149. }
  150.  
  151. @font-face {
  152. src: url(https://dl.dropbox.com/s/hfc6fjqu9kkxbt5/Sweet%20Creamy.ttf);
  153. font-family: creamy;
  154. }
  155.  
  156. ::-webkit-scrollbar {
  157.     display: none;
  158. }
  159.  
  160. ::selection {
  161.     background: {color:selection background};
  162.     color:{color:selection text};
  163. }
  164.  
  165. ::-moz-selection {
  166.     background: {color:selection background};
  167.     color:{color:selection text};
  168. }
  169.  
  170. #s-m-t-tooltip{
  171.     margin: 20px 0 0 20px;
  172.     padding: 5px;
  173.     max-width: 300px;
  174.     background-color:{color:tooltip background};
  175.     color:{color:tooltip text};
  176.     border:{text:border width}px {select:border style} {color:border};
  177.     z-index: 9999;
  178.     {block:ifroundborders}
  179.     border-radius:10px;
  180.     {/block:ifroundborders}
  181. }
  182.  
  183. body {
  184.     margin:0px;
  185.     background:{color:background};
  186.     background-image: url('{image:background}');
  187.     {block:ifbackgroundcover}
  188.     background-size: cover;
  189.     {/block:ifbackgroundcover}
  190.     {block:ifnotbackgroundcover}
  191.     background-repeat:repeat;
  192.     {/block:ifnotbackgroundcover}
  193.     background-attachment:fixed;
  194.     font-family:{text:font};
  195.     font-size:{text:font size}px;
  196.     color:{color:text};
  197. }
  198.  
  199. p{
  200.     margin:0 0 0px 0;
  201.     padding:0;
  202. }
  203.  
  204. pre {
  205.     white-space: pre-wrap;
  206.     white-space: -moz-pre-wrap;
  207.     white-space: -pre-wrap;
  208.     white-space: -o-pre-wrap;
  209.     word-wrap: break-word;
  210. }
  211.  
  212. a{
  213.     color:{color:links};
  214.     {block:iflinksglow}
  215.     text-shadow:0 0 2px {color:links glow},0 0 2px {color:links glow},0 0 2px {color:links glow}, 0 0 1px {color:links glow};
  216.     {/block:iflinksglow}
  217.     {block:iflinksoutline}
  218.     text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  219.     {/block:iflinksoutline}
  220.     text-decoration:none;
  221.     transition:0.5s;
  222. }
  223.  
  224. a:hover{
  225.     color:{color:links hover};
  226.     {block:iflinksglow}
  227.     text-shadow:0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 1px {color:links glow hover};
  228.     {/block:iflinksglow}
  229.     {block:iflinksoutline}
  230.     text-shadow: -1px 0 {color:links outline hover}, 0 1px {color:links outline hover}, 1px 0 {color:links outline hover}, 0 -1px           {color:links outline hover};
  231.     {/block:iflinksoutline}
  232.     cursor:help;
  233. }
  234.  
  235. a.tumblr_blog{
  236.     display:inline-block;
  237.     margin-bottom:5px;
  238. }
  239.  
  240. li{
  241.     margin-left:-15px;
  242. }
  243.  
  244. #wrapper{
  245.     width:fit-content;
  246.     width:moz-fit-content;
  247.     height:fit-content;
  248.     height:moz-fit-content;
  249.     position: fixed;
  250.     top: 0;
  251.     bottom: 0;
  252.     left: 0;
  253.     right: 0;
  254.     margin: auto;
  255.     animation: fadeEffect 1s;
  256.     z-index:9;
  257. }
  258.  
  259. @keyframes fadeEffect {
  260.   from {opacity: 0;}
  261.   to {opacity: 1;}
  262. }
  263.  
  264. #container{
  265.     height:500px;
  266.     overflow:hidden;
  267.     border:{text:border width}px {select:border style} {color:border};
  268.     padding:20px;
  269.     {block:ifroundborders}
  270.     border-radius:10px;
  271.     {/block:ifroundborders}
  272.     background-color:{color:container background};
  273.     {block:ifboxglow}
  274.     box-shadow: 0 0 50px 3px rgb({RGBcolor:box glow}, .8);
  275.     {/block:ifboxglow}
  276. }
  277.  
  278. #title{
  279.     font-size:{text:title size}px;
  280.     color:{color:title};
  281.     font-family:{text:title font};
  282.     margin-bottom:{text:title margin}px;
  283.     text-align:center;
  284.     {block:iftitleglow}
  285.     text-shadow:0 0 5px {color:title glow},0 0 5px {color:title glow},0 0 5px {color:title glow}, 0 0 5px {color:title glow};
  286.     {/block:iftitleglow}
  287.     {block:iftitleoutline}
  288.     text-shadow: -2px 0 {color:title outline}, 0 2px {color:title outline}, 2px 0 {color:title outline}, 0 -2px {color:title outline};
  289.     {/block:iftitleoutline}
  290.     z-index:999999999999999999999999999999999999;
  291.     position:relative;
  292. }
  293.  
  294. #sidebarwrap{
  295.     float:right;
  296.     margin-left: 20px;
  297.     margin-bottom:20px;
  298.     display: flex;
  299.     height: 100%;
  300. }
  301.  
  302. #sidebar{
  303.     width:300px;
  304.     padding:20px;
  305.     text-align:center;
  306.     box-sizing:border-box;
  307.     background-color:{color:sidebar background};
  308.     animation: fadeEffect 1s;
  309.     background-image:url('{image:sidebar background}');
  310.     margin-top:calc(50% - 50px);
  311.     {block:ifroundborders}
  312.     border-radius:10px;
  313.     {/block:ifroundborders}
  314.     border:{text:border width}px {select:border style} {color:border};
  315. }
  316.  
  317. #sidebar .icon{
  318.     margin-top:-48%;
  319.     width:250px;
  320.     height:250px;
  321.     {block:ifblurrysquareicon}
  322.     -webkit-mask-image: url("https://files.catbox.moe/4ltr72.png");
  323.     -webkit-mask-size: 100% 100%;
  324.     -webkit-mask-repeat: no-repeat;
  325.     -webkit-mask-position: center;
  326.     border:none !important;
  327.     {block:ifblurrysquareicon}
  328.     {block:ifblurrycircleicon}
  329.     -webkit-mask-image: url("https://files.catbox.moe/9dwr51.png");
  330.     -webkit-mask-size: 100% 100%;
  331.     -webkit-mask-repeat: no-repeat;
  332.     -webkit-mask-position: center;
  333.     border:none !important;
  334.     {/block:ifblurrycircleicon}
  335.     {block:ifhearticon}
  336.     -webkit-mask-image: url("https://files.catbox.moe/x6j0e7.png");
  337.     -webkit-mask-size: 100% 100%;
  338.     -webkit-mask-repeat: no-repeat;
  339.     -webkit-mask-position: center;
  340.     border:none !important;
  341.     {/block:ifhearticon}
  342.     display:block;
  343.     box-sizing:border-box;
  344.     background:{color:desc background};
  345.     {block:ifroundborders}
  346.     border-radius:10px;
  347.     {/block:ifroundborders}
  348.     border:{text:border width}px {select:border style} {color:border};
  349. }
  350.  
  351. .description{
  352.     margin-top:20px;
  353.     height: calc(170px - ({text:border width}px * 2));
  354.     border:{text:border width}px {select:border style} {color:border};
  355.     overflow: auto;
  356.     {block:ifroundborders}
  357.     border-radius:10px;
  358.     {/block:ifroundborders}
  359.     background:{color:desc background};
  360.     padding:10px;
  361.     box-sizing:border-box;
  362. }
  363.  
  364. .pixels{
  365.     display:flex;
  366.     justify-content:space-around;
  367.     margin-top:20px;
  368. }
  369.  
  370. #content{
  371.     float: left;
  372.     overflow: auto;
  373.     height: 100%;
  374.     margin: -20px;
  375.     padding: 20px;
  376. }
  377.  
  378. .post{
  379.     width:500px;
  380.     padding:20px;
  381.     {block:IndexPage}
  382.     margin-bottom:20px;
  383.     {/block:IndexPage}
  384.     {block:PermalinkPage}
  385.     margin-bottom:-20px;
  386.     {/block:PermalinkPage}
  387.     border:{text:border width}px {select:border style} {color:border};
  388.     background:{color:post background};
  389.     box-sizing:border-box;
  390.     {block:ifroundborders}
  391.     border-radius:10px;
  392.     {/block:ifroundborders}
  393.     animation: fadeEffect 1s;
  394. }
  395.  
  396. .post:last-child{
  397.     margin-bottom:0;
  398. }
  399.  
  400. .post img{
  401.     max-width:100%;
  402.     height:auto;
  403.     {block:ifroundborders}
  404.     border-radius:10px;
  405.     {/block:ifroundborders}
  406. }
  407.  
  408. .footer{
  409.     margin-top:20px;
  410.     padding:10px;
  411.     text-align:center;
  412. }
  413.  
  414. .nfp_row{
  415.     margin-left:0px;
  416.     margin-right:0px;
  417. }
  418.  
  419. #nav{
  420.     margin: 0px;
  421.     text-align: center;
  422.     display: flex;
  423.     justify-content: space-between;
  424.     gap:20px;
  425. }
  426.  
  427. #nav a{
  428.     border:{text:border width}px {select:border style} {color:border};
  429.     {block:ifroundborders}
  430.     border-radius:10px;
  431.     {/block:ifroundborders}
  432.     padding:10px;
  433.     background:{color:post background};
  434.     min-width:100px;
  435. }
  436.  
  437. video{
  438.     max-width:100%;
  439.     height:auto!important;
  440. }
  441.  
  442. .video-container {
  443.     overflow: hidden;
  444. }
  445.  
  446. .video-container iframe,
  447. .video-container object,
  448. .video-container embed {
  449.     position: center;
  450.     max-width: 452px;
  451.     max-height: 452px;
  452. }
  453.  
  454. .video-wrapper {
  455.     max-width: 452px;
  456.     max-height: 452px;
  457.     box-sizing:border-box;
  458.     {block:ifroundborders}
  459.     border-radius:10px;
  460.     {/block:ifroundborders}
  461.  
  462. }
  463.  
  464. iframe.tumblr_audio_player {
  465.     height: 85px;
  466.     display:block;
  467. }
  468.  
  469. .media{
  470.     margin:0 0 0px 0;
  471.     text-align:center;
  472.     {block:ifroundborders}
  473.     border-radius:10px;
  474.     {/block:ifroundborders}
  475. }
  476.  
  477. .media img{
  478.     display:block;
  479.     box-sizing:border-box;
  480. }
  481.  
  482. .title{
  483.     font-size:calc({text:font size}px * 2 - 10px);
  484.     font-weight:bold;
  485.     margin:10px 0 10px 0;
  486.     color:{color:text};
  487. }
  488.  
  489. h1, h2, h3, h4, h5, h6{
  490.     font-size:calc({text:font size}px * 2 - 10px);
  491.     font-weight:bold;
  492.     margin:10px 0 10px 0;
  493.     color:{color:text};
  494. }
  495.  
  496. .quote{
  497.     font-weight:normal;
  498.     font-size:{text:font size};
  499.     font-style:italic;
  500.     margin:0 0 10px 0;
  501. }
  502.  
  503. .question {
  504.     position: relative;
  505.     border:{text:border width}px {select:border style} {color:border};
  506.     {block:ifroundborders}
  507.     border-radius:10px;
  508.     {/block:ifroundborders}
  509.     padding: 20px;
  510.     margin-left:22px;
  511.     width:100%;
  512.     word-break: break-all;
  513.     background:{color:desc background};
  514. }
  515.  
  516. .asker{
  517.     display:flex;
  518.     align-items: flex-start;
  519. }
  520.  
  521. .asker img{
  522.     border:{text:border width}px {select:border style} {color:border};
  523.     background:{color:desc background};
  524. }
  525.  
  526. .answer{
  527.     position: relative;
  528.     border:{text:border width}px {select:border style} {color:border};
  529.     {block:ifroundborders}
  530.     border-radius:10px;
  531.     {/block:ifroundborders}
  532.     padding: 20px;
  533.     margin-right:22px;
  534.     width:100%;
  535.     word-break: break-all;
  536.     background:{color:desc background};
  537. }
  538.  
  539. .answerer{
  540.     margin-top:20px;
  541.     display:flex;
  542.     align-items: flex-start;
  543. }
  544.  
  545. .answerer img{
  546.     border:{text:border width}px {select:border style} {color:border};
  547.     background:{color:desc background};
  548. }
  549.  
  550. .caption{
  551.     margin-top:10px;
  552. }
  553.  
  554. blockquote{
  555.     margin:0px;
  556.     padding-left:10px;
  557.     border-left:{text:border width}px {select:border style} {color:border};
  558.     {block:ifroundborders}
  559.     border-radius:5px;
  560.     {/block:ifroundborders}
  561. }
  562.  
  563. blockquote img{
  564.     max-width:100%;
  565.     height:auto;
  566.     object-fit:cover;
  567.     display: block;
  568.     box-sizing:border-box;
  569. }
  570.  
  571. img{
  572.     max-width:100%;
  573.     height:auto;
  574. }
  575.  
  576. ol.notes{
  577.     border:{text:border width}px {select:border style} {color:border};
  578.     {block:ifroundborders}
  579.     border-radius:10px;
  580.     {/block:ifroundborders}
  581.     margin-top:20px;
  582.     padding:20px;
  583.     list-style-type:none;
  584.     max-height:100px;
  585.     overflow:auto;
  586.     margin-bottom:0px;
  587.     background:{color:desc background};
  588. }
  589.  
  590. ol.notes li.note img{
  591.     width:16px;
  592.     height:16px;
  593.     margin-right:3px;
  594. }
  595.  
  596. ol.notes li.note{
  597.     margin:0px;
  598. }
  599.  
  600. .tags {
  601.     margin-top:20px;
  602.     text-align:center;
  603. }
  604.  
  605. [photoset-layout] {
  606.   grid-gap: 20px;
  607. }
  608.  
  609. [photoset-layout] img {
  610.     {block:ifroundborders}
  611.     border-radius:10px;
  612.     {/block:ifroundborders}
  613.     display: block;
  614.     height: 100%;
  615.     width: 100%;
  616.     object-fit: cover;
  617.     background:{color:desc background};
  618. }
  619.  
  620. [photoset-layout] div {
  621.   cursor: help;
  622. }
  623.  
  624. .answer .embed_iframe{
  625.     width: 240px;
  626. }
  627.  
  628. #heartbeat{
  629.     position:fixed;
  630.     left:12px;
  631.     bottom:6px;
  632.     font-size:18px !important;
  633. }
  634.  
  635. #heartbeat:hover{
  636.     animation: heartbeat 1s infinite;
  637. }
  638.  
  639. @keyframes heartbeat
  640. {
  641.   0%
  642.   {
  643.     transform: scale( .90 );
  644.   }
  645.   20%
  646.   {
  647.     transform: scale( 1 );
  648.   }
  649.   40%
  650.   {
  651.     transform: scale( .90 );
  652.   }
  653.   60%
  654.   {
  655.     transform: scale( 1 );
  656.   }
  657.   80%
  658.   {
  659.     transform: scale( .90 );
  660.   }
  661.   100%
  662.   {
  663.     transform: scale( .90 );
  664.   }
  665. }
  666.  
  667. {CustomCSS}
  668. </style>
  669. </head>
  670.  
  671. <body>
  672.  
  673. {block:ifscanlines}
  674. <div class="lines"></div>
  675. {/block:ifscanlines}
  676.  
  677.  
  678. {block:ifredirect}
  679. {block:IndexPage}
  680. <script type="text/javascript">
  681.     var url = location.href;
  682.     if (url == "{BlogURL}") {
  683.         window.location = "{BlogURL}tagged/{text:redirect}";
  684.     }
  685. </script>
  686. {/block:IndexPage}
  687. {/block:ifredirect}
  688.  
  689. <div id="wrapper">
  690.  
  691. <div id="title">{text:title}</div>
  692.  
  693. <div id="container">
  694.  
  695. <div id="sidebarwrap">
  696. <div id="sidebar">
  697.     <img src="{image:icon}" class="icon">
  698.    
  699.     <div class="description">
  700.         {text:description}
  701.     </div>
  702.    
  703.     <div class="pixels">
  704.           <a href="{text:link 1 url}"><img src="{image:pixel 1}"></a> <a href="{text:link 2 url}"><img src="{image:pixel 2}"></a> <a href="{text:link 3 url}"><img src="{image:pixel 3}"></a>
  705.     </div>
  706. </div>
  707.  
  708. </div>
  709.  
  710. <div id="content">
  711. {block:Posts}
  712.  
  713. <div class="post" post-type="{PostType}">
  714.  
  715. {block:Text}
  716. {block:Title}
  717. <div class="title">{Title}</div>
  718. {/block:Title}
  719. {Body}
  720. {/block:Text}
  721.  
  722. {block:Photo}
  723. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  724. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  725. {/block:Photo}
  726.  
  727. {block:Photoset}
  728. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  729. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  730. {/block:Photoset}
  731.  
  732. {block:Quote}
  733. <div class="quote">"{Quote}"</div>
  734. {block:Source}
  735. <div class="quotesource">{Source}</div>
  736. {/block:Source}
  737. {/block:Quote}
  738.  
  739. {block:Link}
  740. <div class="title"><a href="{URL}">{Name}</a></div>
  741. {block:Description}
  742. <div class="description">{Description}</div>
  743. {/block:Description}
  744. {/block:Link}
  745.  
  746. {block:Chat}
  747. {block:Title}
  748. <div class="title">{Title}</div>
  749. {/block:Title}
  750.  
  751. {block:Lines}
  752. <div class="{Alt} user_{UserNumber}">
  753. {block:Label}
  754. <b>{Label}</b>{/block:Label}
  755. &nbsp;{Line}
  756. </div>
  757. {/block:Lines}
  758. {/block:Chat}
  759.  
  760. {block:Video}
  761. <div class="media"><div class="video-wrapper">
  762. <div class="video-container">{video-500}</div>
  763. </div></div>
  764. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  765. {/block:Video}
  766.  
  767. {block:Audio}
  768. <div class="media">
  769. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-500}</div></div>{/block:AudioEmbed}
  770. </div>
  771. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  772. {/block:Audio}
  773.  
  774. {block:Answer}
  775. <div class="asker"><img src="{AskerPortraitURL-48}"> <div class="question" style="font-style:italic">{Question}</div></div>
  776.  
  777. <div class="answerer"><div class="answer">{Answer}</div>{block:Answerer}<img src="{AnswererPortraitURL-48}">{/block:Answerer}<img src="{PortraitURL-48}" style="{block:Answerer}display:none{/block:Answerer}"></div>
  778.  
  779. <div style="margin-top:20px;{block:NotReblog}display:none;{/block:NotReblog}">{Replies}</div>
  780. {/block:Answer}
  781.  
  782.  
  783. {block:Date}
  784. <div class="footer">
  785.  
  786. <a href="{Permalink}">{notecount}%</a>
  787.  
  788. <!-- {block:NoRebloggedFrom}
  789. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  790. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  791. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  792. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  793. {/block:ContentSource}
  794.  
  795. </div>
  796.  
  797. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  798.  
  799. {block:PermalinkPage}
  800. {block:NoteCount}
  801. {block:PostNotes}{PostNotes}{/block:PostNotes}
  802. {/block:NoteCount}
  803. {/block:PermalinkPage}
  804. {/block:Date}
  805.  
  806. </div>
  807. {/block:Posts}
  808. <div id="nav">
  809. {block:Pagination}
  810.                 {block:PreviousPage}
  811.                     <a href="{PreviousPage}">back</a>
  812.                 {/block:PreviousPage}
  813.                
  814.                
  815.  
  816.                 {block:NextPage}
  817.                 <a href="{NextPage}">next</a>
  818.                 {/block:NextPage}
  819. {/block:Pagination}
  820.  
  821. </div>
  822. </div>
  823.  
  824.  
  825. </div>
  826. </div>
  827. </div>
  828. <a id="heartbeat" href="https://puella.tumblr.com" title="by @puella / @mirainikki"><i class="fas fa-heart"></i>️</a>
  829.     </body>
  830. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!