Sky_Blue

MERRY YAOIMAS AND HAPPY NEW YURI theme

Dec 31st, 2022 (edited)
689
1
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.99 KB | None | 1 0
  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