API tools faq
paste
Advertisement
phantasyreign

THEME 10: SHUN KAIDO

phantasyreign
Feb 19th, 2024
1,483
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 61.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!--
  3.        THEME 10: SHUN KAIDO
  4.        RELEASED DATE: 18/03/2022
  5.        THEME CREATOR: JASMIN @https://phantasyreign.tumblr.com/
  6.        PLEASE DO NOT REMOVE THE CREDITS. THANK YOU.
  7.        
  8.        To view the guideline kindly go to this page: https://phantasyreign.tumblr.com/shunk
  9.  
  10. -->
  11. <html>
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
  16. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  17. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  18. <script type="text/javascript" src="https://static.tumblr.com/v6akjgz/UKBr1fneu/popup-by-theme-kid.js"></script>
  19. <script src="https://unpkg.com/interactjs/dist/interact.min.js"></script>
  20. <script src="https://static.tumblr.com/v6akjgz/bcZqoed08/jquery.style-my-tooltips.js"></script>
  21. <link rel="preconnect" href="https://fonts.googleapis.com">
  22. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  23. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap" rel="stylesheet">
  24. <link href="https://static.tumblr.com/v6akjgz/ThXqoeczf/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  25. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  26. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  27. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  28. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  29.  
  30. <meta name="viewport" content="width=device-width, initial-scale=1">
  31.  
  32. <meta name="color:Border" content="#B7B4A5">
  33. <meta name="color:Tab Background" content="#DEE1E6">
  34. <meta name="color:Background" content="#BBC191">
  35. <meta name="color:Accent" content="#F9F9F9">
  36. <meta name="color:Accent Hover" content="#ebeeef">
  37. <meta name="color:Accent Text" content="#5F6368">
  38. <meta name="color:Text Minor" content="#5F6368">
  39. <meta name="color:Accent 02" content="#F1F3F4">
  40. <meta name="color:Accent 02 Hover" content="#ebeeef">
  41. <meta name="color:Lighter Shadow" content="#e6e6e6">
  42. <meta name="color:Darker Shadow" content="#ccc">
  43. <meta name="color:Text Selection Background" content="#5A3E29">
  44. <meta name="color:Text Selection" content="#F1ECE2">
  45.  
  46. <meta name="image:Background" content="">
  47. <meta name="image:Blog Banner" content="https://static.tumblr.com/v6akjgz/fM1r1p32j/04.jpg">
  48. <meta name="image:Polaroid" content="https://static.tumblr.com/v6akjgz/Xuvr1p333/01.jpg">
  49.  
  50. <meta name="if:Allow Background Repeat" content="0">
  51. <meta name="if:Allow Polaroid" content="0">
  52. <meta name="if:Allow Update Menu" content="0">
  53. <meta name="if:Allow Search Bar" content="0">
  54. <meta name="if:Allow Clock" content="0">
  55. <meta name="if:Allow Cursor" content="0">
  56. <meta name="if:Allow Draggable" content="0">
  57. <meta name="if:Allow About Header" content="0">
  58. <meta name="if:Allow About" content="0">
  59. <meta name="if:Allow Contact" content="0">
  60.  
  61. <meta name="text:Ask Statement" content="sent a message">
  62.  
  63. <meta name="text:Blog Status" content="Active/Semi-hiatus/hiatus">
  64. <meta name="text:Ask Status" content="Open/Close">
  65. <meta name="text:Submission Status" content="Open/Close">
  66. <meta name="text:Unanswered Ask" content="n/a">
  67. <meta name="text:Update" content="Write your updates here...">
  68.  
  69. <meta name="text:Name" content="Name">
  70. <meta name="text:Birthday" content="DD/MM/YY">
  71. <meta name="text:Age" content="Age">
  72. <meta name="text:Pronoun" content="Pronoun">
  73. <meta name="text:Location" content="Location">
  74.  
  75. <meta name="text:Like01" content="Like 01">
  76. <meta name="text:Like02" content="Like 02">
  77. <meta name="text:Like03" content="Like 03">
  78. <meta name="text:Like04" content="Like 04">
  79. <meta name="text:Like05" content="Like 05">
  80.  
  81. <meta name="text:Dislike01" content="Dislike 01">
  82. <meta name="text:Dislike02" content="Dislike 02">
  83. <meta name="text:Dislike03" content="Dislike 03">
  84. <meta name="text:Dislike04" content="Dislike 04">
  85. <meta name="text:Dislike05" content="Dislike 05">
  86.  
  87. <meta name="text:Trait01" content="Trait 01">
  88. <meta name="text:Trait02" content="Trait 02">
  89. <meta name="text:Trait03" content="Trait 03">
  90. <meta name="text:Trait04" content="Trait 04">
  91. <meta name="text:Trait05" content="Trait 05">
  92.  
  93. <meta name="text:Question 1" content="Question01">
  94. <meta name="text:Answer 1" content="Answer01">
  95. <meta name="text:Question 2" content="Question02">
  96. <meta name="text:Answer 2" content="Answer02">
  97. <meta name="text:Question 3" content="Question03">
  98. <meta name="text:Answer 3" content="Answer03">
  99. <meta name="text:Question 4" content="Question04">
  100. <meta name="text:Answer 4" content="Answer04">
  101. <meta name="text:Question 5" content="Question05">
  102. <meta name="text:Answer 5" content="Answer05">
  103. <meta name="text:Question 6" content="Question06">
  104. <meta name="text:Answer 6" content="Answer06">
  105. <meta name="text:Question 7" content="Question07">
  106. <meta name="text:Answer 7" content="Answer07">
  107. <meta name="text:Question 8" content="Question08">
  108. <meta name="text:Answer 8" content="Answer08">
  109. <meta name="text:Question 9" content="Question09">
  110. <meta name="text:Answer 9" content="Answer09">
  111. <meta name="text:Question 10" content="Question10">
  112. <meta name="text:Answer 10" content="Answer10">
  113.  
  114. <meta name="text:Contact Ask Form Header" content="Not answering any question? Send an ask below!">
  115.  
  116. <meta name="text:Social Media Header Text" content="Get to Know Me Outside Tumblr!">
  117.  
  118. <meta name="text:Tiktok Username" content="Username">
  119. <meta name="text:Discord Code" content="Code">
  120. <meta name="text:Discord Channel" content="Channel">
  121. <meta name="text:Instagram Username" content="Username">
  122. <meta name="text:Twitter Username" content="Username">
  123. <meta name="text:Youtube Username" content="Username">
  124. <meta name="text:Youtube Channel" content="Channel">
  125. <meta name="text:Paypal Username" content="Username">
  126. <meta name="text:Spotify Username" content="Username">
  127.  
  128. <style type="text/css">
  129. /*GENERAL STYLING*/
  130. *{
  131.     margin:0;
  132.     padding:0;
  133.     box-sizing:border-box;
  134.     {block:ifAllowCursor}
  135.     cursor:url('https://static.tumblr.com/v6akjgz/722r1j6il/sym597.png'), auto!important;
  136.     {/block:ifAllowCursor}
  137. }
  138.  
  139. body{
  140.     font-family:Noto Sans Mono;
  141.     color:{color:accent text};
  142.     {block:ifAllowBackgroundRepeat}
  143.     background-image:url('{image:Background}');
  144.     background-color:{color:Background};
  145.     {/block:ifAllowBackgroundRepeat}
  146.     {block:ifNotAllowBackgroundRepeat}
  147.     background:url('{image:Background}') fixed center center no-repeat;
  148.     background-size:cover;
  149.     background-color:{color:Background};
  150.     {/block:ifNotAllowBackgroundRepeat}
  151.     overflow:hidden;
  152. }
  153.  
  154. /*FONTS*/
  155. p, h1, h2, h3, h4, h5, h6, ol li, ul li, blockquote{margin-bottom:1rem; line-height:1.5;}
  156.  
  157. a{ color:{color:accent text};}
  158.  
  159. ul li, ol li{ margin-left:2rem;}
  160.  
  161. blockquote{
  162.     border:1px solid {color:border};
  163.     border-left:3px solid {color:border};
  164.     background-color:{color:Accent 02};
  165.     border-radius:5px;
  166.     padding:.25rem .5rem;
  167.     box-shadow:inset -3px -3px {color:Lighter Shadow};
  168. }
  169.  
  170. pre{
  171.     background-color:{color:Accent 02};
  172.     border:1px solid {color:border};
  173.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  174.     inset -2.75px -2.75px {color:Lighter Shadow};
  175.     margin:1rem 0;
  176.     padding:.5rem 1rem;
  177.     word-break:break-all;
  178.     white-space:pre-wrap;
  179.     line-height:1.5;
  180.    
  181. }
  182.  
  183. code{
  184.     background-color:{color:Accent 02 Hover};
  185.     padding:.25rem .5rem;
  186.     border-radius:5px;
  187.     box-shadow:inset 1.5px 1px {color:Darker Shadow};
  188.     text-shadow:1px 1px {color:Lighter Shadow};
  189. }
  190.  
  191. /*HORIZONTAL LINE*/
  192. hr{
  193.     width:50%;
  194.     margin:1rem 0;
  195.     border:1px ridge {color:border};
  196. }
  197.  
  198. /*TEXT SELECTION*/
  199. ::selection{
  200.     background:{color:text selection background};
  201.     color:{color:text selection};
  202.     text-shadow:0 0 transparent;
  203. }
  204.  
  205. /*TOOLTIPS*/
  206. #s-m-t-tooltip{
  207.   max-width:300px;
  208.   z-index:1000000000000000;
  209.   margin:24px 14px 7px 12px;
  210.   padding:8px;
  211.   background:{color:Accent};
  212.   border-radius:50px;
  213.   border:1px solid {color:border};
  214.   box-shadow:inset -3px -3px {color:Lighter Shadow};
  215.   font-size:11px;
  216.   line-height:16px;
  217.   color:{color:accent text};
  218.   font-family:noto sans mono;
  219. }
  220.  
  221. /*FIRST LAYER - TAB LOCATION*/
  222. .menu{
  223.     background-color:{color:Tab Background};
  224.     height:7vh;
  225.     display:flex;
  226.     justify-content:space-between;
  227.     align-items:center;
  228.     position:sticky;
  229.     top:0;
  230. }
  231.  
  232. /*TUMBLR CONTROL*/
  233. .iframe-controls--desktop, .tmblr-iframe--desktop-logged-in-controls{ display:none!important;}
  234.  
  235. .tumblrcont{ margin-right:1rem;}
  236.  
  237. .tumblrcont .bx{ font-size:1.25rem;}
  238.  
  239. .tumblrcont a{ color:{color:accent text};}
  240.  
  241. /*SCROLLBAR*/
  242. ::-webkit-scrollbar{ width: 14px; height:14px;}
  243.  
  244. ::-webkit-scrollbar-thumb{
  245.     background:{color:Accent};
  246.     border:1px solid {color:border};
  247.     border-radius:10px;
  248.     box-shadow:inset -3px -3px {color:Lighter Shadow};
  249. }
  250.  
  251. ::-webkit-scrollbar-thumb:hover{ background:{color:Accent 02 Hover}; box-shadow:inset 3px 3px {color:Lighter Shadow};}
  252.  
  253.  
  254. /*TABS*/
  255. .tabs{
  256.     width:55%;
  257.     height:100%;
  258.     display:flex;
  259.     margin-left:1rem;
  260. }
  261.  
  262. .tabs > .tabl{
  263.     width:25%;
  264.     background-color:{color:Accent};
  265.     border:0;
  266.     border-right:1px solid {color:border};
  267.     border-left:1px solid {color:border};
  268.     border-top:1px solid {color:border};
  269.     outline:0;
  270.     font-family:noto sans mono;
  271.     border-radius:5px 5px 0 0;
  272.     cursor:pointer;
  273.     margin:0.5rem 0.5rem 0 0;
  274.     box-shadow:inset -2.5px 0px {color:Lighter Shadow};
  275.     color:{color:accent text};
  276.     font-weight:normal;
  277. }
  278.  
  279. .tabl.active, .tabl:hover{
  280.     background-color:{color:tab background};
  281.     box-shadow:inset 1.5px 1px {color:Darker Shadow};
  282.     font-weight:bold;
  283.     color:{color:Text Minor};
  284.     {block:ifAllowCursor}
  285.     cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;
  286.     {/block:ifAllowCursor}
  287. }
  288.  
  289. .tabl.active{cursor:default;}
  290.  
  291.  
  292. /*SECOND LAYER - BUTTONS*/
  293. .menut{
  294.     background-color:{color:Accent};
  295.     border-bottom:1px solid {color:border};
  296.     height:7vh;
  297.     display:flex;
  298.     position:sticky;
  299.     top:7%;
  300. }
  301.  
  302.  
  303. /*PAGINATION AND REFRESH*/
  304. .pgr{
  305.     width:15%;
  306.     height:100%;
  307.     display:flex;
  308.     justify-content:space-around;
  309.     align-items:center;
  310. }
  311.  
  312. .pgr a{ color:{color:Accent text};}
  313.  
  314. .ppg a{ position:absolute; z-index:2;}
  315.  
  316. .ppg i{
  317.    border:0;
  318.    box-shadow:0 0 transparent;
  319.    color:rgba({RGBcolor:Accent Text}, 0.5);
  320.    cursor:not-allowed!important;
  321.    background:transparent;
  322. }
  323.  
  324. .ppg i:hover{
  325.     box-shadow:0 0 transparent;
  326.     background:transparent;
  327.     {block:ifAllowCursor}
  328.     cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;
  329.     {/block:ifAllowCursor}
  330. }
  331.  
  332.  
  333. /*BUTTONS*/
  334. .bx-left-arrow-alt, .bx-right-arrow-alt, .bx-refresh, .bx-dots-vertical-rounded, .bx-question-mark, .bartit, .updatecont h3, .bx-windows, .bx-minus, .bx-x, .bxl-windows, .bx-search-alt, #clock, .bx-message-alt, .bxs-home, .bx-archive, .bx-envelope, .bxs-chat, .bx-download, .navit a, .postinfo .bx, .tags, .kread{
  335.     background:{color:accent};
  336.     border:1px solid {color:border};
  337.     box-shadow:inset -1px -1px {color:Lighter Shadow};
  338.     text-shadow:1px 1px {color:Lighter Shadow};
  339.     font-size:1.5rem;
  340.     border-radius:50px;
  341.     padding:0.25rem;
  342. }
  343.  
  344. .bx-left-arrow-alt:hover, .bx-right-arrow-alt:hover, .bx-refresh:hover, .bx-dots-vertical-rounded:hover, .bx-question-mark:hover, .bx-windows:hover, .bx-minus:hover, .bx-x:hover, .bxl-windows:hover, .bx-search-alt:hover, .bx-message-alt:hover, .bxs-home:hover, .bx-archive:hover, .bx-envelope:hover, .bxs-chat:hover, .bx-download:hover, .navit a:hover, .postinfo .bx:hover, .tags:hover, .kread:hover{
  345.     background:{color:Accent Hover};
  346.     box-shadow:-1px -1px {color:Lighter Shadow},
  347.     inset 1px 1px {color:Lighter Shadow};
  348.     {block:ifAllowCursor}
  349.     cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;
  350.     {/block:ifAllowCursor}
  351. }
  352.  
  353.  
  354. /*FAKE URL*/
  355. .fakeurl{
  356.     width:100%;
  357.     margin:0.25rem auto;
  358.     padding:0.5rem 0.75rem;
  359.     background:{color:Accent 02};
  360.     color:{color:accent text};
  361.     border-radius:40px;
  362.     font-family:lucida console;
  363.     box-shadow:-1px -1px {color:Lighter Shadow};
  364.     text-shadow:1px 1px {color:Lighter Shadow};
  365.     display:flex;
  366.     justify-content:space-between;
  367.     align-items:center;
  368. }
  369.  
  370. .fakeurl:hover{ background:{color:Accent 02 Hover};}
  371.  
  372. .blogurl::before{
  373.     content:'\e88d';
  374.     font-family:material icons;
  375.     margin-right:1rem;
  376.     font-size:0.9rem;
  377. }
  378.  
  379.  
  380. /*FOLLOW*/
  381. a .bx-star{ font-size:1.2rem; color:{color:accent text};}
  382.  
  383.  
  384. /*UPDATE TAB*/
  385. .update{
  386.     background:{color:accent};
  387.     border: 1px solid {color:border};
  388.     border-radius:5px;
  389.     display: none;
  390.     position: fixed;
  391.     top: 55%; left: 50%;
  392.     z-index: 99999999;
  393.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  394.     2.5px 2.5px rgba({RGBcolor:Accent}, 0.5);
  395. }
  396.  
  397. *html .popup_block {position: absolute;}
  398.  
  399. @keyframes zoom {0% {transform: scale(0); }100% {transform: scale(1.0);}}
  400.  
  401. .bx-dots-vertical-rounded{margin:0.25rem; color:{color:accent text};}
  402.  
  403. {block:ifNotAllowUpdateMenu}
  404. .bx-dots-vertical-rounded{
  405.    border:0;
  406.    box-shadow:0 0 transparent;
  407.    color:rgba({RGBcolor:Accent Text}, 0.5);
  408.    cursor:not-allowed!important;
  409.    background:transparent;
  410. }
  411.  
  412. .bx-dots-vertical-rounded:hover{ box-shadow:0 0 transparent; background:transparent;}
  413. {/block:ifNotAllowUpdateMenu}
  414.  
  415. .updatecont{
  416.     width:100%;
  417.     max-height:70vh;
  418.     padding:0.5rem 1rem;
  419.     box-shadow:inset -1px -1px {color:Darker Shadow};
  420.     overflow:auto;
  421. }
  422.  
  423.  
  424. /*BAR*/
  425. .bar{
  426.     width:100%;
  427.     background:{color:tab background};
  428.     box-shadow:inset -1.5px -1.5px {color:Darker Shadow},
  429.     inset 1.5px 1.5px {color:Lighter Shadow};
  430.     padding:0.5rem 1rem;
  431.     display:flex;
  432.     align-items:center;
  433.     justify-content:space-between;
  434.     margin-bottom:1rem;
  435. }
  436.  
  437. .bartit{font-size:0.8rem; padding:0.25rem 0.5rem;}
  438.  
  439. .bx-question-mark{ font-size:1rem; cursor:help;}
  440.  
  441.  
  442. /*UPDATE CONTENT*/
  443. .updatecont h3{ box-shadow:inset -2px -2px {color:Lighter Shadow};}
  444.  
  445. .updatecont b{
  446.     padding:0.25rem 0.5rem;
  447.     border:1px solid {color:border};
  448.     box-shadow:inset -2px -2px {color:Lighter Shadow};
  449.     border-radius:10px;
  450.     margin-right:0.25rem;
  451. }
  452.  
  453. .updatebox{
  454.     width:100%;
  455.     background-color:{color:Accent 02};
  456.     padding:0.25rem 0.5rem;
  457.     border:1px solid {color:border};
  458.     border-radius:10px;
  459.     text-align:left!important;
  460.     box-shadow:-1.75px -1.75px {color:Lighter Shadow},
  461.     inset -1.75px -1.75px {color:Darker Shadow};
  462.     margin-bottom:1rem;
  463. }
  464.  
  465.  
  466. /*SECTIONS*/
  467. .tabcontent {
  468.   display: none;
  469.   height:calc(100vh - 130px);
  470.   z-index:10;
  471.   overflow:hidden;
  472. }
  473.  
  474.  
  475. /*FOOTER*/
  476. footer{
  477.     background:{color:tab background};
  478.     border-top:1px solid {color:border};
  479.     display:flex;
  480.     justify-content:space-between;
  481.     align-items:center;
  482.     padding:0.25rem 0.5rem;
  483.     position:fixed;
  484.     bottom:0;
  485.     width:100%;
  486. }
  487.  
  488. footer a{ color:{color:accent text};}
  489.  
  490.  
  491. /*SEARCHBAR*/
  492. .searchbar{ padding:1rem 2rem;}
  493.  
  494. .searchbar input{
  495.     padding:0.5rem 1rem;
  496.     border-radius:50px;
  497.     outline:0;
  498.     border:1px solid {color:border};
  499.     background:{color:Accent 02};
  500.     font-family:noto sans mono;
  501.     box-shadow:inset -3px -3px {color:Lighter Shadow};
  502.     text-shadow:1px 1px {color:Lighter Shadow};
  503.     width:100%;
  504. }
  505.  
  506. .searchbar input:focus{
  507.     background:{color:Accent 02 Hover};
  508.     box-shadow:inset 3px 3px {color:Lighter Shadow};
  509.     color:{color:accent text};
  510. }
  511.  
  512.  
  513. /*SEARCH RESULT*/
  514. .searchr{
  515.     border-radius:5px;
  516.     background:{color:accent};
  517.     border:1px solid {color:border};
  518.     box-shadow:inset -1px -1px {color:Lighter Shadow};
  519.     text-shadow:1px 1px {color:Lighter Shadow};
  520.     margin-top:2rem;
  521.     padding:.5rem 1rem;
  522.     text-align:center;
  523. }
  524.  
  525. .searchr h2{margin-bottom:0;}
  526.  
  527. .search_query{
  528.     background:{color:Accent Hover};
  529.     box-shadow:-1px -1px {color:Lighter Shadow},
  530.     inset 1px 1px {color:Lighter Shadow};
  531.     padding:.25rem;
  532.     border-radius:6px;
  533. }
  534.  
  535. .search_query::after{ content:':';}
  536.  
  537.  
  538. /*BLOG TITLE*/
  539. .blogtit{ color:{color:Text Minor};}
  540.  
  541.  
  542. .blogtit::after{
  543.     content:'';
  544.     width:250px;
  545.     height:3px;
  546.     background:{color:background};
  547.     display:inline-block;
  548.     margin-left:0.25rem;
  549.     margin-bottom:4px;
  550. }
  551.  
  552. .footw{
  553.     display:flex;
  554.     align-items:center;
  555.     justify-content:space-between;
  556.     width:45%;
  557. }
  558.  
  559. .footwr{
  560.     display:flex;
  561.     align-items:center;
  562.     justify-content:space-between;
  563.     width:12.5%;
  564. }
  565.  
  566. {block:ifNotAllowClock}
  567. .footwr{ justify-content:flex-end;}
  568. {/block:ifNotAllowClock}
  569.  
  570.  
  571. /*CLOCK*/
  572. #clock{ font-size:1rem;}
  573.  
  574.  
  575. /*SIDEBAR*/
  576. .sidebarw{
  577.     width:25%;
  578.     height:100%;
  579.     display:flex;
  580.     justify-content:center;
  581.     align-items:center;
  582.     position:sticky;
  583.     top:0;
  584. }
  585.  
  586. .sidebar{
  587.     width:90%;
  588.     height:90%;
  589.     background:{color:Accent};
  590.     border-radius:10px;
  591.     box-shadow:3px 3px rgba({RGBcolor:Accent}, 0.5),
  592.     inset -2.75px -2.75px {color:Lighter Shadow};;
  593.     border:1px solid {color:border};
  594. }
  595.  
  596. .sidebar img{
  597.     width:100%;
  598.     height:50%;
  599.     object-fit:cover;
  600.     border-radius:10px 10px 0 0;
  601.     pointer-events:none;
  602.     border-bottom:1px solid {color:border};
  603. }
  604.  
  605. .sidebar .dp{
  606.     position:relative;
  607.     left:50%;
  608.     top:-15%;
  609.     transform:translate(-50%, 15%);
  610.     width:100px;
  611.     height:100px;
  612.     margin:0 auto;
  613.     border-radius:100px;
  614.     border:5px solid {color:background};
  615.     z-index:3;
  616. }
  617.  
  618. .basiclinks{
  619.     height:40%;
  620.     margin-top:-0.5rem;
  621.     position:relative;
  622.     top:-12%;
  623.     border-radius:0 0 10px 11px;
  624.     background:{color:accent};
  625.     display:flex;
  626.     justify-content:center;
  627.     align-items:center;
  628.     flex-flow:row wrap;
  629.     box-shadow:inset -2.75px -2.75px {color:Lighter Shadow};
  630. }
  631.  
  632. .basiclinks > a{ margin:0.25rem .5rem; text-align:center;}
  633.  
  634. .blt{ font-size:0.8rem;}
  635.  
  636. .blogt{
  637.     flex:0 0 100%;
  638.     margin:0.25rem auto;
  639.     text-align:center;
  640.     font-weight:750;
  641.     text-transform:uppercase;
  642. }
  643.  
  644.  
  645. /*POLAROID*/
  646. {block:ifAllowPolaroid}
  647. .polaroidw{
  648.     width:25%;
  649.     height:100%;
  650.     display:flex;
  651.     justify-content:center;
  652.     align-items:center;
  653.     position:sticky;
  654.     top:-100%;
  655.     left:75%;
  656.     bottom:0;
  657.     right:0;
  658.     padding:0 1rem;
  659. }
  660.  
  661. .polaroid{
  662.     aspect-ratio:1;
  663.     padding:0.5rem;
  664.     background:{color:Accent};
  665.     box-shadow:inset -2px -2px {color:Lighter Shadow};
  666.     border:1px solid {color:border};
  667.     z-index:8;
  668.     transform:rotate(20deg);
  669. }
  670.  
  671. .polaroid img{
  672.     width:100%;
  673.     border:1px solid {color:border};
  674.     pointer-events:none;
  675. }
  676.  
  677. .polaroid::before{
  678.     content:'';
  679.     width:200px;
  680.     height:30px;
  681.     background:rgba({RGBcolor:accent},0.7);
  682.     box-shadow:inset -2px -2px {color:Darker Shadow};
  683.     position:absolute;
  684.     right:50%;
  685.     bottom:90%;
  686.     transform:skew(10deg) rotate(-210deg);
  687. }
  688. {/block:ifAllowPolaroid}
  689.  
  690.  
  691. /*DRAGGABLE*/
  692. .draggable{z-index:666666666;}
  693.  
  694.  
  695. /*NAVIGATION*/
  696. .navit{
  697.     width:60%;
  698.     margin:2rem auto;
  699.     background:{color:accent};
  700.     border-radius:10px;
  701.     box-shadow:3px 3px rgba({RGBcolor:Accent}, 0.5);
  702. }
  703.  
  704. .navit .bar{border-radius:10px 10px 0 0;}
  705.  
  706. .navit .updatecont{
  707.     padding:1rem 2rem;
  708.     display:flex;
  709.     align-items:center;
  710.     justify-content:space-around;
  711.     flex-flow:row wrap;
  712.     border-radius:0 0 10px 10px;
  713. }
  714.  
  715. .navit a{
  716.     font-size:0.9rem;
  717.     text-decoration:none;
  718.     margin:0.5rem 1rem;
  719.     display:flex;
  720.     align-items:center;
  721. }
  722.  
  723. .navit a .bx{
  724.     font-size:1.2rem;
  725.     border-radius:50px;
  726.     padding:0.25rem;
  727. }
  728.  
  729.  
  730. /*CONTACT*/
  731. .contact{
  732.     width:80%;
  733.     height:85%;
  734.     background:{color:accent};
  735.     border-radius:10px;
  736.     box-shadow:3px 3px rgba({RGBcolor:Accent}, 0.5);
  737.     margin:2rem auto;
  738. }
  739.  
  740. .contact .bar{ border-radius:10px 10px 0 0; margin-bottom:0;}
  741.  
  742. .contactd{
  743.     height:90%;
  744.     display:flex;
  745.     border:1px solid {color:border};
  746.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  747.     2.5px 2.5px rgba({RGBcolor:Accent}, 0.5);
  748.     border-radius:0 0 10px 10px;
  749. }
  750.  
  751. .contactd > div{ width:50%; padding:0.25rem 0.5rem;}
  752.  
  753. .qna{ overflow:auto;}
  754.  
  755. .contactd .searchbar{ box-shadow:inset -1.5px -1.5px {color:Darker Shadow}, inset 1.5px 1.5px {color:Lighter Shadow}; width:100%;}
  756.  
  757. .askf{
  758.     display:flex;
  759.     justify-content:center;
  760.     align-items:center;
  761.     flex-direction:column;
  762. }
  763.  
  764. summary{
  765.     cursor:pointer;
  766.     {block:ifAllowCursor}
  767.     cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;{/block:ifAllowCursor}
  768.     padding:0.5rem 1rem;
  769.     border-radius:50px;
  770.     outline:0;
  771.     border:1px solid {color:border};
  772.     background:{color:Accent 02};
  773.     box-shadow:inset -3px -3px {color:Lighter Shadow};
  774.     text-shadow:1px 1px {color:Lighter Shadow};
  775. }
  776.  
  777. summary:hover{background:{color:Accent 02 Hover}; box-shadow:inset 3px 3px {color:Lighter Shadow};}
  778.  
  779. details{margin:1rem auto 2rem auto;}
  780.  
  781. details p{margin:0.25rem 1rem;}
  782.  
  783. details > div{
  784.     color:{color:Text Minor};
  785.     margin-top:0.25rem;
  786.     border:1px solid {color:border};
  787.     border-radius:10px;
  788.     background-color:{color:tab background};
  789.     box-shadow:inset 1.5px 1px {color:Darker Shadow};
  790. }
  791.  
  792.  
  793. /*ABOUT*/
  794. header{
  795.     width:90%;
  796.     height:40%;
  797.     margin:2rem auto;
  798. }
  799.  
  800. header img{
  801.     width:100%;
  802.     height:100%;
  803.     object-fit:cover;
  804.     object-position:50% 60%;
  805.     pointer-events:none;
  806.     background:{color:Accent};
  807.     border-radius:10px;
  808.     box-shadow:3px 3px rgba({RGBcolor:Accent}, 0.5),
  809.     inset -2.75px -2.75px {color:Lighter Shadow};
  810.     border:1px solid {color:border};
  811. }
  812.  
  813. .about{
  814.     width:90%;
  815.     height:40%;
  816.     margin:1rem auto;
  817.     display:flex;
  818.     justify-content:space-between;
  819.     align-items:center;
  820.     {block:ifNotAllowAboutHeader}
  821.     position:absolute;
  822.     top:50%;
  823.     left:50%;
  824.     transform:translate(-50%, -50%);
  825.     {/block:ifNotAllowAboutHeader}
  826. }
  827.  
  828. .about ::-webkit-scrollbar-thumb{ border-radius:0 10px 0 0;}
  829.  
  830. .about > div{
  831.     color:{color:Accent text};
  832.     width:25%;
  833.     height:100%;
  834.     margin:0 0.25rem;
  835.     background:{color:Accent 02};
  836.     border-radius:10px;
  837.     box-shadow:3px 3px rgba({RGBcolor:Accent}, 0.5),
  838.     inset -2.75px -2.75px {color:Lighter Shadow};
  839.     border:1px solid {color:border};
  840.     overflow:auto;
  841. }
  842.  
  843. .about > div h5{
  844.     color:{color:Text Minor};
  845.     text-align:center;
  846.     padding:0.75rem 0 0.75rem 0;
  847.     border-bottom:1px solid {color:border};
  848.     background:{color:tab background};
  849.     box-shadow:inset -1.5px -1.5px {color:Darker Shadow},
  850.     inset 1.5px 1.5px {color:Lighter Shadow};
  851.     border-radius:10px 0 0 0;
  852.     position:sticky;
  853.     top:0;
  854. }
  855.  
  856. .about > div ul{
  857.     display:flex;
  858.     flex-wrap:wrap;
  859.     justify-content:space-around;
  860.     align-items:center;
  861.     list-style:none;
  862. }
  863.  
  864. .about > div ul li{
  865.     background:{color:accent};
  866.     border:1px solid {color:border};
  867.     box-shadow:inset -1px -1px {color:Lighter Shadow};
  868.     text-shadow:1px 1px {color:Lighter Shadow};
  869.     padding:0.25rem 0.5rem;
  870.     border-radius:10px;
  871. }
  872.  
  873. .about > div ul li .bx{font-size:1.1rem;}
  874.  
  875.  
  876. /*LIKE REBLOG BUTTON*/
  877. .likerb{
  878.     width:90%;
  879.     margin:0 auto;
  880.     background-color:{color:Accent 02};
  881.     padding:0.5rem .75rem;
  882.     border:1px solid {color:border};
  883.     box-shadow:inset 1px 1px {color:Lighter Shadow},
  884.     inset -2.75px -2.75px {color:Lighter Shadow},
  885.     3px 3px rgba({RGBcolor:Accent}, 0.5);
  886.     text-shadow:1px 1px {color:Lighter Shadow};
  887. }
  888.  
  889. .likerb a{ text-decoration:none; margin-right:.5rem;}
  890.  
  891. .likerb a:hover{
  892.     {block:ifAllowCursor}
  893.     cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;
  894.     {/block:ifAllowCursor}
  895.     text-decoration:underline;
  896. }
  897.  
  898. .like-b {
  899.   position:relative;
  900.   display:inline-block;
  901.   height:1em;
  902.   line-height:1em;
  903.   overflow:hidden;
  904.   margin-bottom:-1px;
  905. }
  906.  
  907. .like-b .like_button iframe {
  908.    position:absolute;
  909.    top:0;
  910.    left:0;
  911.    bottom:0;
  912.    right:0;
  913.    z-index:2;
  914.    opacity:0;
  915. }
  916.  
  917. .like-b .liked + .b { color:inherit;}
  918.  
  919. .like-b .liked + .b::after { content:'d';}
  920.  
  921.  
  922. /*POST INFORMATION*/
  923. .postinfo{
  924.     width:90%;
  925.     margin:3rem auto 0 auto;
  926.     background-color:{color:tab background};
  927.     padding:0.5rem 1rem;
  928.     border:1px solid {color:border};
  929.     box-shadow:inset -2.5px 0px {color:Lighter Shadow},
  930.     3px 3px rgba({RGBcolor:Accent}, 0.5);
  931.     border-radius:10px 10px 0 0;
  932.     display:flex;
  933.     justify-content:space-between;
  934. }
  935.  
  936. .postinfo .bx{font-size:1rem;}
  937.  
  938.  
  939. /*PERMALINK PAGE*/
  940. {block:PermalinkPage}
  941.  
  942. .postw{ border-radius:10px; margin-top:2rem;}
  943.  
  944. .fs{display:none;}
  945.  
  946. .postinfo .bx-fullscreen{
  947.     background-color:{color:accent hover};
  948.     box-shadow:-1px -1px {color:Lighter Shadow},
  949.     inset 1px 1px {color:Lighter Shadow};
  950.     cursor:not-allowed!important;
  951. }
  952. {/block:PermalinkPage}
  953.  
  954.  
  955. /*UNNEST CAPTION*/
  956. .unnest-caption{
  957.     display:flex;
  958.     justify-content:flex-start;
  959.     align-items:center;
  960.     margin:1rem auto;
  961.     background-color:{color:Accent 02};
  962.     border-radius:30px 10px 10px 30px;
  963.     border:1px solid {color:border};
  964.     box-shadow:-1px -1px {color:Lighter Shadow},
  965.     inset 1px 1px {color:Lighter Shadow};
  966. }
  967.  
  968. .unnest-caption a{
  969.     text-decoration:none;
  970.     font-size:.9rem;
  971.     text-transform:uppercase;
  972.     word-break:break-all;
  973. }
  974.  
  975. .unnest-caption a:hover{{block:ifAllowCursor}cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;{/block:ifAllowCursor}
  976. }
  977.  
  978. .unnest-caption img{
  979.     width:64px;
  980.     height:64px;
  981.     border-radius:50%;
  982.     object-fit:cover;
  983.     margin-right:1rem;
  984.     border-right:2px solid {color:border};
  985. }
  986.  
  987. .deactivated::after {
  988.    content:'deactivated';
  989.    position:absolute;
  990.    padding-left:8px;
  991.    opacity:0;
  992.    transition:.4s ease-in-out;
  993. }
  994.  
  995. .deactivated:hover::after {opacity:1;}
  996.  
  997.  
  998. /*POSTS*/
  999. main{
  1000.     width:50%;
  1001.     {block:ifNotAllowPolaroid}
  1002.     width:74%;
  1003.     {block:ifNotAllowPolaroid}
  1004.     position:relative;
  1005.     left:25%;
  1006.     bottom:100%;
  1007.     z-index:5055;
  1008.     overflow:auto;
  1009.     height:calc(100vh - 8rem);
  1010. }
  1011.  
  1012. article{
  1013.     margin:0 auto 2rem auto;
  1014.     background:{color:accent};
  1015.     border:1px solid {color:border};
  1016.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  1017.     3px 3px rgba({RGBcolor:Accent}, 0.5),
  1018.     inset -2.75px -2.75px {color:Lighter Shadow};
  1019.     padding:1rem 1.5rem;
  1020.     width:90%;
  1021.     border-radius:0 0 10px 10px;
  1022.     {block:ifNotAllowPolaroid}
  1023.     padding:2rem 3.5rem;
  1024.     {/block:ifNotAllowPolaroid}
  1025. }
  1026.  
  1027. article img{width:100%;}
  1028.  
  1029. .tmblr-attribution{
  1030.     background:{color:Accent 02};
  1031.     border:1px solid {color:border};
  1032.     box-shadow:inset -1px -1px {color:Lighter Shadow};
  1033.     text-shadow:1px 1px {color:Lighter Shadow};
  1034.     padding:0.5rem 1rem;
  1035.     display:block;
  1036.     margin-top:-8px;
  1037.     border-radius:0 0 5px 5px;
  1038. }
  1039.  
  1040. .tmblr-attribution a{text-decoration:none!important;{block:ifAllowCursor} cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;{/block:ifAllowCursor}
  1041. }
  1042.  
  1043. article h1{
  1044.     background:{color:Accent 02};
  1045.     border:1px solid {color:border};
  1046.     box-shadow:inset -1px -1px {color:Lighter Shadow};
  1047.     text-shadow:1px 1px {color:Lighter Shadow};
  1048.     padding:.5rem 1rem;
  1049.     border-radius: 50px;
  1050. }
  1051.  
  1052. article a:hover{text-decoration:none; {block:ifAllowCursor} cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important; {/block:ifAllowCursor}
  1053. }
  1054.  
  1055.  
  1056. /*VIDEO*/
  1057. .video{
  1058.     margin:1rem auto;
  1059.     background-color:{color:Accent 02};
  1060.     border:1px solid {color:border};
  1061.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  1062.     inset -2.75px -2.75px {color:Lighter Shadow};
  1063.     border-radius:5px;
  1064. }
  1065.  
  1066. .video iframe{padding:1rem 1.5rem;}
  1067.  
  1068.  
  1069. /*AUDIO*/
  1070. iframe[class^="spotify_audio_player"], iframe[class^="soundcloud_audio_player"]{width:100%; height:80px!important; margin-bottom:1rem;
  1071. }
  1072.  
  1073. .audio{
  1074.     border-radius:10px;
  1075.     background-color:{color:Accent 02};
  1076.     border:1px solid {color:border};
  1077.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  1078.     inset -2.75px -2.75px {color:Lighter Shadow};
  1079.     padding:.5rem .75rem;
  1080. }
  1081.  
  1082. .audio iframe{ width:100%!important;}
  1083.  
  1084.  
  1085. /*LIGHTBOX*/
  1086. .vignette, #vignette { opacity:0; z-index:999999999999999999999;}
  1087.  
  1088. .lightbox-image, #tumblr_lightbox img {
  1089.     box-shadow:none !important;
  1090.     border-radius:0 !important;
  1091.     max-width:none;
  1092.     z-index:999999999999999999999;
  1093. }
  1094.  
  1095. .tmblr-lightbox, #tumblr_lightbox { background-color:rgba({RGBcolor:background}, .85) !important; z-index:999999999999999999999;
  1096. }
  1097.  
  1098. .lightbox-image, #tumblr_lightbox img {
  1099.     padding:.5rem 1rem!important;
  1100.     background-color:{color:Accent 02}!important;
  1101.     border:1px solid {color:border}!important;
  1102.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  1103.     inset -2.75px -2.75px {color:Lighter Shadow}!important;
  1104.     border-radius:5px!important;
  1105.     z-index:999999999999999999999;
  1106. }
  1107.  
  1108. /*PHOTOSET*/
  1109. .set{ margin-bottom:1rem;}
  1110.  
  1111.  
  1112. /*CHAT*/
  1113. .chatp{ margin-bottom:1rem;}
  1114.  
  1115. .label{font-weight:bold;}
  1116.  
  1117.  
  1118. /*QUOTE*/
  1119. .quotep{
  1120.     background-color:{color:Accent 02 Hover};
  1121.     padding:.5rem 1rem;
  1122.     border-radius:5px;
  1123.     box-shadow:inset 1.5px 1px {color:Darker Shadow};
  1124.     text-shadow:1px 1px {color:Lighter Shadow};
  1125.     font-weight:bold;
  1126.     line-height:1.5;
  1127.     text-align:center;
  1128. }
  1129.  
  1130. .quotes{
  1131.     margin-top:1rem;
  1132.     text-align:right;
  1133.     text-shadow:1px 1px {color:Lighter Shadow};
  1134.     padding-right:.5rem;
  1135. }
  1136.  
  1137. .quotes::before{ content:'——';}
  1138.  
  1139.  
  1140. /*LINK*/
  1141. .linkp{
  1142.     background-color:{color:Accent 02};
  1143.     border:1px solid {color:border};
  1144.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  1145.     inset -2.75px -2.75px {color:Lighter Shadow};
  1146.     border-radius:5px;
  1147.     padding:.5rem 1rem;
  1148.     text-shadow:1px 1px {color:Lighter Shadow};
  1149.     text-align:center;
  1150.     text-decoration:none;
  1151.     margin-bottom:1rem;
  1152. }
  1153.  
  1154. .linkp:hover{
  1155.     background-color:{color:Accent 02 Hover};
  1156.     box-shadow:inset 1.5px 1px {color:Darker Shadow};
  1157.     {block:ifAllowCursor}
  1158.     cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;
  1159.     {/block:ifAllowCursor}
  1160. }
  1161.  
  1162. .linkp big{font-weight:bold; text-transform:uppercase;}
  1163.  
  1164. .linkp big:hover, .linkp small:hover{{block:ifAllowCursor} cursor:url('https://static.tumblr.com/v6akjgz/F9Vr1j6rk/sym599.png'), auto!important;{/block:ifAllowCursor}}
  1165.  
  1166. .linkp hr{margin:1rem auto; width:25%;}
  1167.  
  1168.  
  1169. /*ASK*/
  1170. .ask{
  1171.     background-color:{color:tab background};
  1172.     padding:0.5rem 1rem;
  1173.     border:1px solid {color:border};
  1174.     box-shadow:inset -2.5px 0px {color:Lighter Shadow},
  1175.     3px 3px rgba({RGBcolor:Accent}, 0.5);
  1176.     border-radius:5px 5px 0 0;
  1177.     line-height:2;
  1178. }
  1179.  
  1180. .asker{
  1181.     background:{color:accent};
  1182.     border:1px solid {color:border};
  1183.     box-shadow:inset -1px -1px {color:Lighter Shadow};
  1184.     text-shadow:1px 1px {color:Lighter Shadow};
  1185.     padding:.25rem .5rem;
  1186.     border-radius:5px;
  1187. }
  1188.  
  1189. .answerer::after{ content:' answered:'; text-transform:lowercase;}
  1190.  
  1191. .question{
  1192.     background-color:{color:accent};
  1193.     border:1px solid {color:border};
  1194.     padding:.5rem 1rem;
  1195.     border-radius:0 0 5px 5px;
  1196. }
  1197.  
  1198. /*POSTNOTE*/
  1199.  ol.notes {
  1200.     list-style-type: none;
  1201.     margin:0 auto 2rem auto;
  1202.     background:{color:accent};
  1203.     border:1px solid {color:border};
  1204.     box-shadow:inset -1px -1px {color:Lighter Shadow},
  1205.     3px 3px rgba({RGBcolor:Accent}, 0.5),
  1206.     inset -2.75px -2.75px {color:Lighter Shadow};
  1207.     padding:1rem 1.5rem;
  1208.     width:90%;
  1209.     border-radius:10px;
  1210.     {block:ifNotAllowPolaroid}
  1211.     padding:2rem 3.5rem;
  1212.     {/block:ifNotAllowPolaroid}
  1213.    
  1214. }
  1215.  
  1216. ol.notes li.note { border-top: solid 1px {color:border}; padding: 10px;}
  1217.  
  1218. ol.notes li.note img.avatar {
  1219.     vertical-align: -4px;
  1220.     margin-right: 10px;
  1221.     width: 24px;
  1222.     height: 24px;
  1223.     border-radius:50px;
  1224.     object-fit:cover;
  1225. }
  1226.  
  1227.  
  1228. ol.notes li.note .answer_content {font-weight: normal;}
  1229.  
  1230. ol.notes li.note blockquote {
  1231.     border-color: {color:border};
  1232.     padding: 4px 10px;
  1233.     margin: 10px 0px 0px 25px;
  1234. }
  1235.  
  1236. ol.notes li.note blockquote a {text-decoration: none;}
  1237.  
  1238. .postn{ border-radius:5px;}
  1239.  
  1240.  
  1241. /*TAGS*/
  1242. .tagsw{
  1243.     width:90%;
  1244.     margin:1rem auto;
  1245.     display:flex;
  1246.     justify-content:space-around;
  1247.     flex-wrap: wrap;
  1248.     gap:1rem;
  1249.     line-height:2.1;
  1250. }
  1251.  
  1252. .tagsw a{ text-decoration:none;}
  1253.  
  1254. .tags{
  1255.     font-size:1rem;
  1256.     padding:.25rem .5rem;
  1257.     border-radius:5px;
  1258. }
  1259.  
  1260. /*MEDIA QUERIES*/
  1261. @media screen and (max-width:1024px){
  1262.     .polaroidw, footer, header, .fakeurl, .tumblrcont, .sidebarw, .bx-dots-vertical-rounded, .tumblr_controls, .tmblr-iframe{display:none;}
  1263.    
  1264.     #about, .about, .about > div,  #navigation, .navit, .tabs, .tabs > .tabl, main, article, .likerb, .postinfo, .tagsw, .contact, .contactd > div, .askf{ width:100%!important;}
  1265.    
  1266.     #about{
  1267.         overflow-y:auto;
  1268.         height:86vh;
  1269.         display:flex;    
  1270.         flex-wrap:wrap;
  1271.     }
  1272.    
  1273.     .about{
  1274.         flex-direction:column;
  1275.         height:auto!important;
  1276.         gap:2rem;
  1277.     }
  1278.    
  1279.     .navit{ height:auto;}
  1280.    
  1281.     .bar{border-radius:0!important;}
  1282.    
  1283.     .navit .updatecont{padding-bottom:2rem;}
  1284.    
  1285.     .navit .updatecont a{padding:.5rem 1rem;}
  1286.    
  1287.     .menut{justify-content:space-between;}
  1288.    
  1289.     .pgr{width:50%;}
  1290.    
  1291.     #contact{overflow:auto;}
  1292.    
  1293.     .qna, .contact{height:auto;}
  1294.    
  1295.     main{bottom:0;left:0;}
  1296.    
  1297.     .contactd{flex-direction:column;}
  1298.    
  1299.     .contactd > div{flex:0 0 100%;}
  1300. }
  1301.  
  1302. @media screen and (min-width:1440px){
  1303.     .tumblr_controls, .tmblr-iframe{display:none;}
  1304.    
  1305.     .menut{ height:5vh; top:2%;}
  1306.    
  1307.     .menu{ height:5vh;}
  1308.    
  1309.     .sidebar{ height:50%;}
  1310.    
  1311.     .about > div{ height:80%;}
  1312.    
  1313.     .navit{
  1314.         position:absolute;
  1315.         top:50%;
  1316.         left:50%;
  1317.         transform:translate(-50%,-50%);
  1318.     }
  1319. }
  1320.  
  1321. @media screen and (min-width:1920px){
  1322.     .contact{
  1323.         height:60%;
  1324.         position:absolute;
  1325.         top:50%;
  1326.         left:50%;
  1327.         transform:translate(-50%,-50%);
  1328.     }
  1329.    
  1330.     .about > div{ height:60%;}
  1331.    
  1332.     .footw{ justify-content:start; gap:3rem;}
  1333.    
  1334.     .footwr{ justify-content:end; gap:3rem}
  1335.    
  1336.     main{ height:calc(100vh - 9.4rem);}
  1337.    
  1338.     .polaroid::before{ width:350px; height:40px;}
  1339. }
  1340. </style>
  1341.  
  1342. <script type="text/javascript">
  1343. $(document).ready(function(){
  1344.   popUp(true);
  1345. });
  1346. </script>
  1347.  
  1348. {block:ifAllowDraggable}
  1349. <script>
  1350. if ($(window).width()>568){
  1351.         const position = { x: 0, y: 0 }
  1352.  
  1353. interact('.draggable').draggable({
  1354.   listeners: {
  1355.     start (event) {
  1356.       console.log(event.type, event.target)
  1357.     },
  1358.     move (event) {
  1359.       position.x += event.dx
  1360.       position.y += event.dy
  1361.  
  1362.       event.target.style.transform =
  1363.         `translate(${position.x}px, ${position.y}px)`
  1364.     },
  1365.   }
  1366. })
  1367. }
  1368. </script>
  1369. {/block:ifAllowDraggable}
  1370.  
  1371. <script>
  1372.     (function($){
  1373.         $(document).ready(function(){
  1374.             $("[title]").style_my_tooltips({
  1375.                 tip_follows_cursor:true,
  1376.                 tip_delay_time:0,
  1377.                 tip_fade_speed:0,
  1378.             });
  1379.         });
  1380.     })(jQuery);
  1381. </script>
  1382.  
  1383. <script>
  1384.     function flexFrame() {
  1385.    $(".caption").each(function() {
  1386.         $(this).find("iframe").wrap("<div class='capframe'></div>");
  1387.         flexibleFrames($(".capframe"));
  1388.     });
  1389.     flexibleFrames($(".video"));
  1390. }
  1391. $(document).ready(flexFrame);
  1392. </script>
  1393.  
  1394. <script>
  1395. $(document).ready(function(){
  1396. $('.photo-slideshow').pxuPhotoset({
  1397. lightbox:true,
  1398. rounded:false,
  1399. gutter:'0px',
  1400. borderRadius:'0px',
  1401. photoset:'.photo-slideshow',
  1402. photoWrap:'.photo-data',
  1403. photo:'.pxu-photo'
  1404. });
  1405. });
  1406. </script>
  1407.  
  1408.  
  1409. </head>
  1410. <body onload="startTime()">
  1411. <section class="menu">
  1412.     <div class="tabs">
  1413.         <button class="tabl" onclick="openTab(event, 'blog')" id="defaultOpen">Blog</button>
  1414.         {block:ifAllowAbout}
  1415.         <button class="tabl" onclick="openTab(event, 'about')">About</button>
  1416.         {/block:ifAllowAbout}
  1417.         {block:ifAllowContact}
  1418.         <button class="tabl" onclick="openTab(event, 'contact')">Contact</button>
  1419.         {/block:ifAllowContact}
  1420.         {block:HasPages}
  1421.         <button class="tabl" onclick="openTab(event, 'navigation')">Navigation</button>
  1422.         {/block:HasPages}
  1423.     </div>
  1424.    
  1425.     <div class="tumblrcont">
  1426.         <a href="https://www.tumblr.com/blog/view/{Name}" title="Open in Dashboard"><span class='bx bx-minus'></span></a>
  1427.         <a href="https://www.tumblr.com/customize/{Name}" title="Customise" target="_blank"><span class='bx bx-windows'></span></a>
  1428.         <a href="https://www.tumblr.com/dashboard" title="Dashboard" target="_blank"><span class='bx bx-x' ></span></a>
  1429.     </div>
  1430. </section>
  1431. <!--SECOND LAYER-->
  1432. <section class="menut">
  1433.     <div class="pgr">
  1434. {block:Pagination}
  1435.     <div class="ppg">
  1436.         {block:PreviousPage}<a href="{PreviousPage}" title="Click to go back"><span class='bx bx-left-arrow-alt'></span></a>{/block:PreviousPage}
  1437.         <i class='bx bx-left-arrow-alt'></i>
  1438.  
  1439. {block:NextPage}<a href="{NextPage}" title="Click to go forward"><span class='bx bx-right-arrow-alt'></span></a>{/block:NextPage}<i class='bx bx-right-arrow-alt'></i>
  1440.     </div>
  1441. {block:Pagination}
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447.         <a href="/" title="Reload this blog"><span class='bx bx-refresh' ></span></a>
  1448.     </div>
  1449.     <div class="fakeurl">
  1450.         <span class="blogurl">{BlogURL}</span>
  1451.         <a href="https://www.tumblr.com/follow/{Name}" title="Follow this blog"><span class='bx bx-star'></span></a>
  1452.     </div>
  1453.    
  1454.     {block:ifAllowUpdateMenu}
  1455.     <a href="#?w=500" rel="update" class="poplight" title="Update Menu"><span class='bx bx-dots-vertical-rounded'></span></a>
  1456.     {/block:ifAllowUpdateMenu}
  1457.    
  1458.     {block:ifNotAllowUpdateMenu}
  1459.     <span class='bx bx-dots-vertical-rounded' title="There's no update as of now!"></span>
  1460.     {/block:ifNotAllowUpdateMenu}
  1461. </section>
  1462.  
  1463. <section id="blog" class="tabcontent">
  1464.   <aside class="sidebarw">
  1465.       <div class="sidebar">
  1466.           <img src="{image:Blog Banner}">
  1467.           <img src="{PortraitURL-128}" class="dp">
  1468.           <div class="basiclinks">
  1469.           <span class="blogt">{Title}</span>
  1470.               <a href="/">
  1471.                   <span class='bx bxs-home'></span><br><span class="blt">Refresh</span>
  1472.               </a>
  1473.               <a href="/archive">
  1474.                   <span class='bx bx-archive'></span><br><span class="blt">Archive</span>
  1475.               </a>
  1476.               <a href="https://www.tumblr.com/message/{Name}" title="Send a message to {Name}" target="_blank">
  1477.                   <span class="bx bxs-chat"></span><br><span class="blt">Message</span>
  1478.               </a>
  1479.             {block:SubmissionsEnabled}
  1480.               <a href="#?w=500" rel="submit" class="poplight"><span class='bx bx-download'></span><span class="blt"><br>Submit</span>
  1481.               </a>
  1482.              {/block:SubmissionsEnabled}
  1483.              
  1484.              
  1485.              {block:ifNotAllowContact}
  1486.              {block:AskEnabled}
  1487.              <a href="#?w=500" rel="ask" class="poplight"><span class='bx bx-envelope'></span><span class="blt"><br>Ask</span>
  1488.               </a>
  1489.             {/block:AskEnabled}
  1490.              {/block:ifNotAllowContact}
  1491.           </div>
  1492.           </div>
  1493.       </div>
  1494.   </aside>
  1495.  
  1496.   <main>
  1497.  
  1498. {block:SearchPage}
  1499.   <article class="searchr">
  1500.     <h2>
  1501.         {lang:Found SearchResultCount results for SearchQuery 2}
  1502.         {block:NoSearchResults}
  1503.             No Result Found :(
  1504.         {/block:NoSearchResults}
  1505.     </h2>  
  1506.   </article>
  1507. {/block:SearchPage}
  1508.  
  1509.   {block:Posts}
  1510.   <div id="{PostID}" class="postw">
  1511.   {block:Date}
  1512.       <div class="postinfo">
  1513.       <div>
  1514.           <span class="bartit">
  1515.               File No. {Year}{MonthNumberWithZero}{DayOfMonthWithZero}
  1516.               {block:Text}.txt{block:Text} {block:Photo}.jpeg{/block:Photo} {block:Photoset}.png{/block:Photoset} {block:Audio}.mp3{/block:Audio} {block:Chat}.css{/block:Chat} {block:Video}.mp4{/block:Video}{block:Quote}.epub{/block:Quote}{block:Link}.ai{/block:Link}
  1517.           </span>
  1518.       </div>
  1519.      
  1520.       <div>
  1521.           <span class='bx bx-time-five' title="Posted on {TimeAgo}"></span>
  1522.         <span class='bx bx-message-square-dots' title="{NoteCountWithLabel}"></span>
  1523.         <a href="{Permalink}" title="View Permalink"><span class='bx bx-fullscreen fs'></span></a>
  1524.         {block:PermalinkPage}
  1525.         <span class='bx bx-fullscreen'></span>
  1526.         {/block:PermalinkPage}
  1527.       </div>
  1528.   </div>
  1529.   <div class="likerb">
  1530.           <a href="{ReblogURL}">Reblog</a>
  1531.           <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  1532.           {block:ContentSource}
  1533.           <a href="{SourceURL}" target="_blank">
  1534.               Source: {SourceTitle}
  1535.           </a>
  1536.           {/block:ContentSource}
  1537.       </div>
  1538.     {/block:Date}  
  1539.       {block:Text}
  1540.       <article>
  1541.           {block:Title}<h1>{Title}</h1>{/block:Title}
  1542.           {block:NotReblog}
  1543.     {Body}
  1544.     {/block:NotReblog}
  1545.    
  1546.     {block:RebloggedFrom}
  1547.     {block:Reblogs}
  1548.     <div class="unnest-caption">
  1549.         {block:IsActive}
  1550.         <img src="{PortraitURL-64}">
  1551.         {block:IsActive}
  1552.         {block:IsDeactivated}
  1553.         <span class="inactive deactivated">{Username}</span>
  1554.         {/block:IsDeactivated}
  1555.         {block:HasPermalink}
  1556.         <a href="{Permalink}" target="_blank">
  1557.             {Username}
  1558.         </a>
  1559.         {/block:HasPermalink}
  1560.     </div>
  1561.     {Body}
  1562.     {/block:Reblogs}
  1563.     {/block:RebloggedFrom}
  1564.       </article>
  1565.       {/block:Text}
  1566.      
  1567.       {block:Video}
  1568.             <article>
  1569.                 <div class="video">
  1570.                     {Video-500}
  1571.                 </div>
  1572.                
  1573.                  {block:Caption}
  1574.     {block:NotReblog}
  1575.     {Caption}
  1576.     {/block:NotReblog}
  1577.    
  1578.         {block:RebloggedFrom}
  1579.     {block:Reblogs}
  1580.     <div class="unnest-caption">
  1581.         {block:IsActive}
  1582.         <img src="{PortraitURL-64}">
  1583.         {block:IsActive}
  1584.         {block:IsDeactivated}
  1585.         <span class="inactive deactivated">{Username}</span>
  1586.         {/block:IsDeactivated}
  1587.         {block:HasPermalink}
  1588.         <a href="{Permalink}" target="_blank">
  1589.             {Username}
  1590.         </a>
  1591.         {/block:HasPermalink}
  1592.     </div>
  1593.     {Body}
  1594.     {/block:Reblogs}
  1595.     {/block:RebloggedFrom}
  1596.     {/block:Caption}
  1597.             </article>
  1598.     {/block:Video}
  1599.    
  1600.     {block:Photo}
  1601.         <article>
  1602.             <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1603.     <img src="{PhotoURL-HighRes}">
  1604. </a>
  1605.                  {block:Caption}
  1606.     {block:NotReblog}
  1607.     {Caption}
  1608.     {/block:NotReblog}
  1609.    
  1610.         {block:RebloggedFrom}
  1611.     {block:Reblogs}
  1612.     <div class="unnest-caption">
  1613.         {block:IsActive}
  1614.         <img src="{PortraitURL-64}">
  1615.         {block:IsActive}
  1616.         {block:IsDeactivated}
  1617.         <span class="inactive deactivated">{Username}</span>
  1618.         {/block:IsDeactivated}
  1619.         {block:HasPermalink}
  1620.         <a href="{Permalink}" target="_blank">
  1621.             {Username}
  1622.         </a>
  1623.         {/block:HasPermalink}
  1624.     </div>
  1625.     {Body}
  1626.     {/block:Reblogs}
  1627.     {/block:RebloggedFrom}
  1628.     {/block:Caption}
  1629.         </article>
  1630.     {/block:Photo}
  1631.    
  1632.     {block:Photoset}
  1633.     <article>
  1634.         <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1635. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>
  1636.  
  1637.                  {block:Caption}
  1638.     {block:NotReblog}
  1639.     {Caption}
  1640.     {/block:NotReblog}
  1641.    
  1642.         {block:RebloggedFrom}
  1643.     {block:Reblogs}
  1644.     <div class="unnest-caption">
  1645.         {block:IsActive}
  1646.         <img src="{PortraitURL-64}">
  1647.         {block:IsActive}
  1648.         {block:IsDeactivated}
  1649.         <span class="inactive deactivated">{Username}</span>
  1650.         {/block:IsDeactivated}
  1651.         {block:HasPermalink}
  1652.         <a href="{Permalink}" target="_blank">
  1653.             {Username}
  1654.         </a>
  1655.         {/block:HasPermalink}
  1656.     </div>
  1657.     {Body}
  1658.     {/block:Reblogs}
  1659.     {/block:RebloggedFrom}
  1660.     {/block:Caption}
  1661.  
  1662.     </article>
  1663.     {/block:Photoset}
  1664.    
  1665.     {block:Chat}
  1666.     <article>
  1667.         {block:Title}
  1668.         <h1>
  1669.             {Title}
  1670.         </h1>
  1671.     {/block:Title}
  1672.    
  1673.     {block:Lines}
  1674.         <div class="chatp">
  1675.             <p>{block:Label} <span class="label">{Label}</span>{/block:Label} {Line}
  1676.         </div>
  1677.     {/block:Lines}
  1678.     </article>
  1679.     {/block:Chat}
  1680.    
  1681.     {block:Audio}
  1682.     <article>
  1683.         <div class="audio">{AudioEmbed}</div>
  1684.          {block:Caption}
  1685.     {block:NotReblog}
  1686.     {Caption}
  1687.     {/block:NotReblog}
  1688.    
  1689.         {block:RebloggedFrom}
  1690.     {block:Reblogs}
  1691.     <div class="unnest-caption">
  1692.         {block:IsActive}
  1693.         <img src="{PortraitURL-64}">
  1694.         {block:IsActive}
  1695.         {block:IsDeactivated}
  1696.         <span class="inactive deactivated">{Username}</span>
  1697.         {/block:IsDeactivated}
  1698.         {block:HasPermalink}
  1699.         <a href="{Permalink}" target="_blank">
  1700.             {Username}
  1701.         </a>
  1702.         {/block:HasPermalink}
  1703.     </div>
  1704.     {Body}
  1705.     {/block:Reblogs}
  1706.     {/block:RebloggedFrom}
  1707.     {/block:Caption}
  1708.     </article>
  1709.     {/block:Audio}
  1710.    
  1711.     {block:Quote}
  1712.     <article>
  1713.         <div class="quotep">
  1714.             {Quote}
  1715.         </div>
  1716.         {block:Source}
  1717.         <div class="quotes">
  1718.             {Source}
  1719.         </div>
  1720.         {/block:Source}
  1721.     </article>
  1722.     {/block:Quote}
  1723.    
  1724.     {block:Link}
  1725.     <article>
  1726.         <a href="{URL}" target="_blank">
  1727.         <div class="linkp">
  1728.         {block:Thumbnail}
  1729.         <img src="{Thumbnail-HighRes}">
  1730.         {/block:Thumbnail}
  1731.             <big>{Name}</big>
  1732.             {block:Excerpt}
  1733.             <hr>
  1734.             <small>{Excerpt}</small>{/block:Excerpt}
  1735.         </div>
  1736.     </a>
  1737.                      {block:Description}
  1738.     {block:NotReblog}
  1739.     {Description}
  1740.     {/block:NotReblog}
  1741.    
  1742.         {block:RebloggedFrom}
  1743.     {block:Reblogs}
  1744.     <div class="unnest-caption">
  1745.         {block:IsActive}
  1746.         <img src="{PortraitURL-64}">
  1747.         {block:IsActive}
  1748.         {block:IsDeactivated}
  1749.         <span class="inactive deactivated">{Username}</span>
  1750.         {/block:IsDeactivated}
  1751.         {block:HasPermalink}
  1752.         <a href="{Permalink}" target="_blank">
  1753.             {Username}
  1754.         </a>
  1755.         {/block:HasPermalink}
  1756.     </div>
  1757.     {Body}
  1758.     {/block:Reblogs}
  1759.     {/block:RebloggedFrom}
  1760.     {/block:Description}
  1761.    
  1762.     </article>
  1763.     {/block:Link}
  1764.    
  1765.     {block:Answer}
  1766.     <article>
  1767.         <div class="ask">
  1768.         {Asker} {text:Ask Statement}:
  1769.     </div>
  1770.     <div class="question">
  1771.         <p>{Question}
  1772.     </div>
  1773.    
  1774.     {block:NotReblog}
  1775.     <p>{Answer}
  1776.     {/block:NotReblog}
  1777.     {block:RebloggedFrom}
  1778.         {block:Answerer}
  1779.             <div class="unnest-caption">
  1780.                 <img src="{AnswererPortraitURL-64}">{Answerer}
  1781.             </div>
  1782.             <p>{Answer}
  1783.         {/block:Answerer}
  1784.         {block:Reblogs}
  1785.             <div class="unnest-caption">
  1786.                 {block:isActive}
  1787.                     <img src="{AnswererPortraitURL-64}">
  1788.                 {/block:isActive}
  1789.                 {block:IsDeactivated}
  1790.                      <span class="inactive deactivated">{Username}</span>
  1791.                 {/block:IsDeactivated}
  1792.                 {block:HasPermalink}
  1793.                     <a href="{Permalink}" target="_blank">
  1794.                         {Username}
  1795.                     </a>
  1796.                 {/block:HasPermalink}    
  1797.             </div>
  1798.             {Body}
  1799.         {/block:Reblogs}
  1800.         {/block:RebloggedFrom}
  1801.     </article>
  1802.     {/block:Answer}
  1803.    
  1804.     {block:HasTags}
  1805.         <div class="tagsw">
  1806.             {block:Tags}
  1807.             <a href="{TagURL}">
  1808.             <span class="tags">
  1809.                 #{Tag}
  1810.             </span>
  1811.         </a>
  1812.             {/block:Tags}
  1813.         </div>
  1814.     {/block:HasTags}
  1815.   </div>
  1816.        {PostNotes}
  1817.   {/block:Posts}
  1818.       </main>
  1819.  
  1820.  {block:ifAllowPolaroid}
  1821.  <aside class="polaroidw">
  1822.     <div class="polaroid"><img src="{image:Polaroid}"></div>
  1823.  </aside>
  1824.  {/block:ifAllowPolaroid}
  1825. </section>
  1826.  
  1827. {block:ifAllowAbout}
  1828. <section id="about" class="tabcontent">
  1829. {block:ifAllowAboutHeader}
  1830.   <header>
  1831.       <img src="{image:blog banner}">
  1832.   </header>
  1833. {/block:ifAllowAboutHeader}
  1834.   <div class="about">
  1835.       <div class="draggable">
  1836.           <h5>Information</h5>
  1837.           <ul>
  1838.               {block:ifName}
  1839.               <li><span class='bx bxs-user-circle' ></Span> {text:Name}
  1840.               {/block:ifName}
  1841.              
  1842.               {block:ifBirthday}
  1843.               <li><span class='bx bxs-cake' ></span> {text:Birthday}
  1844.               {/block:ifBirthday}
  1845.              
  1846.               {block:ifAge}
  1847.               <li><i class='bx bxs-heart'></i> {text:Age}
  1848.               {/block:ifAge}
  1849.              
  1850.               {block:ifPronoun}
  1851.               <li><span class='bx bx-cool' ></span> {text:Pronoun}
  1852.               {/block:ifPronoun}
  1853.              
  1854.               {block:ifLocation}
  1855.               <li><span class='bx bx-current-location'></span> {text:Location}
  1856.               {/block:ifLocation}
  1857.           </ul>
  1858.       </div>
  1859.      
  1860.       <div class="draggable">
  1861.           <h5>Likes</h5>
  1862.           <ul>
  1863.             {block:ifLike01}
  1864.               <li>{text:Like01}
  1865.             {/block:ifLike01}  
  1866.             {block:ifLike02}
  1867.               <li>{text:Like02}
  1868.              {/block:ifLike02}
  1869.              {block:ifLike03}
  1870.               <li>{text:Like03}
  1871.              {/block:ifLike03}
  1872.              {block:ifLike04}
  1873.               <li>{text:Like04}
  1874.              {/block:ifLike04}
  1875.              {block:ifLike05}
  1876.               <li>{text:Like05}
  1877.              {/block:ifLike05}
  1878.           </ul>
  1879.       </div>
  1880.      
  1881.       <div class="draggable">
  1882.           <h5>Dislikes</h5>
  1883.           <ul>
  1884.               {block:ifDislike01}    
  1885.               <li>{text:Dislike01}
  1886.               {/block:ifDislike01}
  1887.               {block:ifDislike02}
  1888.               <li>{text:Dislike02}
  1889.               {/block:ifDislike02}
  1890.               {block:ifDislike03}
  1891.               <li>{text:Dislike03}
  1892.               {/block:ifDislike03}
  1893.               {block:ifDislike04}
  1894.               <li>{text:Dislike04}
  1895.               {/block:ifDislike04}
  1896.               {block:ifDislike05}
  1897.               <li>{text:Dislike05}
  1898.               {/block:ifDislike05}
  1899.           </ul>
  1900.       </div>
  1901.      
  1902.       <div class="draggable">
  1903.           <h5>Do Not Interact</h5>
  1904.           <ul>
  1905.               {block:ifTrait01}    
  1906.               <li>{text:Trait01}
  1907.               {/block:ifTrait01}
  1908.               {block:ifTrait02}
  1909.               <li>{text:Trait02}
  1910.               {/block:ifTrait02}
  1911.               {block:ifTrait03}
  1912.               <li>{text:Trait03}
  1913.               {/block:ifTrait03}
  1914.               {block:ifTrait04}
  1915.               <li>{text:Trait04}
  1916.               {/block:ifTrait04}
  1917.               {block:ifTrait05}
  1918.               <li>{text:Trait05}
  1919.               {/block:ifTrait05}
  1920.           </ul>
  1921.       </div>
  1922.   </div>
  1923. </section>
  1924. {/block:ifAllowAbout}
  1925.  
  1926. <section id="contact" class="tabcontent">
  1927.   <div class="contact">
  1928.       <div class="bar">
  1929.           <span class="bartit">Contact.css</span>
  1930.       </div>
  1931.       <div class="contactd">
  1932.           <div class="qna">
  1933.             {block:ifQuestion1}
  1934.               <details>
  1935.                 <summary>
  1936.                     01. {text:Question 1}
  1937.                 </summary>
  1938.                 <div><p>{text:Answer 1}</div>
  1939.               </details>
  1940.               {/block:ifQuestion1}
  1941.              
  1942.               {block:ifQuestion2}
  1943.               <details>
  1944.                 <summary>
  1945.                     02. {text:Question 2}
  1946.                 </summary>
  1947.                 <div><p>
  1948.                     {text:Answer 2}
  1949.                 </div>
  1950.               </details>
  1951.               {/block:ifQuestion2}
  1952.              
  1953.               {block:ifQuestion3}
  1954.               <details>
  1955.                 <summary>
  1956.                     03. {text:Question 3}
  1957.                 </summary>
  1958.                 <div><p>
  1959.                     {text:Answer 3}
  1960.                 </div>
  1961.               </details>
  1962.               {/block:ifQuestion3}
  1963.              
  1964.               {block:ifQuestion4}
  1965.               <details>
  1966.                 <summary>
  1967.                     04. {text:Question 4}
  1968.                 </summary>
  1969.                 <div><p>
  1970.                     {text:Answer 4}
  1971.                 </div>
  1972.               </details>
  1973.               {/block:ifQuestion4}
  1974.              
  1975.               {block:ifQuestion5}
  1976.               <details>
  1977.                 <summary>
  1978.                    05.  {text:Question 5}
  1979.                 </summary>
  1980.                 <div><p>
  1981.                     {text:Answer 5}
  1982.                 </div>
  1983.               </details>
  1984.               {/block:ifQuestion5}
  1985.              
  1986.               {block:ifQuestion6}
  1987.               <details>
  1988.                 <summary>
  1989.                     06. {text:Question 6}
  1990.                 </summary>
  1991.                 <div><p>
  1992.                     {text:Answer 6}
  1993.                 </div>
  1994.               </details>
  1995.               {/block:ifQuestion6}
  1996.              
  1997.               {block:ifQuestion7}
  1998.               <details>
  1999.                 <summary>
  2000.                     07. {text:Question 7}  
  2001.                 </summary>
  2002.                 <div><p>
  2003.                     {text:Answer 7}
  2004.                 </div>
  2005.               </details>
  2006.               {/block:ifQuestion7}
  2007.              
  2008.               {block:ifQuestion8}
  2009.               <details>
  2010.                 <summary>
  2011.                     08. {text:Question 8}  
  2012.                 </summary>
  2013.                 <div><p>
  2014.                     {text:Answer 8}
  2015.                 </div>
  2016.               </details>
  2017.               {/block:ifQuestion8}
  2018.              
  2019.               {block:ifQuestion9}
  2020.               <details>
  2021.                 <summary>
  2022.                     09. {text:Question 9}
  2023.                 </summary>
  2024.                 <div><p>
  2025.                     {text:Answer 9}
  2026.                 </div>
  2027.               </details>
  2028.               {/block:ifQuestion9}
  2029.              
  2030.               {block:ifQuestion10}
  2031.               <details>
  2032.                 <summary>
  2033.                     10. {text:Question 10}  
  2034.                 </summary>
  2035.                 <div><p>
  2036.                     {text:Answer 10}
  2037.                 </div>
  2038.               </details>
  2039.               {/block:ifQuestion10}
  2040.    
  2041.  
  2042.    
  2043.           </div>
  2044.           <div class="askf">
  2045.         <div class="bar">
  2046.         <span class="bartit">{text:Contact Ask Form Header}.txt</span>
  2047.     </div>
  2048.     <div class="searchbar">
  2049.         <p><iframe frameborder="0" scrolling="no" width="100%" height="100%" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2050.     </div>
  2051.           </div>
  2052.       </div>
  2053.   </div>
  2054. </section>
  2055.  
  2056. <section id="navigation" class="tabcontent">
  2057.   <nav class="navit draggable">
  2058.       <div class="bar">
  2059.         <span class="bartit">Navigation.js</span>
  2060.     </div>
  2061.     <div class="updatecont">
  2062.       {block:HasPages}
  2063.       {block:Pages}
  2064.       <a href="{URL}">{Label}</a>
  2065.       {/block:Pages}
  2066.       {/block:HasPages}
  2067.      
  2068.        <span class="bartit" style="flex:0 0 100%; margin:1rem auto; background:{color:Accent 02 Hover};">{text:Social Media Header Text}.xsl</span>
  2069.      
  2070.       {block:ifTiktokUsername}
  2071.       <a href="https://www.tiktok.com/@{text:Tiktok Username}" target="_blank" title="{text:Tiktok Username}">
  2072.           <i class='bx bxl-tiktok'></i>
  2073.       </a>
  2074.       {/block:ifTiktokUsername}
  2075.      
  2076.       {block:ifDiscordCode}
  2077.       <a href="https://discord.com/invite/{text:Discord Code}" target="_blank" title="{text:Discord Channel}">
  2078.           <i class='bx bxl-discord-alt' ></i>
  2079.       </a>
  2080.       {/block:ifDiscordCode}
  2081.      
  2082.       {block:ifInstagramUsername}
  2083.       <a href="https://instagram.com/{text:Instagram Username}" target="_blank" title="{text:Instagram Username}">
  2084.           <i class='bx bxl-instagram-alt'></i>
  2085.       </a>
  2086.       {/block:ifInstagramUsername}
  2087.      
  2088.       {block:ifTwitterUsername}
  2089.       <a href="https://twitter.com/{text:Twitter Username}/" target="_blank" title="{text:Twitter Username}">
  2090.           <i class='bx bxl-twitter'></i>
  2091.       </a>
  2092.       {/block:ifTwitterUsername}
  2093.      
  2094.       {block:ifYoutubeUsername}
  2095.       <a href="https://www.youtube.com/user/{text:Youtube Username}/" target="_blank" title="{text:Youtube Channel}">
  2096.           <i class='bx bxl-youtube'></i>
  2097.       </a>
  2098.       {/block:ifYoutubeUsername}
  2099.      
  2100.       {block:ifPaypalUsername}
  2101.       <a href="https://paypal.me/{text:PayPal Username}/" target="_blank" title="{text:PayPal Username}">
  2102.           <i class='bx bxl-paypal'></i>
  2103.       </a>
  2104.       {/block:ifPaypalUsername}
  2105.      
  2106.       {block:ifSpotifyUsername}
  2107.        <a href="https://open.spotify.com/user/{text:Spotify Username}/" target="_blank" title="{text:Spotify Username}">
  2108.           <i class='bx bxl-spotify'></i>
  2109.       </a>
  2110.       {/block:ifSpotifyUsername}
  2111.     </div>
  2112.   </nav>
  2113.   <p>
  2114. </section>
  2115.  
  2116. <footer>
  2117.     <div class="footw">
  2118.         <a href="http://phantasyreign.tumblr.com/" target="_blank" title="Theme by Jasmin"><i class='bx bxl-windows'></i></a>
  2119.         {block:ifAllowSearchbar}
  2120.     <a href="#?w=500" rel="searchbar" class="poplight" title="Open Search Bar"><span class='bx bx-search-alt'></span></a>
  2121.     {/block:ifAllowSearchbar}
  2122.     <span class="blogtit">{Name}.html</span>
  2123.     </div>
  2124.     <div class="footwr">
  2125.         {block:ifAllowClock}
  2126.     <div id="clock"></div>
  2127.     {/block:ifAllowClock}
  2128.     {block:Description}
  2129.     <a href="#?w=500" rel="desc" class="poplight" title="Open Description"><span class='bx bx-message-alt'></span></a>
  2130.     {/block:Description}
  2131.     </div>
  2132. </footer>
  2133.  
  2134.  
  2135.  
  2136. <div id="update" class="update draggable">
  2137.     <div class="bar">
  2138.         <span class="bartit">Update.txt</span><span title="Click anywhere to close the update section" class='bx bx-question-mark'></span>
  2139.     </div>
  2140.     <div class="updatecont">
  2141.         <h3>Status</h3>
  2142.         <center>
  2143.         {block:ifBlogStatus}
  2144.             <p><b>Status:</b> {text:Blog Status}
  2145.         {/block:ifBlogStatus}
  2146.         {block:ifAskStatus}
  2147.             <p><b>Ask:</b> {text:Ask Status}
  2148.         {/block:ifAskStatus}
  2149.         {block:ifSubmissionStatus}
  2150.             <p><b>Submission:</b> {text:Submission Status}
  2151.         {/block:ifSubmissionStatus}
  2152.         {block:ifUnansweredAsk}
  2153.             <p><b>Inbox:</b> {text:Unanswered Ask}
  2154.         {/block:ifUnansweredAsk}
  2155.             <hr>
  2156.         {block:ifUpdate}
  2157.             <div class="updatebox">
  2158.                 <p>{text:Update}
  2159.             </div>
  2160.         {block:ifUpdate}
  2161.         </center>
  2162.     </div>
  2163. </div>
  2164.  
  2165. <div id="searchbar" class="update draggable">
  2166.     <div class="bar">
  2167.         <span class="bartit">Search.rtf</span><span title="Click anywhere to close the search bar" class='bx bx-question-mark'></span>
  2168.     </div>
  2169.     <div class="searchbar">
  2170.         <form action="/search" method="get">
  2171.     <input type="text" name="q" value="{SearchQuery}" placeholder="Type here to search" autocomplete="off">
  2172. </form>
  2173.     </div>
  2174. </div>
  2175.  
  2176. {block:Description}
  2177. <div id="desc" class="update draggable">
  2178.     <div class="bar">
  2179.         <span class="bartit">Description.pdf</span><span title="Click anywhere to close the description" class='bx bx-question-mark'></span>
  2180.     </div>
  2181.     <div class="updatecont">
  2182.         {Description}
  2183.     </div>
  2184. </div>
  2185. {/block:Description}
  2186.  
  2187. <div id="submit" class="update draggable">
  2188.     <div class="bar">
  2189.         <span class="bartit">{SubmitLabel}.txt</span><span title="Click anywhere to close the submission" class='bx bx-question-mark'></span>
  2190.     </div>
  2191.     <div class="updatecont">
  2192.         <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  2193.     </div>
  2194. </div>
  2195.  
  2196. <div id="ask" class="update draggable">
  2197.     <div class="bar">
  2198.         <span class="bartit">{AskLabel}.txt</span><span title="Click anywhere to close the ask" class='bx bx-question-mark'></span>
  2199.     </div>
  2200.     <div class="updatecont">
  2201.         <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2202.     </div>
  2203. </div>
  2204.  
  2205. <script type="text/javascript" src="https://static.tumblr.com/v6akjgz/ShVr1j5e2/tab.js"></script>
  2206. <script type="text/javascript" src="https://static.tumblr.com/v6akjgz/zNir1j5hu/clock.js"></script>
  2207. <script type="text/javascript" src="https://static.tumblr.com/v6akjgz/5FSr1ox5w/autoclosed.js"></script>
  2208. </body>
  2209. </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!