marquis-decarabia

manuscript theme

Dec 28th, 2022 (edited)
1,919
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.24 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{title}</title>
  4. <link rel="shortcut icon" href="{favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7. <!-- lmao -->
  8.  
  9. {block:Description}
  10.     <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. {block:Hidden}
  14. <meta name="color:Background" content="#f6f6f6"/>
  15. <meta name="color:Text" content="#b3b0b0"/>
  16. <meta name="color:Scrollbar" content="#000000"/>
  17. <meta name="color:Bold" content="#6b6b6b"/>
  18. <meta name="color:Italic" content="#6b6b6b"/>
  19. <meta name="color:Strikethrough" content="#000000"/>
  20. <meta name="color:Link" content="#733f0b" />
  21. <meta name="color:Link Hover" content="#FFFFFF"/>
  22.  
  23. <meta name="color:Manuscript" content="#b35900"/>
  24. <meta name="text:Manuscript Opacity" content="0.17"/>
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Sidebar" content=""/>
  28.  
  29. <meta name="if:Tooltips" content="1"/>
  30.  
  31. <meta name="if:Link1" content="1"/>
  32. <meta name="text:Link 1 URL" content="">
  33. <meta name="text:Link 1 Title" content="Link 1">
  34.  
  35. <meta name="if:Link2" content="1"/>
  36. <meta name="text:Link 2 URL" content="">
  37. <meta name="text:Link 2 Title" content="Link 2">
  38. {/block:Hidden}
  39.  
  40. <!-- font awesome import -->
  41. <script src="https://kit.fontawesome.com/8e855bbf44.js" crossorigin="anonymous"></script>
  42.  
  43. <!-- open sans import -->
  44. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47. {block:iftooltips}
  48.  
  49. <!-- tooltips -->
  50.  
  51. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  52. </script>
  53. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js">
  54. </script>
  55.  
  56. <script>
  57.     (function($){
  58.         $(document).ready(function(){
  59.             $("[title]").style_my_tooltips({
  60.                 tip_follows_cursor:true,
  61.                 tip_delay_time:90,
  62.                 tip_fade_speed:600,
  63.                 attribute:"title"
  64.             });
  65.         });
  66.     })(jQuery);
  67. </script>
  68.  
  69. <!--basic tooltip from tutorial-baby! Enjoy-->
  70.  
  71. <style>
  72.     .tooltip{
  73.         display: inline;
  74.         position: relative;
  75.     }
  76.     #s-m-t-tooltip {
  77.         max-width:300px; /*how big the tooltip can be at most*/
  78.         border-radius: 0px; /*change your border radius*/
  79.         padding:3px 4px 5px 4px; /*padding inside tooltip*/
  80.         margin:20px 7px -2px 20px; /*distance from word*/
  81.         background-color:{color:background}; /*background color*/
  82.         border:1px solid {color:text}; /*border info*/
  83.         font-family: 'Open Sans', sans-serif; /*tooltip font*/
  84.         font-size:10px; /*tooltip font size*/
  85.         text-transform:none; /*makes the tooltip title uppercase*/
  86.         color:{color:text}; /*tooltip font color*/
  87.         z-index:999999999999999999999999999999999999;
  88.     }
  89. </style>
  90.  
  91. <!-- tooltips end -->
  92. {/block:iftooltips}
  93.  
  94.  
  95. <style type="text/css">
  96.    
  97.     ::-webkit-scrollbar-thumb:vertical{
  98.         background-color: {color:scrollbar};
  99.         border: 2px solid {color:background};
  100.         height:auto;
  101.     }
  102.    
  103.     }
  104.     ::-webkit-scrollbar-thumb:horizontal {
  105.         background-color: {color:scrollbar};
  106.         border: 2px solid {color:background};
  107.         height:auto;
  108.         display:none;
  109.     }
  110.      
  111.     ::-webkit-scrollbar {
  112.         height:auto;
  113.         width:11px;
  114.         background-color:{color:scrollbar};
  115.         border:5px solid {color:background};
  116.     }
  117.    
  118.     ::selection {
  119.       background:{color:text};
  120.       color:{color:background};/* WebKit/Blink Browsers */
  121.     }
  122.     ::-moz-selection {
  123.       background:{color:text};
  124.       color:{color:background}; /* Gecko Browsers */
  125.     }
  126.    
  127.     body {
  128.         background:{color:background} url('{image:Background}');
  129.         background-attachment: fixed;
  130.         margin:0px;
  131.         color:{color:text};
  132.         font-family: 'Open Sans', sans-serif;
  133.         font-size:11px;
  134.         line-height:100%;
  135.         max-width: 100%;
  136.         overflow-x: hidden;
  137.         word-wrap: break-word;
  138.     }  
  139.    
  140.    
  141.     a {
  142.         color:{color:link};
  143.         font-weight:580;
  144.         text-decoration:none;
  145.         -webkit-transition:all 0.6s ease-in-out;
  146.         -moz-transition:all 0.6s ease-in-out;
  147.         -o-transition:all 0.6s ease-in-out;
  148.         transition:all 0.6s ease-in-out;
  149.     }
  150.    
  151.     a:hover {
  152.         color:{color:link hover};  
  153.     }
  154.    
  155.     b, strong {
  156.         font-weight:900;
  157.         color:{color:bold};
  158.     }
  159.    
  160.     i, em {
  161.         font-weight:580;
  162.         color:{color:italic};
  163.     }
  164.    
  165.     li {
  166.         margin-left:-17px;
  167.         margin-right:0px;
  168.     }
  169.    
  170.     h1 {
  171.         font-size:15px;
  172.         line-height:20px;
  173.     }
  174.    
  175.     h2 {
  176.         font-size:15px;
  177.         line-height:20px;
  178.     }
  179.    
  180.     h3 {
  181.         font-size:15px;
  182.         line-height:20px;
  183.     }
  184.    
  185.     strike {
  186.         color: {color:strikethrough};
  187.     }
  188.    
  189.     code {
  190.         font-family:consolas;
  191.         font-size:10px;
  192.         margin-top:5px;
  193.         margin-left:20px;
  194.         margin-right:20px;
  195.         word-wrap:break-word;
  196.         display:block;
  197.         border-right:1px solid {color:text};
  198.         border-left:1px solid {color:text};
  199.         padding:3px;
  200.     }
  201.    
  202.     pre {
  203.         font-family:consolas;
  204.         font-size:10px;
  205.         color:#333333;
  206.         background-color:#e2e2e2;
  207.         border: 10px #e2e2e2 solid;
  208.         -webkit-border-radius: 5px;
  209.         -moz-border-radius: 5px;
  210.         border-radius: 5px;
  211.         white-space: pre-wrap;       /* CSS 3 */
  212.         white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  213.         white-space: -pre-wrap;      /* Opera 4-6 */
  214.         white-space: -o-pre-wrap;    /* Opera 7 */
  215.         word-wrap: break-word;       /* Internet Explorer 5.5+ */
  216.        
  217.     }
  218.    
  219.     hr {
  220.         border: 0;
  221.         height: 2px;
  222.         margin:10px 0px 0px 5px;
  223.         position:relative;
  224.         background: -moz-linear-gradient(left, rgba({RGBcolor:text},0) 0%, rgba({RGBcolor:text},0) 10%, rgba({RGBcolor:text},0.65) 50%, rgba({RGBcolor:text},0) 90%, rgba({RGBcolor:text},0) 100%); /* FF3.6+ */
  225.         background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba({RGBcolor:text},0)), color-stop(10%,rgba({RGBcolor:text},0)), color-stop(50%,rgba({RGBcolor:text},0.65)), color-stop(90%,rgba({RGBcolor:text},0)), color-stop(100%,rgba({RGBcolor:text},0))); /* Chrome,Safari4+ */
  226.         background: -webkit-linear-gradient(left, rgba({RGBcolor:text},0) 0%,rgba({RGBcolor:text},0) 10%,rgba({RGBcolor:text},0.65) 50%,rgba({RGBcolor:text},0) 90%,rgba({RGBcolor:text},0) 100%); /* Chrome10+,Safari5.1+ */
  227.         background: -o-linear-gradient(left, rgba({RGBcolor:text},0) 0%,rgba({RGBcolor:text},0) 10%,rgba({RGBcolor:text},0.65) 50%,rgba({RGBcolor:text},0) 90%,rgba({RGBcolor:text},0) 100%); /* Opera 11.10+ */
  228.         background: -ms-linear-gradient(left, rgba({RGBcolor:text},0) 0%,rgba({RGBcolor:text},0) 10%,rgba({RGBcolor:text},0.65) 50%,rgba({RGBcolor:text},0) 90%,rgba({RGBcolor:text},0) 100%); /* IE10+ */
  229.         background: linear-gradient(left, rgba({RGBcolor:text},0) 0%,rgba({RGBcolor:text},0) 10%,rgba({RGBcolor:text},0.65) 50%,rgba({RGBcolor:text},0) 90%,rgba({RGBcolor:text},0) 100%); /* W3C */
  230.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  231.     }
  232.    
  233.     hr:before {
  234.         content: "";
  235.         display: block;
  236.         border-top: solid 1px #f9f9f9;
  237.         width: 100%;
  238.         height: 1px;
  239.         position: absolute;
  240.         top: 50%;
  241.         z-index: 1;
  242.     }
  243.    
  244.    
  245.     img {
  246.         max-width:100%;
  247.     }
  248.    
  249.     blockquote {
  250.         padding-left:10px;
  251.         border-left:1px solid;
  252.     }
  253.        
  254.     blockquote blockquote {
  255.         padding-left:10px;
  256.         border-left:1px solid;
  257.     }
  258.    
  259.     /* post container wrapper*/
  260.     #container {
  261.         padding:10px;
  262.         width:550px;
  263.         margin-top:50px;
  264.         margin-left:25%;
  265.         padding:0px 15px;
  266.         z-index:1;
  267.         overflow-x: hidden;
  268.     }
  269.    
  270.     /* indiv posts */
  271.     #post {
  272.         width:510px;
  273.         margin-bottom:15px;
  274.     }
  275.    
  276.     #post #content {
  277.         line-height:1.4;
  278.         width:500px;
  279.         padding:5px;
  280.     }
  281.    
  282.     #post p img {
  283.         max-width:100%;
  284.     }
  285.    
  286.    /* post header for blog view*/
  287.  
  288.     #header {
  289.         position:absolute;
  290.         display:inline;
  291.         margin-left:515px;
  292.         margin-top:-1px;
  293.         width:33px;
  294.         min-height:210px;
  295.         opacity:0;
  296.         background:#fff;
  297.         border:solid 2px {color:manuscript};
  298.         -webkit-transition:all 0.6s ease-in-out;
  299.         -moz-transition:all 0.6s ease-in-out;
  300.         -o-transition:all 0.6s ease-in-out;
  301.         transition:all 0.6s ease-in-out;
  302.     }
  303.    
  304.     #postinfo {
  305.         writing-mode:vertical-rl;
  306.         margin-left:-5px;
  307.     }
  308.    
  309.    /* post controls for blog view*/
  310.    #postcontrols {
  311.        position:absolute;
  312.        margin-left:-30px;
  313.        width:20px;
  314.        opacity:0;
  315.         -webkit-transition:all 0.6s ease-in-out;
  316.         -moz-transition:all 0.6s ease-in-out;
  317.         -o-transition:all 0.6s ease-in-out;
  318.         transition:all 0.6s ease-in-out;
  319.    }
  320.    
  321.    #postcontrols:hover, #post:hover #postcontrols, #post:hover #header{
  322.        opacity:1;
  323.    }
  324.    
  325.    
  326.    .bindingtop {
  327.        color:{color:manuscript};
  328.        writing-mode:vertical-rl;
  329.        font-size:25px;
  330.        font-weight:bold;
  331.        margin-left:10px;
  332.    }
  333.    
  334.    .bindingbottom {
  335.        color:{color:manuscript};
  336.        writing-mode:vertical-rl;
  337.        font-size:25px;
  338.        font-weight:bold;
  339.        margin-left:13px;
  340.        margin-top:5px;
  341.        padding-bottom:5px;
  342.    }
  343.    
  344.    
  345.    /* adapted from https://stackoverflow.com/questions/21708662/ */
  346.     .button {
  347.       position: relative;
  348.       display: inline-block;
  349.       width: 20px;
  350.       height: 20px;
  351.       font-size:20px;
  352.       padding:1px;
  353.     }
  354.    
  355.     .like_button {
  356.       position: absolute;
  357.       top: 0;
  358.       left: 0;
  359.       right: 0;
  360.       bottom: 0;
  361.       width: 100%;
  362.       height: 100%;
  363.       opacity: 0;
  364.       z-index: 10;
  365.       -webkit-transition:all 0.6s ease-in-out;
  366.       -moz-transition:all 0.6s ease-in-out;
  367.       -o-transition:all 0.6s ease-in-out;
  368.       transition:all 0.6s ease-in-out;
  369.     }
  370.  
  371.     .like_button iframe {
  372.       width: 100% !important;
  373.       height: 100% !important;
  374.       opacity:0;
  375.     }
  376.  
  377.     .liketoggle {
  378.       position: absolute;
  379.       top: 0;
  380.       left: 0;
  381.       right: 0;
  382.       bottom: 0;
  383.       width: 100%;
  384.       height: 100%;
  385.       z-index: 1;
  386.       -webkit-transition:all 0.6s ease-in-out;
  387.       -moz-transition:all 0.6s ease-in-out;
  388.       -o-transition:all 0.6s ease-in-out;
  389.       transition:all 0.6s ease-in-out;
  390.       color:{color:link};
  391.     }
  392.    
  393.     /* Hover State */
  394.     .like_button:hover + .liketoggle span {
  395.       color: red;
  396.     }
  397.  
  398.     .like_button.liked + .liketoggle span {
  399.       background: red;
  400.       color: white;
  401.       border-radius:2px;
  402.     }
  403.    
  404.    
  405.     #sidebar {
  406.         height:360px;
  407.         width:250px;
  408.         position:fixed;
  409.         left:60%;
  410.         bottom:5%;
  411.         z-index:999;
  412.     }
  413.    
  414.     /* post footer for perma view*/
  415.     #footer{
  416.         font-size:11px;
  417.     }
  418.    
  419.     #perma {
  420.         padding:5px;
  421.         text-align:center;
  422.     }
  423.    
  424.     #tags {
  425.         text-align:center;
  426.         padding:5px;
  427.     }
  428.    
  429.     #sidebar #img {
  430.         position:relative;
  431.         background-image:url('{image:sidebar}');
  432.         background-size:contain;
  433.         border-bottom:1px solid {color:manuscript};
  434.         max-width:250px;
  435.         max-height:175px;
  436.     }
  437.    
  438.     #sidebar #desc {
  439.         width:230px;
  440.         height:155px;
  441.         padding:10px;
  442.         background:{color:background};
  443.         text-align:center;
  444.         opacity:0;
  445.         -webkit-transition:all 0.4s ease-in-out;
  446.         -moz-transition:all 0.4s ease-in-out;
  447.         -o-transition:all 0.4s ease-in-out;
  448.         transition:all 0.4s ease-in-out;
  449.     }
  450.    
  451.    
  452.     #sidebar #img:hover #desc {
  453.         opacity:0.9;
  454.     }
  455.    
  456.     /* links container */
  457.     #links {
  458.         margin-top:10px;
  459.         margin-left:5px;
  460.         max-width:250px;
  461.         max-height:300px;
  462.         display:inline-flex;
  463.         gap:10px;
  464.     }
  465.    
  466.     #links .custom {
  467.         line-height:30px;
  468.         max-height:130px;
  469.         padding:0px 5px 0px 3px;
  470.         writing-mode:vertical-rl;
  471.         text-orientation:upright;
  472.     }
  473.  
  474.     /* page navigation*/    
  475.     #pagi {
  476.         margin-top:10px;
  477.         background:#fff;
  478.         width:249px;
  479.         height:30px;
  480.     }
  481.    
  482.     #pagi .name {
  483.         width:75px;
  484.         border:1px solid {color:headers};
  485.         padding:5px;
  486.         border-top-right-radius:5em;
  487.         background:{color:headers};
  488.     }
  489.    
  490.    
  491.     #pagi .pages {
  492.         font-size:13px;
  493.         margin-top:7px;
  494.         text-align:center;
  495.  
  496.     }
  497.    
  498.     .manuscript {
  499.     /* manuscript paper bg from https://webparts.cman.jp/box/manuscript/ */    
  500.     /* 原稿用紙模様のCSS */
  501.       border     : 2px solid {color:manuscript};   /* ←枠線が不要な場合は削除 */
  502.       background-color   : #ffffff;
  503.       background-image   :
  504.           linear-gradient(to right,
  505.                              #ffffff,
  506.                              #ffffff     10%,
  507.                              rgba({RGBcolor:manuscript}, {text:manuscript opacity})     11%,
  508.                              rgba({RGBcolor:manuscript}, {text:manuscript opacity})     12%,
  509.                              transparent 13%,
  510.                              transparent 87%,
  511.                              rgba({RGBcolor:manuscript}, {text:manuscript opacity})     88%,
  512.                              rgba({RGBcolor:manuscript}, {text:manuscript opacity})     89%,
  513.                              #ffffff     90%,
  514.                              #ffffff),
  515.           linear-gradient(to bottom,
  516.                              transparent,
  517.                              transparent 97%,
  518.                              rgba({RGBcolor:manuscript}, {text:manuscript opacity})     98%,
  519.                              rgba({RGBcolor:manuscript}, {text:manuscript opacity}));
  520.       background-position: right 2px top;
  521.       background-size    : 36px 28px;
  522.        
  523.     }
  524.    
  525.    
  526.     .reblog-header {
  527.         padding:10px 10px 0 10px;
  528.     }
  529.      
  530.     .reblog-header img {
  531.         display:inline;
  532.         width:30px;
  533.         height:30px;
  534.         border-radius:5px;
  535.         vertical-align:middle;
  536.     }
  537.    
  538.     .user {
  539.         padding-left:10px;
  540.     }
  541.      
  542.     .reblog-content {
  543.         padding: 5px 10px;
  544.     }
  545.    
  546.     .reblog-list div:last-of-type hr {
  547.         display:none;
  548.     }
  549.    
  550.     #asker {
  551.         font-weight:400;
  552.         font-size:13px;
  553.     }
  554.    
  555.     #answerer {
  556.         font-weight:400;
  557.         font-size:12.5px;
  558.     }
  559.    
  560.     #askicon {
  561.         float:left;
  562.         margin-right:5px;
  563.         margin-top:10px;
  564.     }
  565.    
  566.     #askicon img {
  567.         border:1px solid #333;
  568.         -webkit-border-radius: 5px;
  569.         -moz-border-radius: 5px;
  570.         border-radius: 5px;
  571.     }
  572.    
  573.     #reply {
  574.         text-align:right;
  575.         border-right:1px solid #8f8f8f;
  576.         border-left:1px solid #8f8f8f;
  577.         padding:5px 10px 5px 10px;
  578.     }
  579.    
  580.     #question {
  581.         margin-left:60px;
  582.         margin-top:7px;
  583.         font-size:11px;
  584.         line-height:1.3;
  585.         font-weight:400;
  586.         color:#333333;
  587.         background-color:#e2e2e2;
  588.         border: 10px #e2e2e2 solid;
  589.         -webkit-border-radius: 5px;
  590.         -moz-border-radius: 5px;
  591.         border-radius: 5px;
  592.     }
  593.    
  594.     .nipple {
  595.         color:#e2e2e2;
  596.         font-size:20px;
  597.         position:absolute;
  598.         margin-top:17px;
  599.         margin-left:47px;
  600.         z-index:0;
  601.     }
  602.    
  603.     #link {
  604.         margin: 12px 8px 4px 8px;
  605.         font-size: {text:Body Font Size}px;
  606.         line-height: 16px;
  607.     }
  608.    
  609.     #link a{
  610.         color: {color:Text};
  611.         padding: 4px 6px;
  612.         border: 1px solid {color:Text};
  613.         overflow: hidden;
  614.     }
  615.    
  616.     #link a:hover{
  617.         color: {color:background};
  618.         background-color: {color:Text};
  619.         text-decoration: none;
  620.     }
  621.    
  622.     /* chat post */
  623.     .lines {
  624.         color:{color:text};
  625.         margin-bottom: 2px;
  626.         margin-right:25px;
  627.         padding: 10px 10px;
  628.         border-bottom:dotted black 1px;
  629.     }
  630.    
  631.     .lines.odd .chatlabel b {
  632.         color:{color:bold};
  633.     }
  634.    
  635.     .lines.even .chatlabel {
  636.         color:{color:text};
  637.     }
  638.    
  639.     .lines:last-of-type {
  640.         border:none;
  641.     }
  642.    
  643.     /* audio player css */
  644.     #album {
  645.         width:125px;
  646.         height:auto;
  647.         position:absolute;
  648.     }
  649.    
  650.     #album img {
  651.         -moz-border-radius: 65px;
  652.         -webkit-border-radius: 65px;
  653.         border-radius: 65px;
  654.         -webkit-transition:all 0.6s ease-in-out;
  655.         -moz-transition:all 0.6s ease-in-out;
  656.         -o-transition:all 0.6s ease-in-out;
  657.         transition:all 0.6s ease-in-out;
  658.     }
  659.    
  660.     #player {
  661.         width:30px;
  662.         height:33px;
  663.         overflow:hidden;
  664.         position:absolute;
  665.         padding:5px 0px 0px 6px;
  666.         margin:45px;
  667.         opacity:0.7;
  668.         background-color: #000;
  669.         -moz-border-radius: 30px;
  670.         -webkit-border-radius: 30px;
  671.         border-radius: 30px;
  672.        
  673.     }
  674.    
  675.     #musicinfo {
  676.         position:inline-block;
  677.         margin-left:135px;
  678.         margin-top:5px;
  679.         margin-bottom:5px;
  680.         height:125px;
  681.     }
  682.    
  683.     #label {
  684.         height:15px;
  685.         padding: 10px 0px 3px 0px;
  686.     }
  687.    
  688.     .label {
  689.         border-bottom: 1px dotted {color:link};
  690.     }
  691.     /* audio player end */
  692.    
  693.     .dev {
  694.     z-index:99999;
  695.     position:fixed;
  696.     bottom:2px;
  697.     left:2px;
  698.     padding:6px 4px 5px 6px;
  699.     text-align:center;
  700.     border:1px solid {color:borders};
  701.     font-size:10px;
  702.     line-height:15px;
  703.     color:{color:link};
  704.     letter-spacing:1px;
  705.     -webkit-transition:all 0.6s ease-in-out;
  706.     -moz-transition:all 0.6s ease-in-out;
  707.     -o-transition:all 0.6s ease-in-out;
  708.     transition:all 0.6s ease-in-out;
  709.     }
  710.    
  711.     .dev:hover {
  712.         background:#ffffff;
  713.     }
  714.    
  715.     .dev a:hover {
  716.         color:{color:link hover};
  717.     }
  718.  
  719.    
  720.     {CustomCSS}
  721. </style>
  722. </head>
  723.  
  724. <body onLoad="scrlsts()">
  725.  
  726. <div id="sidebar" class="manuscript">
  727.     <div id="img">
  728.        
  729.         <div id="desc">
  730.         {Description}
  731.         </div>
  732.     </div>
  733.    
  734.     <div id="links">
  735.         <div class="custom">
  736.             <b>︿</b><a href="/">index</a><b>﹀</b>
  737.         </div>
  738.         <div class="custom">
  739.             <b>︿</b><a href="/q">contact</a><b>﹀</b>
  740.         </div>
  741.         <div class="custom">
  742.             <b>︿</b><a href="/archive">archive</a><b>﹀</b>
  743.         </div>
  744.         {block:ifLink1}
  745.         <div class="custom">
  746.             <b>︿</b><a href="{text:Link 1 URL}">{text:Link 1 Title}</a><b>﹀</b>
  747.         </div>
  748.         {/block:ifLink1}
  749.         {block:ifLink2}
  750.         <div class="custom">
  751.            <b>︿</b><a href="{text:Link 2 URL}">{text:Link 2 Title}</a><b>﹀</b>
  752.         </div>
  753.         {/block:ifLink2}
  754.  
  755.     </div>
  756.    
  757.             {block:Pagination}
  758.         <div id="pagi">
  759.             <div class="pages">
  760.                 {block:PreviousPage}
  761.                 <a href="{PreviousPage}" title="back" style="color:#66CD00; font-size:17px;"><i class="fa-solid fa-arrow-left"></i></a>&nbsp;
  762.                 {/block:PreviousPage}
  763.                 {CurrentPage}/{TotalPages}
  764.                 {block:NextPage}
  765.                 &nbsp;<a href="{NextPage}" title="next" style="color:#66CD00; font-size:17px;"><i class="fa-solid fa-arrow-right"></i></a>
  766.                 {/block:NextPage}
  767.             </div>
  768.         </div>
  769.         {/block:Pagination}
  770. </div>
  771.  
  772.  
  773. <div id="container">
  774.     {block:Posts}
  775.    
  776.     <div id="post" class="manuscript">
  777.    
  778.         {block:IndexPage}
  779.             <div id="header">
  780.                 <span class="bindingtop">
  781.                     【
  782.                 </span>
  783.                 <div id="postinfo">
  784.                     <p><a href="{RelativePermalink}#notes">{NoteCount}</a> notes
  785.                     </br>
  786.                     posted on <a href="{RelativePermalink}">
  787.                         {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}
  788.                         {12HourWithZero}:{Minutes}{AmPm}
  789.                     </a></p>
  790.                 </div>
  791.                 <span class="bindingbottom">
  792.                     |
  793.                 </span>
  794.             </div>
  795.         {/block:IndexPage}
  796.        
  797.         {block:HomePage}
  798.             <div id="postcontrols">
  799.                 <div class="button" title="reblog">
  800.                 <a href="{ReblogURL}" target="_blank">
  801.                 <span class="fa-solid fa-retweet" style="margin-left:-2px"></span>
  802.                 </a>    
  803.                 </div>
  804.                
  805.                 <div class="button" title="like">
  806.                 {LikeButton}
  807.                   <span class="liketoggle">
  808.                     <span class="fa-solid fa-heart"></span>
  809.                   </span>
  810.                 </div>
  811.                
  812.                 {block:IndexPage}
  813.                 <div class="button" title="permalink">
  814.                     <a href="{RelativePermalink}">
  815.                     <span class="fa-solid fa-star" style="margin-left:-2px"></span>
  816.                     </a>
  817.                 </div>
  818.                 {/block:IndexPage}
  819.                
  820.             </div>
  821.         {/block:HomePage}
  822.            
  823.            
  824.         {block:Text}
  825.             <div id="content">
  826.                 <h1>{block:Title}» {Title}{/block:Title}</h1>
  827.                
  828.             {block:NotReblog}
  829.                 <figcaption>
  830.                     {Body}
  831.                 </figcaption>
  832.             {/block:NotReblog}
  833.            
  834.             {block:RebloggedFrom}
  835.             <div class="reblog-list">
  836.                 {block:Reblogs}
  837.                     <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  838.                         <div class="reblog-header">
  839.            
  840.                             {block:IsActive}
  841.                             <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  842.                                 <img src="{PortraitURL-64}">
  843.                             </a>
  844.                             {/block:IsActive}
  845.            
  846.                             {block:IsDeactivated}
  847.                             <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  848.                                 <img src="{PortraitURL-64}">
  849.                             </span>
  850.                             {/block:IsDeactivated}
  851.            
  852.                             {block:IsActive}
  853.                                 <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  854.                             {/block:IsActive}
  855.            
  856.                             {block:IsDeactivated}
  857.                                 <span class="user inactive">{Username}</span>
  858.                             {/block:IsDeactivated}
  859.            
  860.                         </div>
  861.                         <div class="reblog-content">
  862.                             {Body}
  863.                         </div>
  864.                         <hr>
  865.                     </div>
  866.                 {/block:Reblogs}
  867.             </div>
  868.             {/block:RebloggedFrom}
  869.            
  870.             </div>
  871.         {/block:Text}
  872.        
  873.        
  874.        
  875.         {block:Photo}
  876.         <div id="content">
  877.             {LinkOpenTag}
  878.             <img src="{PhotoURL-500}">
  879.             {LinkCloseTag}
  880.             {block:Caption}
  881.            
  882.         {block:NotReblog}
  883.             <figcaption>
  884.                 {Caption}
  885.             </figcaption>
  886.         {/block:NotReblog}
  887.        
  888.         {block:RebloggedFrom}
  889.         <div class="reblog-list">
  890.             {block:Reblogs}
  891.                 <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  892.                     <div class="reblog-header">
  893.        
  894.                         {block:IsActive}
  895.                         <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  896.                             <img src="{PortraitURL-64}">
  897.                         </a>
  898.                         {/block:IsActive}
  899.        
  900.                         {block:IsDeactivated}
  901.                         <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  902.                             <img src="{PortraitURL-64}">
  903.                         </span>
  904.                         {/block:IsDeactivated}
  905.        
  906.                         {block:IsActive}
  907.                             <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  908.                         {/block:IsActive}
  909.        
  910.                         {block:IsDeactivated}
  911.                             <span class="user inactive">{Username}</span>
  912.                         {/block:IsDeactivated}
  913.        
  914.                     </div>
  915.                     <div class="reblog-content">
  916.                         {Body}
  917.                     </div>
  918.                     <hr>
  919.                 </div>
  920.             {/block:Reblogs}
  921.         </div>
  922.         {/block:RebloggedFrom}
  923.        
  924.             {/block:Caption}
  925.         </div>
  926.         {/block:Photo}
  927.        
  928.        
  929.        
  930.         {block:Photoset}
  931.         <div id="content">
  932.             {Photoset-500}
  933.             {block:Caption}
  934.  
  935.             {block:NotReblog}
  936.                 <figcaption>
  937.                     {Caption}
  938.                 </figcaption>
  939.             {/block:NotReblog}
  940.            
  941.             {block:RebloggedFrom}
  942.             <div class="reblog-list">
  943.                 {block:Reblogs}
  944.                     <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  945.                         <div class="reblog-header">
  946.            
  947.                             {block:IsActive}
  948.                             <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  949.                                 <img src="{PortraitURL-64}">
  950.                             </a>
  951.                             {/block:IsActive}
  952.            
  953.                             {block:IsDeactivated}
  954.                             <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  955.                                 <img src="{PortraitURL-64}">
  956.                             </span>
  957.                             {/block:IsDeactivated}
  958.            
  959.                             {block:IsActive}
  960.                                 <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  961.                             {/block:IsActive}
  962.            
  963.                             {block:IsDeactivated}
  964.                                 <span class="user inactive">{Username}</span>
  965.                             {/block:IsDeactivated}
  966.            
  967.                         </div>
  968.                         <div class="reblog-content">
  969.                             {Body}
  970.                         </div>
  971.                         <hr>
  972.                     </div>
  973.                 {/block:Reblogs}
  974.             </div>
  975.             {/block:RebloggedFrom}
  976.            
  977.            
  978.             {/block:Caption}
  979.         </div>
  980.         {/block:Photoset}
  981.        
  982.         {block:Quote}
  983.         <div id="content">
  984.             <h1><b style="font-size:20px">“</b>
  985.                 &nbsp;{Quote}&nbsp;
  986.             <b style="font-size:20px">”</b></h1>
  987.            
  988.             <p style="text-align:right;">{block:Source}—{Source}</p>
  989.             {/block:Source}
  990.         </div>
  991.         {/block:Quote}
  992.        
  993.         {block:Link}
  994.        
  995.         <div id="content">
  996.             <div id="link">
  997.                 <a href="{URL}" {Target}>{Name} →</a>
  998.             </div>
  999.             {block:Description}
  1000.            
  1001.             {block:NotReblog}
  1002.                 <figcaption>
  1003.                     {Description}
  1004.                 </figcaption>
  1005.             {/block:NotReblog}
  1006.            
  1007.             {block:RebloggedFrom}
  1008.             <div class="reblog-list">
  1009.                 {block:Reblogs}
  1010.                     <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1011.                         <div class="reblog-header">
  1012.            
  1013.                             {block:IsActive}
  1014.                             <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  1015.                                 <img src="{PortraitURL-64}">
  1016.                             </a>
  1017.                             {/block:IsActive}
  1018.            
  1019.                             {block:IsDeactivated}
  1020.                             <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1021.                                 <img src="{PortraitURL-64}">
  1022.                             </span>
  1023.                             {/block:IsDeactivated}
  1024.            
  1025.                             {block:IsActive}
  1026.                                 <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  1027.                             {/block:IsActive}
  1028.            
  1029.                             {block:IsDeactivated}
  1030.                                 <span class="user inactive">{Username}</span>
  1031.                             {/block:IsDeactivated}
  1032.            
  1033.                         </div>
  1034.                         <div class="reblog-content">
  1035.                             {Body}
  1036.                         </div>
  1037.                         <hr>
  1038.                     </div>
  1039.                 {/block:Reblogs}
  1040.             </div>
  1041.             {/block:RebloggedFrom}
  1042.            
  1043.             {/block:Description}
  1044.         </div>
  1045.         {/block:Link}
  1046.        
  1047.         {block:Chat}
  1048.         <div id="content">
  1049.             {block:Title}<h1>» {Title}</h1>{/block:Title}
  1050.             {block:Lines}
  1051.                 <div class="lines {Alt}">
  1052.                     {block:Label}
  1053.                         <b class="chatlabel">{Label}</b>
  1054.                     {/block:Label}
  1055.                     {Line}
  1056.                     <br>
  1057.                 </div>
  1058.             {/block:Lines}
  1059.         </div>
  1060.         {/block:Chat}
  1061.        
  1062.        
  1063.         {block:Audio}
  1064.        
  1065.         <div id="content">
  1066.             {block:AlbumArt}
  1067.                     <div id="album">
  1068.                         <img src="{AlbumArtURL}" />
  1069.                     </div>
  1070.             {/block:AlbumArt}
  1071.            
  1072.             <div id="player">
  1073.                 {AudioPlayerBlack}
  1074.             </div>
  1075.            
  1076.             <div id="musicinfo">
  1077.                 {block:TrackName}
  1078.                     <div id="label" class="label">
  1079.                             <b>Title</b>: {TrackName}
  1080.                     </div>
  1081.                 {/block:TrackName}
  1082.                
  1083.                 {block:Album}
  1084.                     <div id="label" class="label">
  1085.                             <b>Album</b>: {Album}
  1086.                     </div>
  1087.                 {/block:Album}
  1088.                
  1089.                 {block:Artist}
  1090.                     <div id="label" class="label">
  1091.                             <b>Artist</b>: {Artist}
  1092.                     </div>
  1093.                 {block:Artist}
  1094.                
  1095.                {block:PlayCount}
  1096.                    <div id="label" class="label">
  1097.                             {PlayCountWithLabel}
  1098.                    </div>
  1099.                 {/block:PlayCount}
  1100.             </div>
  1101.            
  1102.             {block:Caption}
  1103.                 <div id="captions">
  1104.                    
  1105.             {block:NotReblog}
  1106.             <figcaption>
  1107.                 {Caption}
  1108.             </figcaption>
  1109.         {/block:NotReblog}
  1110.        
  1111.         {block:RebloggedFrom}
  1112.         <div class="reblog-list">
  1113.             {block:Reblogs}
  1114.                 <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1115.                     <div class="reblog-header">
  1116.        
  1117.                         {block:IsActive}
  1118.                         <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  1119.                             <img src="{PortraitURL-64}">
  1120.                         </a>
  1121.                         {/block:IsActive}
  1122.        
  1123.                         {block:IsDeactivated}
  1124.                         <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1125.                             <img src="{PortraitURL-64}">
  1126.                         </span>
  1127.                         {/block:IsDeactivated}
  1128.        
  1129.                         {block:IsActive}
  1130.                             <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  1131.                         {/block:IsActive}
  1132.        
  1133.                         {block:IsDeactivated}
  1134.                             <span class="user inactive">{Username}</span>
  1135.                         {/block:IsDeactivated}
  1136.        
  1137.                     </div>
  1138.                     <div class="reblog-content">
  1139.                         {Body}
  1140.                     </div>
  1141.                     <hr>
  1142.                 </div>
  1143.             {/block:Reblogs}
  1144.         </div>
  1145.         {/block:RebloggedFrom}
  1146.                    
  1147.                    
  1148.                 </div>
  1149.             {/block:Caption}
  1150.         </div>
  1151.         {/block:Audio}
  1152.        
  1153.        
  1154.         {block:Video}
  1155.  
  1156.         <div id="content">
  1157.             {Video-500}
  1158.             {block:Caption}
  1159.            
  1160.             {block:NotReblog}
  1161.             <figcaption>
  1162.                 {Caption}
  1163.             </figcaption>
  1164.         {/block:NotReblog}
  1165.        
  1166.         {block:RebloggedFrom}
  1167.         <div class="reblog-list">
  1168.             {block:Reblogs}
  1169.                 <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1170.                     <div class="reblog-header">
  1171.        
  1172.                         {block:IsActive}
  1173.                         <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  1174.                             <img src="{PortraitURL-64}">
  1175.                         </a>
  1176.                         {/block:IsActive}
  1177.        
  1178.                         {block:IsDeactivated}
  1179.                         <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1180.                             <img src="{PortraitURL-64}">
  1181.                         </span>
  1182.                         {/block:IsDeactivated}
  1183.        
  1184.                         {block:IsActive}
  1185.                             <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  1186.                         {/block:IsActive}
  1187.        
  1188.                         {block:IsDeactivated}
  1189.                             <span class="user inactive">{Username}</span>
  1190.                         {/block:IsDeactivated}
  1191.        
  1192.                     </div>
  1193.                     <div class="reblog-content">
  1194.                         {Body}
  1195.                     </div>
  1196.                     <hr>
  1197.                 </div>
  1198.             {/block:Reblogs}
  1199.         </div>
  1200.         {/block:RebloggedFrom}
  1201.            
  1202.             {/block:Caption}
  1203.         </div>
  1204.         {/block:Video}
  1205.        
  1206.        
  1207.         {block:Answer}
  1208.        
  1209.         <div id="content">
  1210.             <div id="askicon">
  1211.                 <img src="{AskerPortraitURL-40}">
  1212.             </div>
  1213.             <div id="asker">
  1214.                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{Asker} said:
  1215.             </div>
  1216.             <div class="nipple">◄</div>
  1217.                 <div id="question">
  1218.                     {Question}
  1219.                 </div>
  1220.                 <br>
  1221.                
  1222.             {block:Answerer}
  1223.                 <div id="reply">
  1224.                     <div id="answerer">
  1225.                         {Answerer} replied:
  1226.                     </div>
  1227.                     {Answer}
  1228.                 </div>
  1229.             {/block:Answerer}
  1230.            
  1231.             {block:NotReblog}
  1232.             <figcaption>
  1233.                 {Replies}
  1234.             </figcaption>
  1235.         {/block:NotReblog}
  1236.        
  1237.         {block:RebloggedFrom}
  1238.         <div class="reblog-list">
  1239.             {block:Reblogs}
  1240.                 <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1241.                     <div class="reblog-header">
  1242.        
  1243.                         {block:IsActive}
  1244.                         <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{RelativePermalink}" target="_blank">
  1245.                             <img src="{PortraitURL-64}">
  1246.                         </a>
  1247.                         {/block:IsActive}
  1248.        
  1249.                         {block:IsDeactivated}
  1250.                         <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1251.                             <img src="{PortraitURL-64}">
  1252.                         </span>
  1253.                         {/block:IsDeactivated}
  1254.        
  1255.                         {block:IsActive}
  1256.                             <a target="_blank" href="{RelativePermalink}" class="user">{Username}</a>
  1257.                         {/block:IsActive}
  1258.        
  1259.                         {block:IsDeactivated}
  1260.                             <span class="user inactive">{Username}</span>
  1261.                         {/block:IsDeactivated}
  1262.        
  1263.                     </div>
  1264.                     <div class="reblog-content">
  1265.                         {Body}
  1266.                     </div>
  1267.                     <hr>
  1268.                 </div>
  1269.             {/block:Reblogs}
  1270.         </div>
  1271.         {/block:RebloggedFrom}
  1272.            
  1273.         </div>    
  1274.         {/block:Answer}
  1275.  
  1276.  
  1277.     {block:PermalinkPage}
  1278.      <div id="footer">
  1279.         <div id="perma">
  1280.             {block:NoteCount}
  1281.             <hr><br>
  1282.                 <i class="fa-regular fa-star"></i>&nbsp;
  1283.                 <a href="{RelativePermalink}#notes">{NoteCount}</a>
  1284.                 &nbsp;&nbsp;&nbsp;
  1285.             {/block:NoteCount}
  1286.            
  1287.             {block:Date}
  1288.                 <i class="fa-regular fa-calendar"></i></i>&nbsp;
  1289.                 <a href="{RelativePermalink}">
  1290.                     {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}
  1291.                     {12HourWithZero}:{Minutes}{AmPm}
  1292.                 </a>
  1293.             {/block:Date}
  1294.            
  1295.             {block:RebloggedFrom}
  1296.                 <br>
  1297.                 <b>via</b>:&nbsp;
  1298.                 <a href="{ReblogParentURL}">
  1299.                     {ReblogParentName}
  1300.                 </a>&nbsp;&nbsp;&nbsp;
  1301.                 <b>OP</b>:&nbsp;
  1302.                 <a href="{ReblogRootURL}">
  1303.                     {ReblogRootName}
  1304.                 </a>
  1305.             {/block:RebloggedFrom}
  1306.            
  1307.             {block:ContentSource}
  1308.                 &nbsp;&nbsp;&nbsp;
  1309.                 <b>source</b>:&nbsp;
  1310.                 <a href="{SourceURL}">
  1311.                     {SourceTitle}
  1312.                 </a>
  1313.             {/block:ContentSource}
  1314.         </div>
  1315.             {block:HasTags}
  1316.             <div id="tags">
  1317.                 {block:Tags}
  1318.                     <b style="font-size:12px; line-height:1.2;">「&nbsp;</b>
  1319.                         <a href="{TagURL}">{Tag}</a>
  1320.                     <b style="font-size:12px;">&nbsp;」&nbsp;</b>
  1321.                 {/block:Tags}
  1322.             </div>
  1323.             {/block:HasTags}
  1324.             {block:PostNotes}
  1325.                 <hr>
  1326.                 <span id="notes">{PostNotes}</span>
  1327.             {/block:PostNotes}
  1328.         <!-- footer closediv-->    
  1329.         </div>                
  1330.         {/block:PermalinkPage}            
  1331.        
  1332.        
  1333.     <!-- container closediv -->    
  1334.     </div>
  1335.    
  1336.     {/block:Posts}
  1337. </div>
  1338.  
  1339.  
  1340.  
  1341.  
  1342. <div class="dev">
  1343. <a href="https://manuscriptures.tumblr.com/" title="dev">&lt;/&gt;</a>
  1344. </div>
  1345.  
  1346.  
  1347. </body>
  1348. </html>
Advertisement
Add Comment
Please, Sign In to add comment