API tools faq
paste
Advertisement
phantasyreign

THEME 12: SUGARCOATED

phantasyreign
Feb 19th, 2024
1,083
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 60.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <!--
  4.        THEME 12: SUGARCOATED
  5.        RELEASED DATE: 21.10.2022
  6.        THEME CREATOR: JASMIN @ https://phantasyreign.tumblr.com/
  7.        PLEASE DO NOT REMOVE THE CREDIT! THANK YOU.
  8.        
  9.        Update:
  10.        v1.1: 14.11.2022
  11.        
  12.        To view the guideline, kindly go to this page: https://phantasyreign.tumblr.com/guideline/sugarcoated
  13.        
  14. -->
  15.  
  16.  
  17. <head>
  18. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle} {block:PostSummary}- {PostSummary}{/block:PostSummary}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21. <script src="//pull.cappuccicons.com/cpf.js"></script>
  22.  <script src="https://static.tumblr.com/5ojoydj/WU6onbkar/jquery-2.2.0.min.js"></script>
  23. <script src="https://static.tumblr.com/v6akjgz/bcZqoed08/jquery.style-my-tooltips.js"></script>
  24. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  25. <link href="https://static.tumblr.com/v6akjgz/ThXqoeczf/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  27. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  28.  
  29. {block:Hidden}
  30. <meta name="select:Avatar Shape" content="100px" title="Circle">
  31. <meta name="select:Avatar Shape" content="10px" title="Square">
  32.  
  33. <meta name="select:Font Title" content="Fegan">
  34. <meta name="select:Font Title" content="Carlo">
  35. <meta name="select:Font Title" content="IBM Selectric">
  36. <meta name="select:Font Title" content="Afteris Moghu">
  37. <meta name="select:Font Title" content="Miyabon">
  38. <meta name="select:Font Title" content="Ramez">
  39.  
  40. <meta name="select:Title Font Weight" content="normal" title="Normal">
  41. <meta name="select:Title Font Weight" content="800" title="Bold">
  42.  
  43. <meta name="select:Font Body" content="Victoria Serif">
  44. <meta name="select:Font Body" content="Karla">
  45. <meta name="select:Font Body" content="Basic">
  46. <meta name="select:Font Body" content="Garet">
  47. <meta name="select:Font Body" content="Timeless">
  48.  
  49. <meta name="select:Bold" content="Victoria Serif">
  50. <meta name="select:Bold" content="Karla">
  51. <meta name="select:Bold" content="Basic">
  52. <meta name="select:Bold" content="Garet">
  53. <meta name="select:Bold" content="Timeless">
  54.  
  55. <meta name="select:Italic" content="Victoria Serif">
  56. <meta name="select:Italic" content="Karla">
  57. <meta name="select:Italic" content="Basic">
  58. <meta name="select:Italic" content="Garet">
  59. <meta name="select:Italic" content="Timeless">
  60.  
  61. <meta name="select:Post Size" content="50%" title="Small">
  62. <meta name="select:Post Size" content="60%" title="Medium">
  63. <meta name="select:Post Size" content="70%" title="Large">
  64.  
  65. <meta name="select:Posts Opacity" content="0" title="Transparent">
  66. <meta name="select:Posts Opacity" content="0.8" title="Semi-Transparent">
  67. <meta name="select:Posts Opacity" content="1" title="Opaque">
  68.  
  69. <meta name="select:Font Size" content="1rem" title="16px">
  70. <meta name="select:Font Size" content="1.1rem" title="18px">
  71. <meta name="select:Font Size" content="1.2rem" title="20px">
  72.  
  73. <meta name="color:Background" content="#FEFEFE">
  74. <meta name="color:Title" content="#8479A4">
  75. <meta name="color:Text" content="#767283">
  76. <meta name="color:Links" content="#AEA1BB">
  77. <meta name="color:Links Hover" content="#FFFEFC">
  78. <meta name="color:Bold" content="#A17074">
  79. <meta name="color:Italic" content="#9DB2B7">
  80. <meta name="color:Posts" content="#eeeeee">
  81. <meta name="color:Border" content="#DCC9CD">
  82. <meta name="color:About Image Frame" content="#DCC9CD">
  83. <meta name="color:Text Selection Background" content="#8479A4">
  84. <meta name="color:Text Selection" content="white">
  85.  
  86. <meta name="if:Fixed Header" content="0">
  87. <meta name="if:Allow Header Shadow" content="0">
  88. <meta name="if:Allow Multicolumn" content="0">
  89. <meta name="if:Allow Background Repeat" content="0">
  90. <meta name="if:Allow Scroll To Top" content="0">
  91. <meta name="if:Enable More" content="0">
  92. <meta name="if:Allow About" content="0">
  93. <meta name="if:Allow Updates" content="0">
  94. <meta name="if:Allow Tags Page" content="0">
  95. <meta name="if:Allow Search Bar" content="0">
  96. <meta name="if:Allow Stretch Images" content="0">
  97. <meta name="if:Allow Image Frame" content="0">
  98. <meta name="if:Allow Tags on Index Page" content="0">
  99. <meta name="if:Allow Caption on Index Page" content="0">
  100.  
  101. <meta name="image:Background" content="">
  102. <meta name="image:About Sidebar" content="">
  103.  
  104. <meta name="text:About" content="Insert some input about yourself">
  105.  
  106. <meta name="text:Blog Status" content="Active/Inactive">
  107. <meta name="text:Ask Status" content="Open/Close">
  108. <meta name="text:Message Status" content="Open/Close">
  109.  
  110. <meta name="text:Update Label 01" content="Update Label">
  111. <meta name="text:Update Content 01" content="Insert your update here.">
  112. <meta name="text:Update Label 02" content="Update Label">
  113. <meta name="text:Update Content 02" content="Insert your update here.">
  114. <meta name="text:Update Label 03" content="Update Label">
  115. <meta name="text:Update Content 03" content="Insert your update here.">
  116.  
  117. <meta name="text:Tags Category 01 Title" content="Tag Category">
  118. <meta name="text:TC01 URL 01" content="#">
  119. <meta name="text:TC01 Title 01" content="Title">
  120. <meta name="text:TC01 URL 02" content="#">
  121. <meta name="text:TC01 Title 02" content="Title">
  122. <meta name="text:TC01 URL 03" content="#">
  123. <meta name="text:TC01 Title 03" content="Title">
  124. <meta name="text:TC01 URL 04" content="#">
  125. <meta name="text:TC01 Title 04" content="Title">
  126. <meta name="text:TC01 URL 05" content="#">
  127. <meta name="text:TC01 Title 05" content="Title">
  128.  
  129. <meta name="text:Tags Category 02 Title" content="Tag Category">
  130. <meta name="text:TC02 URL 01" content="#">
  131. <meta name="text:TC02 Title 01" content="Title">
  132. <meta name="text:TC02 URL 02" content="#">
  133. <meta name="text:TC02 Title 02" content="Title">
  134. <meta name="text:TC02 URL 03" content="#">
  135. <meta name="text:TC02 Title 03" content="Title">
  136. <meta name="text:TC02 URL 04" content="#">
  137. <meta name="text:TC02 Title 04" content="Title">
  138. <meta name="text:TC02 URL 05" content="#">
  139. <meta name="text:TC02 Title 05" content="Title">
  140.  
  141. <meta name="text:Tags Category 03 Title" content="Tag Category">
  142. <meta name="text:TC03 URL 01" content="#">
  143. <meta name="text:TC03 Title 01" content="Title">
  144. <meta name="text:TC03 URL 02" content="#">
  145. <meta name="text:TC03 Title 02" content="Title">
  146. <meta name="text:TC03 URL 03" content="#">
  147. <meta name="text:TC03 Title 03" content="Title">
  148. <meta name="text:TC03 URL 04" content="#">
  149. <meta name="text:TC03 Title 04" content="Title">
  150. <meta name="text:TC03 URL 05" content="#">
  151. <meta name="text:TC03 Title 05" content="Title">
  152.  
  153. <meta name="text:Tags Category 04 Title" content="Tag Category">
  154. <meta name="text:TC04 URL 01" content="#">
  155. <meta name="text:TC04 Title 01" content="Title">
  156. <meta name="text:TC04 URL 02" content="#">
  157. <meta name="text:TC04 Title 02" content="Title">
  158. <meta name="text:TC04 URL 03" content="#">
  159. <meta name="text:TC04 Title 03" content="Title">
  160. <meta name="text:TC04 URL 04" content="#">
  161. <meta name="text:TC04 Title 04" content="Title">
  162. <meta name="text:TC04 URL 05" content="#">
  163. <meta name="text:TC04 Title 05" content="Title">
  164.  
  165. <meta name="text:Tags Category 05 Title" content="Tag Category">
  166. <meta name="text:TC05 URL 01" content="#">
  167. <meta name="text:TC05 Title 01" content="Title">
  168. <meta name="text:TC05 URL 02" content="#">
  169. <meta name="text:TC05 Title 02" content="Title">
  170. <meta name="text:TC05 URL 03" content="#">
  171. <meta name="text:TC05 Title 03" content="Title">
  172. <meta name="text:TC05 URL 04" content="#">
  173. <meta name="text:TC05 Title 04" content="Title">
  174. <meta name="text:TC05 URL 05" content="#">
  175. <meta name="text:TC05 Title 05" content="Title">
  176. {/block:Hidden}
  177.  
  178. <style type="text/css">
  179. /*GENERAL STYLING*/
  180. *{
  181.     margin:0;
  182.     padding:0;
  183.     box-sizing:border-box;
  184.     scroll-behavior:smooth;
  185. }
  186.  
  187. body{
  188.     line-height:1.5;
  189.     font-family:{select:Font Body};
  190.     background-color:{color:Background};
  191.     color:{color:Text};
  192.     background-image:url('{image:Background}');
  193.     background-attachment:fixed;
  194.     {block:ifNotAllowBackgroundRepeat}
  195.     background: url({image:Background}) no-repeat center center fixed;
  196.     background-size:cover;
  197.     background-color:{color:Background};
  198.     {/block:ifNotAllowBackgroundRepeat}
  199. }
  200.  
  201. /*TEXT SELECTION*/
  202. ::selection{background:{color:Text Selection Background}; color:{color:Text Selection};}
  203.  
  204. /*TOOLTIPS*/
  205. #s-m-t-tooltip{
  206.   max-width:300px;
  207.   z-index:10;
  208.   margin:24px 14px 7px 12px;
  209.   padding:8px;
  210.   background:#222;
  211.   background:rgba({RGBcolor:text selection background},0.8);
  212.   border-radius:3px;
  213.   box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  214.   font-family:{select:font body};
  215.   font-size:.7rem;
  216.   line-height:1.5;
  217.   color:{color:text selection};
  218. }
  219.  
  220. /*FONTS*/
  221. h1, h2{
  222.    font-family:{select:Font Title};
  223.    font-weight:{select:Title Font Weight};
  224.    color:{color:Title};
  225. }
  226.  
  227. article b, article strong{color:{color:Bold};font-family:{select:Bold};}
  228.  
  229. article i{font-family:{select:Italic};color:{color:italic};}
  230.  
  231. p, ol, ul, blockquote{margin-bottom:1rem;}
  232.  
  233. ol li, ul li{margin-left:1.5rem;}
  234.  
  235. pre{
  236.     white-space:pre-wrap;
  237.     margin-bottom:1rem;
  238.     border:1px solid {color:border};
  239.     padding:1rem;
  240.     border-radius:10px;
  241.     word-break:break-all;
  242. }
  243.  
  244. blockquote{
  245.     border-left:5px solid;
  246.     padding-left:.5rem;
  247.     border-image-source:linear-gradient({color:links}, transparent);
  248.     border-image-slice:1;
  249.     margin-left:1rem;
  250. }
  251.  
  252. @font-face { font-family:'victoria serif'; src: url(https://static.tumblr.com/v6akjgz/MHgriltir/victoria-serif.ttf); }
  253. @font-face { font-family:'garet'; src: url(https://static.tumblr.com/v6akjgz/okOrink8k/garet-book.otf); }
  254. @font-face { font-family:'basic'; src: url(https://static.tumblr.com/v6akjgz/hWVringom/basic_light.ttf); }
  255. @font-face { font-family:'timeless'; src: url(https://static.tumblr.com/v6akjgz/HpEriltdx/timeless.ttf); }
  256. @font-face { font-family:'fegan'; src: url(https://static.tumblr.com/v6akjgz/LAhrink1f/fegan.otf); }
  257. @font-face { font-family:'carlo'; src: url(https://static.tumblr.com/v6akjgz/t8Qringzs/carlo.otf); }
  258. @font-face { font-family:'afteris moghu'; src: url(https://static.tumblr.com/v6akjgz/u1erinfn0/afterismoghu.otf); }
  259. @font-face { font-family:'ibm selectric'; src: url(https://static.tumblr.com/v6akjgz/VWGrinkgl/ibm_selectric_light_regular.ttf); }
  260. @font-face { font-family:'miyabon'; src: url(https://static.tumblr.com/v6akjgz/Xq2rinl3c/miyabon.ttf); }
  261. @font-face { font-family:'ramez'; src: url(https://static.tumblr.com/v6akjgz/nRvrinuuo/ramez.otf); }
  262.  
  263. /*TUMBLR CONTROL*/
  264. .iframe-controls--desktop, .tmblr-iframe--desktop-logged-in-controls{
  265.     transform:scale(0.9);
  266.     filter:invert(100%) hue-rotate(180deg);
  267.     z-index:10000!important;
  268. }
  269.  
  270. /*HEADER*/
  271. header{
  272.     background:rgba({RGBcolor:Background}, 1);
  273.     border-bottom:1px solid {color:Border};
  274.     padding:1rem 1.5rem;
  275.     display:flex;
  276.     {block:ifFixedHeader}
  277.     position:sticky;
  278.     top:0;
  279.     {/block:ifFixedHeader}
  280.     z-index:9999;
  281. }
  282.  
  283. header img{margin-right:2rem;border-radius:{select:Avatar Shape};}
  284.  
  285. {block:ifAllowHeaderShadow}
  286. .shadow{
  287.     border-radius:50%;
  288.     position:absolute;
  289.     top:3.5rem;
  290.     left:2rem;
  291.     width:75px;
  292.     height:50px;
  293. }
  294.  
  295. .header-image-wrapper .shadow{box-shadow:0 15px 10px rgba({RGBcolor:text}, .3);transition:.5s;}
  296.  
  297. .header-image-wrapper:hover .shadow{box-shadow:none;}
  298. {/block:ifAllowHeaderShadow}
  299.  
  300. .header-info-wrapper{
  301.     display:flex;
  302.     flex-flow:column wrap;
  303.     justify-content:center;
  304. }
  305.  
  306. .description{
  307.     height:50px;
  308.     overflow:auto;
  309.     padding:0.25rem .5rem;
  310. }
  311.  
  312. /*BASIC LINKS*/
  313. nav a, nav span{
  314.     text-decoration:none;
  315.     color:{color:links};
  316.     margin-right:.5rem;
  317.     text-transform:capitalize;
  318.     transition:.3s;
  319.     padding:.25rem;
  320. }
  321.  
  322. nav a:hover, nav span:hover{
  323.     background:{color:links};
  324.     color:{color:links hover};
  325.     border-radius:10px;
  326. }
  327.  
  328. nav span:hover{cursor:pointer;}
  329.  
  330.  
  331. /*POPUP*/
  332. dialog{
  333.     width:50%;
  334.     max-height:70vh;
  335.     position:absolute;
  336.     top:50%;
  337.     left:50%;
  338.     transform:translate(-50%, -50%);
  339.     background-color:{color:background};
  340.     border:2px solid {color:border};
  341.     border-radius:10px;
  342.     animation:fade .3s;
  343. }
  344.  
  345. @keyframes fade{0%{opacity:0;}100%{opacity:1;}}
  346.  
  347. dialog::backdrop{backdrop-filter:blur(4px);}
  348.  
  349. /*CLOSE BUTTON*/
  350. .close-button-wrapper{
  351.     width:100%;
  352.     position:sticky;
  353.     top:0;
  354.     display:flex;
  355.     justify-content:end;
  356.     background:{color:Background};
  357.     border-bottom:1px solid {color:border};
  358.     z-index:2;
  359. }
  360.  
  361. .close-button{
  362.     padding:.25rem .5rem;
  363.     border:1px solid {color:links};
  364.     border-radius:100px;
  365.     color:{color:links};
  366.     margin:.25rem;
  367. }
  368.  
  369. .close-button .cp{color:{color:links};}
  370.  
  371. .close-button:hover{border:1px solid transparent;cursor:pointer;}
  372.  
  373. /*TABS*/
  374. .tab {
  375.     overflow: hidden;
  376.     background-color:{color:Links};
  377.     position:sticky;
  378.     top:2.7rem;
  379. }
  380.  
  381. .tab button {
  382.     background-color:{color:links};
  383.     color:{color:links hover};
  384.     float: left;
  385.     border: none;
  386.     outline: none;
  387.     cursor: pointer;
  388.     padding: 14px 16px;
  389.     transition: 0.3s;
  390.     font-family:{select:Font Body};
  391.     font-size:{select:Font Size};
  392. }
  393.  
  394. .tab button:hover {background-color: {color:links hover};color:{color:links};}
  395.  
  396. .tab button.active {background-color: {color:background};color:{color:links};}
  397.  
  398. .tabcontent {
  399.     display: none;
  400.     animation:fade .5s;
  401.     color:{color:text};
  402.     background:{color:Background};
  403. }
  404.  
  405. /*NAVIGATION SECTION*/
  406. .navigation-links{
  407.     display:flex;
  408.     justify-content:space-evenly;
  409.     align-items:center;
  410.     flex-flow:row wrap;
  411.     gap:.5rem;
  412.     transition:.3s;
  413.     padding:.5rem 1rem;
  414. }
  415.  
  416. .navigation-links a{outline:0;}
  417.  
  418. .navigation-links a:hover{background:{color:links};color:{color:links hover};}
  419.  
  420. /*ABOUT SECTION*/
  421. .about-wrapper{
  422.     display:flex;
  423.     overflow:auto;
  424.     padding:.5rem 1rem;
  425. }
  426.  
  427. .about-image{width:30%;}
  428.  
  429. .about-image img{
  430.     width:100%;
  431.     outline:5px double {color:About Image Frame};
  432.     outline-offset:-15px;
  433.     pointer-events:none;
  434. }
  435.  
  436. .about-content{
  437.     width:70%;
  438.     display:flex;
  439.     justify-content:center;
  440.     align-items:center;
  441.     flex-flow:column wrap;
  442.     padding:.5rem 1rem;
  443. }
  444.  
  445. /*UPDATE SECTION*/
  446. .update-wrapper{
  447.     display:flex;
  448.     flex-flow:column wrap;
  449.     overflow-x:hidden;
  450. }
  451.  
  452. .status-wrapper{
  453.     display:grid;
  454.     grid-template-columns: repeat(3, 1fr);
  455.     text-align:center;
  456.     padding:0 .5rem;
  457.     border-bottom:1px solid {color:border};
  458. }
  459.  
  460. .status-wrapper > span{padding:.5rem 1rem;}
  461.  
  462. .status-wrapper b{color:{color:text};}
  463.  
  464. .status-wrapper > span:nth-child(2){border-left:1px solid {color:border};border-right:1px solid {color:border};}
  465.  
  466. .update-content-wrapper{border-bottom:1px solid {color:border};}
  467.  
  468. .update-content{padding:.5rem 1rem;}
  469.  
  470. .update-content a{color:{color:links};text-decoration:none;}
  471.  
  472. .update-content a:hover{color:{color:links hover};background:{color:links};}
  473.  
  474. /*TAGS SECTION*/
  475. .tags-content h3{padding:.5rem 1rem;}
  476.  
  477. .tags-links{padding:0 1rem .5rem 1rem;border-bottom:1px solid {color:border};}
  478.  
  479. .tags-links a{margin-bottom:.5rem;}
  480.  
  481. /*SEARCHBAR SECTION*/
  482. .searchbar-wrapper{padding:.5rem 1rem;}
  483.  
  484. .searchbar-wrapper h3{text-align:center;margin:.5rem 0;}
  485.  
  486. input[type^="text"]{
  487.     width:80%;
  488.     padding:.5rem 1rem;
  489.     outline:0;
  490.     border:1px solid {color:border};
  491.     border-radius:10px;
  492.     margin:.5rem auto;
  493.     display:block;
  494.     background:{color:links};
  495.     color:{color:links hover};
  496.     transition:0.3s;
  497.     font-family:{select:Font Body};
  498.     font-size:{select:Font Size};
  499. }
  500.  
  501. input[type^="text"]::placeholder{color:{color:links hover};}
  502.  
  503. input[type^="text"]:focus::placeholder{color:{color:links};}
  504.  
  505. input[type^="text"]:focus{background:{color:background};color:{color:links};}
  506.  
  507. input[type^="submit"]{
  508.     margin:.5rem auto;
  509.     padding:.5rem 1rem;
  510.     outline:0;
  511.     border:1px solid transparent;
  512.     display:block;
  513.     text-decoration:none;
  514.     font-family:{select:Font Body};
  515.     font-size:{select:Font Size};
  516.     border-radius:10px;
  517.     color:{color:links hover};
  518.     background:{color:links};
  519. }
  520.  
  521. input[type^="submit"]:hover{cursor:pointer;border:1px inset {color:border};}
  522.  
  523. /*FOOTER*/
  524. footer{
  525.     border-top:1px solid {color:Border};
  526.     position:relative;
  527.     bottom:0;
  528.     padding:0.5rem 1rem;
  529.     text-align:center;
  530.     background:rgba({RGBcolor:Background}, {select:Posts Opacity});
  531. }
  532.  
  533. footer a{
  534.     color:{color:Links};
  535.     transition:.3s;
  536.     text-decoration:none;
  537.     padding:.25rem;
  538. }
  539.  
  540. footer a:hover{
  541.     color:{color:links hover};
  542.     background:{color:links};
  543.     border-radius:10px;
  544. }
  545.  
  546. /*MAIN CONTENT*/
  547. main{
  548.     padding:1rem 2rem;
  549.     font-size:{select:Font Size};
  550.     {block:ifAllowMultiColumn}
  551.     columns:3;
  552.     column-gap:0;
  553.     {/block:ifAllowMultiColumn}
  554. }
  555.  
  556. /*POSTS*/
  557. .post-wrapper{
  558.     width:{select:Post Size};
  559.     margin:2rem auto;
  560.     {block:ifAllowMultiColumn}
  561.     width:80%;
  562.     {/block:ifAllowMultiColumn}
  563. }
  564.  
  565. article{
  566.     {block:ifAllowMultiColumn}
  567.     break-inside:avoid!important;
  568.     {/block:ifAllowMultiColumn}
  569.    
  570. }
  571.  
  572. article img{
  573.     margin-bottom:1rem;
  574.     {block:ifAllowStretchImages}
  575.     width:100%;
  576.     {/block:ifAllowStretchImages}
  577.     {block:ifNotAllowStretchImages}
  578.     max-width:100%;
  579.     display:block;
  580.     margin:0 auto 1rem auto;
  581.     {/block:ifNotAllowStretchImages}
  582. }
  583.  
  584. article a{
  585.     color:{color:links};
  586.     text-decoration:none;
  587.     padding:.25rem;
  588.     transition:.3s;
  589. }
  590.  
  591. article a:hover{background:{color:links};color:{color:links hover};}
  592.  
  593. article h1 a{
  594.     display:flex;
  595.     justify-content:center;
  596.     background:{color:links};
  597.     color:{color:links hover};
  598. }
  599.  
  600. article h1 a:hover{background:{color:links hover};color:{color:links};}
  601.  
  602. .caption{padding:.5rem 1.5rem;background:rgba({RGBcolor:Posts}, {select:Posts Opacity});}
  603.  
  604. .caption a:hover{border-radius:10px;}
  605.  
  606. {block:ifNotAllowCaptiononIndexPage}
  607. {block:IndexPage}
  608. .allow-caption{display:none;}
  609. {/block:IndexPage}
  610. {/block:ifNotAllowCaptiononIndexPage}
  611.  
  612. /*POST INFORMATION*/
  613. .post-information{
  614.     width:100%;
  615.     border-top:1px solid {color:border};
  616.     border-bottom:5px double {color:border};
  617.     display:flex;
  618.     justify-content:space-between;
  619.     align-items:center;
  620.     padding:.25rem .5rem;
  621. }
  622.  
  623. .post-information a{color:{color:Links};margin:0 .5rem;}
  624.  
  625. .timestamp{cursor:help; background:rgba({RGBcolor:Posts}, {select:Posts Opacity}); padding:.25rem .5rem;}
  626.  
  627. /*NOTE COUNT*/
  628. .note-counts{
  629.     width:100%;
  630.     border-top:1px solid {color:border};
  631.     text-align:center;
  632.     padding:.5rem .75rem;
  633.     text-decoration:none;
  634.     color:{color:links};
  635. }
  636.  
  637. .note-counts a{color:{color:links};transition:.3s;background:rgba({RGBcolor:Posts}, {select:Posts Opacity}); padding:.25rem .5rem;}
  638.  
  639. .note-counts a:hover{
  640.     background:{color:links};
  641.     color:{color:links hover};
  642.     padding:.25rem .5rem;
  643.     border-radius:10px;
  644.     text-decoration:none;
  645. }
  646.  
  647. /*LIKE REBLOG SOURCE*/
  648.  
  649. .reblog-like a{
  650.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  651.     padding:.25rem .5rem;
  652. }
  653.  
  654. .like-b {
  655.     position:relative;
  656.     display:inline-block;
  657.     line-height:1em;
  658.     overflow:hidden;
  659.     margin-bottom:-5px!important;
  660. }
  661.  
  662. .like-b .like_button iframe {
  663.     position:absolute;
  664.     top:0;
  665.     left:0;
  666.     bottom:0;
  667.     right:0;
  668.     z-index:2;
  669.     opacity:0;
  670. }
  671.  
  672. .like-b .liked + .b {
  673.     color:{color:links};
  674.     background:{color:Links};
  675.     color:{color:links hover};
  676.     padding:.5rem 0 .5rem .5rem;
  677. }
  678.  
  679. .like-b .liked + .b:after {
  680.     content:'d';
  681.     background:{color:Links};
  682.     color:{color:links hover};
  683.     padding-right:.5rem;
  684. }
  685.  
  686. /*SCROLL TO TOP*/
  687. .scroll-to-top{
  688.     width:24px;
  689.     height:24px;
  690.     position:fixed;
  691.     right:5%;
  692.     bottom:8%;
  693. }
  694.  
  695. .scroll-to-top a{text-decoration:none;color:{color:links};}
  696.  
  697. .cp-chevron-up{
  698.     border:1px solid {color:border};
  699.     padding:.5rem;
  700.     border-radius:50px;
  701.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  702. }
  703.  
  704. .cp-chevron-up:hover{color:{color:links hover};background:{color:links}; }
  705.  
  706. /*UNNEST CAPTION*/
  707. .unnest-caption{margin:1rem 0;}
  708.  
  709. .unnest-caption a{
  710.     width:50%;
  711.     display:flex;
  712.     flex-flow:row wrap;
  713.     justify-content:start;
  714.     align-items:center;
  715.     gap:2rem;
  716.     text-transform:uppercase;
  717.     border-radius:10px;
  718.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  719.     padding:.25rem .5rem;
  720. }
  721.  
  722. .unnest-caption img{
  723.     width:40px;
  724.     height:40px;
  725.     margin-top:15px;
  726.     margin-left:1rem;
  727.     border:1px solid {color:border};
  728.     border-radius:50px;
  729.     object-fit:cover;
  730.     outline:0;
  731. }
  732.  
  733.  
  734. /*PHOTO POSTS*/
  735. .photo-post{margin:0;}
  736.  
  737. .photo-post a:hover, a.post_media_photo_anchor:hover{background-color:transparent!important;cursor:pointer;}
  738.  
  739. /*LIGHTBOX*/
  740. .vignette, #vignette {opacity:0;}
  741.  
  742. .lightbox-image, #tumblr_lightbox img {
  743.     box-shadow:none !important;
  744.     border-radius:0 !important;
  745.     max-width:none;
  746. }
  747.  
  748. .tmblr-lightbox, #tumblr_lightbox {backdrop-filter:blur(5px);background:transparent!important;}
  749.  
  750. .lightbox-image, #tumblr_lightbox img {border:5px solid {color:border} !important;}
  751.  
  752. /*PHOTOSET*/
  753. a.tumblr-box:hover{background:transparent;}
  754.  
  755. {block:ifAllowImageFrame}
  756. article img, img.post_media_photo.image{outline:5px double {color:border};outline-offset:-15px;}
  757. {/block:ifAllowImageFrame}
  758.  
  759. .set{margin-bottom: 1rem;}
  760.  
  761. /*QUOTE POST*/
  762. .quote-post{
  763.     text-align:center;
  764.     font-style:italic;
  765.     font-size:calc({select:Font Size} + .7rem);
  766.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  767. }
  768.  
  769. .quote-post::before{content:'“';}
  770.  
  771. .quote-post::after{content:'”';}
  772.  
  773. .quote-source{
  774.     display:flex;
  775.     justify-content:end;
  776.     align-items:center;
  777.     padding-right:.5rem;
  778.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  779. }
  780.  
  781. .quote-source::before{content:'—';margin-right:.5rem;}
  782.  
  783. /*LINK POSTS*/
  784. .link-post{
  785.     display:flex;
  786.     flex-flow:column wrap;
  787.     text-align:center;
  788. }
  789.  
  790. .link-post a{
  791.     border:5px double {color:border};
  792.     border-radius:10px;
  793.     margin-bottom:1rem;
  794.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  795. }
  796.  
  797. .link-post a:hover{background:{color:links};border:5px double transparent;}
  798.  
  799. .link-post h2{font-size:calc({select:Font Size} + .7rem);}
  800.  
  801. .link-post h2:hover{color:{color:links hover};}
  802.  
  803. .link-post h2::after{content:'→';transition:.3s;}
  804.  
  805. .link-post h2:hover::after{
  806.     content:'→';
  807.     margin-left:1rem;
  808.     transition:.3s;
  809.     color:{color:links hover};
  810. }
  811.  
  812. /*CHAT POST*/
  813. .chat-title h1{
  814.     display:flex;
  815.     justify-content:center;
  816.     background:{color:links};
  817.     color:{color:links hover};
  818.     transition:.3s;
  819. }
  820.  
  821. .chat-title h1:hover{
  822.     background:{color:links hover};
  823.     color:{color:links};
  824.     transition:.3s;
  825. }
  826.  
  827. .chat-title a:hover{background:transparent;}
  828.  
  829. /*AUDIO POST*/
  830. .audio-post iframe{
  831.     width:100%;
  832.     height:80px;
  833.     margin-bottom:1rem;
  834. }
  835.  
  836. /*VIDEO POST*/
  837. .video-post iframe{
  838.     width:100%;
  839.     display:block;
  840.     margin:1rem auto;
  841. }
  842.  
  843. .tumblr_video_container{
  844.     width:100%!important;
  845. }
  846.  
  847. /*PAGINATION*/
  848. .pagination{
  849.     width:50%;
  850.     margin:0 auto 3rem auto;
  851.     display:flex;
  852.     justify-content:space-between;
  853.     align-items:center;
  854.     text-transform:capitalize;
  855. }
  856.  
  857. .pagination a, .pagination span{
  858.     padding:.25rem .5rem;
  859.     border:1px solid {color:border};
  860.     background:{color:links};
  861.     color:{color:links hover};
  862.     border-radius:10px;
  863.     text-decoration:none;
  864.     transition:.3s;
  865. }
  866.  
  867. .pagination a:hover{color:{color:links};background:{color:links hover};}
  868.  
  869. {block:PermalinkPagination}
  870. .pagination{margin:2rem auto;}
  871. {/block:PermalinkPagination}
  872.  
  873. /*POST NOTES*/
  874. .post-notes{
  875.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  876.     padding:.5rem .75rem;
  877. }
  878.  
  879. .post-notes a{
  880.     color:{color:links};
  881.     text-decoration:none;
  882.     text-transform:capitalize;
  883. }
  884.  
  885. .post-notes a:hover{font-weight:bold;}
  886.  
  887. ol.notes {
  888.     padding: 0px;
  889.     list-style-type: none;
  890.     margin-right:1rem;
  891.     border-bottom: solid 1px {color:border};
  892. }
  893.  
  894. ol.notes li.note {border-top: solid 1px {color:border};padding: 10px;}
  895.  
  896. ol.notes li.note img.avatar {
  897.     vertical-align: -4px;
  898.     margin-right: 10px;
  899.     width: 16px;
  900.     height: 16px;
  901. }
  902.  
  903. ol.notes li.note .answer_content {font-weight: normal;}
  904.  
  905. ol.notes li.note blockquote {
  906.     border-color: {color:border};
  907.     padding: 4px 10px;
  908.     margin: 10px 0px 0px 25px;
  909. }
  910.  
  911. ol.notes li.note blockquote a {text-decoration: none;}
  912.  
  913. /*TAGS*/
  914. .tags{
  915.     margin:1rem auto;
  916.     display:flex;
  917.     justify-content:space-evenly;
  918.     align-items:center;
  919.     flex-flow:row wrap;
  920.     gap:.5rem;
  921. }
  922.  
  923. .tags a{
  924.     color:{color:links};
  925.     text-decoration:none;
  926.     font-size:calc({select:Font Size} - .1rem);
  927.     transition:.3s;
  928.     padding:.25rem .5rem;
  929. }
  930.  
  931. .tags a::before{
  932.     content:'\eb02';
  933.     font-family:cappuccicons;
  934.     font-size:calc({select:Font Size} - .5rem);
  935.     margin-right:.5rem;
  936. }
  937.  
  938. .tags a:hover{
  939.     color:{color:links hover};
  940.     background:{color:links};
  941.     border-radius:10px;
  942. }
  943.  
  944. {block:ifNotAllowTagsOnIndexPage}
  945. {block:IndexPage}
  946. .tags{display:none;}
  947. {/block:IndexPage}
  948. {/block:ifNotAllowTagsOnIndexPage}
  949.  
  950.  
  951. /*ANSWER POSTS*/
  952. .ask-post, .answer-post{
  953.     display:flex;
  954.     flex-flow:row wrap;
  955.     align-items:stretch;
  956.     border:1px solid {color:border};
  957.     border-radius:10px;
  958. }
  959.  
  960. .ask-post-image{
  961.     width:10%;
  962.     display:flex;
  963.     justify-content:center;
  964.     align-items:center;
  965.     border-right:1px solid {color:border};
  966. }
  967.  
  968. .ask-post-image img, .answer-post-image img{
  969.     width:64px;
  970.     height:64px;
  971.     outline:0;
  972.     padding:.5rem;
  973.     margin-top:10px;
  974. }
  975.  
  976. .ask-post-username{
  977.     width:90%;
  978.     display:flex;
  979.     align-items:center;
  980.     justify-content:start;
  981.     gap:1rem;
  982. }
  983.  
  984. .ask-post-username a{margin-left:1rem;text-transform:capitalize;}
  985.  
  986. .ask-post-username a:hover{border-radius:10px;}
  987.  
  988. .ask-post-question{
  989.     width:100%;
  990.     padding:1rem 2rem 0 2rem;
  991.     font-style:italic;
  992.     border-top:1px solid {color:border};
  993. }
  994.  
  995. .ask-post-answer{padding:1rem 1.5rem;margin-top:1rem;}
  996.  
  997. .ask-post-answer a:hover{border-radius:10px;}
  998.  
  999. .answer-post{margin:1rem 0;}
  1000.  
  1001. .ask-post-image{
  1002.     width:10%;
  1003.     display:flex;
  1004.     justify-content:center;
  1005.     align-items:center;
  1006. }
  1007.  
  1008. .answer-post-username{
  1009.     width:90%;
  1010.     display:flex;
  1011.     align-items:center;
  1012.     justify-content:end;
  1013.     gap:1rem;
  1014.     border-right:1px solid {color:border};
  1015.     padding-right:1rem;
  1016. }
  1017.  
  1018. /*KEEP READING*/
  1019. .keep-reading a{
  1020.     width:50%;
  1021.     background:{color:links};
  1022.     color:{color:links hover};
  1023.     display:block;
  1024.     margin:1rem auto;
  1025.     text-align:center;
  1026.     text-transform:capitalize;
  1027.     border-radius:10px;
  1028. }
  1029.  
  1030. .keep-reading a:hover{color:{color:links};background:{color:links hover};}
  1031.  
  1032. .keep-reading a::after{content:'→';transition:.3s;}
  1033.  
  1034. .keep-reading a:hover::after{
  1035.     content:'→';
  1036.     margin-left:1rem;
  1037.     transition:.3s;
  1038.     color:{color:links};
  1039. }
  1040.  
  1041. /*SEARCH TAG PAGES*/
  1042. .search-tag-page{
  1043.     width:{select:Post Size};
  1044.     margin:2rem auto;
  1045.     border:1px solid {color:border};
  1046.     border-radius:10px;
  1047.     padding:.5rem 1rem;
  1048.     text-align:center;
  1049.     background:rgba({RGBcolor:Posts}, {select:Posts Opacity});
  1050. }
  1051.  
  1052. .tag::before{
  1053.     content:'\eb02';
  1054.     font-family:cappuccicons;
  1055.     font-size:calc({select:Font Size} - .1rem);
  1056.     margin-right:.25rem;
  1057. }
  1058.  
  1059. .search_query::before{
  1060.     font-family:cappuccicons;
  1061.     font-size:calc({select:Font Size} - .1rem);
  1062.     margin-right:.25rem;
  1063.     content:'\ec5f';
  1064. }
  1065.  
  1066. .search_query{font-style:italic;text-decoration:underline;}
  1067.  
  1068. {block:NoSearchResults}
  1069. .pagination{display:none;}
  1070. {/block:NoSearchResults}
  1071.  
  1072. {block:HideFromSearchEnabled}
  1073. .show-search{display:none;}
  1074.  
  1075. .pagination{display:none;}
  1076. {/block:HideFromSearchEnabled}
  1077.  
  1078. /*MULTICOLUMNS*/
  1079. {block:ifAllowMulticolumn}
  1080. .unnest-caption a{width:100%;}
  1081.  
  1082. .chat-title h1, article h1{text-align:center;}
  1083.  
  1084. .ask-post-image, .answer-post-image{width:30%;}
  1085.  
  1086. .answer-post-image{display:flex;justify-content:center;align-items:center;}
  1087.  
  1088. .ask-post-username, .answer-post-username{width:70%;}
  1089.  
  1090. .scroll-to-top{right:2.5%;}
  1091.  
  1092. /*LONG CAPTION*/
  1093. .long-caption {
  1094.     position: relative;
  1095.     height: 500px;
  1096.     overflow: hidden;
  1097.     transition: 0.5s;
  1098. }
  1099.  
  1100. .long-caption.full-caption {height: 100%;transition: 0.5s;}
  1101.  
  1102. .long-caption.full-caption:after {opacity: 0;z-index: -1;}
  1103.  
  1104. .long-caption:after {
  1105.     position: absolute;
  1106.     content: "";
  1107.     width: 100%;
  1108.     height: 200px;
  1109.     background: linear-gradient(0deg, rgb({RGBcolor:Posts}),rgba({RGBcolor:Posts}, 0.24)
  1110.   );
  1111.     bottom: 0px;
  1112.     left: 0px;
  1113.     transition: 0.5s;
  1114. }
  1115.  
  1116. .long-caption-link {
  1117.     position: absolute !important;
  1118.     bottom: 50px;
  1119.     left: 50%;
  1120.     transform: translateX(-50%);
  1121.     z-index: 999 !important;
  1122.     border: none !important;
  1123.     color: {color:links hover};
  1124.     background-color: {color:links};
  1125.     padding: 10px 15px;
  1126.     border-radius: 7px;
  1127. }
  1128.  
  1129. .long-caption-link:hover {background:{color:links hover};color:{color:links};}
  1130.  
  1131. .search-tag-page{width:80%;}
  1132.  
  1133. {block:PermalinkPage}
  1134. main{columns:1;}
  1135.  
  1136. .post-wrapper{width:{select:Post Size};}
  1137. {/block:PermalinkPage}
  1138.  
  1139. {/block:ifAllowMulticolumn}
  1140.  
  1141. {block:ifNotAllowMulticolumn}
  1142. .long-caption-link{
  1143.     display:none;
  1144. }
  1145. {/block:ifNotAllowMulticolumn}
  1146.  
  1147.  
  1148. /*MEDIA QUERIES*/
  1149. @media screen and (max-width:1024px){
  1150.     main{
  1151.         columns:1;
  1152.         padding:0;
  1153.         overflow-x:hidden;
  1154.     }
  1155.    
  1156.     .post-wrapper, .pagination, dialog{width:98%;}
  1157.    
  1158.     .scroll-to-top{display:none;}
  1159.    
  1160.     .search-tag-page{width:90%;}
  1161.    
  1162.     .iframe-controls--desktop, .tmblr-iframe--desktop-logged-in-controls{display:none!important;}
  1163.    
  1164.     .about-wrapper{flex-flow:column wrap;}
  1165.    
  1166.     .about-image, .about-content{width:100%;}
  1167.    
  1168.     .about-image img{width:50%;}
  1169.    
  1170.     .about-image{display:flex;justify-content:center;align-items:center;}
  1171.    
  1172.     .ask-post-image, .answer-post-image{width:30%;}
  1173.    
  1174.     .ask-post-username, .answer-post-username{width:70%;}
  1175.    
  1176.     .answer-post-image{display:flex;justify-content:center;alihn-items:center;}
  1177. }
  1178.  
  1179. @media screen and (min-width:1920px){
  1180.     .pagination{width:50%;justify-content:space-around;}
  1181. }
  1182.  
  1183. </style>
  1184. </head>
  1185. <body>
  1186.  
  1187. <!--HEADER-->
  1188. <div id="top"></div>
  1189.     <header>
  1190.             <div class="header-image-wrapper">
  1191.                 <a href="/"><img src="{PortraitURL-96}"><div class="shadow"></div></a>
  1192.             </div>
  1193.             <div class="header-info-wrapper">
  1194.             <h1>
  1195.                 {Title}
  1196.             </h1>
  1197.             <div class="description">{block:Description}{Description}{/block:Description}</div>
  1198.            
  1199.             <nav>
  1200.                 <a href="/">{lang:Home}</a>
  1201.                 {block:AskEnabled}
  1202.                 <a href="/ask">{AskLabel}</a>
  1203.                 {/block:AskEnabled}
  1204.                 {block:SubmissionsEnabled}
  1205.                 <a href="/submit">{SubmitLabel}</a>
  1206.                 {/block:SubmissionsEnabled}
  1207.                
  1208.                 {block:ifEnableMore}
  1209.                 <span class="open-button">
  1210.                     More
  1211.                 </span>
  1212.                 {/block:ifEnableMore}
  1213.             </nav>
  1214.             </div>
  1215.     </header>
  1216.    
  1217. <!--MAIN-->
  1218. <main>
  1219.    
  1220.     <!--SEARCH/TAGS RESULTS-->
  1221.     {block:TagPage}
  1222.     <div class="search-tag-page">
  1223.         <h2>{lang:Showing posts tagged Tag 2}</h2>
  1224.     </div>
  1225.     {/block:TagPage}
  1226.    
  1227.     {block:SearchPage}
  1228.     {block:NoSearchResults}
  1229.     <div class="show-search search-tag-page">
  1230.         <h2>
  1231.             {lang:Sorry no results for SearchQuery 2}
  1232.         </h2>
  1233.     </div>
  1234.     {/block:NoSearchResults}
  1235.    
  1236.     {block:SearchResults}
  1237.     <div class="show-search search-tag-page">
  1238.         <h2>
  1239.             {lang:Found SearchResultCount results for SearchQuery 2}
  1240.         </h2>
  1241.     </div>
  1242.     {/block:SearchResults}
  1243.    
  1244.     {block:HideFromSearchEnabled}
  1245.     <div class="search-tag-page">
  1246.         <h2>
  1247.             Uh-oh! This blog has disabled its search engine!
  1248.         </h2>
  1249.     </div>
  1250.     {/block:HideFromSearchEnabled}
  1251.     {/block:SearchPage}
  1252.    
  1253.     {block:NoPosts}
  1254.     <div class="search-tag-page">
  1255.         <h2>
  1256.             {lang:No posts found}
  1257.         </h2>
  1258.     </div>
  1259.     {/block:NoPosts}
  1260.    
  1261.     <!--POSTS CONTENT-->
  1262.     {block:Posts}
  1263.     <div class="post-wrapper" id="{PostID}">
  1264.         <article>
  1265.        
  1266.         {block:Text}
  1267.         {block:Title}
  1268.             <h1>
  1269.                 <a href="{Permalink}">{Title}</a>
  1270.             </h1>
  1271.         {/block:Title}
  1272.         {block:NotReblog}
  1273.         <div class="caption">
  1274.             {Body}
  1275.            
  1276.             <!--KEEP READING-->    
  1277.             {block:More}
  1278.             <div class="keep-reading">
  1279.                 <a href="{Permalink}">
  1280.                     {lang:Keep reading}
  1281.                 </a>
  1282.             </div>
  1283.             {/block:More}
  1284.         </div>
  1285.         {/block:NotReblog}
  1286.        
  1287.         {block:RebloggedFrom}
  1288.                 {block:Reblogs}
  1289.                 <div class="unnest-caption">
  1290.                     {block:HasPermalink}
  1291.                     <a href="{Permalink}" target="_blank">
  1292.                         {block:IsActive}
  1293.                              <span>
  1294.                                  <img src="{ReblogParentPortraitURL-40}">
  1295.                              </span>
  1296.                         {/block:IsActive}
  1297.                         {block:IsDeactivated}
  1298.                         <span><img src="{PortraitURL-64}"></span>
  1299.                         {/block:IsDeactivated}
  1300.                        <span> {Username}</span>
  1301.                     </a>
  1302.                     {/block:HasPermalink}
  1303.                 </div>
  1304.                         <div class="caption">
  1305.                             {Body}
  1306.                         </div>
  1307.                 {/block:Reblogs}
  1308.         {/block:RebloggedFrom}
  1309.         {/block:Text}
  1310.        
  1311.         {block:Photo}
  1312.         <div class="photo-post">
  1313.             <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">
  1314.     <img src="{PhotoURL-HighRes}">
  1315. </a>
  1316.         </div>
  1317.         {block:Caption}
  1318.         {block:NotReblog}
  1319.         <div class="allow-caption caption">
  1320.             {Caption}
  1321.            
  1322.             <!--KEEP READING-->    
  1323.             {block:More}
  1324.             <div class="keep-reading">
  1325.                 <a href="{Permalink}">
  1326.                     {lang:Keep reading}
  1327.                 </a>
  1328.             </div>
  1329.             {/block:More}
  1330.         </div>
  1331.         {/block:NotReblog}
  1332.        
  1333.         {block:RebloggedFrom}
  1334.                 {block:Reblogs}
  1335.                 <div class="unnest-caption">
  1336.                     {block:HasPermalink}
  1337.                     <a href="{Permalink}" target="_blank">
  1338.                         {block:IsActive}
  1339.                              <span>
  1340.                                  <img src="{ReblogParentPortraitURL-40}">
  1341.                              </span>
  1342.                         {/block:IsActive}
  1343.                         {block:IsDeactivated}
  1344.                         <span><img src="{PortraitURL-64}"></span>
  1345.                         {/block:IsDeactivated}
  1346.                        <span> {Username}</span>
  1347.                     </a>
  1348.                     {/block:HasPermalink}
  1349.                 </div>
  1350.                         <div class="caption">
  1351.                             {Body}
  1352.                         </div>
  1353.                 {/block:Reblogs}
  1354.         {/block:RebloggedFrom}
  1355.         {/block:Caption}
  1356.         {/block:Photo}
  1357.        
  1358.         {block:Photoset}
  1359.         <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1360. <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>
  1361.        
  1362.         {block:Caption}
  1363.         {block:NotReblog}
  1364.         <div class="allow-caption caption">
  1365.             {Caption}
  1366.            
  1367.             <!--KEEP READING-->    
  1368.             {block:More}
  1369.             <div class="keep-reading">
  1370.                 <a href="{Permalink}">
  1371.                     {lang:Keep reading}
  1372.                 </a>
  1373.             </div>
  1374.             {/block:More}
  1375.         </div>
  1376.         {/block:NotReblog}
  1377.        
  1378.         {block:RebloggedFrom}
  1379.                 {block:Reblogs}
  1380.                 <div class="unnest-caption">
  1381.                     {block:HasPermalink}
  1382.                     <a href="{Permalink}" target="_blank">
  1383.                         {block:IsActive}
  1384.                              <span>
  1385.                                  <img src="{ReblogParentPortraitURL-40}">
  1386.                              </span>
  1387.                         {/block:IsActive}
  1388.                         {block:IsDeactivated}
  1389.                         <span><img src="{PortraitURL-64}"></span>
  1390.                         {/block:IsDeactivated}
  1391.                        <span> {Username}</span>
  1392.                     </a>
  1393.                     {/block:HasPermalink}
  1394.                 </div>
  1395.                         <div class="caption">
  1396.                             {Body}
  1397.                         </div>
  1398.                 {/block:Reblogs}
  1399.         {/block:RebloggedFrom}
  1400.         {/block:Caption}
  1401.         {/block:Photoset}
  1402.        
  1403.         {block:Quote}
  1404.         <h2 class="quote-post">
  1405.             {Quote}
  1406.         </h2>
  1407.         {block:Source}
  1408.         <div class="quote-source">
  1409.             {Source}
  1410.         </div>
  1411.         {/block:Source}
  1412.         {/block:Quote}
  1413.        
  1414.         {block:Link}
  1415.        
  1416.         <div class="link-post">
  1417.             <a href="{URL}" target="_blank">
  1418.                 <h2>
  1419.                     {Name}
  1420.                 </h2>
  1421.             </a>
  1422.         </div>
  1423.        
  1424.         {block:Description}
  1425.         {block:NotReblog}
  1426.         <div class="allow-caption caption">
  1427.             {Description}
  1428.            
  1429.             <!--KEEP READING-->    
  1430.             {block:More}
  1431.             <div class="keep-reading">
  1432.                 <a href="{Permalink}">
  1433.                     {lang:Keep reading}
  1434.                 </a>
  1435.             </div>
  1436.             {/block:More}
  1437.         </div>
  1438.         {/block:NotReblog}
  1439.        
  1440.         {block:RebloggedFrom}
  1441.                 {block:Reblogs}
  1442.                 <div class="unnest-caption">
  1443.                     {block:HasPermalink}
  1444.                     <a href="{Permalink}" target="_blank">
  1445.                         {block:IsActive}
  1446.                              <span>
  1447.                                  <img src="{ReblogParentPortraitURL-40}">
  1448.                              </span>
  1449.                         {/block:IsActive}
  1450.                         {block:IsDeactivated}
  1451.                         <span><img src="{PortraitURL-64}"></span>
  1452.                         {/block:IsDeactivated}
  1453.                        <span> {Username}</span>
  1454.                     </a>
  1455.                     {/block:HasPermalink}
  1456.                 </div>
  1457.                         <div class="caption">
  1458.                             {Body}
  1459.                         </div>
  1460.                 {/block:Reblogs}
  1461.         {/block:RebloggedFrom}
  1462.         {/block:Description}
  1463.         {/block:Link}
  1464.        
  1465.         {block:Chat}
  1466.         {block:Title}
  1467.             <div class="chat-title">
  1468.                 <a href="{Permalink}">
  1469.                     <h1>
  1470.                         {Title}
  1471.                     </h1>
  1472.                 </a>
  1473.             </div>
  1474.         {/block:Title}
  1475.        
  1476.         {block:Lines}
  1477.         <p class="caption">{block:Label}<b>{Label}</b>{/block:Label} <span>{Line}</span>
  1478.         {/block:Lines}
  1479.         {/block:Chat}
  1480.        
  1481.         {block:Audio}
  1482.         <div class="audio-post">
  1483.             {AudioEmbed}
  1484.         </div>
  1485.        
  1486.         {block:Caption}
  1487.         {block:NotReblog}
  1488.         <div class="allow-caption caption">
  1489.             {Caption}
  1490.            
  1491.             <!--KEEP READING-->    
  1492.             {block:More}
  1493.             <div class="keep-reading">
  1494.                 <a href="{Permalink}">
  1495.                     {lang:Keep reading}
  1496.                 </a>
  1497.             </div>
  1498.             {/block:More}
  1499.         </div>
  1500.         {/block:NotReblog}
  1501.        
  1502.         {block:RebloggedFrom}
  1503.                 {block:Reblogs}
  1504.                 <div class="unnest-caption">
  1505.                     {block:HasPermalink}
  1506.                     <a href="{Permalink}" target="_blank">
  1507.                         {block:IsActive}
  1508.                              <span>
  1509.                                  <img src="{ReblogParentPortraitURL-40}">
  1510.                              </span>
  1511.                         {/block:IsActive}
  1512.                         {block:IsDeactivated}
  1513.                         <span><img src="{PortraitURL-64}"></span>
  1514.                         {/block:IsDeactivated}
  1515.                        <span> {Username}</span>
  1516.                     </a>
  1517.                     {/block:HasPermalink}
  1518.                 </div>
  1519.                         <div class="caption">
  1520.                             {Body}
  1521.                         </div>
  1522.                 {/block:Reblogs}
  1523.         {/block:RebloggedFrom}
  1524.         {/block:Caption}
  1525.         {/block:Audio}
  1526.        
  1527.         {block:Video}
  1528.         <div class="video-post">
  1529.             {Video-500}
  1530.         </div>
  1531.        
  1532.         {block:Caption}
  1533.         {block:NotReblog}
  1534.         <div class="allow-caption caption">
  1535.             {Caption}
  1536.            
  1537.             <!--KEEP READING-->    
  1538.             {block:More}
  1539.             <div class="keep-reading">
  1540.                 <a href="{Permalink}">
  1541.                     {lang:Keep reading}
  1542.                 </a>
  1543.             </div>
  1544.             {/block:More}
  1545.         </div>
  1546.         {/block:NotReblog}
  1547.        
  1548.         {block:RebloggedFrom}
  1549.                 {block:Reblogs}
  1550.                 <div class="unnest-caption">
  1551.                     {block:HasPermalink}
  1552.                     <a href="{Permalink}" target="_blank">
  1553.                         {block:IsActive}
  1554.                              <span>
  1555.                                  <img src="{ReblogParentPortraitURL-40}">
  1556.                              </span>
  1557.                         {/block:IsActive}
  1558.                         {block:IsDeactivated}
  1559.                         <span><img src="{PortraitURL-64}"></span>
  1560.                         {/block:IsDeactivated}
  1561.                        <span> {Username}</span>
  1562.                     </a>
  1563.                     {/block:HasPermalink}
  1564.                 </div>
  1565.                         <div class="caption">
  1566.                             {Body}
  1567.                         </div>
  1568.                 {/block:Reblogs}
  1569.         {/block:RebloggedFrom}
  1570.         {/block:Caption}
  1571.         {/block:Video}
  1572.        
  1573.         {block:Answer}
  1574.         <div class="ask-post">
  1575.             <div class="ask-post-image">
  1576.                 <img src="{AskerPortraitURL-64}">
  1577.             </div>
  1578.             <div class="ask-post-username">
  1579.                 {lang:Asker asked 2}:
  1580.             </div>
  1581.             <div class="ask-post-question">
  1582.                 {Question}
  1583.             </div>
  1584.         </div>
  1585.  
  1586.         {block:NotReblog}
  1587.         <div class="ask-post-answer caption">
  1588.             {Answer}
  1589.            
  1590.             <!--KEEP READING-->    
  1591.             {block:More}
  1592.             <div class="keep-reading">
  1593.                 <a href="{Permalink}">
  1594.                     {lang:Keep reading}
  1595.                 </a>
  1596.             </div>
  1597.             {/block:More}
  1598.         </div>
  1599.         {/block:NotReblog}
  1600.        
  1601.         {block:RebloggedFrom}
  1602.         {block:Answerer}
  1603.         <div class="answer-post">
  1604.             <div class="answer-post-username">
  1605.                 {lang:Answered}:
  1606.             </div>
  1607.             <div class="answer-post-image">
  1608.                 <img src="{AnswererPortraitURL-64}">
  1609.             </div>
  1610.             <div class="ask-post-question">
  1611.                 {Answer}
  1612.             </div>
  1613.         </div>
  1614.         {/block:Answerer}
  1615.        
  1616.         {block:Reblogs}
  1617.                 <div class="unnest-caption">
  1618.                     {block:HasPermalink}
  1619.                     <a href="{Permalink}" target="_blank">
  1620.                         {block:IsActive}
  1621.                              <span>
  1622.                                  <img src="{ReblogParentPortraitURL-40}">
  1623.                              </span>
  1624.                         {/block:IsActive}
  1625.                         {block:IsDeactivated}
  1626.                         <span><img src="{PortraitURL-64}"></span>
  1627.                         {/block:IsDeactivated}
  1628.                        <span> {Username}</span>
  1629.                     </a>
  1630.                     {/block:HasPermalink}
  1631.                 </div>
  1632.                         <div class="caption">
  1633.                             {Body}
  1634.                         </div>
  1635.                 {/block:Reblogs}
  1636.         {/block:RebloggedFrom}
  1637.         {/block:Answer}
  1638.    
  1639.     </article>
  1640.    
  1641.     <!--NOTE COUNTS-->
  1642.     {block:Date}
  1643.     <div class="note-counts">
  1644.         <a href="{Permalink}">{NoteCountWithLabel}</a>
  1645.     </div>
  1646.     <div class="post-information">
  1647.         <div class="timestamp" title="Posted at {12HourWithZero}:{Minutes} {CapitalAmPm}">
  1648.            {ShortDayOfWeek}, {DayOfMonth}/{MonthNumber}/{ShortYear}
  1649.         </div>
  1650.        
  1651.         <!--TIMEDATE AND LIKE REBLOG-->
  1652.         <div class="reblog-like">
  1653.             <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  1654.             <a href="{ReblogURL}">Reblog</a>
  1655.            
  1656.             {block:ContentSource}
  1657.             Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>
  1658.             {/block:ContentSource}
  1659.            
  1660.         </div>
  1661.     </div>
  1662.     {/block:Date}
  1663.    
  1664.     <!--TAGS-->
  1665.     {block:HasTags}
  1666.         <div class="tags">
  1667.             {block:Tags}
  1668.                 <a href="{TagURL}">{Tag}</a>
  1669.             {/block:Tags}
  1670.         </div>
  1671.     {/block:HasTags}
  1672.    
  1673.         {block:PermalinkPagination}
  1674.             <div class="pagination">
  1675.                 {block:PreviousPost}
  1676.                     <a href="{PreviousPost}">{lang:Previous post}</a>
  1677.                 {/block:PreviousPost}
  1678.                  
  1679.                 {block:NextPost}
  1680.                     <a href="{NextPost}">{lang:Next post}</a>
  1681.                 {/block:NextPost}
  1682.             </div>
  1683.         {/block:PermalinkPagination}
  1684.        
  1685.         {block:PostNotes}
  1686.         <div class="post-notes">
  1687.             {PostNotes}
  1688.         </div>
  1689.         {/block:PostNotes}
  1690.    
  1691.     </div>
  1692.     {/block:Posts}
  1693.    
  1694.     <!--MODAL-->
  1695.     <dialog id="modal">
  1696.         <div class="close-button-wrapper">
  1697.             <span class="close-button">
  1698.             <i class="cp cp-cross"></i>
  1699.         </span>
  1700.         </div>
  1701.        
  1702.         <!--TAB BUTTONS-->
  1703.         <div class="tab">
  1704.         {block:ifAllowAbout}
  1705.           <button class="tablinks" onclick="content(event, 'About')"  id="defaultOpen">About</button>
  1706.         {/block:ifAllowAbout}
  1707.          
  1708.         {block:ifAllowUpdates}  
  1709.           <button class="tablinks" onclick="content(event, 'Update')">Updates</button>
  1710.         {/block:ifAllowUpdates}
  1711.          
  1712.          {block:HasPages}
  1713.           <button class="tablinks" onclick="content(event, 'Navigation')" id="defaultOpen">Navigation</button>
  1714.          {/block:HasPages}
  1715.          
  1716.          {block:ifAllowTagsPage}
  1717.           <button class="tablinks" onclick="content(event, 'Tags')">Tags</button>
  1718.          {/block:ifAllowTagsPage}  
  1719.          
  1720.          {block:ifAllowSearchBar}
  1721.           <button class="tablinks" onclick="content(event, 'Search')">Search</button>
  1722.          {/block:ifAllowSearchBar}
  1723.         </div>
  1724.        
  1725.     <!--NAVIGATION-->
  1726.     {block:HasPages}
  1727.         <div id="Navigation" class="tabcontent">
  1728.             <nav class="navigation-links">
  1729.                
  1730.                 {block:Pages}
  1731.                 <a href="{URL}">{Label}</a>
  1732.                 {/block:Pages}
  1733.             </nav>
  1734.         </div>
  1735.     {/block:HasPages}
  1736.  
  1737.     <!--ABOUT-->
  1738.         <div id="About" class="tabcontent">
  1739.           <div class="about-wrapper">
  1740.               <section class="about-image">
  1741.                   <img src="{image:About Sidebar}">
  1742.               </section>
  1743.              
  1744.               <section class="about-content">
  1745.                   {block:ifAbout}
  1746.                   {text:About}
  1747.                   {block:ifAbout}
  1748.                  
  1749.                   {block:ifNotAbout}
  1750.                   <p>Nothing to see here
  1751.                   {/block:ifNotAbout}
  1752.               </section>
  1753.           </div>
  1754.         </div>
  1755.        
  1756.     <!--UPDATE-->
  1757.         <div id="Update" class="tabcontent">
  1758.           <div class="update-wrapper">
  1759.               <div class="status-wrapper">
  1760.               {block:ifBlogStatus}
  1761.                   <span>
  1762.                       <b>Blog Status:</b><br>
  1763.                       {text:Blog Status}
  1764.                   </span>
  1765.               {/block:ifBlogStatus}
  1766.              
  1767.               {block:ifAskStatus}
  1768.                   <span>
  1769.                       <b>Ask Status:</b><br>
  1770.                       {text:Ask Status}
  1771.                   </span>
  1772.               {/block:ifAskStatus}
  1773.              
  1774.               {block:ifMessageStatus}
  1775.                   <span>
  1776.                       <b>Message Status:</b><br>
  1777.                       {text:Message Status}
  1778.                   </span>
  1779.               {/block:ifMessageStatus}
  1780.               </div>
  1781.              
  1782.               <div class="update-content-wrapper">
  1783.                     <div class="update-content">
  1784.                     {block:ifUpdateLabel01}    
  1785.                       <h3>
  1786.                          {text:Update Label 01}
  1787.                       </h3>
  1788.                     {/block:ifUpdateLabel01}
  1789.                    
  1790.                     {block:ifUpdateContent01}
  1791.                       <p>{text:Update Content 01}
  1792.                     {/block:ifUpdateContent01}
  1793.                     </div>
  1794.               </div>
  1795.              
  1796.               <div class="update-content-wrapper">
  1797.                   <div class="update-content">
  1798.               {block:ifUpdateLabel02}
  1799.                   <h3>
  1800.                       {text:Update Label 02}
  1801.                   </h3>
  1802.               {/block:ifUpdateLabel02}
  1803.               {block:ifUpdateContent02}
  1804.                   <p>{text:Update Content 02}
  1805.               {/block:ifUpdateContent02}
  1806.               </div>
  1807.               </div>
  1808.              
  1809.               <div class="update-content-wrapper">
  1810.                   <div class="update-content">
  1811.               {block:ifUpdateLabel03}
  1812.                   <h3>
  1813.                      {text:Update Label 03}
  1814.                   </h3>
  1815.               {/block:ifUpdateLabel03}
  1816.               {block:ifUpdateContent03}
  1817.                   <p>{text:Update Content 03}
  1818.               {/block:ifUpdateContent03}
  1819.               </div>
  1820.               </div>
  1821.           </div>
  1822.         </div>
  1823.        
  1824.     <!--TAGS PAGE-->
  1825.         <div id="Tags" class="tabcontent">
  1826.         {block:ifTagsCategory01Title}
  1827.           <div class="tags-content">
  1828.               <h3>
  1829.                   {text:Tags Category 01 Title}
  1830.               </h3>
  1831.               <nav class="tags-links">
  1832.                 {block:ifTC01URL01}
  1833.                   <a href="{text:TC01 URL 01}">{text:TC01 Title 01}</a>
  1834.                 {/block:ifTC01URL01}
  1835.                  
  1836.                 {block:ifTC01URL02}
  1837.                   <a href="{text:TC01 URL 02}">{text:TC01 Title 02}</a>
  1838.                 {/block:ifTC01URL02}
  1839.                  
  1840.                 {block:ifTC01URL03}  
  1841.                   <a href="{text:TC01 URL 03}">{text:TC01 Title 03}</a>
  1842.                 {/block:ifTC01URL03}  
  1843.                  
  1844.                 {block:ifTC01URL04}  
  1845.                   <a href="{text:TC01 URL 04}">{text:TC01 Title 04}</a>
  1846.                 {/block:ifTC01URL04}
  1847.                
  1848.                 {block:ifTC01URL05}
  1849.                   <a href="{text:TC01 URL 05}">{text:TC01 Title 05}</a>
  1850.                 {/block:ifTC01URL05}
  1851.               </nav>
  1852.           </div>  
  1853.           {/block:ifTagsCategory01Title}
  1854.          
  1855.           {block:ifTagsCategory02Title}
  1856.           <div class="tags-content">
  1857.               <h3>
  1858.                   {text:Tags Category 02 Title}
  1859.               </h3>
  1860.               <nav class="tags-links">
  1861.               {block:ifTC02URL01}
  1862.                   <a href="{text:TC02 URL 01}">{text:TC02 Title 01}</a>
  1863.               {/block:ifTC02URL01}
  1864.              
  1865.               {block:ifTC02URL02}
  1866.                   <a href="{text:TC02 URL 02}">{text:TC02 Title 02}</a>
  1867.               {/block:ifTC02URL02}
  1868.                  
  1869.               {block:ifTC02URL03}
  1870.                   <a href="{text:TC02 URL 03}">{text:TC02 Title 03}</a>
  1871.               {/block:ifTC02URL03}
  1872.                  
  1873.               {block:ifTC02URL04}
  1874.                   <a href="{text:TC02 URL 04}">{text:TC02 Title 04}</a>
  1875.               {/block:ifTC02URL04}
  1876.                
  1877.               {block:ifTC02URL05}  
  1878.                   <a href="{text:TC02 URL 05}">{text:TC02 Title 05}</a>
  1879.               {/block:ifTC02URL05}
  1880.               </nav>
  1881.           </div>
  1882.           {/block:ifTagsCategory02Title}
  1883.          
  1884.           {block:ifTagsCategory03Title}
  1885.           <div class="tags-content">
  1886.               <h3>
  1887.                   {text:Tags Category 03 Title}
  1888.               </h3>
  1889.               <nav class="tags-links">
  1890.               {block:ifTC03URL01}
  1891.                   <a href="{text:TC03 URL 01}">{text:TC03 Title 01}</a>
  1892.               {/block:ifTC03URL01}
  1893.              
  1894.               {block:ifTC03URL02}
  1895.                   <a href="{text:TC03 URL 02}">{text:TC03 Title 02}</a>
  1896.               {/block:ifTC03URL02}
  1897.              
  1898.               {block:ifTC03URL03}
  1899.                   <a href="{text:TC03 URL 03}">{text:TC03 Title 03}</a>
  1900.               {block:ifTC03URL03}
  1901.              
  1902.               {block:ifTC03URL04}
  1903.                   <a href="{text:TC03 URL 04}">{text:TC03 Title 04}</a>
  1904.               {/block:ifTC03URL04}
  1905.              
  1906.               {block:ifTC03URL05}
  1907.                   <a href="{text:TC03 URL 05}">{text:TC03 Title 05}</a>
  1908.               {/block:ifTC03URL05}
  1909.               </nav>
  1910.           </div>
  1911.           {/block:ifTagsCategory03Title}
  1912.          
  1913.           {block:ifTagsCategory04Title}
  1914.           <div class="tags-content">
  1915.               <h3>
  1916.                   {text:Tags Category 04 Title}
  1917.               </h3>
  1918.               <nav class="tags-links">
  1919.               {block:ifTC04URL01}
  1920.                   <a href="{text:TC04 URL 01}">{text:TC04 Title 01}</a>
  1921.               {/block:ifTC04URL01}
  1922.              
  1923.               {block:ifTC04URL02}
  1924.                   <a href="{text:TC04 URL 02}">{text:TC04 Title 02}</a>
  1925.               {/block:ifTC04URL02}
  1926.                  
  1927.               {block:ifTC04URL03}
  1928.                   <a href="{text:TC04 URL 03}">{text:TC04 Title 03}</a>
  1929.               {/block:ifTC04URL03}
  1930.              
  1931.               {block:ifTC04URL04}
  1932.                   <a href="{text:TC04 URL 04}">{text:TC04 Title 04}</a>
  1933.               {/block:ifTC04URL04}
  1934.                
  1935.               {block:ifTC04URL05}  
  1936.                   <a href="{text:TC04 URL 05}">{text:TC04 Title 05}</a>
  1937.               {/block:ifTC04URL05}
  1938.               </nav>
  1939.           </div>
  1940.           {/block:ifTagsCategory04Title}
  1941.          
  1942.           {block:ifTagsCategory05Title}
  1943.           <div class="tags-content">
  1944.               <h3>
  1945.                   {text:Tags Category 05 Title}
  1946.               </h3>
  1947.               <nav class="tags-links">
  1948.               {block:ifTC05URL01}
  1949.                   <a href="{text:TC05 URL 01}">{text:TC05 Title 01}</a>
  1950.               {/block:ifTC05URL01}
  1951.                  
  1952.               {block:ifTC05URL02}
  1953.                   <a href="{text:TC05 URL 02}">{text:TC05 Title 02}</a>
  1954.               {/block:ifTC05URL02}
  1955.                  
  1956.               {block:ifTC05URL03}
  1957.                   <a href="{text:TC05 URL 03}">{text:TC05 Title 03}</a>
  1958.               {/block:ifTC05URL03}
  1959.            
  1960.               {block:ifTC05URL04}  
  1961.                   <a href="{text:TC05 URL 04}">{text:TC05 Title 04}</a>
  1962.               {/block:ifTC05URL04}
  1963.              
  1964.               {block:ifTC05URL05}
  1965.                   <a href="{text:TC05 URL 05}">{text:TC05 Title 05}</a>
  1966.               {/block:ifTC05URL05}
  1967.               </nav>
  1968.           </div>
  1969.           {/block:ifTagsCategory05Title}
  1970.         </div>
  1971.        
  1972.         <!--SEARCH-->
  1973.         <div id="Search" class="tabcontent">
  1974.           <div class="searchbar-wrapper">
  1975.               <h3>
  1976.                   Search:
  1977.               </h3>
  1978.               <form action="/search" method="get">
  1979.                   <input type="text" name="q" value="" placeholder="🔍 Search" autocomplete="off" />
  1980.                   <input type="submit" value="Search"/>
  1981.               </form>
  1982.           </div>
  1983.         </div>
  1984.     </dialog>
  1985.    
  1986. <!--SCROLL TO TOP-->    
  1987. {block:ifAllowScrollToTop}
  1988. <div class="scroll-to-top">
  1989.     <a href="#top" title="Scroll to Top">
  1990.         <i class="cp cp-chevron-up"></i>
  1991.     </a>
  1992. </div>
  1993. {/block:ifAllowScrollToTop}
  1994. </main>
  1995.  
  1996.     <!--PAGINATION-->
  1997.     {block:Pagination}
  1998.     <div class="pagination">
  1999.         {block:PreviousPage}
  2000.         <a href="{PreviousPage}">{lang:Newer entries}</a>
  2001.         {/block:PreviousPage}
  2002.        
  2003.         <span>
  2004.             {CurrentPage} / {TotalPages}
  2005.         </span>
  2006.        
  2007.         {block:NextPage}
  2008.         <a href="{NextPage}">{lang:Older entries}</a>
  2009.         {/block:NextPage}
  2010.     </div>
  2011.     {/block:Pagination}
  2012.  
  2013.  
  2014. <!--FOOTER-->
  2015.     <footer>
  2016.         {CopyrightYears} . {lang:Powered by Tumblr 2} . <a href="https://phantasyreign.tumblr.com/" target="_blank">Theme by Jasmin</a>
  2017.     </footer>
  2018.    
  2019. <script>
  2020. ///TOOLTIPS
  2021.     (function($){
  2022.         $(document).ready(function(){
  2023.             $("[title]").style_my_tooltips({
  2024.                 tip_follows_cursor:true,
  2025.             });
  2026.         });
  2027.     })(jQuery);
  2028. </script>
  2029.    
  2030.    
  2031. <script>
  2032. ///MODAL
  2033.     const body = document.querySelector("body");
  2034.     const modal = document.querySelector("#modal");
  2035.     const openModal = document.querySelector(".open-button");
  2036.     const closeModal = document.querySelector(".close-button");
  2037.  
  2038.     openModal.addEventListener("click", () => {
  2039.         modal.showModal();
  2040.         body.style.overflow = "hidden";
  2041.     });
  2042.    
  2043.     modal.addEventListener("keydown", e => {
  2044.         if(e.keyCode === 27){
  2045.             e.preventDefault()
  2046.         }
  2047.     })
  2048.    
  2049.     closeModal.addEventListener("click", () => {
  2050.         modal.close();
  2051.         body.style.overflow = "auto";
  2052.     });
  2053. </script>
  2054.  
  2055.  
  2056. <script>
  2057. ///TABS
  2058.     function content(evt, tabc) {
  2059.         var i, tabcontent, tablinks;
  2060.         tabcontent = document.getElementsByClassName("tabcontent");
  2061.             for (i = 0; i < tabcontent.length; i++) {
  2062.                tabcontent[i].style.display = "none";
  2063.    }
  2064.    
  2065.    tablinks = document.getElementsByClassName("tablinks");
  2066.        for (i = 0; i < tablinks.length; i++) {
  2067.        tablinks[i].className = tablinks[i].className.replace(" active", "");
  2068.    }
  2069.    
  2070.    document.getElementById(tabc).style.display = "block";
  2071.        evt.currentTarget.className += " active";
  2072.    }
  2073.    
  2074.    document.getElementById("defaultOpen").click();
  2075. </script>
  2076.  
  2077. <script>
  2078. ///PXU PHOTOSET
  2079. $(document).ready(function(){
  2080. $('.photo-slideshow').pxuPhotoset({
  2081.     lightbox:true,
  2082.     rounded:false,
  2083.     gutter:'0px',
  2084.     borderRadius:'0px',
  2085.     photoset:'.photo-slideshow',
  2086.     photoWrap:'.photo-data',
  2087.     photo:'.pxu-photo'
  2088.     });
  2089. });
  2090. </script>
  2091.  
  2092. <script>
  2093. ///READ MORE BY FUKUO
  2094. $('.post-wrapper').find('.caption').each(function() {
  2095.   var $this = $(this);
  2096.                 var heightbody = $this.innerHeight(),
  2097.                     buttontext = "READ MORE...",
  2098.                     readmore = "long-caption-link";
  2099.                 if (heightbody >= 600) {
  2100.  
  2101.                     $(this).addClass('long-caption');
  2102.                     $this.append('<a href="#" class="' + readmore + '">' + buttontext + '</a>');
  2103.                    
  2104.                     $this.find('.long-caption-link').click(function(e) {
  2105.                         e.preventDefault();
  2106.                         $(this).remove();
  2107.                     $this.addClass("full-caption");
  2108.                     });
  2109.                    
  2110.        }
  2111. });
  2112. </script>
  2113.    
  2114. </body>
  2115. </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!