API tools faq
paste
glenthemes

Theme [30]: BIOS

glenthemes
Jun 15th, 2018 (edited)
9,440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 75.19 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------------------------
  2. Theme [30]: BIOS
  3. Made by glenthemes
  4.  
  5. Initial release: 2018/06/16
  6. Rework date: 2022/02/21
  7. Last updated: 2023/06/10
  8.  
  9. What's new:
  10. ✱ minor fixes for npf quotes and chats
  11.  
  12. TERMS OF USE:
  13. 1) Do not remove the theme credit.
  14. 2) Do not repost/redistribute my themes.
  15. 3) Do not take parts of the code and use it as your own.
  16. 4) Do not use my themes as a base code.
  17. 5) Do not mix my themes together.
  18.  
  19. HOW TO USE THIS THEME:
  20. https://docs.google.com/presentation/d/1zh33WY1-EcWa9PcA_rDN7Pwk5YvlOTBQYEdKGBeFc0E/edit?usp=sharing
  21.  
  22. CREDITS:
  23. ( ⸝•ᴗ•⸝)♡ ~ glencredits.tumblr.com/bios
  24. ----------------------------------------------------->
  25. <!DOCTYPE html>
  26. <html font="{select:font}" tumblr-controls="{select:tumblr controls color}" bg-type="{select:background image type}" blog-name="{Name}" portrait="{PortraitURL-64}" crd="{select:theme credit location}" cmsg="{select:hide customize message}" cl-sh="{block:ifcustomlink1name}show{/block:ifcustomlink1name}{block:ifnotcustomlink1name}hide{/block:ifnotcustomlink1name}" sh-cimg="{image:center image}" pmbg="{color:permalink background}" lang="en">
  27.  
  28. <head>
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32.  
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}">
  35. {/block:Description}
  36.  
  37. <!-------- FONTS -------->
  38. <!-- google fonts -->
  39. <link rel="preconnect" href="https://fonts.googleapis.com">
  40. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  41.  
  42. <link href="//fonts.googleapis.com/css?family=Work+Sans|Public+Sans:500,600,700|Roboto+Mono|Libre+Franklin|Manrope:500|Karla|Spline+Sans|Overpass|Mulish|Nunito|Inria+Sans|Readex+Pro|Playfair+Display+SC" rel="stylesheet">
  43.  
  44. <!-- caslon fs -->
  45. <link rel="stylesheet" href="//assets.tumblr.com/fonts/caslonfs/stylesheet.css">
  46.  
  47. <!-- preload -->
  48. <link rel="preload" href="//glen-assets.github.io/fonts/Brutal-Regular.ttf" as="font" type="font/ttf" crossorigin>
  49. <link rel="preload" href="//glen-assets.github.io/fonts/Brutal-Medium.ttf" as="font" type="font/ttf" crossorigin>
  50.  
  51. <!-------- ICON FONTS -------->
  52. <!-- phosphor icons -->
  53. <link rel="stylesheet" href="//unpkg.com/[email protected]/src/css/phosphor.css">
  54.  
  55. <!-- eva icons -->
  56. <script src="https://unpkg.com/eva-icons"></script>
  57.  
  58. <!-------- JQUERY -------->
  59. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60.  
  61. <!-------- THEME SCRIPTS -------->
  62. <script src="//npf-images-v3.github.io/script.js"></script>
  63. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  64.  
  65. <link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  66.  
  67. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68.  
  69. {block:ifmusicfile}
  70. <link href="//glenthemes.github.io/-music-/glenplayer02.css" rel="stylesheet">
  71. <script src="//glenthemes.github.io/-music-/glenplayer02.js"></script>
  72. {/block:ifmusicfile}
  73.  
  74. <script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
  75. <link href="//glen-themes.gitlab.io/thms/30/2Bs-lunar-tear.css" rel="stylesheet">
  76. <script src="//glen-themes.gitlab.io/thms/30/POD042-commands.js"></script>
  77. <script src="//glen-themes.gitlab.io/thms/30/9S-kills-god.js"></script>
  78.  
  79. <!-- unblue polls -->
  80. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  81. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  82. <style unblue-polls>
  83. .poll-post {
  84. --Poll-Question-Font-Size: var(--Body-Font-Size);
  85.  
  86. --Poll-Option-Background-Color: transparent;
  87. --Poll-Option-Corner-Rounding: 4px;
  88. --Poll-Option-Border-Size: 1px;
  89. --Poll-Option-Border-Color: {color:post borders inner};
  90. --Poll-Option-Padding: 10px;
  91. --Poll-Option-Font-Size: var(--Body-Font-Size);
  92. --Poll-Option-Spacing: 10px;
  93. --Poll-Option-Text-Color: {color:text};
  94.  
  95. --Poll-Option-HOVER-Border-Color: {color:special border};
  96. --Poll-Option-HOVER-Background-Color: {color:special background};
  97. --Poll-Option-HOVER-Text-Color: {color:special text};
  98. --Poll-Option-HOVER-Speed: 0.4s;
  99. }
  100.  
  101. .poll-see-results {
  102. padding-bottom:0!important;
  103. border-bottom:none!important;
  104. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  105. text-transform:uppercase;
  106. letter-spacing:0.5px;
  107. }
  108. </style>
  109.  
  110. <!-- npf audio player -->
  111. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  112. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  113. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  114. <script>
  115. tumblr_npf_audio({
  116. emptyTitleText: "Untitled track",
  117. emptyArtistText: "Untitled artist",
  118. emptyAlbumText: "Untitled album",
  119.  
  120. titleLabel: "",
  121. artistLabel: "",
  122. albumLabel: ""
  123. });
  124. </script>
  125. <style edit-npf-audio-player>
  126. .npf-audio-wrapper {
  127. --NPF-Audio-Buttons-Size: var(--Audio-Post-Buttons-Size);
  128. --NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
  129. --NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);
  130. --NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));
  131. --NPF-Audio-Image-Size: var(--Audio-Post-Album-Size);
  132. --NPF-Audio-Image-Spacing: 0px;
  133.  
  134. --t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
  135. --p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
  136. }
  137.  
  138. .npf-audio-wrapper {
  139. position:relative;
  140. z-index:0;
  141. }
  142.  
  143. .npf-audio-background {
  144. margin-left:var(--p);
  145. }
  146.  
  147. .npf-audio-play, .npf-audio-pause {
  148. position:relative;
  149. z-index:0;
  150. }
  151.  
  152. .npf-audio-play:after, .npf-audio-pause:after {
  153. content:"";
  154. position:absolute;
  155. top:0;left:0;
  156. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
  157. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
  158. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  159. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  160. background:var(--Audio-Post-Buttons-Background);
  161. border-radius:100%;
  162. z-index:-1;
  163. }
  164.  
  165. .npf-audio-play svg { margin-left:1px; }
  166. .npf-audio-pause svg { margin-left:0; }
  167.  
  168. figcaption.audio-caption,
  169. figcaption.audio-caption ~ audio[controls]{
  170. display:none;
  171. }
  172.  
  173. .npf-audio-image {
  174. position:absolute;
  175. top:0;left:0;
  176. border-radius:var(--Audio-Post-Album-Rounding);
  177. z-index:-1;
  178. }
  179.  
  180. .npf-audio-details {
  181. color:{color:special text};
  182. }
  183.  
  184. .npf-audio-details > * + * {
  185. margin-top:-1px;
  186. }
  187.  
  188. .npf-audio-title-label,
  189. .npf-audio-artist-label,
  190. .npf-audio-album-label {
  191. font-weight: bold;
  192. }
  193. </style>
  194.  
  195. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  196. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  197.  
  198. {block:Hidden}
  199. <!-------- CUSTOMIZE PANEL OPTIONS -------->
  200. <!-- DON'T EDIT THESE "META" LINES, IT WON'T DO ANYTHING -->
  201. <!-- CLICK THE "BACK" ARROW NEXT TO THE GEAR BUTTON AND SCROLL DOWN -->
  202. <meta name="image:background image" content="">
  203. <meta name="image:center image" content="https://static.tumblr.com/7500e91a96205efddd614e041542e41f/2pnwama/T64pacs78/tumblr_static_4go6n14y9saocwoco4s0okogg.png">
  204.  
  205. <meta name="color:background" content="#fdfdfd">
  206.  
  207. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;" content="#">
  208.  
  209. <meta name="color:musicplayer icon 1" content="#444">
  210. <meta name="color:musicplayer icon 2" content="#222">
  211. <meta name="color:musicplayer text" content="#444">
  212.  
  213. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;" content="#">
  214.  
  215. <meta name="color:customlinks border 1" content="#090909">
  216. <meta name="color:customlinks border 2" content="#fdfdfd">
  217. <meta name="color:customlinks square" content="#090909">
  218.  
  219. <meta name="color:customlinks HOVER border 1" content="#bdaf99">
  220. <meta name="color:customlinks HOVER border 2" content="#fdfdfd">
  221. <meta name="color:customlinks HOVER square" content="#bdaf99">
  222.  
  223. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;" content="#">
  224.  
  225. <meta name="color:desc accent" content="#222">
  226. <meta name="color:desc text" content="#666">
  227. <meta name="color:desc bold" content="#222">
  228. <meta name="color:desc italic" content="#444">
  229. <meta name="color:desc link" content="#222">
  230. <meta name="color:desc link underline" content="#d5d5d5">
  231.  
  232. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;&#x200B;" content="#">
  233.  
  234. <meta name="color:navlinks bg" content="#222">
  235. <meta name="color:navlinks text" content="#e2e2e2">
  236. <meta name="color:navlinks hover bg" content="#bdaf99">
  237. <meta name="color:navlinks hover text" content="#fafafa">
  238.  
  239. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;&#x200B;&#x200B;" content="#">
  240.  
  241. <meta name="color:post" content="#fff">
  242. <meta name="color:post borders outer" content="#eee">
  243. <meta name="color:post borders inner" content="#f2f2f2">
  244.  
  245. <meta name="color:text" content="#666">
  246. <meta name="color:heading" content="#222">
  247. <meta name="color:bold" content="#222">
  248. <meta name="color:italic" content="#444">
  249.  
  250. <meta name="color:link" content="#222">
  251. <meta name="color:link underline" content="#d5d5d5">
  252.  
  253. <meta name="color:special background" content="#fafafa">
  254. <meta name="color:special text" content="#222">
  255. <meta name="color:special border" content="#e9e9e9">
  256.  
  257. <meta name="color:reblogger" content="#222">
  258.  
  259. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;&#x200B;&#x200B;&#x200B;" content="#">
  260.  
  261. <meta name="color:tags" content="#333">
  262.  
  263. <meta name="color:permalink border" content="#222">
  264. <meta name="color:permalink background" content="#222">
  265. <meta name="color:permalink text" content="#eee">
  266.  
  267. <meta name="color:post buttons" content="#e1e1e1">
  268. <meta name="color:like button liked" content="#b0a57b">
  269.  
  270. <meta name="color:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;&#x200B;&#x200B;&#x200B;&#x200B;" content="#">
  271.  
  272. <meta name="color:scrollbar" content="#b2b2b2">
  273. <meta name="color:scrollbar background" content="#fdfdfd">
  274.  
  275. <meta name="color:text selection background" content="#f1eee9">
  276. <meta name="color:text selected" content="#222">
  277.  
  278. <meta name="color:tooltips bg" content="#222">
  279. <meta name="color:tooltips text" content="#e2e2e2">
  280.  
  281. <!-------- GENERAL STUFF -------->
  282. <meta name="select:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;">
  283.  
  284. <meta name="select:hide customize message" title="show" content="show">
  285. <meta name="select:hide customize message" title="hide" content="hide">
  286.  
  287. <meta name="select:screen margin" title="60px" content="60px">
  288. <meta name="select:screen margin" title="40px" content="40px">
  289. <meta name="select:screen margin" title="50px" content="50px">
  290. <meta name="select:screen margin" title="70px" content="70px">
  291. <meta name="select:screen margin" title="80px" content="80px">
  292.  
  293. <meta name="select:background image type" title="small" content="repeat">
  294. <meta name="select:background image type" title="large" content="full">
  295.  
  296. <meta name="select:theme credit location" title="sidebar links" content="crd-sb">
  297. <meta name="select:theme credit location" title="corner" content="crd-corner">
  298.  
  299. <meta name="select:tumblr controls color" title="black" content="black">
  300. <meta name="select:tumblr controls color" title="white" content="white">
  301.  
  302. <meta name="select:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200A;">
  303.  
  304. <meta name="select:font" title="Overpass" content="Overpass">
  305. <meta name="select:font" title="Libre Franklin" content="Libre Franklin">
  306. <meta name="select:font" title="Manrope" content="Manrope">
  307. <meta name="select:font" title="Karla" content="Karla">
  308. <meta name="select:font" title="Mulish" content="Mulish">
  309. <meta name="select:font" title="Nunito" content="Nunito">
  310. <meta name="select:font" title="Spline Sans" content="Spline Sans">
  311. <meta name="select:font" title="Inria Sans" content="Inria Sans">
  312. <meta name="select:font" title="Brutal" content="Brutal">
  313.  
  314. <meta name="select:font size" title="12px" content="12px">
  315. <meta name="select:font size" title="10px" content="10px">
  316. <meta name="select:font size" title="11px" content="11px">
  317. <meta name="select:font size" title="13px" content="13px">
  318. <meta name="select:font size" title="14px" content="14px">
  319. <meta name="select:font size" title="15px" content="15px">
  320.  
  321. <meta name="select:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;">
  322.  
  323. <!-------- CUSTOMLINKS OPTIONS -------->
  324. <meta name="select:customlinks size" title="13px" content="13px">
  325. <meta name="select:customlinks size" title="7px" content="7px">
  326. <meta name="select:customlinks size" title="10px" content="10px">
  327. <meta name="select:customlinks size" title="16px" content="16px">
  328.  
  329. <meta name="select:customlinks rounding" title="soft" content="3px">
  330. <meta name="select:customlinks rounding" title="square" content="0">
  331. <meta name="select:customlinks rounding" title="circle" content="100%">
  332.  
  333. <meta name="select:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;">
  334.  
  335. <!-------- SIDEBAR 1 OPTIONS -------->
  336. <meta name="select:desc first letter size" title="18px" content="18px">
  337. <meta name="select:desc first letter size" title="14px" content="14px">
  338. <meta name="select:desc first letter size" title="16px" content="16px">
  339. <meta name="select:desc first letter size" title="20px" content="20px">
  340. <meta name="select:desc first letter size" title="22px" content="22px">
  341. <meta name="select:desc first letter size" title="24px" content="24px">
  342. <meta name="select:desc first letter size" title="26px" content="26px">
  343.  
  344. <meta name="select:desc font size" title="12px" content="12px">
  345. <meta name="select:desc font size" title="9px" content="9px">
  346. <meta name="select:desc font size" title="10px" content="10px">
  347. <meta name="select:desc font size" title="11px" content="11px">
  348. <meta name="select:desc font size" title="13px" content="13px">
  349. <meta name="select:desc font size" title="14px" content="14px">
  350.  
  351. <meta name="select:desc text align" title="justify" content="justify">
  352. <meta name="select:desc text align" title="left" content="left">
  353. <meta name="select:desc text align" title="right" content="right">
  354. <meta name="select:desc text align" title="center" content="center">
  355.  
  356. <meta name="select:uppercase desc links" title="yes" content="yes">
  357. <meta name="select:uppercase desc links" title="no" content="no">
  358.  
  359. <meta name="select:navlinks corners" title="crooked" content="crooked">
  360. <meta name="select:navlinks corners" title="normal" content="normal">
  361.  
  362. <meta name="select:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;&#x200B;">
  363.  
  364. <meta name="select:center image grayscale" title="no" content="no">
  365. <meta name="select:center image grayscale" title="yes" content="yes">
  366.  
  367. <meta name="select:&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x200B;&#x200B;&#x200B;&#x200B;">
  368.  
  369. <!-------- POST OPTIONS -------->
  370. <meta name="select:post padding" title="14px" content="14px">
  371. <meta name="select:post padding" title="10px" content="10px">
  372. <meta name="select:post padding" title="18px" content="18px">
  373. <meta name="select:post padding" title="22px" content="22px">
  374.  
  375. <meta name="select:photoset spacing" title="4px" content="4px">
  376. <meta name="select:photoset spacing" title="2px" content="2px">
  377. <meta name="select:photoset spacing" title="6px" content="6px">
  378. <meta name="select:photoset spacing" title="8px" content="8px">
  379. <meta name="select:photoset spacing" title="10px" content="10px">
  380.  
  381. <meta name="select:grayscale images" title="reblogger icon only" content="rb-ico">
  382. <meta name="select:grayscale images" title="everything in posts" content="everything">
  383. <meta name="select:grayscale images" title="off" content="off">
  384.  
  385. <meta name="select:timestamp style" title="cryptic" content="cryptic">
  386. <meta name="select:timestamp style" title="normal" content="normal">
  387.  
  388. <meta name="select:tags" title="show" content="show">
  389. <meta name="select:tags" title="toggle" content="toggle">
  390.  
  391. <meta name="select:post spacing" title="45px" content="45px">
  392. <meta name="select:post spacing" title="25px" content="25px">
  393. <meta name="select:post spacing" title="30px" content="30px">
  394. <meta name="select:post spacing" title="35px" content="35px">
  395. <meta name="select:post spacing" title="40px" content="40px">
  396. <meta name="select:post spacing" title="50px" content="50px">
  397. <meta name="select:post spacing" title="55px" content="55px">
  398.  
  399. <!--------- TEXT FIELDS --------->
  400. <meta name="text:HOW TO CHANGE THE MUSIC" content="https://linktr.ee/direct_file_links">
  401. <meta name="text:music name" content="Alien Manifestation (Instrumental)">
  402. <meta name="text:music file" content="https://rhizo.gitlab.io/nier/Alien_Manifestation__Instrumental_.mp3">
  403. <meta name="text:music volume" content="85%">
  404.  
  405. <meta name="text:&#917536;&#x200B;&#x200B;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  406.  
  407. <meta name="text:sidebar width" content="180px">
  408.  
  409. <meta name="text:description first letter" content="Y">
  410. <meta name="text:description" content="our custom description here!">
  411.  
  412. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  413.  
  414. <meta name="text:customlink 1 name" content="sample link">
  415. <meta name="text:customlink 1 url" content="https://youtube.com/watch?v=ZkNMZlkrzaU">
  416. <meta name="text:customlink 2 name" content="">
  417. <meta name="text:customlink 2 url" content="">
  418. <meta name="text:customlink 3 name" content="">
  419. <meta name="text:customlink 3 url" content="">
  420. <meta name="text:customlink 4 name" content="">
  421. <meta name="text:customlink 4 url" content="">
  422. <meta name="text:customlink 5 name" content="">
  423. <meta name="text:customlink 5 url" content="">
  424. <meta name="text:customlink 6 name" content="">
  425. <meta name="text:customlink 6 url" content="">
  426.  
  427. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;&#x200B;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  428.  
  429. <meta name="text:center image width" content="225px">
  430.  
  431. <meta name="text:column gap 1" content="40px">
  432. <meta name="text:column gap 2" content="60px">
  433.  
  434. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;&#x200B;&#x200B;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#x2740;&#x2022;&#xB0;&#x2740;&#xB0;&#x2022;&#x2740; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  435.  
  436. <meta name="text:post width" content="450px">
  437. {/block:Hidden}
  438. <!--------------------------------------------------->
  439.  
  440. <style type="text/css">
  441.  
  442. @font-face { font-family: "brutal"; src: url("//glen-assets.github.io/fonts/Brutal-Regular.ttf"); }
  443.  
  444. @font-face { font-family: "brutal medium"; src: url("//glen-assets.github.io/fonts/Brutal-Medium.ttf"); }
  445.  
  446. /*-------- TUMBLR CONTROLS --------*/
  447. iframe#tumblr_controls, .iframe-controls--desktop {
  448. top:5px!important;
  449. right:5px!important;
  450. position:fixed!important;
  451.  
  452. transform:scale(0.7,0.7);
  453. -webkit-transform:scale(0.7,0.7);
  454.  
  455. transform-origin:100% 0;
  456. z-index:999999!important;
  457. user-select:none;
  458. }
  459.  
  460. [tumblr-controls="black"] iframe#tumblr_controls,
  461. [tumblr-controls="black"] .iframe-controls--desktop {
  462. filter:invert(100%) hue-rotate(180deg)!important;
  463. -webkit-filter:invert(100%) hue-rotate(180deg)!important;
  464. }
  465.  
  466. .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
  467. display:none!important;
  468. visibility:hidden!important;
  469. height:0!important;
  470. }
  471.  
  472. /*------- SCROLLBAR --------*/
  473. ::-webkit-scrollbar {
  474. width:var(--Scrollbar-Padding);
  475. height:var(--Scrollbar-Padding);
  476. background-color:{color:scrollbar background};
  477. }
  478.  
  479. ::-webkit-scrollbar-thumb {
  480. background-color:{color:scrollbar};
  481. background-clip:padding-box;
  482. }
  483.  
  484. ::-webkit-scrollbar-thumb:vertical {
  485. border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
  486. border-top:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
  487. border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
  488. }
  489.  
  490. ::-webkit-scrollbar-thumb:horizontal {
  491. background-color:{color:scrollbar};
  492. border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
  493. }
  494.  
  495. ::-webkit-scrollbar-corner {
  496. background:transparent;
  497. }
  498.  
  499. /*------- TOOLTIPS --------*/
  500. #s-m-t-tooltip {
  501. padding:6px 9px;
  502. margin:17px;
  503. background-color:{color:tooltips bg};
  504. border-radius:2px;
  505. font-family:brutal medium;
  506. font-size:calc(var(--SmallCaps-Font-Size) - .5px);
  507. letter-spacing:0.7px;
  508. text-transform:uppercase;
  509. color:{color:tooltips text};
  510. line-height:var(--Line-Height);
  511. transition:opacity .269s ease-in-out;
  512. z-index:99!important;
  513. max-width:40vw;
  514. }
  515.  
  516. /*---- GLOBAL FONT SETTINGS -----*/
  517. [font]{
  518. font-family:var(--Body-Font-Family);
  519. font-size:var(--Body-Font-Size);
  520. color:var(--Body-Text-Color);
  521. }
  522.  
  523. [font="Libre Franklin"]{
  524. font-size:calc(var(--Body-Font-Size) - .5px)!important;
  525. letter-spacing:0.1px;
  526. }
  527.  
  528. [font="Manrope"]{
  529. font-size:calc(var(--Body-Font-Size) - 1px)!important;
  530. letter-spacing:0.3px;
  531. }
  532.  
  533. [font="Spline Sans"]{
  534. letter-spacing:0.2px;
  535. }
  536.  
  537. [font="Inria Sans"]{
  538. font-size:calc(var(--Body-Font-Size) + .5px)!important;
  539. letter-spacing:0.1px;
  540. }
  541.  
  542. /*------- TEXT HIGHLIGHT --------*/
  543. ::selection {
  544. background:{color:text selection background};
  545. color:{color:text selected};
  546. }
  547.  
  548. ::-moz-selection {
  549. background:{color:text selection background};
  550. color:{color:text selected};
  551. }
  552.  
  553. /*------- BASICS --------*/
  554. body {
  555. margin:0;
  556. background-color:{color:background};
  557. background-image:url('{image:background image}');
  558. background-attachment:fixed;
  559. overscroll-behavior-y:none;
  560. overflow-y:scroll!important;
  561. }
  562.  
  563. /* firefox only */
  564. @-moz-document url-prefix(){
  565. html, body {
  566. scrollbar-width:thin;
  567. }
  568. }
  569.  
  570. [bg-type="repeat"] body {
  571. background-repeat:repeat;
  572. }
  573.  
  574. [bg-type="full"] body {
  575. background-repeat:no-repeat;
  576. background-size:cover;
  577. background-position:center;
  578. }
  579.  
  580. a {
  581. text-decoration:none;
  582. color:var(--Link);
  583. }
  584.  
  585. a[title][class*="smt-current-element"]:not([href]){
  586. cursor:help;
  587. }
  588.  
  589. a[title=""]:not([href]){
  590. cursor:initial;
  591. }
  592.  
  593. p {
  594. margin:var(--Paragraph-Margins) 0;
  595. }
  596.  
  597. blockquote {
  598. margin:var(--Paragraph-Margins);
  599. margin-left:calc(var(--Reblogger-Avatar-Size) / 2);
  600. margin-right:0;
  601. border-left:1px solid rgba({RGBcolor:text},0.169);
  602. padding-left:calc((var(--Reblogger-Avatar-Size) / 2) + var(--Reblogger-Avatar-Gap-Right));
  603. }
  604.  
  605. h1, h2, h3, h4, h5, h6, .linkpost-title {
  606. margin:var(--Heading-Margins) 0;
  607. font-family:var(--Heading-Font-Family);
  608. font-size:var(--Heading-Font-Size);
  609. text-transform:uppercase;
  610. letter-spacing:1px;
  611. line-height:calc(var(--Line-Height) * 1.1);
  612. color:{color:heading};
  613. }
  614.  
  615. img, iframe {
  616. vertical-align:middle;
  617. max-width:100%;
  618. }
  619.  
  620. figure {
  621. margin:0;
  622. }
  623.  
  624. figure img {
  625. height:auto;
  626. }
  627.  
  628. pre, code {
  629. white-space:pre-wrap;
  630. font-family:roboto mono;
  631. font-size:calc(var(--Body-Font-Size) - 2px);
  632. background:{color:special background};
  633. border:1px solid {color:special border};
  634. color:{color:special text};
  635. }
  636.  
  637. pre {
  638. padding:0.8em 1em;
  639. }
  640.  
  641. code {
  642. padding:3px 4px;
  643. }
  644.  
  645. hr {
  646. display:block;
  647. margin:var(--Heading-Margins) auto;
  648. border-width:0px;
  649. width:69%;
  650. height:1px;
  651. background:{color:post borders inner};
  652. }
  653.  
  654. p.p_read_more {
  655. text-align:center;
  656. }
  657.  
  658. a.read_more {
  659. padding-bottom:1.5px!important;
  660. font-family:var(--Heading-Font-Family);
  661. font-weight:bold;
  662. font-size:calc(var(--SmallCaps-Font-Size) + 1px);
  663. text-transform:uppercase;
  664. letter-spacing:.7px;
  665. word-spacing:.5px;
  666. }
  667.  
  668. a.read_more:before {
  669. content:"∵";
  670. font-family:monospace;
  671. font-size:calc(var(--SmallCaps-Font-Size) + 3px);
  672. padding-right:5px;
  673. }
  674.  
  675. a.read_more:after {
  676. content:"∵";
  677. font-family:monospace;
  678. font-size:calc(var(--SmallCaps-Font-Size) + 3px);
  679. padding-left:5px;
  680. }
  681.  
  682. ul, ol {
  683. margin:var(--Paragraph-Margins) 0;
  684. margin-left:1.69em;
  685. padding:0;
  686. }
  687.  
  688. ol li {
  689. padding-left:0.420em;
  690. }
  691.  
  692. ul li {
  693. position:relative;
  694. padding-left:0.2em;
  695. margin-left:calc((var(--Body-Font-Size) * 1.420) - 3px);
  696. list-style:none;
  697. }
  698.  
  699. ul li:before {
  700. content:"∵";
  701. font-family:monospace;
  702. font-size:calc(var(--Body-Font-Size) * 1.420);
  703. margin-left:calc((var(--Body-Font-Size) * -1.420) - 3px);
  704. padding-right:8px;
  705. vertical-align:middle;
  706. }
  707.  
  708. .flex {
  709. display:flex!important;
  710. align-items:center;
  711. }
  712.  
  713. :root {
  714. /*--- CUSTOMLINKS SETTINGS ---*/
  715. --CustomLinks-Square-Size:{select:customlinks size};
  716. --CustomLinks-Border-A-Size:1px;
  717. --CustomLinks-Border-B-Size:2px;
  718. --CustomLinks-Fade-Speed:269ms;
  719. --CustomLinks-Spacing:13px;
  720. --CustomLinks-Right-Gap:35px;
  721.  
  722. /*--- SIDEBAR 1 SETTINGS ---*/
  723. --Sidebar-1-Width:{text:sidebar width};
  724.  
  725. --Desc-First-Letter:{text:description first letter};
  726. --Desc-First-Letter-Size:{select:desc first letter size};
  727. --Desc-First-Letter-Padding:10px;
  728.  
  729. --Desc-Line-Height:1.69em;
  730.  
  731. --Navlinks-Top-Gap:12px;
  732. --Navlinks-Per-Row:2;
  733. --Navlinks-Chipped-Size:7px;
  734. --Navlinks-Padding:7px;
  735. --Navlinks-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
  736. --Navlinks-Line-Height:1.5; /* number only */
  737. --Navlinks-Spacing:5px;
  738. --Navlinks-Hover-Speed:420ms;
  739.  
  740. --Column-Gap-1:{text:column gap 1};
  741. --Column-Gap-2:{text:column gap 2};
  742.  
  743. /*--- SIDEBAR 2 SETTINGS ---*/
  744. --Center-Image-Width:{text:center image width};
  745. --Center-Image-Grayscale-Settings:grayscale(100%) contrast(104%) brightness(102%);
  746.  
  747. /*--- MUSIC PLAYER SETTINGS ---*/
  748. --MusicPlayer-Position:bottom left;
  749. --MusicPlayer-Edge-Offset:18px;
  750.  
  751. --MusicPlayer-Buttons-Size:calc(var(--SmallCaps-Font-Size) + 4px);
  752. --MusicPlayer-Buttons-Color:{color:musicplayer icon 1};
  753. --MusicPlayer-Buttons-Fill:yes;
  754.  
  755. --MusicPlayer-Note-Size:calc(var(--SmallCaps-Font-Size) + 1px);
  756. --MusicPlayer-Note-Color:{color:musicplayer icon 2};
  757.  
  758. --MusicPlayer-Spacing-1:7px;
  759. --MusicPlayer-Spacing-2:9px;
  760.  
  761. --MusicPlayer-Text-Size:calc(var(--SmallCaps-Font-Size) - .5px);
  762. --MusicPlayer-Text-Color:{color:musicplayer text};
  763.  
  764. /*--- POST SETTINGS ---*/
  765. --Paragraph-Margins:1em;
  766. --Heading-Margins:1em;
  767.  
  768. --Body-Font-Family:{select:font};
  769. --Body-Font-Size:{select:font size};
  770. --Body-Text-Color:{color:text};
  771.  
  772. --Line-Height:1.7em; /* line-height with suffix */
  773. --Line-Height-INT:1.7; /* line-height without suffix */
  774.  
  775. --Heading-Font-Family:"caslon fs";
  776. --Heading-Font-Size:calc(var(--Body-Font-Size) + 1px);
  777.  
  778. --SmallCaps-Font-Family:"public sans";
  779. --SmallCaps-Font-Size:calc(var(--Body-Font-Size) - 2.5px);
  780.  
  781. --Post-Total-Width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px);
  782. --Post-Width:{text:post width};
  783. --Post-Padding:{select:post padding};
  784. --Post-Spacing:{select:post spacing};
  785.  
  786. --Reblogger-Avatar-Size:22px;
  787. --Reblogger-Avatar-Gap-Right:8px;
  788. --Reblogger-Username-Color:{color:reblogger};
  789. --Reblogger-Avatar-Bottom-Gap:12px;
  790.  
  791. --Reblogs-Spacing:15px;
  792. --Reblogs-Border:{color:post borders inner};
  793.  
  794. --Captions-Gap:15px;
  795. --NPF-Caption-Spacing:var(--Captions-Gap);
  796.  
  797. --Photoset-Spacing:{select:photoset spacing};
  798. --NPF-Image-Spacing:var(--Photoset-Spacing);
  799.  
  800. --Posts-Grayscale-Settings:grayscale(100%) contrast(110%) brightness(104%);
  801. --Grayscale-Transition-Speed:0.269s;
  802.  
  803. --AskerPortrait-Size:42px;
  804. --AskerPortrait-Padding:6px;
  805.  
  806. --Audio-Post-Album-Size:64px;
  807. --Audio-Post-Album-Rounding:3px;
  808. --Audio-Post-Album-Right-Gap:13px;
  809. --Audio-Post-Buttons-Size:11px;
  810. --Audio-Post-Buttons-Color:{color:permalink text};
  811. --Audio-Post-Buttons-Padding:11px;
  812. --Audio-Post-Buttons-Background:{color:permalink background};
  813.  
  814. --Link:{color:link};
  815. --Post-Borders-Inner:{color:post borders inner};
  816.  
  817. --Quote-Font-Family:var(--Heading-Font-Family);
  818. --Quote-Font-Size:calc(var(--Body-Font-Size));
  819.  
  820. /*--- TAGS SETTINGS ---*/
  821. --Tags-Fade-Speed-MS:269; /* fade speed without suffix */
  822. --Tags-Fade-Speed-MS-SFX:269ms; /* fade speed with suffix */
  823. --Tags-Spacing:4px;
  824.  
  825. /*--- PERMALINK SETTINGS ---*/
  826. --Permalink-Padding:14px;
  827. --Permalink-Font-Family:"spline sans";
  828. --Remove-Comma-From-NoteCount:yes;
  829.  
  830. /*--- POST BUTTONS SETTINGS ---*/
  831. --Post-Buttons-Size:calc(var(--Body-Font-Size) + 2px);
  832. --Post-Buttons-Color:{color:post buttons};
  833. --Like-Button-Liked:{color:like button liked};
  834. --Post-Buttons-Spacing:4px;
  835.  
  836. /*--- POST NOTES SETTINGS ---*/
  837. --Notes-Indicator-Size:14px;
  838. --Notes-Indicator-Gap-Right:7px;
  839. --Notes-Row-Spacing:7px;
  840.  
  841. /*--- PAGINATION ---*/
  842. --Pagination-Padding:7px;
  843. --Pagination-Slant-Amount:2.5px;
  844. --Pagination-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
  845. --Pagination-Color:{color:text};
  846. --Pagination-Spacing:5px;
  847.  
  848. /*--- MISC ---*/
  849. --TumblrControls-Color:{select:tumblr controls color};
  850. --Screen-Margin:{select:screen margin};
  851. --Scrollbar-Padding:13px;
  852. }
  853.  
  854. [font="Manrope"]:root {
  855. --Line-Height:1.8em;
  856. --Line-Height-INT:1.8;
  857.  
  858. --Desc-Line-Height:1.79em;
  859. }
  860.  
  861. /*---- CONTAINER ----*/
  862. .kyqyh {
  863. position:absolute;
  864. margin:0 auto;
  865. top:0;left:0;right:0;
  866. }
  867.  
  868. [cl-sh="hide"] .kyqyh {
  869. width:calc(var(--Sidebar-1-Width) + var(--Column-Gap-1) + var(--Center-Image-Width) + var(--Column-Gap-2) + var(--Post-Total-Width));
  870. }
  871.  
  872. [sh-cimg*="assets.tumblr.com/images/x.gif"] .kyqyh {
  873. width:calc(var(--CL-Total-Width) + var(--CustomLinks-Right-Gap) + var(--Sidebar-1-Width) + var(--Column-Gap-1) + var(--Post-Total-Width));
  874. }
  875.  
  876. [cl-sh="hide"][sh-cimg*="assets.tumblr.com/images/x.gif"] .kyqyh {
  877. width:calc(var(--Sidebar-1-Width) + var(--Column-Gap-1) + var(--Post-Total-Width));
  878. }
  879.  
  880. .czqqr {
  881. margin-left:calc(0px - var(--CL-Total-Width));
  882. }
  883.  
  884. [cl-sh="hide"] .czqqr {
  885. margin-left:0;
  886. }
  887.  
  888. /*---- CUSTOM LINKS ----*/
  889. [cl-sh="hide"] .customlinkz {
  890. display:none!important;
  891. }
  892.  
  893. .customlinkz {
  894. position:fixed;
  895. width:var(--Sidebar-1-Width);
  896. height:100%;
  897. display:table;
  898. }
  899.  
  900. .customlinkz a {
  901. position:relative;
  902. display:block;
  903. width:var(--CL-Total-Width);
  904. height:var(--CL-Total-Width);
  905. }
  906.  
  907. .customlinkz [lqqz]{
  908. display:block;
  909. width:100%;
  910. height:100%;
  911. box-shadow:inset 0 0 0 var(--CustomLinks-Border-A-Size) {color:customlinks border 1}, inset 0 0 0 calc(var(--CustomLinks-Border-A-Size) + var(--CustomLinks-Border-B-Size)) {color:customlinks border 2};
  912. background:{color:customlinks square};
  913. box-sizing:border-box;
  914. transition:box-shadow var(--CustomLinks-Fade-Speed) ease-in-out, background var(--CustomLinks-Fade-Speed) ease-in-out;
  915. }
  916.  
  917. .customlinkz a:hover [lqqz]{
  918. box-shadow:inset 0 0 0 var(--CustomLinks-Border-A-Size) {color:customlinks HOVER border 1}, inset 0 0 0 calc(var(--CustomLinks-Border-A-Size) + var(--CustomLinks-Border-B-Size)) {color:customlinks HOVER border 2};
  919. background:{color:customlinks HOVER square};
  920. }
  921.  
  922. .customlinkz a, .customlinkz [lqqz]{
  923. border-radius:{select:customlinks rounding};
  924. }
  925.  
  926. .customlinkz a + a {
  927. margin-top:var(--CustomLinks-Spacing);
  928. }
  929.  
  930. /*---- SIDEBAR 1 ----*/
  931. .sb-one {
  932. position:fixed;
  933. width:var(--Sidebar-1-Width);
  934. height:100%;
  935. display:table;
  936. }
  937.  
  938. [cl-sh="hide"] .sb-one {
  939. margin-left:0px;
  940. }
  941.  
  942. .lrksm {
  943. display:table-cell;
  944. vertical-align:middle;
  945. }
  946.  
  947. .desc {
  948. --FL-Square-Size:calc(var(--Desc-First-Letter-Size) + (6px * 2) + (var(--Desc-First-Letter-Padding) * 2));
  949. --FL-Square-TopGap-Bonus:4px;
  950.  
  951. font-size:{select:desc font size};
  952. text-align:{select:desc text align};
  953. color:{color:desc text};
  954. line-height:var(--Desc-Line-Height);
  955. min-height:calc(var(--FL-Square-Size) + var(--FL-Square-TopGap-Bonus));
  956. }
  957.  
  958. .desc[flz='false'] [flc]{
  959. display:none;
  960. }
  961.  
  962. .desc [flc]{
  963. float:left;
  964. display:flex;
  965. align-items:center;
  966. justify-content:center;
  967. margin-top:var(--FL-Square-TopGap-Bonus);
  968. margin-right:10px;
  969. width:var(--FL-Square-Size);
  970. height:var(--FL-Square-Size);
  971. font-family:var(--Heading-Font-Family);
  972. font-size:var(--Desc-First-Letter-Size);
  973. text-transform:uppercase;
  974. line-height:1em;
  975.  
  976. border:6px double {color:desc accent};
  977.  
  978. box-sizing:border-box;
  979. user-select:none;
  980. }
  981.  
  982. .desc [fl]{
  983. margin-top:calc(var(--Desc-First-Letter-Size) * 0.15);
  984. color:{color:desc accent};
  985. }
  986.  
  987. .desc [d-inv]{
  988. font-size:0;
  989. line-height:0;
  990. }
  991.  
  992. [font="Libre Franklin"] .desc {
  993. font-size:calc({select:desc font size} - .5px);
  994. letter-spacing:0.1px;
  995. }
  996.  
  997. [font="Manrope"] .desc {
  998. font-size:calc({select:desc font size} - 1px);
  999. letter-spacing:0.3px;
  1000. }
  1001.  
  1002. .desc a {
  1003. padding-bottom:1.5px;
  1004. color:{color:desc link};
  1005. border-bottom:1px solid {color:desc link underline};
  1006. }
  1007.  
  1008. .desc[updl="yes"] a {
  1009. font-family:var(--SmallCaps-Font-Family);
  1010. font-weight:600;
  1011. text-transform:uppercase;
  1012. letter-spacing:.5px;
  1013. font-size:calc({select:desc font size} - 2px);
  1014. }
  1015.  
  1016. .desc b, .desc strong {
  1017. color:{color:desc bold};
  1018. }
  1019.  
  1020. .desc i, .desc em {
  1021. color:{color:desc italic};
  1022. }
  1023.  
  1024. .navz {
  1025. margin-top:var(--Navlinks-Top-Gap);
  1026. }
  1027.  
  1028. .vzv {
  1029. display:flex;
  1030. flex-wrap:wrap;
  1031. margin:calc(0px - (var(--Navlinks-Spacing) / 2));
  1032. width:calc(100% + var(--Navlinks-Spacing));
  1033. }
  1034.  
  1035. .navz a {
  1036. display:flex;
  1037. align-items:center;
  1038. justify-content:center;
  1039. margin:calc(var(--Navlinks-Spacing) / 2);
  1040. --Navlinks-Each-Width:calc((var(--Sidebar-1-Width) - (var(--Navlinks-Spacing) * (var(--Navlinks-Per-Row) - 1))) / var(--Navlinks-Per-Row));
  1041.  
  1042. width:var(--Navlinks-Each-Width);
  1043. padding:var(--Navlinks-Padding);
  1044. box-sizing:border-box;
  1045. font-family:brutal medium;
  1046. font-size:var(--Navlinks-Font-Size);
  1047. text-transform:uppercase;
  1048. letter-spacing:1px;
  1049. color:{color:navlinks text};
  1050. text-align:center;
  1051. line-height:var(--Navlinks-Line-Height);
  1052. transition:background var(--Navlinks-Hover-Speed) ease-in-out, color var(--Navlinks-Hover-Speed) ease-in-out;
  1053. }
  1054.  
  1055. .navz[cornstarch="normal"] a {
  1056. background:{color:navlinks bg};
  1057. }
  1058.  
  1059. .navz[cornstarch="crooked"] a:before {
  1060. content:"";
  1061. position:absolute;
  1062. top:0;margin-top:0px;
  1063. left:0;margin-left:0px;
  1064. width:100%;
  1065. height:100%;
  1066. background:{color:navlinks bg};
  1067. clip-path:polygon(var(--LCX) 0%, 100% 0, 100% var(--RCY), var(--RCX) 100%, 0 100%, 0 var(--LCY));
  1068. transition:background var(--Navlinks-Hover-Speed) ease-in-out;
  1069. z-index:-1;
  1070. }
  1071.  
  1072. .navz a:hover {
  1073. color:{color:navlinks hover text};
  1074. }
  1075.  
  1076. .navz[cornstarch="normal"] a:hover {
  1077. background:{color:navlinks hover bg};
  1078. }
  1079.  
  1080. .navz[cornstarch="crooked"] a:hover:before {
  1081. background:{color:navlinks hover bg};
  1082. }
  1083.  
  1084. /*---- CENTER IMAGE ----*/
  1085. .center-img {
  1086. position:fixed;
  1087. width:var(--Center-Image-Width);
  1088. height:100%;
  1089. display:table;
  1090. }
  1091.  
  1092. [cl-sh="hide"] .center-img {
  1093. margin-left:calc(var(--Sidebar-1-Width) + var(--Column-Gap-1));
  1094. }
  1095.  
  1096. [sh-cimg*="assets.tumblr.com/images/x.gif"] .center-img {
  1097. display:none!important;
  1098. }
  1099.  
  1100. .center-img[ci-bw="yes"]{
  1101. filter:var(--Center-Image-Grayscale-Settings);
  1102. }
  1103.  
  1104. .center-img img {
  1105. width:100%;
  1106. height:auto;
  1107. }
  1108.  
  1109. .center-img img::selection {background:transparent;}
  1110. .center-img img::-moz-selection {background:transparent;}
  1111.  
  1112. /*---- POSTS ----*/
  1113. .postscont {
  1114. position:absolute;
  1115. padding-top:var(--Screen-Margin);
  1116. padding-bottom:calc(var(--Screen-Margin) * 0.8);
  1117. }
  1118.  
  1119. [cl-sh="hide"] .postscont {
  1120. margin-left:calc(var(--Sidebar-1-Width) + var(--Column-Gap-1) + var(--Center-Image-Width) + var(--Column-Gap-2));
  1121. }
  1122.  
  1123. [sh-cimg*="assets.tumblr.com/images/x.gif"] .postscont {
  1124. margin-left:calc(var(--CL-Total-Width) + var(--CustomLinks-Right-Gap) + var(--Sidebar-1-Width) + var(--Column-Gap-1));
  1125. }
  1126.  
  1127. [cl-sh="hide"][sh-cimg*="assets.tumblr.com/images/x.gif"] .postscont {
  1128. margin-left:calc(var(--Sidebar-1-Width) + var(--Column-Gap-1));
  1129. }
  1130.  
  1131. .posts {
  1132. width:var(--Post-Total-Width);
  1133. overflow:hidden;
  1134. margin-bottom:var(--Post-Spacing);
  1135. }
  1136.  
  1137. [black-and-white="rb-ico"] .reblog-head img {
  1138. transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
  1139. filter:var(--Posts-Grayscale-Settings);
  1140. }
  1141.  
  1142. [black-and-white="everything"] img,
  1143. [black-and-white="everything"] iframe,
  1144. [black-and-white="everything"] video {
  1145. transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
  1146. filter:var(--Posts-Grayscale-Settings);
  1147. }
  1148.  
  1149. [black-and-white="everything"] .posts:hover img,
  1150. [black-and-white="everything"] .posts:hover iframe,
  1151. [black-and-white="everything"] .posts:hover video {
  1152. filter:none;
  1153. }
  1154.  
  1155. /*-----------------------*/
  1156.  
  1157. .postinner {
  1158. padding:var(--Post-Padding);
  1159. background:{color:post};
  1160. border:1px solid {color:post borders outer};
  1161. line-height:var(--Line-Height);
  1162. }
  1163.  
  1164. .postinner a:not(.reblog-url a, .tumblr_blog, .linkpost-title, .single-photo, .post_media_photo_anchor, .inari, .tagsdiv a), [glenplayer02] a {
  1165. padding-bottom:1px;
  1166. border-bottom:1px solid {color:link underline};
  1167. }
  1168.  
  1169. [glenplayer02] a {padding-bottom:2.5px}
  1170.  
  1171. .postinner b, .postinner strong {
  1172. color:{color:bold};
  1173. }
  1174.  
  1175. .postinner i, .postinner em {
  1176. color:{color:italic};
  1177. }
  1178.  
  1179. /*---- REBLOG HEAD ----*/
  1180. .reblog-wrap {
  1181. margin:0 calc(0px - var(--Post-Padding));
  1182. padding:0 var(--Post-Padding);
  1183. }
  1184.  
  1185. .reblog-wrap + .reblog-wrap {
  1186. margin-top:var(--Reblogs-Spacing);
  1187. padding-top:var(--Reblogs-Spacing);
  1188. border-top:1px solid var(--Reblogs-Border);
  1189. }
  1190.  
  1191. .reblog-head {
  1192. display:flex;
  1193. align-items:center;
  1194. }
  1195.  
  1196. .reblog-head img {
  1197. width:var(--Reblogger-Avatar-Size);
  1198. height:var(--Reblogger-Avatar-Size);
  1199. border-radius:100%;
  1200. }
  1201.  
  1202. .reblog-head img + .reblog-url {
  1203. margin-left:var(--Reblogger-Avatar-Gap-Right);
  1204. }
  1205.  
  1206. .reblog-url, .reblog-url a, [customize-page="true"] .tumblr_blog {
  1207. font-family:var(--SmallCaps-Font-Family);
  1208. font-size:var(--SmallCaps-Font-Size);
  1209. text-transform:uppercase;
  1210. letter-spacing:.5px;
  1211. color:var(--Reblogger-Username-Color);
  1212. }
  1213.  
  1214. .reblog-url .deac {
  1215. margin-left:3px;
  1216. color:var(--Body-Text-Color);
  1217. }
  1218.  
  1219. .reblog-head + .reblog-comment {
  1220. margin-top:calc(0px - var(--Paragraph-Margins) + var(--Reblogger-Avatar-Bottom-Gap));
  1221. }
  1222.  
  1223. /*---- NPF... STUFF ----*/
  1224. figure[data-orig-src] + figure[data-orig-src]{
  1225. margin-top:var(--Photoset-Spacing);
  1226. }
  1227.  
  1228. .tmblr-full video {
  1229. cursor:pointer;
  1230. }
  1231.  
  1232. video::-webkit-media-controls-panel {
  1233. position:absolute;
  1234. bottom:0;
  1235. background:transparent!important;
  1236. width:100%;
  1237. box-sizing:border-box;
  1238. opacity:1!important;
  1239. }
  1240.  
  1241. video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
  1242. display:none!important;
  1243. }
  1244.  
  1245. * + .npf-link-block {
  1246. margin-top:10px;
  1247. }
  1248.  
  1249. .npf-link-block {
  1250. margin-top:0px;
  1251. margin-bottom:0;
  1252. border-color:{color:special border}!important;
  1253. border-radius:0!important;
  1254. }
  1255.  
  1256. .npf-link-block + * {
  1257. margin-bottom:var(--Paragraph-Margins);
  1258. }
  1259.  
  1260. .npf-link-block a {
  1261. padding:0!important;
  1262. border:none!important;
  1263. }
  1264.  
  1265. .npf-link-block .title {
  1266. font-family:var(--SmallCaps-Font-Family)!important;
  1267. font-size:calc(var(--SmallCaps-Font-Size) + 4px)!important;
  1268. text-transform:uppercase;
  1269. letter-spacing:.5px;
  1270. color:{color:link}!important;
  1271. line-height:1.7em!important;
  1272. text-shadow:1px 1px 1px rgba(0,0,0,0.1);
  1273. }
  1274.  
  1275. .npf-link-block .bottom {
  1276. background:{color:special background}!important;
  1277. }
  1278.  
  1279. .npf-link-block .description {
  1280. font-family:var(--SmallCaps-Font-Family)!important;
  1281. font-weight:bold;
  1282. font-size:calc(var(--SmallCaps-Font-Size) + 2px)!important;
  1283. text-transform:uppercase;
  1284. letter-spacing:.5px;
  1285. color:{color:link}!important;
  1286. line-height:1.7em!important;
  1287. }
  1288.  
  1289. .npf-link-block .site-name {
  1290. text-transform:initial!important;
  1291. font-family:var(--Body-Font-Family)!important;
  1292. font-weight:normal!important;
  1293. font-size:var(--Body-Font-Size)!important;
  1294. color:{color:special text}!important;
  1295. }
  1296.  
  1297. .npf-link-block .description + .site-name {
  1298. margin-top:0;
  1299. }
  1300.  
  1301. .npf-link-block.no-poster .title {
  1302. padding:0.8em!important;
  1303. text-shadow:none!important;
  1304. }
  1305.  
  1306. .npf-link-block.no-poster .title + .bottom {
  1307. border-top:1px solid {color:special border};
  1308. }
  1309.  
  1310. /*---- TEXT POSTS (TITLE) ----*/
  1311. .post-title, .linkpost-title {
  1312. margin-top:2px;
  1313. margin-bottom:0;
  1314. padding:0.8em;
  1315. background:{color:special background};
  1316. border:1px solid {color:special border};
  1317. font-size:var(--Heading-Font-Size);
  1318. font-weight:bold;
  1319. color:{color:special text};
  1320. text-align:center;
  1321. }
  1322.  
  1323. .post-title + *, .linkpost-title + * {
  1324. margin-top:var(--Heading-Margins);
  1325. }
  1326.  
  1327. /*---- LINK POSTS (TITLE) ----*/
  1328. .linkpost-title {
  1329. display:flex;
  1330. align-items:center;
  1331. justify-content:space-between;
  1332. color:{color:special text};
  1333. text-align:left;
  1334. }
  1335.  
  1336. .linkpost-title span {
  1337. display:block;
  1338. max-width:calc(100% - (var(--Heading-Font-Size) * 1.1) - 10px - 2px);
  1339. }
  1340.  
  1341. span + .linksym {
  1342. margin-left:10px;
  1343. margin-right:2px;
  1344. }
  1345.  
  1346. .linksym {
  1347. width:calc(var(--Heading-Font-Size) * 1.1);
  1348. height:calc(var(--Heading-Font-Size) * 1.1);
  1349. -webkit-mask-size:contain;
  1350. -webkit-mask-repeat:no-repeat;
  1351. -webkit-mask-position:center;
  1352. -webkit-mask-image:var(--ext);
  1353. background:{color:special text};
  1354. }
  1355.  
  1356. .linkpost-title + .link-excerpt {
  1357. margin-top:-1px;
  1358. }
  1359.  
  1360. .link-excerpt {
  1361. padding:0.8em calc(0.8em + 2px);
  1362. border:1px solid {color:post borders inner};
  1363. }
  1364.  
  1365. .link-excerpt + * {
  1366. margin-top:var(--Heading-Margins);
  1367. }
  1368.  
  1369. .le-host {
  1370. font-family:var(--SmallCaps-Font-Family);
  1371. font-size:var(--SmallCaps-Font-Size);
  1372. text-transform:uppercase;
  1373. letter-spacing:.7px;
  1374. }
  1375.  
  1376. /*---- PHOTO POSTS ----*/
  1377. a.single-photo {
  1378. cursor:pointer;
  1379. }
  1380.  
  1381. img.photopic {
  1382. width:100%;
  1383. }
  1384.  
  1385. [photoset-layout] {
  1386. grid-gap:var(--Photoset-Spacing);
  1387. }
  1388.  
  1389. [photoset-layout] div {
  1390. cursor:pointer;
  1391. backface-visibility:hidden;
  1392. }
  1393.  
  1394. .caption {
  1395. margin-top:var(--Captions-Gap);
  1396. }
  1397.  
  1398. /*----- LIGHTBOX BS -----*/
  1399. .tmblr-lightbox, #tumblr_lightbox {
  1400. background-color:rgba({RGBcolor:post},0.69)!important;
  1401. }
  1402.  
  1403. .tmblr-lightbox .vignette {
  1404. background-image:none!important;
  1405. }
  1406.  
  1407. #vignette {display:none!important}
  1408.  
  1409. .lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
  1410. margin-top:calc(0px - var(--Post-Padding));
  1411. }
  1412.  
  1413. .tmblr-lightbox img, #tumblr_lightbox img {
  1414. max-width:initial;
  1415. box-shadow:none!important;
  1416. border-radius:0px!important;
  1417. padding:var(--Post-Padding);
  1418. background:{color:post}!important;
  1419. border:1px solid {color:post borders outer}!important;
  1420. }
  1421.  
  1422. /*----- QUOTE POSTS -----*/
  1423. .quote-words, .npf_quote {
  1424. padding:0 var(--Post-Padding);
  1425. font-family:var(--Quote-Font-Family)!important;
  1426. font-weight:bold;
  1427. font-size:var(--Quote-Font-Size)!important;
  1428. text-transform:uppercase;
  1429. letter-spacing:.3px;
  1430. color:{color:heading};
  1431. text-align:center;
  1432. line-height:169%;
  1433. }
  1434.  
  1435. .quote-words + .quote-source,
  1436. .npf_quote + p[style*="margin-bottom: 0px;"]{
  1437. margin-top:var(--Paragraph-Margins);
  1438. text-align:center;
  1439. }
  1440.  
  1441. /*----- VIDEO POSTS -----*/
  1442. .tmblr-video {
  1443. max-width:initial;
  1444. }
  1445.  
  1446. .tumblr_video_container, .tumblr_video_iframe {
  1447. width:100%!important;
  1448. }
  1449.  
  1450. /*---- CHAT POSTS ----*/
  1451. .chatwrap {
  1452. display:table;
  1453. width:100%;
  1454. border:1px solid var(--Post-Borders-Inner);
  1455. box-sizing:border-box;
  1456. }
  1457.  
  1458. .chat_row {
  1459. position:relative;
  1460. display:table-row;
  1461. overflow:hidden;
  1462. }
  1463.  
  1464. .chat_row:not(:has(.chat_label)){
  1465. display:block;
  1466. width:calc(var(--Post-Width) - 2px);
  1467. margin-right:calc(0px - var(--Post-Width) - 2px);
  1468. }
  1469.  
  1470. .chat_row:after {
  1471. content:"";
  1472. position:absolute;
  1473. bottom:0;left:0;
  1474. transform:translateY(-.5px);
  1475. width:100%;
  1476. height:1px;
  1477. background:var(--Post-Borders-Inner);
  1478. }
  1479.  
  1480. .chatwrap .chat_row:last-child:after {
  1481. display:none;
  1482. }
  1483.  
  1484. .chat_row code:only-child {
  1485. display:block;
  1486. padding:0.8em;
  1487. border:none;
  1488. background:transparent;
  1489. }
  1490.  
  1491. .chat_label {
  1492. display:table-cell;
  1493. white-space:nowrap;
  1494. padding-right:1em;
  1495. font-family:var(--SmallCaps-Font-Family);
  1496. font-size:calc(var(--SmallCaps-Font-Size) + 0px);
  1497. font-weight:700;
  1498. text-transform:uppercase;
  1499. letter-spacing:.7px;
  1500. color:{color:heading};
  1501. }
  1502.  
  1503. .chat_label, .chat_content {
  1504. padding:calc(1em - 2px) 1em;
  1505. }
  1506.  
  1507. .chat_content {
  1508. display:table-cell;
  1509. width:100%;
  1510. }
  1511.  
  1512. .chat_label + .chat_content {
  1513. border-left:1px solid var(--Post-Borders-Inner);
  1514. }
  1515.  
  1516. .chat_row .chat_label + .chat_content {
  1517. min-width:calc((var(--Post-Width) - 3px) / 2);
  1518. box-sizing:border-box;
  1519. }
  1520.  
  1521. /*---- AUDIO POSTS ----*/
  1522. .audio-post .npf_inst img {
  1523. width:100%;
  1524. }
  1525.  
  1526. .aud-emb {display:none}
  1527.  
  1528. .audiowrap {
  1529. display:flex;
  1530. align-items:center;
  1531. }
  1532.  
  1533. .albumwrap {
  1534. position:relative;
  1535. width:var(--Audio-Post-Album-Size);
  1536. height:var(--Audio-Post-Album-Size);
  1537. display:flex;
  1538. align-items:center;
  1539. justify-content:center;
  1540. }
  1541.  
  1542. .albumwrap[has-cover] .audplac {display:none}
  1543.  
  1544. .butts {
  1545. width:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
  1546. height:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
  1547. background:var(--Audio-Post-Buttons-Background);
  1548. border-radius:100%;
  1549. display:flex;
  1550. align-items:center;
  1551. justify-content:center;
  1552. cursor:pointer;
  1553. z-index:2;
  1554. }
  1555.  
  1556. .overplay, .overpause {
  1557. width:var(--Audio-Post-Buttons-Size);
  1558. height:var(--Audio-Post-Buttons-Size);
  1559. -webkit-mask-size:contain;
  1560. -webkit-mask-repeat:no-repeat;
  1561. -webkit-mask-position:center;
  1562. background:var(--Audio-Post-Buttons-Color);
  1563. }
  1564.  
  1565. .overplay {
  1566. margin-left:2px;
  1567. -webkit-mask-image:var(--audioplay);
  1568. }
  1569.  
  1570. .overpause {
  1571. display:none;
  1572. -webkit-mask-image:var(--audiopause);
  1573. }
  1574.  
  1575. .ov-y {display:block}
  1576. .ov-z {display:none}
  1577.  
  1578. .audplac {
  1579. position:absolute;
  1580. top:0;left:0;
  1581. width:var(--Audio-Post-Album-Size);
  1582. height:var(--Audio-Post-Album-Size);
  1583. background:var(--Audio-Post-Buttons-Background);
  1584. }
  1585.  
  1586. .albumwrap img {
  1587. position:absolute;
  1588. top:0;left:0;
  1589. width:100%;
  1590. height:100%;
  1591. border-radius:var(--Audio-Post-Album-Rounding);
  1592. }
  1593.  
  1594. .audiotxt {
  1595. flex:1;
  1596. height:var(--Audio-Post-Album-Size);
  1597. padding:var(--Audio-Post-Album-Right-Gap);
  1598. padding-right:0;
  1599. display:flex;
  1600. align-items:center;
  1601. box-sizing:border-box;
  1602. display:flex;
  1603. align-items:center;
  1604. justify-content:space-between;
  1605. }
  1606.  
  1607. .audiotxt, .npf-audio-details {
  1608. font-size:var(--Body-Font-Size);
  1609. color:{color:text};
  1610. }
  1611.  
  1612. .odin > div + div, .npf-audio-details > * + * {
  1613. margin-top:-1px;
  1614. }
  1615.  
  1616. .aud-song-name, .npf-audio-title {
  1617. font-family:var(--SmallCaps-Font-Family);
  1618. font-size:calc(var(--SmallCaps-Font-Size) + 1px);
  1619. font-weight:700;
  1620. text-transform:uppercase;
  1621. letter-spacing:.7px;
  1622. color:{color:heading};
  1623. }
  1624.  
  1625. .aud-song-name[has-name] .untit {
  1626. display:none;
  1627. }
  1628.  
  1629. .aud-artist[has-artist] .unart {
  1630. display:none;
  1631. }
  1632.  
  1633. .inari {
  1634. display:block;
  1635. padding:6px;
  1636. margin-right:-6px;
  1637. cursor:pointer;
  1638. }
  1639.  
  1640. .int-all {
  1641. display:block;
  1642. width:calc(var(--Audio-Post-Buttons-Size) + 6px);
  1643. height:calc(var(--Audio-Post-Buttons-Size) + 6px);
  1644. -webkit-mask-size:contain;
  1645. -webkit-mask-repeat:no-repeat;
  1646. -webkit-mask-position:center;
  1647. -webkit-mask-image:var(--install);
  1648. background:{color:special text};
  1649. pointer-events:none;
  1650. }
  1651.  
  1652. /*---- SPOTIFY ----*/
  1653. iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
  1654. height:80px!important;
  1655. }
  1656.  
  1657. .spotify_audio_player {
  1658. width:100%;
  1659. }
  1660.  
  1661. /*---- SOUNDCLOUD ----*/
  1662. .tmblr-video iframe[src*='soundcloud.com']{
  1663. }
  1664.  
  1665. .audio-soundcloud {
  1666. max-height:113px;
  1667. border-radius:4px;
  1668. overflow:hidden;
  1669. }
  1670.  
  1671. .soundcloud_audio_player {
  1672. margin:-1px;
  1673. margin-bottom:0;
  1674. width:calc(100% + 2px);
  1675. max-width:initial;
  1676. }
  1677.  
  1678. /*---- ASK/ANSWER POSTS ----*/
  1679. .une_question {
  1680. display:flex;
  1681. }
  1682.  
  1683. .asker-person {
  1684. align-self:baseline;
  1685. }
  1686.  
  1687. .une_question .reblog-comment {
  1688. flex:1;
  1689. margin-left:12px;
  1690. }
  1691.  
  1692. .askpot {
  1693. padding:var(--AskerPortrait-Padding);
  1694. background:{color:special background};
  1695. border:1px solid {color:special border};
  1696. }
  1697.  
  1698. .asker-person img {
  1699. width:var(--AskerPortrait-Size);
  1700. height:var(--AskerPortrait-Size);
  1701. border-radius:0;
  1702. }
  1703.  
  1704. .une_question .reblog-url {
  1705. margin-top:1px;
  1706. padding:3px 4px;
  1707. background:{color:special background};
  1708. border:1px solid {color:special border};
  1709. border-radius:2px;
  1710. color:{color:special text};
  1711. }
  1712.  
  1713. .question_text > p:first-child {
  1714. margin-top:4px;
  1715. }
  1716.  
  1717. .question_text > p:only-child {
  1718. margin-bottom:0;
  1719. }
  1720.  
  1721. .answerer + * {
  1722. margin-top:var(--Captions-Gap);
  1723. }
  1724.  
  1725. .une_question + .une_reponse {
  1726. margin-top:var(--Paragraph-Margins);
  1727. }
  1728.  
  1729. /*---- TAGS SECTION ----*/
  1730. .tagsdiv {
  1731. margin-top:var(--Captions-Gap);
  1732. }
  1733.  
  1734. .tagsdiv[clicktags="toggle"] {
  1735. {block:IndexPage}
  1736. display:none;
  1737. opacity:0;
  1738. transition:opacity var(--Tags-Fade-Speed-MS-SFX) ease-in-out;
  1739. {/block:IndexPage}
  1740. }
  1741.  
  1742. .tagsfade {
  1743. opacity:1!important;
  1744. }
  1745.  
  1746. .tagsin {
  1747. display:flex;
  1748. flex-wrap:wrap;
  1749. justify-content:flex-end;
  1750. margin:calc(0px - var(--Tags-Spacing));
  1751. /*margin-top:calc(var(--Captions-Gap) - var(--Tags-Spacing));*/
  1752. margin-bottom:calc((((var(--SmallCaps-Font-Size) - 1px) * var(--Line-Height-INT)) / 2) * -1);
  1753. }
  1754.  
  1755. .tagsin a {
  1756. position:relative;
  1757. display:block;
  1758. margin:0 var(--Tags-Spacing);
  1759. font-family:var(--SmallCaps-Font-Family);
  1760. font-size:calc(var(--SmallCaps-Font-Size) - 1px);
  1761. text-transform:uppercase;
  1762. letter-spacing:.7px;
  1763. color:{color:tags};
  1764. }
  1765.  
  1766. .tagsin a:before {
  1767. content:"#";
  1768. font-family:work sans;
  1769. margin-right:.5px;
  1770. }
  1771.  
  1772. /*---- PERMALINK BAR ----*/
  1773. .permadiv {
  1774. margin-top:-1px;
  1775. display:flex;
  1776. align-items:center;
  1777. justify-content:space-between;
  1778. padding:calc(var(--Permalink-Padding) - 3px) var(--Permalink-Padding);
  1779. background:{color:permalink background};
  1780. border:1px solid {color:permalink border};
  1781. font-family:var(--Permalink-Font-Family);
  1782. font-size:calc(var(--SmallCaps-Font-Size) - .5px);
  1783. text-transform:uppercase;
  1784. letter-spacing:.5px;
  1785. }
  1786.  
  1787. .permadiv, .permadiv a {
  1788. color:{color:permalink text};
  1789. }
  1790.  
  1791. .permaleft {
  1792. text-transform:uppercase;
  1793. letter-spacing:1.3px;
  1794. word-spacing:.7px;
  1795. }
  1796.  
  1797. .permaleft a {
  1798. display:flex;
  1799. align-items:center;
  1800. margin:calc(0px - var(--Post-Padding));
  1801. margin-right:0;
  1802. padding:var(--Post-Padding);
  1803. padding-right:2px;
  1804. {block:PermalinkPage}
  1805. cursor:default;
  1806. {/block:PermalinkPage}
  1807. }
  1808.  
  1809. .permaleft [opxgk]{
  1810. margin:calc((var(--Permalink-Padding) - 1px) * -1) 0;
  1811. padding:calc(var(--Permalink-Padding) - 1px) 0;
  1812. }
  1813.  
  1814. .permaleft[timestyle='normal'] [opxgk]{
  1815. display:none;
  1816. }
  1817.  
  1818. .permaleft[timestyle='cryptic'] [knfnw]{
  1819. display:none;
  1820. }
  1821.  
  1822. .permaright {
  1823. display:flex;
  1824. align-items:center;
  1825. justify-content:center;
  1826. letter-spacing:1px;
  1827. }
  1828.  
  1829. .permaright a {
  1830. display:block;
  1831. position:relative;
  1832. {block:IndexPage}
  1833. width:var(--Post-Buttons-Size);
  1834. height:var(--Post-Buttons-Size);
  1835. {/block:IndexPage}
  1836. backface-visibility:hidden;
  1837. }
  1838.  
  1839. .permaright .basicons svg {
  1840. display:block;
  1841. width:var(--Post-Buttons-Size);
  1842. height:var(--Post-Buttons-Size);
  1843. }
  1844.  
  1845. .permaright .basicons svg [stroke] {
  1846. stroke:var(--Post-Buttons-Color)
  1847. }
  1848.  
  1849. .permaright svg.eva {
  1850. display:block;
  1851. backface-visibility:hidden;
  1852. }
  1853.  
  1854. .permaright .eva-repeat-outline {
  1855. transform:scaleX(-1);
  1856. }
  1857.  
  1858. .permaright span {display:block}
  1859.  
  1860. .permaright a + a {
  1861. margin-left:var(--Post-Buttons-Spacing);
  1862. }
  1863.  
  1864. .permaright[clicktags="show"] .clicktags {
  1865. display:none;
  1866. }
  1867.  
  1868. .clicktags {
  1869. cursor:help;
  1870. }
  1871.  
  1872. .like_button {
  1873. position:absolute;
  1874. top:0;left:0;
  1875. width:100%;
  1876. height:100%;
  1877. z-index:2;
  1878. }
  1879.  
  1880. .like_button iframe {
  1881. width:100%;
  1882. height:100%;
  1883. vertical-align:initial;
  1884. opacity:0;
  1885. }
  1886.  
  1887. .like_button.liked + svg {
  1888. fill:var(--Like-Button-Liked);
  1889. }
  1890.  
  1891. .permaright a[dash]{
  1892. font-size:calc(var(--SmallCaps-Font-Size) + 1px);
  1893. }
  1894.  
  1895. /*---- POST NOTES ----*/
  1896. .notescont {
  1897. margin-top:var(--Post-Spacing);
  1898. padding:var(--Post-Padding);
  1899. background:{color:post};
  1900. border:1px solid {color:post borders outer};
  1901. line-height:var(--Line-Height);
  1902. }
  1903.  
  1904. .notescont h1 {
  1905. margin-top:5px;
  1906. margin-bottom:calc(var(--Heading-Margins) + 4px);
  1907. font-size:calc(var(--Heading-Font-Size) - 1px);
  1908. letter-spacing:1px;
  1909. text-align:center;
  1910. }
  1911.  
  1912. .notescont ol.notes {
  1913. padding:0;
  1914. margin:0;
  1915. }
  1916.  
  1917. .notescont li {
  1918. list-style-type:none;
  1919. padding:0!important;
  1920. }
  1921.  
  1922. .notescont li + li {
  1923. margin-top:var(--Notes-Row-Spacing);
  1924. }
  1925.  
  1926. .notescont li:before {
  1927. font-family:phosphor;
  1928. font-size:var(--Notes-Indicator-Size);
  1929. color:{color:heading};
  1930. vertical-align:middle;
  1931. }
  1932.  
  1933. .notescont li.like:before {
  1934. content:"\f1ca";
  1935. }
  1936.  
  1937. .notescont li.reblog:before {
  1938. content:"\f2c3";
  1939. }
  1940.  
  1941. .notescont li.reply:before,
  1942. .notescont li.with_commentary:before {
  1943. content:"\f0db"!important;
  1944. }
  1945.  
  1946. .notescont li.original_post:before {
  1947. content:"\f215";
  1948. display:inline-block;
  1949. transform:scaleX(-1) perspective(0);
  1950. }
  1951.  
  1952. .notescont .avatar_frame {
  1953. display:none;
  1954. }
  1955.  
  1956. .notescont .avatar_frame + .action {
  1957. margin-left:var(--Notes-Indicator-Gap-Right);
  1958. }
  1959.  
  1960. .notescont .action a {
  1961. font-family:var(--SmallCaps-Font-Family);
  1962. font-size:calc(var(--SmallCaps-Font-Size) - 0px);
  1963. text-transform:uppercase;
  1964. letter-spacing:.7px;
  1965. color:{color:reblogger};
  1966. }
  1967.  
  1968. .notescont blockquote {
  1969. margin-left:calc(var(--Notes-Indicator-Size) / 2);
  1970. padding-left:calc((var(--Notes-Indicator-Size) / 2) + var(--Notes-Indicator-Gap-Right));
  1971. }
  1972.  
  1973. .more_notes_link_container {
  1974. margin-top:1em!important;
  1975. margin-bottom:calc(var(--Paragraph-Margins) / 2);
  1976. }
  1977.  
  1978. .more_notes_link, .notes_loading {
  1979. font-family:var(--SmallCaps-Font-Family);
  1980. font-size:var(--SmallCaps-Font-Size);
  1981. text-transform:uppercase;
  1982. letter-spacing:.5px;
  1983. color:{color:link}!important;
  1984. }
  1985.  
  1986. /*---- PAGINATION ----*/
  1987. .botpagi {
  1988. display:flex;
  1989. align-items:center;
  1990. justify-content:center;
  1991. width:var(--Post-Total-Width);
  1992. font-family:brutal medium;
  1993. font-size:var(--Pagination-Font-Size);
  1994. text-transform:uppercase;
  1995. letter-spacing:.7px;
  1996. line-height:1em;
  1997. }
  1998.  
  1999. .botpagi > * + * {
  2000. margin-left:var(--Pagination-Spacing);
  2001. }
  2002.  
  2003. .curpage, .pgnums {
  2004. display:block;
  2005. padding:var(--Pagination-Padding) calc(var(--Pagination-Padding) + 1px);
  2006. }
  2007.  
  2008. .nxtpg, .prevpg {
  2009. padding:calc(var(--Pagination-Padding) - 1px) calc(var(--Pagination-Padding) - 2px);
  2010. background:{color:permalink background};
  2011. box-sizing:border-box;
  2012. }
  2013.  
  2014. .nxtpg svg.eva, .prevpg svg.eva {
  2015. display:block;
  2016. width:calc(var(--Pagination-Font-Size) + 2px);
  2017. height:calc(var(--Pagination-Font-Size) + 2px);
  2018. }
  2019.  
  2020. /* slant stuff */
  2021. .curpage, .curpage:after, .pgnums, .nxtpg {
  2022. clip-path:polygon(var(--Pagination-Slant-Amount) 0%, 100% 0%, calc(100% - var(--Pagination-Slant-Amount)) 100%, 0% 100%);
  2023. }
  2024.  
  2025. .curpage {
  2026. position:relative;
  2027. background:{color:post borders outer};
  2028. cursor:default;
  2029. }
  2030.  
  2031. .curpage:after {
  2032. content:"";
  2033. position:absolute;
  2034. top:0;margin-top:1px;
  2035. left:0;margin-left:1px;
  2036. width:calc(100% - 2px);
  2037. height:calc(100% - 2px);
  2038. background:{color:post};
  2039. box-sizing:border-box;
  2040. }
  2041.  
  2042. .curpage span {
  2043. position:absolute;
  2044. top:0;left:0;
  2045. display:flex;
  2046. align-items:center;
  2047. justify-content:center;
  2048. width:100%;
  2049. height:100%;
  2050. z-index:1;
  2051. color:{color:text};
  2052. }
  2053.  
  2054. .pgnums {
  2055. background:{color:permalink background};
  2056. color:{color:permalink text};
  2057. }
  2058.  
  2059. {CustomCSS}
  2060. </style>
  2061.  
  2062. </head>
  2063.  
  2064. <!--------------------------------------------------->
  2065.  
  2066. <body>
  2067.  
  2068. <!---- THEME CREDIT ---->
  2069. <!-- please do not remove! thank you! -->
  2070. <a class="yeoup" title="&#x226A;&#x2009;BIOS&#x2009;&#x226B; by glenthemes" href="//glenthemes.tumblr.com">theme</a>
  2071.  
  2072. <!---- MUSIC PLAYER #02 ---->
  2073. {block:ifmusicfile}
  2074. <div glenplayer02>
  2075. <div controls></div>
  2076.  
  2077. <i class="aa-line-icons" icon-name="music-2"></i>
  2078.  
  2079. {text:music name}
  2080.  
  2081. <audio src="{text:music file}" volume="{text:music volume}"></audio>
  2082.  
  2083. </div><!--don't delete this line-->
  2084. {/block:ifmusicfile}
  2085. <!--end music player-->
  2086.  
  2087. <!---- CONTAINER ---->
  2088. <div class="kyqyh">
  2089. <div class="czqqr">
  2090.  
  2091. <!---- CUSTOM LINKS ---->
  2092. <div class="customlinkz">
  2093. <div class="lrksm">
  2094. {block:ifcustomlink1name}
  2095. <a href="{text:customlink 1 url}" title="{text:customlink 1 name}">
  2096. <span lqqz></span>
  2097. </a>
  2098. {/block:ifcustomlink1name}
  2099.  
  2100. {block:ifcustomlink2name}
  2101. <a href="{text:customlink 2 url}" title="{text:customlink 2 name}">
  2102. <span lqqz></span>
  2103. </a>
  2104. {/block:ifcustomlink2name}
  2105.  
  2106. {block:ifcustomlink3name}
  2107. <a href="{text:customlink 3 url}" title="{text:customlink 3 name}">
  2108. <span lqqz></span>
  2109. </a>
  2110. {/block:ifcustomlink3name}
  2111.  
  2112. {block:ifcustomlink4name}
  2113. <a href="{text:customlink 4 url}" title="{text:customlink 4 name}">
  2114. <span lqqz></span>
  2115. </a>
  2116. {/block:ifcustomlink4name}
  2117.  
  2118. {block:ifcustomlink5name}
  2119. <a href="{text:customlink 5 url}" title="{text:customlink 5 name}">
  2120. <span lqqz></span>
  2121. </a>
  2122. {/block:ifcustomlink5name}
  2123.  
  2124. {block:ifcustomlink6name}
  2125. <a href="{text:customlink 6 url}" title="{text:customlink 6 name}">
  2126. <span lqqz></span>
  2127. </a>
  2128. {/block:ifcustomlink6name}
  2129. </div><!--lrksm-->
  2130. </div><!--end customlinks-->
  2131.  
  2132.  
  2133. <!---- SIDEBAR 1 ---->
  2134. <div class="sb-one">
  2135. <div class="lrksm">
  2136. {block:ifdescription}
  2137. <div class="desc" flz="{block:ifdescriptionfirstletter}true{/block:ifdescriptionfirstletter}{block:ifnotdescriptionfirstletter}false{/block:ifnotdescriptionfirstletter}" updl="{select:uppercase desc links}">
  2138. <span flc></span>
  2139. {text:description}
  2140. </div>
  2141. {/block:ifdescription}
  2142.  
  2143. <div class="navz" cornstarch="{select:navlinks corners}">
  2144. <div class="vzv">
  2145.  
  2146. <!---- NAVLINKS ---->
  2147. <!-- you can add, edit, or remove any as you like! -->
  2148. <!-- just keep the credit where it is! -->
  2149. <a href="//{Name}.tumblr.com">index</a>
  2150. <a href="//{Name}.tumblr.com/ask" title="{AskLabel}">askbox</a>
  2151. <a href="//{Name}.tumblr.com/archive">archive</a>
  2152.  
  2153. <!---- THEME CREDIT ---->
  2154. <!-- please do not remove! thank you! -->
  2155. <a href="//glenthemes.tumblr.com" title="&#x226A;&#x2009;BIOS&#x2009;&#x226B; by glenthemes">theme</a>
  2156.  
  2157. </div><!--vzv-->
  2158. </div><!--navz-->
  2159.  
  2160. </div><!--lrksm-->
  2161. </div><!--end sidebar 1-->
  2162.  
  2163.  
  2164. <!---- CENTER IMAGE ---->
  2165. <div class="center-img" ci-bw="{select:center image grayscale}">
  2166. <div class="lrksm">
  2167. <img src="{image:center image}">
  2168. </div><!--lrksm-->
  2169. </div><!--center-img-->
  2170.  
  2171.  
  2172. <!---- POSTS ---->
  2173. <div class="postscont" black-and-white="{select:grayscale images}">
  2174.  
  2175. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2176. <div class="posts {PostType}-post" id="{PostID}" post-type="{PostType}" {block:NotReblog}original-post{/block:NotReblog} {block:RebloggedFrom}reblogged-post{/block:RebloggedFrom}>
  2177.  
  2178. <div class="postinner">
  2179.  
  2180. <!------ POST TITLE ------>
  2181. {block:Title}
  2182. <h1 class="post-title">{Title}</h1>
  2183. {/block:Title}
  2184.  
  2185. <!------ TEXT POSTS ------>
  2186. {block:Text}
  2187. {block:NotReblog}{Body}{/block:NotReblog}
  2188. {block:RebloggedFrom}
  2189. {block:Reblogs}
  2190. <div class="reblog-wrap">
  2191. <div class="reblog-head source-head">
  2192. <img src="{PortraitURL-64}">
  2193. <span class="reblog-url">
  2194. <a href="{Permalink}">{Username}</a>
  2195. </span>
  2196. </div>
  2197. <div class="reblog-comment">{Body}</div>
  2198. </div>
  2199. {/block:Reblogs}
  2200. {/block:RebloggedFrom}
  2201. {/block:Text}
  2202.  
  2203. <!------ SINGLE PHOTO ------>
  2204. {block:Photo}
  2205. <a class="single-photo" 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"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
  2206. {/block:Photo}
  2207.  
  2208. <!------ PHOTOSETS ------>
  2209. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
  2210.  
  2211. <!------ QUOTE POSTS ------>
  2212. {block:Quote}
  2213. <div class="quote-words">{Quote}</div>
  2214. {block:Source}
  2215. <div class="quote-source">
  2216. <span mdash>&mdash;</span>
  2217. {Source}
  2218. </div>{/block:Source}
  2219. {/block:Quote}
  2220.  
  2221. <!------ LINK POSTS ------>
  2222. {block:Link}
  2223. <a class="linkpost-title" href="{URL}" {Target}>
  2224. <span>{Name}</span>
  2225. <div class="linksym"></div>
  2226. </a>
  2227.  
  2228. {block:Excerpt}
  2229. <div class="link-excerpt">
  2230. {Excerpt}
  2231. {block:Host}— <a class="le-host" href="{URL}" {Target}>{Host}</a>{/block:Host}
  2232. </div>
  2233. {/block:Excerpt}
  2234.  
  2235. {block:Description}
  2236. <div class="link-description">
  2237. {block:NotReblog}{Description}{/block:NotReblog}
  2238. {block:RebloggedFrom}
  2239. {block:Reblogs}
  2240. <div class="reblog-wrap">
  2241. <div class="reblog-head">
  2242. <img src="{PortraitURL-64}">
  2243. <span class="reblog-url">
  2244. <a href="{Permalink}">{Username}</a>
  2245. </span>
  2246. </div>
  2247. <div class="reblog-comment">{Body}</div>
  2248. </div>
  2249. {/block:Reblogs}
  2250. {/block:RebloggedFrom}
  2251. </div>
  2252. {/block:Description}
  2253. {/block:Link}
  2254.  
  2255. <!------ CHAT POSTS ------>
  2256. {block:Chat}
  2257. <div class="chatwrap">
  2258. {block:Lines}
  2259. <div class="chat_row">
  2260. {block:Label}
  2261. <div class="chat_label">{Label}</div>
  2262. {/block:Label}
  2263.  
  2264. <div class="chat_content">
  2265. {Line}
  2266. </div>
  2267. </div>
  2268. {/block:Lines}
  2269. </div>
  2270. {/block:Chat}
  2271.  
  2272. <!------ AUDIO POSTS ------>
  2273. {block:Audio}
  2274. <div class="audiowrap">
  2275. {block:AudioPlayer}
  2276. <div class="aud-emb">
  2277. {AudioPlayer}
  2278. </div>
  2279. {/block:AudioPlayer}
  2280.  
  2281. <div class="albumwrap" {block:AlbumArt}has-cover{/block:AlbumArt}>
  2282. {block:AlbumArt}
  2283. <img src="{AlbumArtURL}">
  2284. {/block:AlbumArt}
  2285.  
  2286. <div class="audplac"></div>
  2287.  
  2288. <div class="butts">
  2289. <div class="overplay"></div>
  2290. <div class="overpause"></div>
  2291. </div>
  2292. </div>
  2293.  
  2294. <div class="audiotxt">
  2295. <div class="odin">
  2296.  
  2297. <div class="aud-song-name" {block:TrackName}has-name{/block:TrackName}>
  2298. <div class="untit">Untitled track</div>
  2299.  
  2300. {block:TrackName}
  2301. <div class="hastit">{TrackName}</div>
  2302. {/block:TrackName}
  2303. </div>
  2304.  
  2305. {block:Album}
  2306. <div class="aud-album-name">{Album}</div>
  2307. {/block:Album}
  2308.  
  2309. <div class="aud-artist" {block:Artist}has-artist{/block:Artist}>
  2310. <div class="unart">Unknown artist</div>
  2311.  
  2312. {block:Artist}
  2313. <div class="hasart">{Artist}</div>
  2314. {/block:Artist}
  2315. </div>
  2316. </div><!--odin-->
  2317.  
  2318. <a class="inari" title="download" target="_blank">
  2319. <span class="int-all"></span>
  2320. </a>
  2321. </div><!--audiotxt-->
  2322. </div><!--audiowrap-->
  2323. {/block:Audio}
  2324.  
  2325. <!------ VIDEO POSTS ------>
  2326. {block:Video}
  2327. <div class="tmblr-video">{Video-500}</div>
  2328. {/block:Video}
  2329.  
  2330. <!------ ANSWER POSTS ------>
  2331. {block:Answer}
  2332. <!-- who asked? -->
  2333. <div class="reblog-wrap une_question">
  2334. <div class="asker-person reblog-head">
  2335. <div class="askpot">
  2336. <img src="{AskerPortraitURL-64}">
  2337. </div>
  2338.  
  2339. </div>
  2340.  
  2341. <div class="reblog-comment">
  2342. <span class="reblog-url">{Asker} asked:</span>
  2343. <div class="question_text">{Question}</div>
  2344. </div>
  2345. </div>
  2346.  
  2347. <!--------------------------------------->
  2348.  
  2349. <!-- who answered? -->
  2350. {block:Answerer}
  2351. <div class="reblog-wrap une_reponse">
  2352. <div class="answerer reblog-head">
  2353. <img src="{AnswererPortraitURL-64}">
  2354. <span class="reblog-url">{Answerer} answered:</span>
  2355. </div>
  2356. <p class="answer_text">{Answer}</p>
  2357. </div>
  2358.  
  2359. <!-- additional reblogs to the ask post -->
  2360. {block:Reblogs}
  2361. <div class="reblog-wrap reply_container">
  2362. <div class="replier reblog-head">
  2363. <img src="{PortraitURL-64}">
  2364. <span class="reblog-url">
  2365. <a href="{Permalink}">{Username}</a>
  2366. </span>
  2367. </div>
  2368. <div class="reply">{Body}</div>
  2369. </div>
  2370. {/block:Reblogs}
  2371. {/block:Answerer}
  2372.  
  2373. <!--------------------------------------->
  2374.  
  2375. <!-- original answer post -->
  2376. {block:NotReblog}
  2377. <div class="reblog-wrap une-reponse">
  2378. <div class="answerer reblog-head">
  2379. <img src="{PortraitURL-64}">
  2380. <span class="reblog-url">
  2381. <a href="{Permalink}">{Name}</a>
  2382. </span>
  2383. </div>
  2384.  
  2385. <div class="answer_text">{Answer}</div>
  2386. </div><!--answer-container-->
  2387. {/block:NotReblog}
  2388. {/block:Answer}
  2389. <!------ END ANSWER ------>
  2390.  
  2391. <!------ 'CAPTION'? ------>
  2392. {block:Caption}
  2393. <div class="caption">
  2394. {block:NotReblog}{Caption}{/block:NotReblog}
  2395. {block:RebloggedFrom}
  2396. {block:Reblogs}
  2397. <div class="reblog-wrap">
  2398. <div class="reblog-head">
  2399. <img src="{PortraitURL-64}">
  2400. <span class="reblog-url">
  2401. <a href="{Permalink}">{Username}</a>
  2402. </span>
  2403. </div><!--reblog-head-->
  2404. <div class="reblog-comment">{Body}</div>
  2405. </div><!--comment-container-->
  2406. {/block:Reblogs}
  2407. {/block:RebloggedFrom}
  2408. </div><!--caption-->
  2409. {/block:Caption}
  2410.  
  2411.  
  2412. <!------ TAGS ------>
  2413. {block:HasTags}
  2414. <div class="tagsdiv" clicktags="{select:tags}">
  2415. <div class="tagsin">
  2416. {block:Tags}
  2417. <a href="{TagURL}">{Tag}</a>
  2418. {/block:Tags}
  2419. </div>
  2420. </div>
  2421. {/block:HasTags}
  2422. </div><!--postinner-->
  2423.  
  2424. <!------ PERMALINK ------>
  2425. {block:Date}
  2426. <div class="permadiv">
  2427. <div class="permaleft" timestyle="{select:timestamp style}">
  2428. <a {block:IndexPage}href="{Permalink}"{/block:IndexPage}>
  2429. {block:PermalinkPage}
  2430. {block:NotReblog}
  2431. Posted on
  2432. {/block:NotReblog}
  2433.  
  2434. {block:RebloggedFrom}
  2435. Reblogged on
  2436. {/block:RebloggedFrom}
  2437. {/block:PermalinkPage}
  2438. {DayOfMonthWithZero} {ShortMonth} {Year}
  2439. &emsp;<span opxgk title="{TimeAgo}">{TimeStamp}</span>
  2440. <span knfnw>{TimeAgo}</span>
  2441.  
  2442. {block:IndexPage}
  2443. &emsp;&nbsp;<span nc>{NoteCountWithLabel}</span>
  2444. {/block:IndexPage}
  2445.  
  2446. {block:IndexPage}
  2447. {block:PinnedPostLabel}&emsp;Pinned Post{/block:PinnedPostLabel}
  2448. {/block:IndexPage}
  2449.  
  2450. {block:PermalinkPage}
  2451. {block:PinnedPostLabel}&emsp;Pinned{/block:PinnedPostLabel}
  2452. {/block:PermalinkPage}
  2453.  
  2454. </a>
  2455. </div>
  2456.  
  2457. <!------------------------------>
  2458. {block:IndexPage}
  2459. <div class="permaright" clicktags="{select:tags}">
  2460. {block:HasTags}
  2461. <a class="clicktags">
  2462. <i data-eva="hash-outline" data-eva-fill="var(--Post-Buttons-Color)" data-eva-height="var(--Post-Buttons-Size)" data-eva-width="var(--Post-Buttons-Size)"></i>
  2463. </a>
  2464. {/block:HasTags}
  2465.  
  2466. <!-------->
  2467.  
  2468. {block:NotReblog}
  2469. <a href="{Permalink}" title="original post">
  2470. <i data-eva="bookmark-outline" data-eva-fill="var(--Post-Buttons-Color)" data-eva-height="var(--Post-Buttons-Size)" data-eva-width="var(--Post-Buttons-Size)"></i>
  2471. </a>
  2472. {/block:NotReblog}
  2473.  
  2474.  
  2475. {block:RebloggedFrom}
  2476.  
  2477. <a href="{ReblogRootURL}" title="source: &hairsp;@&hairsp;" rb-root-name="{ReblogRootName}">
  2478. <i data-eva="bookmark-outline" data-eva-fill="var(--Post-Buttons-Color)" data-eva-height="var(--Post-Buttons-Size)" data-eva-width="var(--Post-Buttons-Size)"></i>
  2479. </a>
  2480. {/block:RebloggedFrom}
  2481.  
  2482. <!-------->
  2483.  
  2484.  
  2485. <a href="{ReblogURL}" title="reblog this post">
  2486. <i data-eva="repeat-outline" data-eva-fill="var(--Post-Buttons-Color)" data-eva-height="var(--Post-Buttons-Size)" data-eva-width="var(--Post-Buttons-Size)"></i>
  2487. </a>
  2488.  
  2489. <a title="like this post">
  2490. {LikeButton}
  2491. <i data-eva="heart-outline" data-eva-fill="var(--Post-Buttons-Color)" data-eva-height="var(--Post-Buttons-Size)" data-eva-width="var(--Post-Buttons-Size)"></i>
  2492. </a>
  2493. </div>
  2494. {/block:IndexPage}
  2495. <!------------------------------>
  2496.  
  2497. {block:PermalinkPage}
  2498. <div class="permaright">
  2499. {block:NotReblog}
  2500. original post
  2501. {/block:NotReblog}
  2502.  
  2503. {block:RebloggedFrom}
  2504. <a href="{ReblogParentURL}" title="@&hairsp;{ReblogParentName}">via</a>
  2505. <a dash>/</a>
  2506. <a href="{ReblogRootURL}" title="@&hairsp;{ReblogRootName}">source</a>
  2507. {/block:RebloggedFrom}
  2508. </div>
  2509. {/block:PermalinkPage}
  2510.  
  2511. </div><!--permadiv-->
  2512. {/block:Date}
  2513.  
  2514. {block:PostNotes}
  2515. <div class="notescont">
  2516. <h1>{NoteCountWithLabel}</h1>
  2517. {PostNotes}
  2518. </div>
  2519. {/block:PostNotes}
  2520. </div><!--posts-->
  2521.  
  2522. {/block:Posts}
  2523.  
  2524. <!------ PAGINATION ------>
  2525. {block:Pagination}
  2526. <div class="botpagi">
  2527. {block:PreviousPage}
  2528. <a class="nxtpg" href="{PreviousPage}" title="previous page">
  2529. <i data-eva="chevron-left-outline" data-eva-fill="{color:permalink text}"></i>
  2530. </a>
  2531. {/block:PreviousPage}
  2532.  
  2533. {block:JumpPagination length="6"}
  2534.  
  2535. {block:CurrentPage}
  2536. <span class="curpage" title="you are here">
  2537. {PageNumber}
  2538. <span>{PageNumber}</span>
  2539. </span>
  2540. {/block:CurrentPage}
  2541.  
  2542. {block:JumpPage}
  2543. <a class="pgnums" href="{URL}" title="go to page {PageNumber}">{PageNumber}</a>
  2544. {/block:JumpPage}
  2545.  
  2546. {/block:JumpPagination}
  2547.  
  2548. {block:NextPage}
  2549. <a class="nxtpg" href="{NextPage}" title="next page">
  2550. <i data-eva="chevron-right-outline" data-eva-fill="{color:permalink text}"></i>
  2551. </a>
  2552. {/block:NextPage}
  2553. </div>
  2554. {/block:Pagination}
  2555. </div><!--postscont-->
  2556. </div><!--czqqr-->
  2557. </div><!--kyqyh-->
  2558.  
  2559. <script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  2560.  
  2561. <script>eva.replace();</script>
  2562.  
  2563. </body>
  2564. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!