API tools faq
paste
Advertisement
Sky_Blue

...IT'S LOVE theme

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