glenthemes

Theme [37]: Empyrean

Dec 29th, 2020 (edited)
8,490
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 81.13 KB | None | 0 0
  1. <!----------------------------------------------------------
  2. Theme [37]: Empyrean
  3. Made by glenthemes
  4.  
  5. Release date: 2020/12/29
  6. Last updated: 2026/02/10
  7.  
  8. What's new:
  9. ✱ improved npf support for quotes, chats, links
  10.  
  11. TERMS OF USE:
  12. 1) Do not remove the credit.
  13. 2) Do not remove parts of the code without my permission.
  14. 3) Do not claim my codes as your own.
  15. 4) Do not use my works as base codes.
  16. 5) You may add widgets to my themes and pages.
  17.  
  18. Credits:
  19. ✧˖°. ʚɞ 〜 glencredits.tumblr.com/empyrean
  20. ----------------------------------------------------------->
  21. <!DOCTYPE html>
  22. <html lang="en">
  23.  
  24. <head>
  25.  
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28.  
  29. {block:Description}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <link href="//fonts.googleapis.com/css?family=Karla|Libre+Franklin" rel="stylesheet">
  34.  
  35. <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  36.  
  37. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38.  
  39. <link href="//static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  40.  
  41. <script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  42.  
  43. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css">
  44.  
  45. <script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
  46. <script src="//glen-themes.gitlab.io/thms/37/fkn-audio.js"></script>
  47. <script src="//glen-themes.gitlab.io/thms/37/200years-2025.js"></script>
  48. <script src="//glen-themes.gitlab.io/thms/37/sencha.js"></script>
  49.  
  50. {block:ifshowmusicplayer}
  51. <script src="//glenthemes.github.io/-music-/glenplayer07.js"></script>
  52. {/block:ifshowmusicplayer}
  53.  
  54. <script src="//npf-images-v3.github.io/script.js"></script>
  55. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  56. <style tmblr-npf>
  57. :root {
  58. --NPF-Caption-Spacing:1em;
  59. --NPF-Image-Spacing:{select:photoset images spacing};
  60. }
  61.  
  62. a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
  63. padding-bottom:0!important;
  64. border-bottom:none!important;
  65. }
  66.  
  67. .spotify_audio_player {
  68. height:80px!important;
  69. }
  70. </style>
  71.  
  72. <script>
  73. // minimal soundcloud player @ shythemes.tumblr
  74. // shythemes.tumblr.com/post/114792480648
  75. $(document).ready(function(){
  76. var soundcloud_btn = '{color:link}';
  77. $('.soundcloud_audio_player').each(function(){
  78. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + soundcloud_btn.split('#')[1], height: 116, width: '100%' });
  79. $(this).attr("style", "height:116px!important");
  80. });
  81.  
  82. $(".spotify_audio_player").each(function(){
  83. $(this).attr("style", "height:80px!important")
  84. })
  85. });
  86. </script>
  87.  
  88. <!-- unblue polls -->
  89. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  90. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  91. <style unblue-polls>
  92. .poll-post {
  93. --Poll-Question-Font-Size: {select:post font size};
  94.  
  95. --Poll-Option-Background-Color: transparent;
  96. --Poll-Option-Corner-Rounding: 4px;
  97. --Poll-Option-Border-Size: 1px;
  98. --Poll-Option-Border-Color: var(--Blockquote-Border-Color);
  99. --Poll-Option-Padding: 10px;
  100. --Poll-Option-Font-Size: {select:post font size};
  101. --Poll-Option-Spacing: 10px;
  102. --Poll-Option-Text-Color: {color:post text};
  103.  
  104. --Poll-Option-HOVER-Border-Color: var(--Blockquote-Border-Color);
  105. --Poll-Option-HOVER-Background-Color: transparent;
  106. --Poll-Option-HOVER-Text-Color: {color:link};
  107. --Poll-Option-HOVER-Speed: 0.4s;
  108. }
  109.  
  110. .poll-see-results {
  111. padding-bottom:0!important;
  112. border-bottom:none!important;
  113. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  114. text-transform:uppercase;
  115. letter-spacing:0.5px;
  116. }
  117. </style>
  118.  
  119. <!-- npf audio player -->
  120. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  121. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  122. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  123. <script>
  124. tumblr_npf_audio({
  125. emptyTitleText: "Untitled track",
  126. emptyArtistText: "Untitled artist",
  127. emptyAlbumText: "Untitled album",
  128.  
  129. titleLabel: "",
  130. artistLabel: "",
  131. albumLabel: ""
  132. });
  133. </script>
  134. <style edit-npf-audio-player>
  135. .npf-audio-wrapper {
  136. --NPF-Audio-Buttons-Size: calc(var(--Audio-Post-PlayButton-Size) * 0.6);
  137. --NPF-Audio-Buttons-Color: {color:post text};
  138. --NPF-Audio-Buttons-Padding: calc(var(--Audio-Post-PlayButton-Padding) + (var(--Audio-Post-PlayButton-Size) * (1 - 0.6)) - 3px);
  139. --NPF-Audio-Buttons-Spacing: calc(var(--p) + 14px);
  140. --NPF-Audio-Image-Size: var(--Audio-Post-Album-Image-Size);
  141. --NPF-Audio-Image-Spacing: 0px;
  142.  
  143. --t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
  144. --p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
  145. }
  146.  
  147. .npf-audio-wrapper {
  148. position:relative;
  149. z-index:0;
  150. }
  151.  
  152. .npf-audio-background {
  153. margin-left:var(--p);
  154. }
  155.  
  156. .npf-audio-play, .npf-audio-pause {
  157. position:relative;
  158. z-index:0;
  159. }
  160.  
  161. .npf-audio-play:after, .npf-audio-pause:after {
  162. content:"";
  163. position:absolute;
  164. top:0;left:0;
  165. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
  166. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
  167. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  168. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  169. background:{color:background};
  170. border:1px solid rgba({RGBcolor:post divider},0.8);
  171. border-radius:100%;
  172. z-index:-1;
  173. }
  174.  
  175. .npf-audio-play svg { margin-left:1px; }
  176. .npf-audio-pause svg { margin-left:0; }
  177.  
  178. figcaption.audio-caption,
  179. figcaption.audio-caption ~ audio[controls],
  180. .npf-audio-album {
  181. display:none;
  182. }
  183.  
  184. .npf-audio-image {
  185. position:absolute;
  186. top:0;left:0;
  187. border-radius:3px;
  188. z-index:-1;
  189. }
  190. </style>
  191.  
  192. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  193. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  194.  
  195. <!------- CUSTOMIZATION PANEL OPTIONS ------->
  196. <!---- IMAGES ---->
  197. <meta name="image:sidebar frame" content="//static.tumblr.com/2pnwama/nOBs1xbr5/eborder_e2s_shad.png"/>
  198. <meta name="image:sidebar image" content="//static.tumblr.com/2pnwama/TZbs1xbql/16-9_a.png"/>
  199. <meta name="image:sidebar icon" content="//64.media.tumblr.com/bb9b81332b260660cc18ab04f4e381c8/79ba516a6188a2f8-37/s2048x3072/75f365ec7feaad1cc42139440d1ebb4da035ca74.png"/>
  200. <meta name="image:summoner icon" content="//64.media.tumblr.com/8970dace72482b8b3183b06757239bca/79ba516a6188a2f8-44/s2048x3072/83d59c0924341b1d4f35da71f0b408f70e7480fc.png"/>
  201.  
  202. <!---- GENERAL COLORS ---->
  203. <meta name="color:background" content="#161920"/>
  204. <meta name="color:scrollbar thumb" content="#746561"/>
  205. <meta name="color:scrollbar track" content="#2c292e"/>
  206.  
  207. <!---- SIDEBAR COLORS ---->
  208. <meta name="color:sidebar title" content="#bbb4b1"/>
  209. <meta name="color:sidebar text" content="#a59b9b"/>
  210.  
  211. <meta name="color:nav icons" content="#c6b1ac"/>
  212. <meta name="color:sidebar icon border" content="#645f5b"/>
  213. <meta name="color:sidebar icon shadow" content="#0c0a08"/>
  214.  
  215. <!---- SIDEBAR COLORS ---->
  216. <meta name="color:summoner icon shadow" content="#161920"/>
  217. <meta name="color:summoner icon text" content="#bbb4b1"/>
  218.  
  219. <meta name="color:sidebar dividers" content="#bbb4b1"/>
  220. <meta name="color:custom links border" content="#363332"/>
  221. <meta name="color:custom links" content="#bbb4b1"/>
  222.  
  223. <!---- POST COLORS ---->
  224. <meta name="color:post text" content="#a59b9b"/>
  225. <meta name="color:reblogger" content="#c6b1ac"/>
  226. <meta name="color:link" content="#b56479"/>
  227. <meta name="color:tags" content="#8d8080"/>
  228. <meta name="color:permalink" content="#746561"/>
  229. <meta name="color:post divider" content="#bbb4b1"/>
  230. <meta name="color:post buttons" content="#c6b1ac"/>
  231.  
  232. <!------------- TOGGLE OPTIONS ------------->
  233. <meta name="if:reblog separators" content="1"/>
  234. <meta name="if:tags on click" content="1"/>
  235. <meta name="if:show music player" content="1"/>
  236.  
  237. <!------- DROPDOWNS / OPTIONS ------->
  238. <!---- LEFT SIDEBAR OPTIONS ---->
  239.  
  240. <!---- LEFT SIDEBAR WIDTH ---->
  241. <meta name="select:left sidebar width" title="275px" content="275px"/>
  242. <meta name="select:left sidebar width" title="225px" content="225px"/>
  243. <meta name="select:left sidebar width" title="250px" content="250px"/>
  244. <meta name="select:left sidebar width" title="300px" content="300px"/>
  245.  
  246. <!---- LEFT SIDEBAR IMAGE MARGIN ---->
  247. <meta name="select:sidebar image size" title="100%" content="0px"/>
  248. <meta name="select:sidebar image size" title="80%" content="20px"/>
  249. <meta name="select:sidebar image size" title="90%" content="10px"/>
  250. <meta name="select:sidebar image size" title="110%" content="-10px"/>
  251. <meta name="select:sidebar image size" title="120%" content="-20px"/>
  252.  
  253. <!---- LEFT SIDEBAR IMAGE SHADOW SIZE ---->
  254. <meta name="select:sidebar image shadow size" title="26px" content="26px"/>
  255. <meta name="select:sidebar image shadow size" title="10px" content="10px"/>
  256. <meta name="select:sidebar image shadow size" title="14px" content="14px"/>
  257. <meta name="select:sidebar image shadow size" title="18px" content="18px"/>
  258. <meta name="select:sidebar image shadow size" title="22px" content="22px"/>
  259. <meta name="select:sidebar image shadow size" title="30px" content="30px"/>
  260. <meta name="select:sidebar image shadow size" title="34px" content="34px"/>
  261. <meta name="select:sidebar image shadow size" title="38px" content="38px"/>
  262.  
  263. <!---- LEFT SIDEBAR FRAME SIZE ---->
  264. <meta name="select:sidebar frame size" title="90%" content="10px"/>
  265. <meta name="select:sidebar frame size" title="60%" content="40px"/>
  266. <meta name="select:sidebar frame size" title="70%" content="30px"/>
  267. <meta name="select:sidebar frame size" title="80%" content="20px"/>
  268. <meta name="select:sidebar frame size" title="100%" content="0px"/>
  269. <meta name="select:sidebar frame size" title="110%" content="-10px"/>
  270. <meta name="select:sidebar frame size" title="120%" content="-20px"/>
  271.  
  272. <!---- LEFT SIDEBAR FRAME BOTTOM GAP ---->
  273. <meta name="select:sidebar frame bottom gap" title="15px" content="15px"/>
  274. <meta name="select:sidebar frame bottom gap" title="-25px" content="-25px"/>
  275. <meta name="select:sidebar frame bottom gap" title="-20px" content="-20px"/>
  276. <meta name="select:sidebar frame bottom gap" title="-15px" content="-15px"/>
  277. <meta name="select:sidebar frame bottom gap" title="-10px" content="-10px"/>
  278. <meta name="select:sidebar frame bottom gap" title="none" content="0px"/>
  279. <meta name="select:sidebar frame bottom gap" title="10px" content="10px"/>
  280. <meta name="select:sidebar frame bottom gap" title="20px" content="20px"/>
  281. <meta name="select:sidebar frame bottom gap" title="25px" content="25px"/>
  282.  
  283. <!---- SIDEBAR TITLE FONT SIZE ---->
  284. <meta name="select:sidebar title font size" title="14px" content="14px"/>
  285. <meta name="select:sidebar title font size" title="13px" content="13px"/>
  286. <meta name="select:sidebar title font size" title="12px" content="12px"/>
  287. <meta name="select:sidebar title font size" title="15px" content="15px"/>
  288.  
  289. <!---- SIDEBAR ICON SIZE ---->
  290. <meta name="select:sidebar icon size" title="42px" content="42px"/>
  291. <meta name="select:sidebar icon size" title="36px" content="36px"/>
  292. <meta name="select:sidebar icon size" title="50px" content="50px"/>
  293. <meta name="select:sidebar icon size" title="64px" content="64px"/>
  294.  
  295. <!---- NAV ICONS SIZE ---->
  296. <meta name="select:nav icons size" title="16px" content="16px"/>
  297. <meta name="select:nav icons size" title="12px" content="12px"/>
  298. <meta name="select:nav icons size" title="14px" content="14px"/>
  299. <meta name="select:nav icons size" title="18px" content="18px"/>
  300.  
  301. <!---- NAV ICONS SPACING ---->
  302. <meta name="select:nav icons spacing" title="7px" content="7px"/>
  303. <meta name="select:nav icons spacing" title="5px" content="5px"/>
  304. <meta name="select:nav icons spacing" title="9px" content="9px"/>
  305. <meta name="select:nav icons spacing" title="11px" content="11px"/>
  306.  
  307. <!---- SIDEBAR GAPS ---->
  308. <meta name="select:sidebar gaps" title="16px" content="16px"/>
  309. <meta name="select:sidebar gaps" title="18px" content="18px"/>
  310. <meta name="select:sidebar gaps" title="20px" content="20px"/>
  311.  
  312. <!---- LEFT SIDEBAR QUOTE WIDTH ---->
  313. <meta name="select:sidebar quote width" title="80%" content="80%"/>
  314. <meta name="select:sidebar quote width" title="90%" content="90%"/>
  315. <meta name="select:sidebar quote width" title="100%" content="100%"/>
  316. <meta name="select:sidebar quote width" title="110%" content="110%"/>
  317. <meta name="select:sidebar quote width" title="120%" content="120%"/>
  318.  
  319. <!---- SIDEBAR TEXT FONT SIZE ---->
  320. <meta name="select:sidebar font size" title="11px" content="11px"/>
  321. <meta name="select:sidebar font size" title="12px" content="12px"/>
  322. <meta name="select:sidebar font size" title="13px" content="13px"/>
  323. <meta name="select:sidebar font size" title="14px" content="14px"/>
  324.  
  325. <!---- SIDEBAR TEXT LINE HEIGHT ---->
  326. <meta name="select:sidebar line height" title="90%" content="1.9em"/>
  327. <meta name="select:sidebar line height" title="80%" content="1.8em"/>
  328. <meta name="select:sidebar line height" title="100%" content="2em"/>
  329. <meta name="select:sidebar line height" title="120%" content="2.2em"/>
  330.  
  331. <!---- SIDEBAR TEXT ALIGN ---->
  332. <meta name="select:sidebar text align" title="justify" content="justify"/>
  333. <meta name="select:sidebar text align" title="center" content="center"/>
  334. <meta name="select:sidebar text align" title="left" content="left"/>
  335. <meta name="select:sidebar text align" title="right" content="right"/>
  336.  
  337. <!---- POST OPTIONS ---->
  338.  
  339. <!---- POST WIDTH ---->
  340. <meta name="select:post width" title="450px" content="450px"/>
  341. <meta name="select:post width" title="500px" content="500px"/>
  342. <meta name="select:post width" title="400px" content="400px"/>
  343. <meta name="select:post width" title="540px" content="540px"/>
  344.  
  345. <!---- POST FONT SIZE ---->
  346. <meta name="select:post font size" title="11px" content="11px"/>
  347. <meta name="select:post font size" title="12px" content="12px"/>
  348. <meta name="select:post font size" title="13px" content="13px"/>
  349. <meta name="select:post font size" title="14px" content="14px"/>
  350.  
  351. <!---- POST TEXT LINE HEIGHT ---->
  352. <meta name="select:post text line height" title="80%" content="1.8em"/>
  353. <meta name="select:post text line height" title="90%" content="1.9em"/>
  354. <meta name="select:post text line height" title="100%" content="2em"/>
  355.  
  356. <!---- REBLOGGER ICON ---->
  357. <meta name="select:reblogger icon" title="moon" content="moon"/>
  358. <meta name="select:reblogger icon" title="star" content="star"/>
  359. <meta name="select:reblogger icon" title="@" content="at-sign"/>
  360. <meta name="select:reblogger icon" title="box" content="box"/>
  361. <meta name="select:reblogger icon" title="bookmark" content="bookmark"/>
  362.  
  363. <!---- PHOTOSET SPACING ---->
  364. <meta name="select:photoset images spacing" title="4px" content="4px"/>
  365. <meta name="select:photoset images spacing" title="2px" content="2px"/>
  366. <meta name="select:photoset images spacing" title="6px" content="6px"/>
  367. <meta name="select:photoset images spacing" title="8px" content="8px"/>
  368. <meta name="select:photoset images spacing" title="10px" content="10px"/>
  369.  
  370. <!---- CAPTIONS SPACING ---->
  371. <meta name="select:captions spacing" title="15px" content="15px"/>
  372. <meta name="select:captions spacing" title="12px" content="12px"/>
  373. <meta name="select:captions spacing" title="17px" content="17px"/>
  374.  
  375. <!---- POST BUTTONS SIZE ---->
  376. <meta name="select:post buttons size" title="11px" content="11px"/>
  377. <meta name="select:post buttons size" title="12px" content="12px"/>
  378. <meta name="select:post buttons size" title="13px" content="13px"/>
  379. <meta name="select:post buttons size" title="14px" content="14px"/>
  380.  
  381. <!---- POST BUTTONS SPACING ---->
  382. <meta name="select:post buttons spacing" title="6px" content="6px"/>
  383. <meta name="select:post buttons spacing" title="4px" content="4px"/>
  384. <meta name="select:post buttons spacing" title="8px" content="8px"/>
  385. <meta name="select:post buttons spacing" title="10px" content="10px"/>
  386.  
  387. <!---- POST SPACING ---->
  388. <meta name="select:post spacing" title="40px" content="40px"/>
  389. <meta name="select:post spacing" title="50px" content="50px"/>
  390. <meta name="select:post spacing" title="30px" content="30px"/>
  391. <meta name="select:post spacing" title="60px" content="60px"/>
  392.  
  393. <!---- RIGHT SIDEBAR ---->
  394. <!---- RIGHT SIDEBAR OPTIONS ---->
  395.  
  396. <!---- RIGHT SIDEBAR WIDTH ---->
  397. <meta name="select:right sidebar width" title="225px" content="225px"/>
  398. <meta name="select:right sidebar width" title="200px" content="200px"/>
  399. <meta name="select:right sidebar width" title="250px" content="250px"/>
  400. <meta name="select:right sidebar width" title="275px" content="275px"/>
  401. <meta name="select:right sidebar width" title="300px" content="300px"/>
  402.  
  403. <!---- SUMMONER ICON SIZE ---->
  404. <meta name="select:summoner icon size" title="100px" content="100px"/>
  405. <meta name="select:summoner icon size" title="70px" content="70px"/>
  406. <meta name="select:summoner icon size" title="80px" content="80px"/>
  407. <meta name="select:summoner icon size" title="90px" content="90px"/>
  408. <meta name="select:summoner icon size" title="110px" content="110px"/>
  409. <meta name="select:summoner icon size" title="120px" content="120px"/>
  410.  
  411. <!---- SUMMONER BORDER TYPE ---->
  412. <meta name="select:summoner border" title="type 1" content="//static.tumblr.com/2pnwama/L36s1xbrn/450_e1.png"/>
  413. <meta name="select:summoner border" title="type 2" content="//static.tumblr.com/2pnwama/gzus1xbvd/100_e2.png"/>
  414. <meta name="select:summoner border" title="type 3" content="//static.tumblr.com/2pnwama/9ZWs1xbvt/150_e1.png"/>
  415. <meta name="select:summoner border" title="type 4" content="//static.tumblr.com/2pnwama/4f2s1xbw9/250_e1.png"/>
  416. <meta name="select:summoner border" title="type 5" content="//static.tumblr.com/2pnwama/Lcqs1xbwu/400_e2.png"/>
  417. <meta name="select:summoner border" title="type 6" content="//static.tumblr.com/2pnwama/XDHs1xbxb/500_e2.png"/>
  418.  
  419. <!---- CUSTOM LINKS SPACING ---->
  420. <meta name="select:custom links spacing" title="10px" content="10px"/>
  421. <meta name="select:custom links spacing" title="8px" content="8px"/>
  422. <meta name="select:custom links spacing" title="12px" content="12px"/>
  423.  
  424. <!---- LEVEL NUMBER FONT SIZE ---->
  425. <meta name="select:level font size" title="9px" content="9px"/>
  426. <meta name="select:level font size" title="10px" content="10px"/>
  427. <meta name="select:level font size" title="11px" content="11px"/>
  428. <meta name="select:level font size" title="12px" content="12px"/>
  429.  
  430. <!---- MISC OPTIONS ---->
  431.  
  432. <meta name="select:window margin" title="70px" content="70px"/>
  433. <meta name="select:window margin" title="50px" content="50px"/>
  434. <meta name="select:window margin" title="60px" content="60px"/>
  435. <meta name="select:window margin" title="80px" content="80px"/>
  436. <meta name="select:window margin" title="90px" content="90px"/>
  437.  
  438. <meta name="select:side margins" title="60px" content="60px"/>
  439. <meta name="select:side margins" title="40px" content="40px"/>
  440. <meta name="select:side margins" title="50px" content="50px"/>
  441. <meta name="select:side margins" title="70px" content="70px"/>
  442. <meta name="select:side margins" title="80px" content="80px"/>
  443.  
  444. <meta name="select:move everything to the right" title="default" content="0px"/>
  445. <meta name="select:move everything to the right" title="30px" content="30px"/>
  446. <meta name="select:move everything to the right" title="40px" content="40px"/>
  447. <meta name="select:move everything to the right" title="50px" content="50px"/>
  448. <meta name="select:move everything to the right" title="60px" content="60px"/>
  449. <meta name="select:move everything to the right" title="70px" content="70px"/>
  450.  
  451. <meta name="select:theme alignment" title="centered" content="centered"/>
  452. <meta name="select:theme alignment" title="left" content="left"/>
  453.  
  454. <!------------- CUSTOM TEXT FIELDS ------------->
  455. <meta name="text:left title" content="empyrean">
  456. <meta name="text:sidebar quote" content="If the moon smiled, she would resemble you. You leave the same impression of something beautiful, but annihilating.">
  457. <meta name="text:level number" content="69">
  458. <meta name="text:right title" content="">
  459. <meta name="text:right desc" content="">
  460. <meta name="text:custom link 1 name" content="sample link">
  461. <meta name="text:custom link 1 url" content="//tumblr.com">
  462. <meta name="text:custom link 2 name" content="">
  463. <meta name="text:custom link 2 url" content="">
  464. <meta name="text:custom link 3 name" content="">
  465. <meta name="text:custom link 3 url" content="">
  466. <meta name="text:custom link 4 name" content="">
  467. <meta name="text:custom link 4 url" content="">
  468. <meta name="text:custom link 5 name" content="">
  469. <meta name="text:custom link 5 url" content="">
  470. <meta name="text:custom link 6 name" content="">
  471. <meta name="text:custom link 6 url" content="">
  472. <meta name="text:custom link 7 name" content="">
  473. <meta name="text:custom link 7 url" content="">
  474. <meta name="text:custom link 8 name" content="">
  475. <meta name="text:custom link 8 url" content="">
  476. <meta name="text:how to link music" content="linktr.ee/direct_file_links">
  477. <meta name="text:music player song name" content="To Dance with Daedra">
  478. <meta name="text:music player artist name" content="Brad Derrick">
  479. <meta name="text:music MP3 URL" content="https://rhizo.gitlab.io/m/To_Dance_with_Daedra.mp3">
  480.  
  481. <!----------- START CSS ----------->
  482. <style type="text/css">
  483.  
  484. @font-face { font-family: "beaufort"; src: url('//glen-assets.github.io/fonts/Beaufort%20W01%20Regular.ttf'); }
  485.  
  486. /*------------ TUMBLR CONTROLS ------------*/
  487. iframe#tumblr_controls, .iframe-controls--desktop {
  488. top:7px!important;
  489. right:7px!important;
  490. position:fixed!important;
  491.  
  492. transform:scale(0.7,0.7);
  493. -webkit-transform:scale(0.7,0.7);
  494.  
  495. transform-origin:100% 0;
  496. z-index:999999!important;
  497. transition:0.3s ease-in-out;
  498. }
  499.  
  500. * {
  501. margin:0;
  502. padding:0;
  503. position:relative;
  504. }
  505.  
  506. :root {
  507. --PostFontSize:{select:post font size};
  508. --PostLineHeight:{select:post text line height};
  509.  
  510. --Nav-Icons-Color:{color:nav icons};
  511.  
  512. --Original-Poster-Icon-Size:13px;
  513. --Captions-Gap:{select:captions spacing};
  514.  
  515. --Blockquote-Border-Color:rgba({RGBcolor:post text},0.7);
  516.  
  517. --Paragraph-Margins:0.69em;
  518. --Heading-Margins:0.5em;
  519.  
  520. --Like-Button-Liked:#f75c64;
  521.  
  522. --BackToTop-Button-Icon-Size:14px;
  523. --BackToTop-Button-Padding:8px;
  524.  
  525. --Audio-Post-Album-Image-Size:64px;
  526. --Audio-Post-PlayButton-Size:18px;
  527. --Audio-Post-PlayButton-Padding:8px;
  528. }
  529.  
  530. img {
  531. vertical-align:middle;
  532. }
  533.  
  534. .post iframe {max-width:100%;}
  535.  
  536. a {
  537. color:{color:link};
  538. text-decoration:none;
  539. }
  540.  
  541. p:first-child {
  542. margin-top:0;
  543. }
  544.  
  545. p:last-child {
  546. margin-bottom:0;
  547. }
  548.  
  549. .post.link .path {
  550. display:block;
  551. font-family:beaufort;
  552. font-size:calc({select:post font size} + 2px);
  553. font-weight:bold;
  554. text-transform:uppercase;
  555. letter-spacing:1.5px;
  556. text-align:center;
  557. line-height:1.8em;
  558. }
  559.  
  560. .link-description {
  561. margin-top:{select:captions spacing};
  562. }
  563.  
  564. h1, h2, h3, h4, h5, h6 {
  565. margin:calc(var(--Heading-Margins) * 2) 0;
  566. font-family:beaufort;
  567. font-weight:bold;
  568. font-size:calc({select:post font size} + 1px);
  569. text-transform:uppercase;
  570. letter-spacing:1.5px;
  571. }
  572.  
  573. h1 {
  574. font-size:calc({select:post font size} + 2.5px);
  575. }
  576.  
  577. h1.title {
  578. text-align:center;
  579. }
  580.  
  581. p {
  582. margin:var(--Paragraph-Margins) 0;
  583. }
  584.  
  585. ul {
  586. margin-left:1.69em;
  587. }
  588.  
  589. li {
  590. padding-left:0.420em;
  591. }
  592.  
  593. pre {
  594. display:block;
  595. white-space:break-spaces;
  596. padding:0.69em 0.8em;
  597. border:1px solid rgba({RGBcolor:post divider},0.2);
  598. margin:1em 0;
  599. }
  600.  
  601. body {
  602. background:{color:background};
  603. font-family:karla;
  604. -webkit-font-smoothing:antialiased;
  605. -moz-osx-font-smoothing:grayscale;
  606. }
  607.  
  608. .flex {
  609. display:flex;
  610. align-items:center;
  611. }
  612.  
  613. .flex.space-between {
  614. justify-content:space-between;
  615. }
  616.  
  617. /*--------- GENERAL TOOLTIPS ---------*/
  618. a[data-title]{
  619. position:relative;
  620. }
  621.  
  622. a[data-title]:not([data-title=""]):hover:before {
  623. content:"";
  624. position:absolute;
  625. top:100%;margin-top:calc(6px - .5px);
  626. left:50%;transform:translateX(-50%);
  627. margin-left:-3px;
  628. width:6px;
  629. height:6px;
  630. transform:rotate(45deg);
  631. background:{color:background};
  632. border-top:1px solid rgba({RGBcolor:post divider},0.420);
  633. border-left:1px solid rgba({RGBcolor:post divider},0.420);
  634. z-index:70;
  635. }
  636.  
  637. a[data-title]:not([data-title=""]):hover:after {
  638. content:attr(data-title);
  639. position:absolute;
  640. top:calc(100% + 3px + 6px);
  641. left:50%;transform:translateX(-50%);
  642. background:{color:background};
  643. padding:5px;
  644. border:1px solid rgba({RGBcolor:post divider},0.420);
  645. font-family:karla;
  646. text-transform:uppercase;
  647. font-size:calc({select:post font size} - 2px);
  648. letter-spacing:1px;
  649. color:{color:post text};
  650. text-align:center;
  651. white-space:nowrap;
  652. line-height:1.69em;
  653. z-index:69;
  654. }
  655.  
  656. /*----------------- SCROLLBAR -----------------*/
  657. ::-webkit-scrollbar {
  658. width:13px;
  659. height:13px;
  660. background-color:{color:background};
  661. }
  662.  
  663. ::-webkit-scrollbar-thumb {
  664. border-top:8px solid {color:background};
  665. border-right:6px solid {color:background};
  666. border-bottom:8px solid {color:background};
  667. border-left:6px solid {color:background};
  668. background-color:{color:scrollbar thumb};
  669. }
  670.  
  671. ::-webkit-scrollbar-track {
  672. border-top:8px solid {color:background};
  673. border-right:6px solid {color:background};
  674. border-bottom:8px solid {color:background};
  675. border-left:6px solid {color:background};
  676. background-color:{color:scrollbar track};
  677. }
  678.  
  679. ::-webkit-scrollbar-corner {
  680. background:{color:background};
  681. }
  682.  
  683. /*------------ LEFT/CENTERED THEME OPTS ------------*/
  684. .bigwrap.centered .lemon {
  685. position:absolute;
  686. top:0;left:0;right:0;
  687. margin:0 auto;
  688. text-align:center;
  689. }
  690.  
  691. .bigwrap.centered .berry {
  692. display:inline-block;
  693. margin-left:{select:move everything to the right};
  694. text-align:left;
  695. }
  696.  
  697. .bigwrap.centered .dianaside {
  698. left:initial;
  699. margin-left:calc(-{select:left sidebar width} - {select:side margins});
  700. }
  701.  
  702. .bigwrap.centered .postscont {
  703. position:relative;
  704. margin-left:0;
  705. }
  706.  
  707. .bigwrap.centered .rightside {
  708. left:initial;
  709. margin-left:calc({select:sidebar frame size} + {select:post width} + {select:side margins});
  710. }
  711.  
  712. /*-------------- LEFT SIDEBAR --------------*/
  713. .dianaside {
  714. position:fixed;
  715. top:0;
  716. left:0;margin-left:{select:move everything to the right};
  717. width:{select:left sidebar width};
  718. height:100vh;
  719. background:{color:background};
  720. display:table;
  721. }
  722.  
  723. .mc {
  724. display:table-cell;
  725. vertical-align:middle;
  726. }
  727.  
  728. .cov {
  729.  
  730. }
  731.  
  732. .hc {
  733. position:relative;
  734. width:100%;
  735. }
  736.  
  737. .sb-image, .shadroe, .palir, .pakku {
  738. position:absolute;
  739. margin-top:{select:sidebar image size};
  740. margin-left:{select:sidebar image size};
  741. width:calc(100% - ({select:sidebar image size} * 2));
  742. height:calc(100% - {select:sidebar image size});
  743. }
  744.  
  745. .sb-image {
  746. background-image:url({image:sidebar image});
  747. background-size:cover;
  748. background-position:50% 0%;
  749. background-repeat:no-repeat;
  750. }
  751.  
  752. .shadroe {
  753. margin-top:calc({select:sidebar image size} - 100%);
  754. box-shadow:inset 0 0 {select:sidebar image shadow size} {select:sidebar image shadow size} {color:background};
  755. height:200%;
  756. }
  757.  
  758. .pakku {
  759. background-image:linear-gradient(to bottom, {color:background} 0%, transparent 22%);
  760. }
  761.  
  762. .palir {
  763. background-image:linear-gradient(to bottom, transparent 52%, {color:background} 100%);
  764. }
  765.  
  766. .ff {
  767. position:absolute;
  768. visibility:hidden;
  769. }
  770.  
  771. .frame, .trans {
  772. margin-top:calc({select:sidebar image size} + {select:sidebar frame size});
  773. margin-left:calc({select:sidebar image size} + {select:sidebar frame size});
  774. width:calc(100% - ({select:sidebar image size} * 2) - ({select:sidebar frame size} * 2));
  775. }
  776.  
  777. .trans {
  778. display:none;
  779. height:calc({select:left sidebar width});
  780. }
  781.  
  782. .stuffbelow {
  783. position:absolute;
  784. top:0;
  785. margin-left:{select:sidebar image size};
  786. width:calc(100% - ({select:sidebar image size} * 2));
  787. text-align:center;
  788. }
  789.  
  790. .uma-tit {
  791. margin-top:{select:sidebar frame bottom gap};
  792. font-family:beaufort;
  793. font-size:{select:sidebar title font size};
  794. font-weight:bold;
  795. text-transform:uppercase;
  796. letter-spacing:2px;
  797. color:{color:sidebar title};
  798. text-shadow:0 2px 4px rgba({RGBcolor:background},0.69);
  799. }
  800.  
  801. .xwrap {
  802. display:flex;
  803. align-items:center;
  804. justify-content:center;
  805. padding-top:{select:sidebar gaps};
  806. line-height:1em;
  807. }
  808.  
  809. .xwrap a {
  810. margin:0 calc({select:nav icons spacing} / 2);
  811. padding:calc({select:nav icons spacing} / 2);
  812. }
  813.  
  814. .xwrap svg {
  815. width:{select:nav icons size};
  816. height:{select:nav icons size};
  817. color:{color:nav icons};
  818. stroke-width:1.5px;
  819. }
  820.  
  821. .glenjamin {
  822. opacity:0.9;
  823. }
  824.  
  825. .ring {
  826. position:relative;
  827. margin:0 calc({select:nav icons spacing} * 1.69);
  828. width:calc({select:sidebar icon size} + 2px);
  829. height:calc({select:sidebar icon size} + 2px);
  830. border-radius:100%;
  831. background:{color:sidebar icon border};
  832. }
  833.  
  834. .icoe {
  835. position:absolute;
  836. top:0;margin-top:1px;
  837. left:0;margin-left:1px;
  838. width:{select:sidebar icon size};
  839. height:{select:sidebar icon size};
  840. border-radius:100%;
  841. }
  842.  
  843. .i-shad {
  844. position:absolute;
  845. top:0;margin-top:1px;
  846. left:0;margin-left:1px;
  847. width:{select:sidebar icon size};
  848. height:{select:sidebar icon size};
  849. border-radius:100%;
  850. box-shadow:inset 0 0 6px 0 {color:sidebar icon shadow};
  851. }
  852.  
  853. .desc {
  854. padding-top:calc({select:sidebar gaps} - 2px);
  855. margin-left:calc(({select:sidebar quote width} - 100%) / -2);
  856. width:{select:sidebar quote width};
  857. font-family:libre franklin;
  858. letter-spacing:0.3px;
  859. font-size:{select:sidebar font size};
  860. color:{color:sidebar text};
  861. line-height:{select:sidebar line height};
  862. text-align:{select:sidebar text align};
  863. }
  864.  
  865. /* disable highlight when user tries to drag 'image' */
  866. .frame, .i-shad, .sumframe, .circleofdeath {
  867. -webkit-touch-callout:none;
  868. -webkit-user-select:none;
  869. -html-user-select:none;
  870. -moz-user-select:none;
  871. -ms-user-select:none;
  872. user-select:none;
  873. }
  874.  
  875. /*------------- RIGHT SIDEBAR -------------*/
  876. .rightside {
  877. position:fixed;
  878. top:0;
  879. left:0;margin-left:calc({select:left sidebar width} + {select:sidebar frame size} + {select:post width} + ({select:side margins} * 2) + {select:move everything to the right});
  880. width:{select:right sidebar width};
  881. height:100vh;
  882. display:table;
  883. }
  884.  
  885. .emily {
  886. display:table-cell;
  887. vertical-align:middle;
  888. }
  889.  
  890. .owrap {
  891. position:relative;
  892. margin:auto;
  893. margin-top:calc(({select:summoner icon size} * .4) + 10px);
  894. margin-bottom:calc(({select:summoner icon size} * .4) + ({select:sidebar gaps} * 0.420));
  895. width:{select:summoner icon size};
  896. height:{select:summoner icon size};
  897. }
  898.  
  899. .img-i {
  900. position:absolute;
  901. top:0;
  902. left:0;
  903. width:{select:summoner icon size};
  904. height:{select:summoner icon size};
  905. background-image:url({image:summoner icon});
  906. background-size:cover;
  907. background-position:center;
  908. background-repeat:no-repeat;
  909. border-radius:100%;
  910. }
  911.  
  912. .sumshad {
  913. position:absolute;
  914. top:0;
  915. left:0;
  916. width:{select:summoner icon size};
  917. height:{select:summoner icon size};
  918. box-shadow:inset 0 0 calc({select:summoner icon size} * 0.1) 0 {color:summoner icon shadow};
  919. border-radius:100%;
  920. }
  921.  
  922. .sumframe {
  923. position:absolute;
  924. top:0;
  925. left:0;
  926. width:{select:summoner icon size};
  927. height:{select:summoner icon size};
  928. display:flex;
  929. align-items:center;
  930. justify-content:center;
  931. }
  932.  
  933. .sf-border {
  934. /*width:180%;*/
  935. height:180%;
  936. }
  937.  
  938. .lvl {
  939. position:absolute;
  940. top:0;margin-top:99%;
  941. width:100%;
  942. height:11%;
  943. display:flex;
  944. align-items:center;
  945. justify-content:center;
  946. }
  947.  
  948. .lvltxt {
  949. margin-top:-0.169em;
  950. margin-left:0.169em;
  951. max-width:30%;
  952. font-family:beaufort;
  953. font-size:{select:level font size};
  954. font-weight:bold;
  955. text-transform:uppercase;
  956. letter-spacing:2px;
  957. color:{color:summoner icon text};
  958. text-align:center;
  959. line-height:1em;
  960. white-space:nowrap;
  961. overflow:hidden;
  962. }
  963.  
  964. /*-----------------------*/
  965. /* divider stuff */
  966. :root {
  967. --Divider-Ratio:45%;
  968. --Divider-Ratio-2:15%;
  969. --Divider-Mid-Adjust:7%;
  970. }
  971.  
  972. .dovwrap {
  973. position:relative;
  974. transform:scale(0.9,0.9);
  975. }
  976.  
  977. .dline {
  978. margin:auto;
  979. width:1px;
  980. height:20px;
  981. background:linear-gradient(to bottom, transparent 0%, {color:sidebar dividers} 69%);
  982. }
  983.  
  984. .dia {
  985. margin:auto;
  986. width:4px;
  987. height:4px;
  988. border:1px solid {color:sidebar dividers};
  989. transform:rotate(45deg);
  990. transform-origin:center;
  991. }
  992.  
  993. .hz {
  994. width:calc(var(--Divider-Ratio) + .5px);
  995. height:1px;
  996. background:{color:sidebar dividers};
  997. }
  998.  
  999. .hz.l {
  1000. background:linear-gradient(to left, {color:sidebar dividers} var(--Divider-Ratio-2), transparent 100%);
  1001. }
  1002.  
  1003. .hz.r {
  1004. background:linear-gradient(to right, {color:sidebar dividers} var(--Divider-Ratio-2), transparent 100%);
  1005. }
  1006.  
  1007. .rl {
  1008. position:absolute;
  1009. bottom:0;
  1010. left:calc(var(--Divider-Ratio) + .5px);
  1011. height:1px;
  1012. background:{color:sidebar dividers};
  1013. transform:rotate(45deg);
  1014. transform-origin:left;
  1015. }
  1016.  
  1017. .rr {
  1018. position:absolute;
  1019. bottom:0;
  1020. right:0;margin-right:calc(var(--Divider-Ratio) + .5px);
  1021. height:1px;
  1022. background:{color:sidebar dividers};
  1023. transform:rotate(-45deg);
  1024. transform-origin:right;
  1025. }
  1026.  
  1027. .rl, .rr, .vl, .vr {
  1028. width:var(--Divider-Mid-Adjust);
  1029. }
  1030.  
  1031. .bl {
  1032. position:absolute;
  1033. bottom:0;
  1034. margin-bottom:-4px;
  1035. margin-left:calc(var(--Divider-Ratio) - var(--Divider-Ratio-2));
  1036. width:calc(var(--Divider-Ratio-2) + 2%);
  1037. height:1px;
  1038. background:{color:sidebar dividers};
  1039. }
  1040.  
  1041. .bl:before {
  1042. content:"";
  1043. position:absolute;
  1044. top:0;margin-top:-4px;
  1045. margin-left:-3px;
  1046. width:5px;
  1047. height:1px;
  1048. background:{color:sidebar dividers};
  1049. transform:rotate(45deg);
  1050. transform-origin:left;
  1051. }
  1052.  
  1053. .br {
  1054. position:absolute;
  1055. bottom:0;
  1056. margin-bottom:-4px;
  1057. right:0;margin-right:calc(var(--Divider-Ratio) - var(--Divider-Ratio-2));
  1058. width:calc(var(--Divider-Ratio-2) + 2%);
  1059. height:1px;
  1060. background:{color:sidebar dividers};
  1061. }
  1062.  
  1063. .br:after {
  1064. content:"";
  1065. position:absolute;
  1066. top:0;margin-top:-4px;
  1067. right:0;margin-right:-3px;
  1068. width:5px;
  1069. height:1px;
  1070. background:{color:sidebar dividers};
  1071. transform:rotate(-45deg);
  1072. transform-origin:right;
  1073. }
  1074.  
  1075. .vot {
  1076. margin-top:calc({select:sidebar gaps} * 1.8);
  1077. transform:scale(0.69,0.69);
  1078. }
  1079.  
  1080. .vl {
  1081. position:absolute;
  1082. bottom:0;
  1083. left:calc(var(--Divider-Ratio) + .5px);
  1084. height:1px;
  1085. background:{color:sidebar dividers};
  1086. transform:rotate(-45deg);
  1087. transform-origin:left;
  1088. }
  1089.  
  1090. .vr {
  1091. position:absolute;
  1092. bottom:0;
  1093. right:0;margin-right:calc(var(--Divider-Ratio) + .5px);
  1094. height:1px;
  1095. background:{color:sidebar dividers};
  1096. transform:rotate(45deg);
  1097. transform-origin:right;
  1098. }
  1099.  
  1100. .gl {
  1101. position:absolute;
  1102. bottom:0;
  1103. left:calc(var(--Divider-Ratio) + .5px - 8px);
  1104. width:calc(var(--Divider-Mid-Adjust) + 11px);
  1105. height:1px;
  1106. background:{color:sidebar dividers};
  1107. transform:rotate(-45deg);
  1108. transform-origin:left;
  1109. opacity:0.9;
  1110. }
  1111.  
  1112. .gr {
  1113. position:absolute;
  1114. bottom:0;
  1115. right:0;margin-right:calc(var(--Divider-Ratio) + .5px - 8px);
  1116. width:calc(var(--Divider-Mid-Adjust) + 11px);
  1117. height:1px;
  1118. background:{color:sidebar dividers};
  1119. transform:rotate(45deg);
  1120. transform-origin:right;
  1121. opacity:0.9;
  1122. }
  1123.  
  1124. /*------- CUSTOM LINKS -------*/
  1125. .one-box {
  1126. margin-top:calc({select:sidebar gaps} * 1.69);
  1127. }
  1128.  
  1129. .boxtitle {
  1130. font-family:beaufort;
  1131. font-size:calc({select:sidebar title font size} - 2px);
  1132. font-weight:bold;
  1133. text-transform:uppercase;
  1134. letter-spacing:1.5px;
  1135. color:{color:sidebar title};
  1136. text-align:center;
  1137. }
  1138.  
  1139. .boxtext {
  1140. margin-top:calc({select:sidebar gaps} * 0.8);
  1141. font-family:libre franklin;
  1142. font-size:{select:sidebar font size};
  1143. letter-spacing:0.3px;
  1144. line-height:1.69em;
  1145. color:{color:sidebar text};
  1146. text-align:justify;
  1147. }
  1148.  
  1149. .ummcanvas {
  1150. margin-top:calc(-{select:custom links spacing} * 1.5);
  1151. display:flex;
  1152. flex-wrap:wrap;
  1153. }
  1154.  
  1155. .sausage {
  1156. display:block;
  1157. position:relative;
  1158. margin-top:{select:custom links spacing};
  1159. width:calc((100% - {select:custom links spacing}) / 2);
  1160. height:calc({select:sidebar title font size} * 1.69);
  1161. }
  1162.  
  1163. .sausage:nth-of-type(odd){
  1164. }
  1165.  
  1166. .sausage:nth-of-type(even){
  1167. margin-left:{select:custom links spacing};
  1168. }
  1169.  
  1170. .longue {
  1171. position:relative;
  1172. margin-left:auto;
  1173. width:calc(100% - 8px);
  1174. height:8px;
  1175. background:linear-gradient(to right, {color:custom links border} 0%, {color:sidebar dividers} 69%, {color:custom links border} 100%);
  1176. }
  1177.  
  1178. .longue:before {
  1179. content:"";
  1180. position:absolute;
  1181. top:0;
  1182. left:0;margin-left:-8px;
  1183. border-style:solid;
  1184. border-width:0 0 8px 8px;
  1185. border-color:transparent transparent {color:custom links border} transparent;
  1186. }
  1187.  
  1188. .longue:after {
  1189. content:"";
  1190. position:absolute;
  1191. right:0;
  1192. width:calc(100% - 3px);
  1193. height:1.5px;
  1194. background:{color:custom links border};
  1195. opacity:0.420;
  1196. transition:all .269s ease-in-out;
  1197. }
  1198.  
  1199. .sausage:hover .longue:after {
  1200. opacity:0;
  1201. }
  1202.  
  1203. .bread {
  1204. width:100%;
  1205. height:calc(100% - (8px * 2));
  1206. background:{color:custom links border};
  1207. }
  1208.  
  1209. .baguette {
  1210. position:relative;
  1211. margin-right:auto;
  1212. width:calc(100% - 8px);
  1213. height:8px;
  1214. background:linear-gradient(to right, {color:custom links border} 0%, {color:sidebar dividers} 31%, {color:custom links border} 100%);
  1215. }
  1216.  
  1217. .baguette:before {
  1218. content:"";
  1219. position:absolute;
  1220. right:0;margin-right:-8px;
  1221. border-style:solid;
  1222. border-width:8px 8px 0 0;
  1223. border-color:{color:custom links border} transparent transparent transparent;
  1224. }
  1225.  
  1226. .baguette:after {
  1227. content:"";
  1228. position:absolute;
  1229. bottom:0;
  1230. width:calc(100% - 3px);
  1231. height:1.5px;
  1232. background:{color:custom links border};
  1233. opacity:0.420;
  1234. transition:all .269s ease-in-out;
  1235. }
  1236.  
  1237. .sausage:hover .baguette:after {
  1238. opacity:0;
  1239. }
  1240.  
  1241. .butter {
  1242. position:absolute;
  1243. top:0;margin-top:1.5px;
  1244. left:0;margin-left:1.5px;
  1245. width:calc(100% - 3px);
  1246. height:calc(100% - 3px);
  1247. }
  1248.  
  1249. .sizzle {
  1250. position:relative;
  1251. margin-left:auto;
  1252. width:calc(100% - 8px);
  1253. height:8px;
  1254. background:{color:background};
  1255. }
  1256.  
  1257. .sizzle:before {
  1258. content:"";
  1259. position:absolute;
  1260. top:0;
  1261. left:0;margin-left:-8px;
  1262. border-style:solid;
  1263. border-width:0 0 8px 8px;
  1264. border-color:transparent transparent {color:background} transparent;
  1265. }
  1266.  
  1267. .oeuf {
  1268. width:100%;
  1269. height:calc(100% - (8px * 2));
  1270. background:{color:background};
  1271. }
  1272.  
  1273. .tomate {
  1274. position:relative;
  1275. margin-right:auto;
  1276. width:calc(100% - 8px);
  1277. height:8px;
  1278. background:{color:background};
  1279. }
  1280.  
  1281. .tomate:before {
  1282. content:"";
  1283. position:absolute;
  1284. right:0;margin-right:-8px;
  1285. border-style:solid;
  1286. border-width:8px 8px 0 0;
  1287. border-color:{color:background} transparent transparent transparent;
  1288. }
  1289.  
  1290. .tct {
  1291. position:absolute;
  1292. top:0;margin-top:1.5px;
  1293. left:0;margin-left:1.5px;
  1294. width:calc(100% - 3px);
  1295. height:calc(100% - 3px);
  1296. display:flex;
  1297. align-items:center;
  1298. justify-content:center;
  1299. line-height:1em;
  1300. }
  1301.  
  1302. .cl-text {
  1303. max-width:90%;
  1304. font-family:beaufort;
  1305. font-weight:bold;
  1306. font-size:calc({select:sidebar title font size} * 0.6);
  1307. text-transform:uppercase;
  1308. letter-spacing:1.5px;
  1309. color:{color:custom links};
  1310. white-space:nowrap;
  1311. overflow:hidden;
  1312. }
  1313.  
  1314. /*------- MUSIC PLAYER -------*/
  1315. :root {
  1316. --Circle-Size:33px;
  1317. --Progress-Border-Size:1px;
  1318. --Progress-Empty:{color:custom links border};
  1319. --Progress-Fill:{color:sidebar title};
  1320. --Player-Background:{color:background};
  1321. --Play-Pause-Buttons-Size:14px;
  1322. --Player-Text-Margin:13px;
  1323. }
  1324.  
  1325. .glenplayer07 {
  1326. margin-top:calc({select:sidebar gaps} * 1.25);
  1327. }
  1328.  
  1329. .flamingo {
  1330. display:flex;
  1331. align-items:center;
  1332. }
  1333.  
  1334. .circleofdeath {
  1335. width:var(--Circle-Size);
  1336. height:var(--Circle-Size);
  1337. border-radius:100%;
  1338. overflow:hidden;
  1339. }
  1340.  
  1341. .tinfoil {
  1342. width:var(--Circle-Size);
  1343. height:var(--Circle-Size);
  1344. background:var(--Progress-Empty);
  1345. border-radius:100%;
  1346. }
  1347.  
  1348. .oven {
  1349. background:var(--Progress-Fill);
  1350. }
  1351.  
  1352. .oliveoil {
  1353. width:100%;
  1354. height:100%;
  1355. }
  1356.  
  1357. .crust {
  1358. position:absolute;
  1359. top:0;
  1360. display:flex;
  1361. align-items:center;
  1362. justify-content:center;
  1363. width:var(--Circle-Size);
  1364. height:var(--Circle-Size);
  1365. }
  1366.  
  1367. .cherry {
  1368. display:flex;
  1369. align-items:center;
  1370. justify-content:center;
  1371. width:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  1372. height:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  1373. background:var(--Player-Background);
  1374. border-radius:100%;
  1375. cursor:pointer;
  1376. z-index:1;
  1377. }
  1378.  
  1379. .music-controls .material-icons {
  1380. font-size:var(--Play-Pause-Buttons-Size);
  1381. color:{color:sidebar text};
  1382. }
  1383.  
  1384. .pausee {display:none;}
  1385.  
  1386. .beff {display:none;}
  1387. .aff {display:block;}
  1388.  
  1389. .music-info {
  1390. margin-left:var(--Player-Text-Margin);
  1391. line-height:1em;
  1392. }
  1393.  
  1394. .song-name {
  1395. font-family:beaufort;
  1396. font-size:calc({select:sidebar font size} - 1px);
  1397. font-weight:bold;
  1398. text-transform:uppercase;
  1399. letter-spacing:1.5px;
  1400. color:{color:sidebar title};
  1401. }
  1402.  
  1403. .artist-name {
  1404. margin-top:1.5px;
  1405. font-family:libre franklin;
  1406. font-size:calc({select:sidebar font size} - 1px);
  1407. letter-spacing:0.3px;
  1408. color:{color:sidebar text};
  1409. }
  1410.  
  1411. /*-------------- POSTS --------------*/
  1412. .postscont {
  1413. position:absolute;
  1414. top:0;margin-top:{select:window margin};
  1415. left:0;margin-left:calc({select:left sidebar width} + {select:side margins} + {select:move everything to the right} - ({select:sidebar image size} / 2));
  1416. font-family:libre franklin;
  1417. letter-spacing:0.3px;
  1418. font-size:{select:post font size};
  1419. color:{color:post text};
  1420. line-height:{select:post text line height};
  1421. margin-bottom:calc({select:window margin} - (({select:post spacing} * 2) / 2));
  1422. }
  1423.  
  1424. .post {
  1425. position:relative;
  1426. width:{select:post width};
  1427. }
  1428.  
  1429. hr:not(.hr-fordiv) {
  1430. border:none;
  1431. width:69%;
  1432. height:1px;
  1433. background:linear-gradient(to left, transparent 0%, {color:post divider} 25%, {color:post divider} 75%, transparent 100%);
  1434. }
  1435.  
  1436. .hr-fordiv {
  1437. display:block;
  1438. position:absolute;
  1439. border:none;
  1440. margin-top:calc(((({select:post buttons size} + 5px) * -1.414) / 2) - (({select:post spacing} * 2) / 2) - .5px);
  1441. left:calc((100% - 69%) / 2);
  1442. width:69%;
  1443. height:1px;
  1444. background:linear-gradient(to left, transparent 0%, {color:post divider} 25%, {color:post divider} 75%, transparent 100%);
  1445. }
  1446.  
  1447. .romholder {
  1448. position:relative;
  1449. display:flex;
  1450. align-items:center;
  1451. justify-content:center;
  1452. margin:calc(({select:post spacing} * 2) / 2) auto;
  1453. z-index:2;
  1454. }
  1455.  
  1456. .square {
  1457. display:flex;
  1458. align-items:center;
  1459. justify-content:center;
  1460. margin:0 calc((10px / 2) + ({select:post buttons spacing} / 2));
  1461. width:calc({select:post buttons size} + 10px);
  1462. height:calc({select:post buttons size} + 10px);
  1463. background:{color:background};
  1464. transform:rotate(45deg);
  1465. transform-origin:center;
  1466. border:1px solid {color:post divider};
  1467. }
  1468.  
  1469. .sqctn {
  1470. transform:rotate(-45deg);
  1471. display:flex;
  1472. align-items:center;
  1473. justify-content:center;
  1474. width:calc({select:post buttons size} + 20px);
  1475. height:calc({select:post buttons size} + 20px);
  1476. padding:0 10px;
  1477. cursor:pointer;
  1478. }
  1479.  
  1480. .sqctn svg {
  1481. display:block;
  1482. width:{select:post buttons size};
  1483. height:{select:post buttons size};
  1484. fill:{color:post buttons};
  1485. }
  1486.  
  1487. .sqctn[sq-title] {
  1488. position:relative;
  1489. }
  1490.  
  1491. .sqctn[sq-title]:not([sq-title=""]):before {
  1492. content:"";
  1493. position:absolute;
  1494. top:100%;
  1495. left:50%;transform:translateX(-50%);
  1496. width:1px;
  1497. height:0px;
  1498. background:linear-gradient(to bottom, {color:post divider} 0%, rgba({RGBcolor:post divider},0.420) 100%);
  1499. transition:all .4s .269s ease-in-out;
  1500. cursor:default;
  1501. z-index:68;
  1502. }
  1503.  
  1504. .sqctn[sq-title]:not([sq-title=""]):hover:before {
  1505. transition:all .4s .0s ease-in-out;
  1506. height:10px;
  1507. }
  1508.  
  1509. .sqctn[sq-title]:not([sq-title=""]):after {
  1510. content:attr(sq-title);
  1511. position:absolute;
  1512. top:calc(100% + 10px);
  1513. left:50%;transform:translateX(-50%);
  1514. background:{color:background};
  1515. padding:5px;
  1516. border:1px solid rgba({RGBcolor:post divider},0.420);
  1517. font-family:karla;
  1518. text-transform:uppercase;
  1519. font-size:calc({select:post font size} - 2px);
  1520. letter-spacing:1px;
  1521. color:{color:post text};
  1522. white-space:nowrap;
  1523. line-height:1.69em;
  1524. opacity:0;
  1525. transition:all .269s .069s ease-in-out;
  1526. cursor:default;
  1527. z-index:69;
  1528. }
  1529.  
  1530. .sqctn[sq-title]:not([sq-title=""]):hover:after {
  1531. transition:all .269s .4s ease-in-out;
  1532. opacity:1;
  1533. }
  1534.  
  1535. .fth svg {
  1536. fill:none;
  1537. color:{color:post buttons};
  1538. stroke-width:1.5px;
  1539. }
  1540.  
  1541. .retweet svg {
  1542. transform:scaleX(-1);
  1543. }
  1544.  
  1545. .likecont {
  1546. position:relative;
  1547. }
  1548.  
  1549. .like_button {
  1550. position:absolute;
  1551. width:100%;
  1552. height:100%;
  1553. padding:0!important;
  1554. }
  1555.  
  1556. .like_button iframe {
  1557. position:absolute;
  1558. top:0;left:0;
  1559. width:100%;
  1560. height:100%;
  1561. opacity:0;
  1562. z-index:2;
  1563. }
  1564.  
  1565. .like_button.liked + .heart svg {
  1566. fill:var(--Like-Button-Liked)!important;
  1567. }
  1568.  
  1569. .clicktags {cursor:help;}
  1570.  
  1571. .teaseen {
  1572. display:none;
  1573. opacity:0;
  1574. }
  1575.  
  1576. .theo {
  1577. opacity:1;
  1578. }
  1579.  
  1580. .teaseen, .theo {
  1581. transition:opacity 0.4s ease-in-out;
  1582. }
  1583.  
  1584. .tagholder {
  1585. padding-top:{select:captions spacing};
  1586. display:flex;
  1587. flex-wrap:wrap;
  1588. justify-content:flex-end;
  1589. text-align:right;
  1590. margin:0 -4px;
  1591. font-family:karla;
  1592. font-size:calc({select:post font size} - 2px);
  1593. text-transform:uppercase;
  1594. letter-spacing:1px;
  1595.  
  1596. line-height:1.5em;
  1597. }
  1598.  
  1599. .tagholder a {
  1600. display:block;
  1601. margin:0 4px;
  1602. color:{color:tags};
  1603. }
  1604.  
  1605. .permarow {
  1606. margin-top:calc({select:captions spacing});
  1607. font-family:karla;
  1608. font-size:calc({select:post font size} - 2px);
  1609. text-transform:uppercase;
  1610. letter-spacing:1px;
  1611. overflow:auto;
  1612. }
  1613.  
  1614. .notecount {
  1615. float:left;
  1616. }
  1617.  
  1618. .permarow, .permarow a {
  1619. color:{color:permalink};
  1620. }
  1621.  
  1622. .permarow {
  1623. {block:PermalinkPage}
  1624. color:{color:post text};
  1625. {/block:PermalinkPage}
  1626. }
  1627.  
  1628. .permarow a {
  1629. {block:PermalinkPage}
  1630. color:{color:reblogger};
  1631. {/block:PermalinkPage}
  1632. }
  1633.  
  1634. .nc-r {
  1635. float:right;
  1636. }
  1637.  
  1638. .viasrc {
  1639. float:right;
  1640. }
  1641.  
  1642. .viasrc a {
  1643. margin-left:9px;
  1644. }
  1645.  
  1646. /*----- TEXT STYLES -----*/
  1647. .postscont blockquote {
  1648. position:relative;
  1649. margin:calc((var(--Original-Poster-Icon-Size) / 2) + 4px);
  1650. padding:0 calc((var(--Original-Poster-Icon-Size) / 2) + 4px);
  1651. }
  1652.  
  1653. .postscont blockquote:before {
  1654. content:"";
  1655. position:absolute;
  1656. top:0;
  1657. left:0;margin-left:-1px;
  1658. width:1px;
  1659. height:100%;
  1660. background:linear-gradient(to bottom, transparent 0%, var(--Blockquote-Border-Color) 25%, var(--Blockquote-Border-Color) 75%, transparent 100%);
  1661. }
  1662.  
  1663. @font-face {
  1664. font-family:Calluna;
  1665. src:url("//assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  1666. font-weight:700;
  1667. font-style:italic
  1668. }
  1669.  
  1670. p.npf_quote {font-family:Calluna;}
  1671.  
  1672. @font-face {
  1673. font-family:Fairwater;
  1674. src:url("//assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("//assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  1675. font-weight:400;
  1676. font-style:normal
  1677. }
  1678.  
  1679. p.npf_quirky {font-family:Fairwater;}
  1680. p.npf_chat {font-family:inherit;}
  1681.  
  1682. /*----- PHOTOSETS -----*/
  1683. [photoset-layout] {
  1684. grid-gap:{select:photoset images spacing};
  1685. }
  1686.  
  1687. [photoset-layout] div {
  1688. cursor:pointer;
  1689. }
  1690.  
  1691. /*----- PHOTO POSTS -----*/
  1692. .photopic {
  1693. width:100%;
  1694. cursor:pointer;
  1695. }
  1696.  
  1697. /*---- LIGHTBOXES ----*/
  1698. .vignette, #vignette {
  1699. opacity:0;
  1700. }
  1701. .lightbox-image, #tumblr_lightbox img {
  1702. box-shadow:none!important;
  1703. border-radius:0px!important;
  1704. max-width:none;
  1705. padding:0px!important;
  1706. border:none!important;
  1707. }
  1708.  
  1709. .tmblr-lightbox, #tumblr_lightbox {
  1710. background-color:rgba({RGBcolor:background},0.69) !important;
  1711. }
  1712.  
  1713. /*---- REBLOG STYLING ----*/
  1714. .caption {
  1715. margin-top:calc(var(--Captions-Gap) * 1.2);
  1716. }
  1717.  
  1718. .comment_container {
  1719. {block:ifreblogseparators}
  1720. padding:calc({select:captions spacing} / 2) 0;
  1721. border-bottom:1px solid rgba({RGBcolor:post divider},0.169);
  1722. {/block:ifreblogseparators}
  1723.  
  1724. {block:ifnotreblogseparators}
  1725. padding:calc({select:captions spacing} / 2.5) 0;
  1726. {/block:ifnotreblogseparators}
  1727. }
  1728.  
  1729. .comment_container:first-of-type {
  1730. padding-top:0px;
  1731. border-top:0px solid transparent;
  1732. }
  1733.  
  1734. .comment_container:last-of-type {
  1735. padding-bottom:0px;
  1736. border-bottom:0px solid transparent;
  1737. }
  1738.  
  1739. .commenter, .asker_, .answerer_ {
  1740. display:flex;
  1741. align-items:center;
  1742. margin-top:calc({select:captions spacing} / 2); /* og: no /2 */
  1743. margin-bottom:calc({select:captions spacing} / 2);
  1744. }
  1745.  
  1746. .commenter svg, .asker_ svg, .answerer_ svg {
  1747. width:var(--Original-Poster-Icon-Size);
  1748. height:var(--Original-Poster-Icon-Size);
  1749. color:{color:reblogger};
  1750. }
  1751.  
  1752. .commenter span, .asker_ span, .answerer_ span, .replier a, .answerer a {
  1753. padding-left:9px;
  1754. font-family:beaufort;
  1755. font-weight:bold;
  1756. font-size:calc({select:post font size} - 1px);
  1757. text-transform:uppercase;
  1758. letter-spacing:1.5px;
  1759. }
  1760.  
  1761. .commenter span, .asker_ span, .answerer_ span, .replier span
  1762. .commenter a, .commenter span a, .asker_ a, .answerer_ a, .answerer a, .replier a {
  1763. color:{color:reblogger}!important;
  1764. }
  1765.  
  1766. /*----- ASK POSTS -----*/
  1767. .answer_text {
  1768. text-align:right;
  1769. }
  1770.  
  1771. .answerer_, .answerer {
  1772. justify-content:flex-end;
  1773. }
  1774.  
  1775. /*----- QUOTE POSTS -----*/
  1776. .quote-words, .npf_quote {
  1777. padding:0 1.69em;
  1778. font-family:beaufort;
  1779. font-weight:bold;
  1780. font-size:calc({select:post font size} + 1px);
  1781. text-transform:uppercase;
  1782. letter-spacing:1px;
  1783. line-height:calc({select:post text line height} * 1.069);
  1784. text-align:center;
  1785. }
  1786.  
  1787. .quote-source {
  1788. text-align:right;
  1789. }
  1790.  
  1791. /*----- AUDIO -----*/
  1792. .tumblr_audio_player[width]{
  1793. width:100%!important;
  1794. height:0!important;
  1795. }
  1796.  
  1797. .audiocont {
  1798. position:absolute;
  1799. display:none;
  1800. overflow:hidden;
  1801. width:0!important;
  1802. height:0!important;
  1803. opacity:0;
  1804. }
  1805.  
  1806. .alcove {
  1807. position:relative;
  1808. width:var(--Audio-Post-Album-Image-Size);
  1809. height:var(--Audio-Post-Album-Image-Size);
  1810. }
  1811.  
  1812. .strawberries {
  1813. position:absolute;
  1814. top:0;margin-top:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
  1815. left:0;margin-left:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
  1816. width:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
  1817. height:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
  1818. }
  1819.  
  1820. .summer {
  1821. border:1px solid rgba({RGBcolor:post divider},0.8);
  1822. width:100%;
  1823. height:100%;
  1824. background:rgba({RGBcolor:background},1);
  1825. box-sizing:border-box;
  1826. border-radius:100%;
  1827. display:flex;
  1828. align-items:center;
  1829. justify-content:center;
  1830. line-height:0;
  1831. cursor:pointer;
  1832. }
  1833.  
  1834. .splay {
  1835. }
  1836.  
  1837. .splay i {
  1838. font-size:var(--Audio-Post-PlayButton-Size);
  1839. color:{color:post text};
  1840. }
  1841.  
  1842. .spause {
  1843. display:none;
  1844. margin-top:2px;
  1845. }
  1846.  
  1847. .spause i {
  1848. font-size:calc(var(--Audio-Post-PlayButton-Size) - 1px);
  1849. }
  1850.  
  1851. .a-lbum-img {
  1852. width:100%;
  1853. height:100%;
  1854. border-radius:3px;
  1855. visibility:hidden;
  1856. }
  1857.  
  1858. .tin {
  1859. width:calc(100% - var(--Audio-Post-Album-Image-Size));
  1860. height:var(--Audio-Post-Album-Image-Size);
  1861. }
  1862.  
  1863. .trackinfo {
  1864. margin-left:14px;
  1865. }
  1866.  
  1867. .t-name, .npf-audio-title {
  1868. font-family:beaufort;
  1869. font-weight:bold;
  1870. text-transform:uppercase;
  1871. letter-spacing:1.5px;
  1872. }
  1873.  
  1874. .dongload {
  1875. text-transform:initial!important;
  1876. }
  1877.  
  1878. .dongload svg {
  1879. width:calc({select:post font size} + 4px);
  1880. height:calc({select:post font size} + 4px);
  1881. color:{color:reblogger};
  1882. stroke-width:1.5px;
  1883. }
  1884.  
  1885. /*----- VIDEOS -----*/
  1886. video {
  1887. display:block;
  1888. outline:none;
  1889. cursor:default;
  1890. width:100%;
  1891. }
  1892.  
  1893. /*----- CHAT POSTS -----*/
  1894. .chatwrap {
  1895. display:table;
  1896. width:100%;
  1897. border:1px solid rgba({RGBcolor:post divider},0.169);
  1898. box-sizing:border-box;
  1899. }
  1900.  
  1901. .chat_row {
  1902. position:relative;
  1903. display:table-row;
  1904. overflow:hidden;
  1905. }
  1906.  
  1907. .chat_row:not(:has(.chat_label)){
  1908. display:block;
  1909. width:calc({select:post width} - 2px);
  1910. margin-right:calc(0px - {select:post width} - 2px);
  1911. }
  1912.  
  1913. .chat_row:after {
  1914. content:"";
  1915. position:absolute;
  1916. bottom:0;left:0;
  1917. transform:translateY(-.5px);
  1918. width:100%;
  1919. height:1px;
  1920. background:rgba({RGBcolor:post divider},0.169);
  1921. }
  1922.  
  1923. .chatwrap .chat_row:last-child:after {
  1924. display:none;
  1925. }
  1926.  
  1927. .chat_row code:only-child {
  1928. display:block;
  1929. padding:0.8em;
  1930. border:none;
  1931. background:transparent;
  1932. }
  1933.  
  1934. .chat_label {
  1935. display:table-cell;
  1936. white-space:nowrap;
  1937. padding-right:1em;
  1938.  
  1939. font-family:beaufort;
  1940. font-weight:bold;
  1941. text-transform:uppercase;
  1942. font-size:calc({select:post font size} - 1px);
  1943. letter-spacing:1px;
  1944. }
  1945.  
  1946. .chat_label, .chat_content {
  1947. padding:var(--Paragraph-Margins) calc(var(--Paragraph-Margins) * 1.2);
  1948. }
  1949.  
  1950. .chat_content {
  1951. display:table-cell;
  1952. width:100%;
  1953. }
  1954.  
  1955. .chat_label + .chat_content {
  1956. border-left:1px solid rgba({RGBcolor:post divider},0.169);
  1957. }
  1958.  
  1959. .chat_row .chat_label + .chat_content {
  1960. min-width:calc(({select:post width} - 3px) / 2);
  1961. box-sizing:border-box;
  1962. }
  1963.  
  1964. /*----- POST NOTES -----*/
  1965. .notescont {
  1966. width:{select:post width};
  1967. color:{color:permalink};
  1968. }
  1969.  
  1970. .notescont a {
  1971. color:{color:reblogger};
  1972. }
  1973.  
  1974. ol.notes {
  1975. padding:0;
  1976. list-style:none;
  1977. }
  1978.  
  1979. ol.notes .avatar {
  1980. display:none;
  1981. }
  1982.  
  1983. ol.notes li {
  1984. margin-bottom:1.5em;
  1985. }
  1986.  
  1987. ol.notes .answer_content {
  1988. color:rgba({RGBcolor:reblogger},0.7);
  1989. }
  1990.  
  1991. .more_notes_link_container {
  1992. margin-top:1.69em;
  1993. font-family:beaufort;
  1994. font-weight:bold;
  1995. text-transform:uppercase;
  1996. letter-spacing:2px;
  1997. }
  1998.  
  1999. /*------- PAGINATION -------*/
  2000. .botpagi {
  2001. margin-bottom:calc({select:window margin} - ({select:post spacing} / 2));
  2002. width:{select:post width};
  2003. }
  2004.  
  2005. .botpagi span {
  2006. padding:0 4px;
  2007. font-family:beaufort;
  2008. font-size:calc({select:post font size} - 1px);
  2009. font-weight:bold;
  2010. text-transform:uppercase;
  2011. letter-spacing:1.5px;
  2012. color:{color:post text};
  2013. }
  2014.  
  2015. .botpagi svg {
  2016. width:calc({select:post font size} + 2px);
  2017. height:calc({select:post font size} + 2px);
  2018. color:{color:post text};
  2019. }
  2020.  
  2021. .pn {
  2022. margin-left:auto;
  2023. }
  2024.  
  2025. /*----- BACKTOTOP BUTTON -----*/
  2026. .fraise {
  2027. display:none;
  2028. position:fixed;
  2029. bottom:0;margin-bottom:22px;
  2030. right:0;margin-right:16px;
  2031. cursor:pointer;
  2032. z-index:6;
  2033. }
  2034.  
  2035. .lait {
  2036. display:flex;
  2037. align-items:center;
  2038. justify-content:center;
  2039. width:calc(var(--BackToTop-Button-Icon-Size) + (var(--BackToTop-Button-Padding) * 2));
  2040. height:calc(var(--BackToTop-Button-Icon-Size) + (var(--BackToTop-Button-Padding) * 2));
  2041. background:{color:background};
  2042. border:1px solid rgba({RGBcolor:sidebar text},0.69);
  2043. overflow:hidden;
  2044. transform:rotate(45deg);
  2045. transform-origin:center;
  2046. }
  2047.  
  2048. .creme {
  2049. position:relative;
  2050. display:flex;
  2051. align-items:center;
  2052. justify-content:center;
  2053. width:var(--BackToTop-Button-Icon-Size);
  2054. height:100%;
  2055. transform:rotate(-45deg);
  2056. }
  2057.  
  2058. .banane {
  2059. position:absolute;
  2060. top:0;margin-top:calc(var(--BackToTop-Button-Padding) * -1);
  2061. left:0;margin-left:1px;
  2062. width:calc(100% - 2px);
  2063. height:calc(var(--BackToTop-Button-Icon-Size) + var(--BackToTop-Button-Padding));
  2064. background:linear-gradient(to bottom, {color:background} 20%, transparent 100%);
  2065. z-index:2;
  2066. }
  2067.  
  2068. .melon {
  2069. position:absolute;
  2070. bottom:0;margin-bottom:calc(var(--BackToTop-Button-Padding) * -1);
  2071. left:0;margin-left:1px;
  2072. width:calc(100% - 2px);
  2073. height:calc(var(--BackToTop-Button-Icon-Size) + var(--BackToTop-Button-Padding));
  2074. background:linear-gradient(to top, {color:background} 20%, transparent 100%);
  2075. z-index:2;
  2076. }
  2077.  
  2078. .wangfire, .sapphire {
  2079. position:absolute;
  2080. }
  2081.  
  2082. .fraise:hover .wangfire {
  2083. margin-top:calc((var(--BackToTop-Button-Icon-Size) + (var(--BackToTop-Button-Padding) * 2)) * -2);
  2084. }
  2085.  
  2086. .sapphire {
  2087. margin-top:calc((var(--BackToTop-Button-Icon-Size) + (var(--BackToTop-Button-Padding) * 2)) * 2);
  2088. }
  2089.  
  2090. .fraise:hover .sapphire {
  2091. margin-top:0;
  2092. }
  2093.  
  2094. .fraise:hover .wangfire, .fraise:hover .sapphire {
  2095. transition:margin 0.4s ease-in-out;
  2096. }
  2097.  
  2098. .fraise svg {
  2099. width:var(--BackToTop-Button-Icon-Size);
  2100. height:var(--BackToTop-Button-Icon-Size);
  2101. color:{color:sidebar title};
  2102. stroke-width:1.5px;
  2103. }
  2104.  
  2105. .devola[data-title]:not([data-title=""]):before {
  2106. left:0!important;
  2107. margin-left:calc(var(--BackToTop-Button-Padding) * -2.414)!important;
  2108. top:50%!important;
  2109. transform:translateY(-50%) rotate(45deg)!important;
  2110. border:0px solid transparent!important;
  2111. border-top:1px solid rgba({RGBcolor:post divider},0.420)!important;
  2112. border-right:1px solid rgba({RGBcolor:post divider},0.420)!important;
  2113. margin-top:0!important;
  2114. }
  2115.  
  2116. .devola[data-title]:not([data-title=""]):after {
  2117. left:initial!important;
  2118. right:100%!important;
  2119. margin-right:calc(var(--BackToTop-Button-Padding) * 2)!important;
  2120. top:50%!important;
  2121. transform:translateY(-50%)!important;
  2122. }
  2123.  
  2124. .tmblr-attribution {
  2125. margin-top:var(--Paragraph-Margins)!important;
  2126. }
  2127.  
  2128. </style>
  2129.  
  2130. <style>{CustomCSS}</style>
  2131.  
  2132. </head>
  2133. <body>
  2134.  
  2135. <div class="fraise">
  2136. <a class="devola flex" title="scroll to top">
  2137. <div class="lait">
  2138. <div class="creme">
  2139. <div class="banane"></div>
  2140. <div class="melon"></div>
  2141. <div class="wangfire">
  2142. <i data-feather="arrow-up"></i>
  2143. </div>
  2144.  
  2145. <div class="sapphire">
  2146. <i data-feather="arrow-up"></i>
  2147. </div>
  2148. </div>
  2149. </div>
  2150. </a>
  2151. </div>
  2152.  
  2153. <div class="bigwrap {select:theme alignment}">
  2154. <div class="lemon">
  2155. <div class="berry">
  2156.  
  2157. <!-- START LEFT SIDEBAR -->
  2158. <div class="dianaside">
  2159. <div class="mc">
  2160. <div class="cov">
  2161. <div class="hc">
  2162. <div class="sb-image"></div>
  2163. <div class="shadroe"></div>
  2164. <div class="pakku"></div>
  2165. <div class="palir"></div>
  2166. <div class="ff">
  2167. <img class="frame" src="{image:sidebar frame}">
  2168. <div class="trans"></div>
  2169. </div>
  2170.  
  2171. <div class="stuffbelow">
  2172. <div class="uma-tit">
  2173. {block:iflefttitle}
  2174. {text:left title}
  2175. {/block:iflefttitle}
  2176. </div>
  2177.  
  2178. <div class="xwrap">
  2179. <a href="/" title="home">
  2180. <i data-feather="home"></i>
  2181. </a>
  2182.  
  2183. <a href="/ask" title="message">
  2184. <i data-feather="mail"></i>
  2185. </a>
  2186.  
  2187. <div class="ring">
  2188. <img class="icoe" src="{image:sidebar icon}">
  2189. <div class="i-shad"></div>
  2190. </div>
  2191.  
  2192. <a href="/archive" title="archive">
  2193. <i data-feather="grid"></i>
  2194. </a>
  2195.  
  2196. <a href="//glenthemes.tumblr.com" title="theme by glenthemes">
  2197. <div class="glenjamin"></div>
  2198. </a>
  2199.  
  2200. </div><!--xwrap-->
  2201.  
  2202. <div class="desc">
  2203. {block:ifsidebarquote}
  2204. {text:sidebar quote}
  2205. {/block:ifsidebarquote}
  2206. </div>
  2207. </div><!--stuffbelow-->
  2208. </div><!--hc-->
  2209. </div><!--cov-->
  2210. </div><!--mc-->
  2211. </div><!--dianaside-->
  2212. <!-- END LEFT SIDEBAR -->
  2213.  
  2214.  
  2215. <!-- START RIGHT SIDEBAR -->
  2216. <div class="rightside">
  2217. <div class="emily">
  2218. <div class="owrap">
  2219. <div class="img-i"></div>
  2220.  
  2221. <div class="sumshad"></div>
  2222.  
  2223. <div class="sumframe">
  2224. <img class="sf-border" src="{select:summoner border}">
  2225. </div>
  2226.  
  2227. <div class="lvl">
  2228. <div class="lvltxt">{text:level number}</div>
  2229. </div>
  2230. </div><!--owrap-->
  2231.  
  2232. <div class="dovwrap">
  2233. <div class="dline"></div>
  2234. <div class="dia"></div>
  2235. <div class="flex space-between">
  2236. <div class="hz l"></div>
  2237. <div class="hz r"></div>
  2238. </div>
  2239. <div class="rl"></div>
  2240. <div class="rr"></div>
  2241. <div class="bl"></div>
  2242. <div class="br"></div>
  2243. </div>
  2244.  
  2245. <div class="one-box">
  2246. <div class="boxtitle">
  2247. {block:ifrighttitle}
  2248. {text:right title}
  2249. {/block:ifrighttitle}
  2250.  
  2251. {block:ifnotrighttitle}
  2252. {Title}
  2253. {/block:ifnotrighttitle}
  2254. </div>
  2255. <div class="boxtext">
  2256. {block:ifrightdesc}
  2257. {text:right desc}
  2258. {/block:ifrightdesc}
  2259.  
  2260. {block:ifnotrightdesc}
  2261. {Description}
  2262. {/block:ifnotrightdesc}
  2263. </div>
  2264. </div>
  2265.  
  2266. <div class="one-box">
  2267. <div class="ummcanvas">
  2268. {block:ifcustomlink1name}
  2269. <a class="sausage" href="{text:custom link 1 url}">
  2270. <div class="longue"></div>
  2271. <div class="bread"></div>
  2272. <div class="baguette"></div>
  2273.  
  2274. <div class="butter">
  2275. <div class="sizzle"></div>
  2276. <div class="oeuf"></div>
  2277. <div class="tomate"></div>
  2278. </div>
  2279.  
  2280. <div class="tct">
  2281. <div class="cl-text">{text:custom link 1 name}</div>
  2282. </div>
  2283. </a><!--one sausage-->
  2284. {/block:ifcustomlink1name}
  2285.  
  2286.  
  2287. {block:ifcustomlink2name}
  2288. <a class="sausage" href="{text:custom link 2 url}">
  2289. <div class="longue"></div>
  2290. <div class="bread"></div>
  2291. <div class="baguette"></div>
  2292.  
  2293. <div class="butter">
  2294. <div class="sizzle"></div>
  2295. <div class="oeuf"></div>
  2296. <div class="tomate"></div>
  2297. </div>
  2298.  
  2299. <div class="tct">
  2300. <div class="cl-text">{text:custom link 2 name}</div>
  2301. </div>
  2302. </a><!--one sausage-->
  2303. {/block:ifcustomlink2name}
  2304.  
  2305.  
  2306. {block:ifcustomlink3name}
  2307. <a class="sausage" href="{text:custom link 3 url}">
  2308. <div class="longue"></div>
  2309. <div class="bread"></div>
  2310. <div class="baguette"></div>
  2311.  
  2312. <div class="butter">
  2313. <div class="sizzle"></div>
  2314. <div class="oeuf"></div>
  2315. <div class="tomate"></div>
  2316. </div>
  2317.  
  2318. <div class="tct">
  2319. <div class="cl-text">{text:custom link 3 name}</div>
  2320. </div>
  2321. </a><!--one sausage-->
  2322. {/block:ifcustomlink3name}
  2323.  
  2324.  
  2325. {block:ifcustomlink4name}
  2326. <a class="sausage" href="{text:custom link 4 url}">
  2327. <div class="longue"></div>
  2328. <div class="bread"></div>
  2329. <div class="baguette"></div>
  2330.  
  2331. <div class="butter">
  2332. <div class="sizzle"></div>
  2333. <div class="oeuf"></div>
  2334. <div class="tomate"></div>
  2335. </div>
  2336.  
  2337. <div class="tct">
  2338. <div class="cl-text">{text:custom link 4 name}</div>
  2339. </div>
  2340. </a><!--one sausage-->
  2341. {/block:ifcustomlink4name}
  2342.  
  2343.  
  2344. {block:ifcustomlink5name}
  2345. <a class="sausage" href="{text:custom link 5 url}">
  2346. <div class="longue"></div>
  2347. <div class="bread"></div>
  2348. <div class="baguette"></div>
  2349.  
  2350. <div class="butter">
  2351. <div class="sizzle"></div>
  2352. <div class="oeuf"></div>
  2353. <div class="tomate"></div>
  2354. </div>
  2355.  
  2356. <div class="tct">
  2357. <div class="cl-text">{text:custom link 5 name}</div>
  2358. </div>
  2359. </a><!--one sausage-->
  2360. {/block:ifcustomlink5name}
  2361.  
  2362.  
  2363. {block:ifcustomlink6name}
  2364. <a class="sausage" href="{text:custom link 6 url}">
  2365. <div class="longue"></div>
  2366. <div class="bread"></div>
  2367. <div class="baguette"></div>
  2368.  
  2369. <div class="butter">
  2370. <div class="sizzle"></div>
  2371. <div class="oeuf"></div>
  2372. <div class="tomate"></div>
  2373. </div>
  2374.  
  2375. <div class="tct">
  2376. <div class="cl-text">{text:custom link 6 name}</div>
  2377. </div>
  2378. </a><!--one sausage-->
  2379. {/block:ifcustomlink6name}
  2380.  
  2381.  
  2382. {block:ifcustomlink7name}
  2383. <a class="sausage" href="{text:custom link 7 url}">
  2384. <div class="longue"></div>
  2385. <div class="bread"></div>
  2386. <div class="baguette"></div>
  2387.  
  2388. <div class="butter">
  2389. <div class="sizzle"></div>
  2390. <div class="oeuf"></div>
  2391. <div class="tomate"></div>
  2392. </div>
  2393.  
  2394. <div class="tct">
  2395. <div class="cl-text">{text:custom link 7 name}</div>
  2396. </div>
  2397. </a><!--one sausage-->
  2398. {/block:ifcustomlink7name}
  2399.  
  2400.  
  2401. {block:ifcustomlink8name}
  2402. <a class="sausage" href="{text:custom link 8 url}">
  2403. <div class="longue"></div>
  2404. <div class="bread"></div>
  2405. <div class="baguette"></div>
  2406.  
  2407. <div class="butter">
  2408. <div class="sizzle"></div>
  2409. <div class="oeuf"></div>
  2410. <div class="tomate"></div>
  2411. </div>
  2412.  
  2413. <div class="tct">
  2414. <div class="cl-text">{text:custom link 8 name}</div>
  2415. </div>
  2416. </a><!--one sausage-->
  2417. {/block:ifcustomlink8name}
  2418. </div><!--ummcanvas-->
  2419. </div><!--one-box-->
  2420.  
  2421.  
  2422. {block:ifshowmusicplayer}
  2423. <div class="dovwrap vot">
  2424. <div class="flex space-between">
  2425. <div class="hz l"></div>
  2426. <div class="hz r"></div>
  2427. </div>
  2428.  
  2429. <div class="vl"></div>
  2430. <div class="vr"></div>
  2431.  
  2432. <div class="gl"></div>
  2433. <div class="gr"></div>
  2434. </div>
  2435.  
  2436. <!-------MUSIC PLAYER------->
  2437. <div class="glenplayer07">
  2438. <div class="flamingo">
  2439. <div class="circleofdeath">
  2440. <div class="tinfoil">
  2441. <div class="oliveoil"></div>
  2442. </div>
  2443. <div class="crust">
  2444. <div class="cherry">
  2445. <div class="music-controls flex">
  2446. <i class="material-icons playy">play_arrow</i>
  2447. <i class="material-icons pausee">pause</i>
  2448. </div>
  2449. </div><!--cherry-->
  2450. </div><!--crust-->
  2451. </div><!--circleofdeath-->
  2452.  
  2453. <div class="music-info">
  2454. <div class="song-name">{text:music player song name}</div>
  2455. <div class="artist-name">{text:music player artist name}</div>
  2456. </div><!--music-info-->
  2457. </div><!--flamingo-->
  2458. </div><!--glenplayer07-->
  2459.  
  2460. <audio id="audio" src="{text:music MP3 URL}" type="audio"></audio>
  2461. {/block:ifshowmusicplayer}
  2462. <!----end music player---->
  2463.  
  2464. </div><!--emily-->
  2465. </div><!--rightside-->
  2466. <!-- END RIGHT SIDEBAR -->
  2467.  
  2468.  
  2469.  
  2470.  
  2471. <!-- START MAIN POSTS -->
  2472. <div class="postscont {block:ifreblogseparators}oui{/block:ifreblogseparators}">
  2473.  
  2474. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2475. <div class="hold">
  2476. <div class="post" id="{PostID}" post-type="{PostType}">
  2477.  
  2478. {block:Title}
  2479. <h1 class="title">{Title}</h1>
  2480. {/block:Title}
  2481.  
  2482. {block:Text}
  2483. <div class="body">
  2484. {block:NotReblog}{Body}{/block:NotReblog}
  2485. {block:RebloggedFrom}
  2486. {block:Reblogs}
  2487. <div class="comment_container">
  2488. <div class="commenter source-head">
  2489. <i data-feather="{select:reblogger icon}"></i>
  2490. <span>
  2491. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  2492. </span>
  2493. </div>
  2494. <div class="comment">{Body}</div>
  2495. </div>
  2496. {/block:Reblogs}
  2497. {/block:RebloggedFrom}
  2498. </div>
  2499. {/block:Text}
  2500.  
  2501. {block:Photo}
  2502. <a class="single" 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>
  2503. {/block:Photo}
  2504.  
  2505. {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}
  2506.  
  2507. {block:Quote}
  2508. <div class="quote-words">{Quote}</div>
  2509. {block:Source}<div class="quote-source">{Source}</div>{/block:Source}
  2510. {/block:Quote}
  2511.  
  2512. {block:Link}
  2513. <a href="{URL}" class="path {block:Description}has-desc{/block:Description}" {Target}>{Name}&ensp;&gt;</a>
  2514. {block:Description}
  2515. <div class="link-description">
  2516. {block:NotReblog}{Description}{/block:NotReblog}
  2517. {block:RebloggedFrom}
  2518. {block:Reblogs}
  2519. <div class="comment_container">
  2520. <div class="commenter">
  2521. <i data-feather="{select:reblogger icon}"></i>
  2522. <span>
  2523. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  2524. </span>
  2525. </div>
  2526. <div class="comment">{Body}</div>
  2527. </div>
  2528. {/block:Reblogs}
  2529. {/block:RebloggedFrom}
  2530. </div>
  2531. {/block:Description}
  2532. {/block:Link}
  2533.  
  2534. {block:Chat}
  2535. <div class="chatwrap">
  2536. {block:Lines}
  2537. <div class="chat_row">
  2538. {block:Label}
  2539. <span class="chat_label">{Label}</span>
  2540. {/block:Label}
  2541.  
  2542. <span class="chat_content">{Line}</span>
  2543.  
  2544. </div>
  2545. {/block:Lines}
  2546. </div>
  2547. {/block:Chat}
  2548.  
  2549. {block:Audio}
  2550. <div class="flex">
  2551. <div class="audiocont">
  2552. {AudioEmbed}
  2553. </div>
  2554.  
  2555. <div class="alcove">
  2556. <img class="a-lbum-img">
  2557.  
  2558. <div class="strawberries">
  2559. <div class="summer">
  2560. <div class="splay">
  2561. <i class="material-icons">play_arrow</i>
  2562. </div>
  2563. <div class="spause">
  2564. <i class="material-icons">pause</i>
  2565. </div>
  2566. </div><!--summer-->
  2567. </div>
  2568. </div>
  2569.  
  2570. <div class="tin flex space-between">
  2571. <div class="trackinfo">
  2572. {block:TrackName}
  2573. <div class="t-name">{TrackName}</div>
  2574. {/block:TrackName}
  2575.  
  2576. {block:Artist}
  2577. <div class="t-artist">{Artist}</div>
  2578. {/block:Artist}
  2579. </div><!--trackinfo-->
  2580.  
  2581. <a class="dongload" title="download">
  2582. <i data-feather="download"></i>
  2583. </a>
  2584. </div><!--flex-->
  2585. </div><!--oofy-->
  2586. {/block:Audio}
  2587.  
  2588. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  2589.  
  2590. {block:Answer}
  2591. <div class="question_container">
  2592. <div class="asker_">
  2593. <i data-feather="help-circle"></i>
  2594. <span>{Asker} asked:</span>
  2595. </div>
  2596. <div class="question_text">{Question}</div>
  2597. </div>
  2598. {block:Answerer}
  2599. <div class="answer_container">
  2600. <div class="answerer_">
  2601. <i data-feather="{select:reblogger icon}"></i>
  2602. <span>{Answerer} replied:</span>
  2603. </div>
  2604. <div class="answer_text">{Answer}</div>
  2605. </div>
  2606. {block:Reblogs}
  2607. <div class="reply_container">
  2608. <div class="replier commenter">
  2609. <i data-feather="{select:reblogger icon}"></i>
  2610. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  2611. </div>
  2612. <div class="reply">{Body}</div>
  2613. </div>
  2614. {/block:Reblogs}
  2615. {/block:Answerer}
  2616. {block:NotReblog}
  2617. <div class="answer_container">
  2618. <div class="answerer commenter">
  2619. <i data-feather="{select:reblogger icon}"></i>
  2620. <a href="{Permalink}">{Name}</a>
  2621. </div>
  2622. <div class="answer_text">{Answer}</div>
  2623. </div>
  2624. {/block:NotReblog}
  2625. {/block:Answer}
  2626.  
  2627. {block:Caption}
  2628. <div class="caption">
  2629. {block:NotReblog}{Caption}{/block:NotReblog}
  2630. {block:RebloggedFrom}
  2631. {block:Reblogs}
  2632. <div class="comment_container">
  2633. <div class="commenter">
  2634. <i data-feather="{select:reblogger icon}"></i>
  2635. <span>
  2636. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  2637. </span>
  2638. </div>
  2639. <div class="comment">{Body}</div>
  2640. </div>
  2641. {/block:Reblogs}
  2642. {/block:RebloggedFrom}
  2643. </div>
  2644. {/block:Caption}
  2645.  
  2646. {block:Date}
  2647. {block:RebloggedFrom}
  2648. <div class="commenter src">
  2649. <i data-feather="{select:reblogger icon}"></i>
  2650. <span><a href="{ReblogRootURL}">{ReblogRootName}</a></span>
  2651. </div>
  2652. {/block:RebloggedFrom}
  2653.  
  2654.  
  2655. {block:HasTags}
  2656. <div class="{block:IndexPage}{block:iftagsonclick}teaseen{/block:iftagsonclick}{/block:IndexPage}">
  2657. <div class="tagholder">
  2658. {block:Tags}
  2659. <a href="{TagURL}">#{Tag}</a>
  2660. {/block:Tags}
  2661. </div>
  2662. </div>
  2663. {/block:HasTags}
  2664.  
  2665.  
  2666. <div class="permarow">
  2667. <div class="notecount">
  2668.  
  2669. {block:IndexPage}
  2670. <a href="{Permalink}">
  2671. {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}
  2672. &emsp;{TimeAgo}
  2673. </a>
  2674. {/block:IndexPage}
  2675.  
  2676. {block:PermalinkPage}
  2677. {block:NotReblog}Posted{/block:NotReblog}
  2678. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  2679. on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  2680. &middot; {NoteCountWithLabel}
  2681. {/block:PermalinkPage}
  2682. </div>
  2683.  
  2684. <div class="nc-r">
  2685. {block:IndexPage}
  2686. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2687. {/block:IndexPage}
  2688. </div>
  2689.  
  2690.  
  2691. {block:PermalinkPage}
  2692. {block:RebloggedFrom}
  2693. <div class="viasrc">
  2694. <a href="{ReblogParentURL}">via</a>
  2695. <a href="{ReblogRootURL}">source</a>
  2696. </div>
  2697. {/block:RebloggedFrom}
  2698. {/block:PermalinkPage}
  2699. </div><!--permarow-->
  2700. {/block:Date}
  2701.  
  2702. </div><!--post-->
  2703.  
  2704.  
  2705. {block:Date}
  2706. <div class="romholder">
  2707. {block:IndexPage}
  2708. <a class="square" href="{Permalink}" title="view post">
  2709. <div class="sqctn fth">
  2710. <i data-feather="eye"></i>
  2711. </div>
  2712. </a>
  2713. {block:IndexPage}
  2714.  
  2715. {block:iftagsonclick}
  2716. {block:IndexPage}
  2717. {block:HasTags}
  2718. <a class="square clicktags" title="tags">
  2719. <div class="sqctn fth">
  2720. <i data-feather="hash"></i>
  2721. </div>
  2722. </a>
  2723. {block:HasTags}
  2724. {/block:IndexPage}
  2725. {/block:iftagsonclick}
  2726.  
  2727. {block:PermalinkPage}
  2728. {block:RebloggedFrom}
  2729. <a class="square" href="{ReblogRootURL}" title="source: {ReblogRootName}">
  2730. <div class="sqctn fth">
  2731. <i data-feather="user"></i>
  2732. </div>
  2733. </a>
  2734. {/block:RebloggedFrom}
  2735. {block:PermalinkPage}
  2736.  
  2737. <a class="square" href="{ReblogURL}" target="_blank" title="reblog">
  2738. <div class="sqctn">
  2739. <span class="retweet"></span>
  2740. </div>
  2741. </a>
  2742.  
  2743. <a class="square likecont like" title="like">
  2744. <div class="sqctn">
  2745. {LikeButton}
  2746. <span class="heart"></span>
  2747. </div>
  2748. </a>
  2749. </div>
  2750.  
  2751. <hr class="hr-fordiv">
  2752. </div><!--hold-->
  2753. {/block:Date}
  2754.  
  2755.  
  2756. {block:PostNotes}
  2757. <div class="notescont">
  2758. {PostNotes}
  2759. </div>
  2760. {/block:PostNotes}
  2761. {/block:Posts}
  2762.  
  2763.  
  2764. <!------- PAGINATION ------->
  2765. {block:Pagination}
  2766. <div class="botpagi flex space-between">
  2767. {block:PreviousPage}
  2768. <a class="flex" href="{PreviousPage}">
  2769. <i data-feather="chevron-left"></i>
  2770. <span>previous</span>
  2771. </a>
  2772. {/block:PreviousPage}
  2773.  
  2774. {block:NextPage}
  2775. <a class="flex pn" href="{NextPage}">
  2776. <span>next</span>
  2777. <i data-feather="chevron-right"></i>
  2778. </a>
  2779. {/block:NextPage}
  2780. </div><!--botpagi-->
  2781. {/block:Pagination}
  2782.  
  2783. </div><!--postscont-->
  2784. <!-- END MAIN POSTS -->
  2785.  
  2786.  
  2787. </div><!--berry-->
  2788. </div><!--lemon-->
  2789. </div><!--bigwrap-->
  2790.  
  2791. <!---- scripts and stuff ---->
  2792. <script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  2793.  
  2794. <script>
  2795. // change .gifv to .gif
  2796. // tutorial by @felicitysmoak
  2797. $(document).ready(function(){
  2798. $('img[src*="media.tumblr.com"]').each(function(){
  2799. var newsrc = $(this).attr('src').replace('gifv','gif');
  2800. $(this).attr('src', newsrc);
  2801. });
  2802.  
  2803. $('a[href*="media.tumblr.com"]').each(function(){
  2804. var newhref = $(this).attr('href').replace('gifv','gif');
  2805. $(this).attr('href', newhref);
  2806. });
  2807.  
  2808. $('div[data-lowres*="media.tumblr.com').each(function(){
  2809. var newdata = $(this).attr('data-lowres').replace('gifv','gif');
  2810. $(this).attr('data-lowres', newdata);
  2811. });
  2812.  
  2813. $('div[data-highres*="media.tumblr.com').each(function(){
  2814. var newdata = $(this).attr('data-highres').replace('gifv','gif');
  2815. $(this).attr('data-highres', newdata);
  2816. });
  2817. });
  2818. </script>
  2819.  
  2820. <script>
  2821. initPhotosets();
  2822. feather.replace();
  2823. </script>
  2824.  
  2825. </body>
  2826. </html>
Advertisement
Add Comment
Please, Sign In to add comment