glenthemes

Theme [21]: Punchline

Dec 23rd, 2016 (edited)
9,328
2
Never
9
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.94 KB | None | 2 0
  1. <!---------------------------------------------------------
  2. Theme [21]: Punchline
  3. Made by glenthemes
  4.  
  5. Initial release: 2016/12/23
  6. Major facelift: 2021/02/20
  7. Last updated: 2026/02/09
  8.  
  9. What's new:
  10. ✱ minor fixes for npf quotes, chats, links
  11.  
  12. TERMS OF USE:
  13. 1) Do not remove the credit.
  14. 2) Do not remove parts of the code without my permission.
  15. 3) Do not claim my codes as your own.
  16. 4) Do not use my works as base codes.
  17. 5) You may add widgets to my themes and pages.
  18. ---------------------------------------------------------->
  19. <!DOCTYPE html>
  20. <html lang="en">
  21.  
  22. <head>
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <!------------------------------------->
  27. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("a[title]").style_my_tooltips({
  33. tip_follows_cursor:true,
  34. tip_delay_time:0,
  35. tip_fade_speed:69,
  36. attribute:"title"
  37. });
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42. <!------ FONTS ------->
  43. <link href="//fonts.googleapis.com/css?family=Karla|Cousine|Libre+Franklin|Chakra+Petch|K2D" rel="stylesheet">
  44.  
  45. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  46.  
  47. <!------ ICON FONTS ------->
  48. <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  49.  
  50. <script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  51.  
  52. <!------ THEME SCRIPTS ------->
  53. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  54.  
  55. <script src="//glen-themes.gitlab.io/thms/21/fkn-audio.js"></script>
  56.  
  57. <script src="//npf-images-v3.github.io/script.js"></script>
  58. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  59.  
  60. <script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
  61. <script src="//glen-themes.gitlab.io/thms/21/viceps.js"></script>
  62. <script src="//glen-themes.gitlab.io/thms/21/her-cupcake.js"></script>
  63.  
  64. {block:ifshowmusicplayer}
  65. <script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
  66. {/block:ifshowmusicplayer}
  67.  
  68. <script>
  69. // minimal soundcloud player @ shythemes.tumblr
  70. // shythemes.tumblr.com/post/114792480648
  71. $(document).ready(function(){
  72. var soundcloud_btn = '{color:link}';
  73. $('.soundcloud_audio_player').each(function(){
  74. $(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%' });
  75. });
  76. });
  77. </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: {select:post font size};
  85.  
  86. --Poll-Option-Background-Color: transparent;
  87. --Poll-Option-Corner-Rounding: 5px;
  88. --Poll-Option-Border-Size: 1px;
  89. --Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
  90. --Poll-Option-Padding: 10px;
  91. --Poll-Option-Font-Size: {select:post font size};
  92. --Poll-Option-Spacing: 10px;
  93. --Poll-Option-Text-Color: {color:text};
  94.  
  95. --Poll-Option-HOVER-Border-Color: rgba({RGBcolor:text},0.25);
  96. --Poll-Option-HOVER-Background-Color: transparent;
  97. --Poll-Option-HOVER-Text-Color: {color:link};
  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: calc(var(--Audio-Post-PlayButton-Size) * 0.6);
  128. --NPF-Audio-Buttons-Color: {color:text};
  129. --NPF-Audio-Buttons-Padding: calc(var(--Audio-Post-PlayButton-Padding) + (var(--Audio-Post-PlayButton-Size) * (1 - 0.6)) - 3px);
  130. --NPF-Audio-Buttons-Spacing: calc(var(--p) + 14px);
  131. --NPF-Audio-Image-Size: var(--Audio-Post-Album-Image-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) - 1px);
  157. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
  158. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  159. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  160. background:{color:post};
  161. border:1px solid rgba({RGBcolor:text},0.420);
  162. border-radius:100%;
  163. z-index:-1;
  164. }
  165.  
  166. .npf-audio-play svg { margin-left:1px; }
  167. .npf-audio-pause svg { margin-left:0; }
  168.  
  169. figcaption.audio-caption,
  170. figcaption.audio-caption ~ audio[controls],
  171. .npf-audio-album {
  172. display:none;
  173. }
  174.  
  175. .npf-audio-image {
  176. position:absolute;
  177. top:0;left:0;
  178. border-radius:3px;
  179. z-index:-1;
  180. }
  181.  
  182. .npf-audio-image-shadow {
  183. width:var(--NPF-Audio-Image-Size);
  184. height:var(--NPF-Audio-Image-Size);
  185. }
  186. </style>
  187.  
  188. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  189. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  190.  
  191. <!------------ THEME OPTIONS ------------>
  192. <meta name="image:background image" content="//64.media.tumblr.com/2ed40da241cd7d18ca2a32f325dcec9b/89fd344281db72fc-9a/s2048x3072/90d13dd929b0491dd8a5eacb175b84243b0317b3.jpg">
  193. <meta name="image:topleft icon" content="https://static.tumblr.com/2pnwama/ZFMs1x7up/pktrbwt.png">
  194.  
  195. <meta name="color:background" content="#121116">
  196.  
  197. <meta name="color:top bar background" content="#1a1e29">
  198.  
  199. <meta name="color:topleft arrow" content="#b3aeac">
  200. <meta name="color:topleft icon border" content="#3e414d">
  201. <meta name="color:top title 1" content="#b3aeac">
  202. <meta name="color:top title 2" content="#b3aeac">
  203.  
  204. <meta name="color:top links" content="#aaa19f">
  205. <meta name="color:top links glow" content="#5f504e">
  206.  
  207. <meta name="color:descbox background" content="#191c1f">
  208. <meta name="color:descbox text" content="#979597">
  209. <meta name="color:descbox links" content="#b59a8e">
  210.  
  211. <meta name="color:corner title" content="#b4aba3">
  212. <meta name="color:corner subtitle" content="#b4aba3">
  213.  
  214. <meta name="color:bottom bar background" content="#171a24">
  215. <meta name="color:music player" content="#9d9187">
  216. <meta name="color:customlinks" content="#a8a09f">
  217. <meta name="color:customlinks glow" content="#5f504e">
  218.  
  219. <meta name="color:post" content="#16171f">
  220. <meta name="color:text" content="#908e91">
  221. <meta name="color:link" content="#c7a190">
  222. <meta name="color:reblogger" content="#b59a8e">
  223. <meta name="color:reblog separators" content="#262a32">
  224. <meta name="color:tags" content="#a78d81">
  225. <meta name="color:permalink" content="#a78d81">
  226. <meta name="color:post buttons" content="#a78d81">
  227. <meta name="color:permalink background" content="#191c1f">
  228.  
  229. <meta name="color:scrollbar" content="#4c4b50">
  230.  
  231. <!------------ TOP BAR OPTIONS ------------>
  232. <meta name="select:topleft arrow size" title="16px" content="16px">
  233. <meta name="select:topleft arrow size" title="12px" content="12px">
  234. <meta name="select:topleft arrow size" title="14px" content="14px">
  235. <meta name="select:topleft arrow size" title="18px" content="18px">
  236. <meta name="select:topleft arrow size" title="20px" content="20px">
  237.  
  238. <meta name="select:topleft icon size" title="35px" content="35px">
  239. <meta name="select:topleft icon size" title="30px" content="30px">
  240. <meta name="select:topleft icon size" title="40px" content="40px">
  241. <meta name="select:topleft icon size" title="45px" content="45px">
  242. <meta name="select:topleft icon size" title="50px" content="50px">
  243.  
  244. <meta name="select:topleft icon padding" title="4px" content="4px">
  245. <meta name="select:topleft icon padding" title="none" content="0">
  246. <meta name="select:topleft icon padding" title="2px" content="2px">
  247. <meta name="select:topleft icon padding" title="6px" content="6px">
  248. <meta name="select:topleft icon padding" title="8px" content="8px">
  249. <meta name="select:topleft icon padding" title="10px" content="10px">
  250. <meta name="select:topleft icon padding" title="12px" content="12px">
  251.  
  252. <meta name="select:topleft icon margin" title="8px" content="8px">
  253. <meta name="select:topleft icon margin" title="4px" content="4px">
  254. <meta name="select:topleft icon margin" title="6px" content="6px">
  255. <meta name="select:topleft icon margin" title="10px" content="10px">
  256. <meta name="select:topleft icon margin" title="12px" content="12px">
  257. <meta name="select:topleft icon margin" title="14px" content="14px">
  258.  
  259. <meta name="select:top title 1 size" title="10px" content="10px">
  260. <meta name="select:top title 1 size" title="8px" content="8px">
  261. <meta name="select:top title 1 size" title="9px" content="9px">
  262. <meta name="select:top title 1 size" title="11px" content="11px">
  263. <meta name="select:top title 1 size" title="12px" content="12px">
  264. <meta name="select:top title 1 size" title="14px" content="14px">
  265.  
  266. <meta name="select:top title 2 size" title="14px" content="14px">
  267. <meta name="select:top title 2 size" title="11px" content="11px">
  268. <meta name="select:top title 2 size" title="12px" content="12px">
  269. <meta name="select:top title 2 size" title="13px" content="13px">
  270. <meta name="select:top title 2 size" title="15px" content="15px">
  271.  
  272. <meta name="select:top links font size" title="11px" content="11px">
  273. <meta name="select:top links font size" title="10px" content="10px">
  274. <meta name="select:top links font size" title="12px" content="12px">
  275. <meta name="select:top links font size" title="13px" content="13px">
  276.  
  277. <meta name="select:top links spacing" title="16px" content="16px">
  278. <meta name="select:top links spacing" title="10px" content="10px">
  279. <meta name="select:top links spacing" title="12px" content="12px">
  280. <meta name="select:top links spacing" title="14px" content="14px">
  281. <meta name="select:top links spacing" title="18px" content="18px">
  282. <meta name="select:top links spacing" title="20px" content="20px">
  283.  
  284. <meta name="select:top bar padding" title="15px" content="15px">
  285. <meta name="select:top bar padding" title="10px" content="10px">
  286. <meta name="select:top bar padding" title="20px" content="20px">
  287. <meta name="select:top bar padding" title="25px" content="25px">
  288. <meta name="select:top bar padding" title="30px" content="30px">
  289.  
  290. <meta name="select:top bar transparency" title="40%" content="0.6">
  291. <meta name="select:top bar transparency" title="none" content="1">
  292. <meta name="select:top bar transparency" title="10%" content="0.9">
  293. <meta name="select:top bar transparency" title="20%" content="0.8">
  294. <meta name="select:top bar transparency" title="30%" content="0.7">
  295. <meta name="select:top bar transparency" title="50%" content="0.5">
  296. <meta name="select:top bar transparency" title="60%" content="0.4">
  297. <meta name="select:top bar transparency" title="70%" content="0.3">
  298. <meta name="select:top bar transparency" title="80%" content="0.2">
  299. <meta name="select:top bar transparency" title="90%" content="0.1">
  300. <meta name="select:top bar transparency" title="100%" content="0">
  301.  
  302. <meta name="select:descbox margin" title="25px" content="25px">
  303. <meta name="select:descbox margin" title="10px" content="10px">
  304. <meta name="select:descbox margin" title="15px" content="15px">
  305. <meta name="select:descbox margin" title="20px" content="20px">
  306. <meta name="select:descbox margin" title="30px" content="30px">
  307. <meta name="select:descbox margin" title="35px" content="35px">
  308. <meta name="select:descbox margin" title="40px" content="40px">
  309.  
  310. <meta name="select:descbox width" title="325px" content="325px">
  311. <meta name="select:descbox width" title="200px" content="200px">
  312. <meta name="select:descbox width" title="225px" content="225px">
  313. <meta name="select:descbox width" title="250px" content="250px">
  314. <meta name="select:descbox width" title="275px" content="275px">
  315. <meta name="select:descbox width" title="300px" content="300px">
  316. <meta name="select:descbox width" title="350px" content="350px">
  317. <meta name="select:descbox width" title="375px" content="375px">
  318.  
  319. <meta name="select:descbox padding" title="20px" content="20px">
  320. <meta name="select:descbox padding" title="8px" content="8px">
  321. <meta name="select:descbox padding" title="12px" content="12px">
  322. <meta name="select:descbox padding" title="16px" content="16px">
  323. <meta name="select:descbox padding" title="24px" content="24px">
  324. <meta name="select:descbox padding" title="28px" content="28px">
  325.  
  326. <meta name="select:descbox font size" title="12px" content="12px">
  327. <meta name="select:descbox font size" title="9px" content="9px">
  328. <meta name="select:descbox font size" title="10px" content="10px">
  329. <meta name="select:descbox font size" title="11px" content="11px">
  330. <meta name="select:descbox font size" title="13px" content="13px">
  331. <meta name="select:descbox font size" title="14px" content="14px">
  332.  
  333. <meta name="select:descbox line height" title="1.6em" content="1.6em">
  334. <meta name="select:descbox line height" title="1.5em" content="1.5em">
  335. <meta name="select:descbox line height" title="1.7em" content="1.7em">
  336. <meta name="select:descbox line height" title="1.8em" content="1.8em">
  337. <meta name="select:descbox line height" title="1.9em" content="1.9em">
  338.  
  339. <meta name="select:descbox transparency" title="30%" content="0.7">
  340. <meta name="select:descbox transparency" title="none" content="1">
  341. <meta name="select:descbox transparency" title="10%" content="0.9">
  342. <meta name="select:descbox transparency" title="20%" content="0.8">
  343. <meta name="select:descbox transparency" title="40%" content="0.6">
  344. <meta name="select:descbox transparency" title="50%" content="0.5">
  345. <meta name="select:descbox transparency" title="60%" content="0.4">
  346. <meta name="select:descbox transparency" title="70%" content="0.3">
  347. <meta name="select:descbox transparency" title="80%" content="0.2">
  348. <meta name="select:descbox transparency" title="90%" content="0.1">
  349. <meta name="select:descbox transparency" title="100%" content="0">
  350.  
  351. <meta name="select:descbox text align" title="left" content="left">
  352. <meta name="select:descbox text align" title="justify" content="justify">
  353. <meta name="select:descbox text align" title="right" content="right">
  354. <meta name="select:descbox text align" title="center" content="center">
  355.  
  356. <meta name="select:descbox hover" title="on hover" content="dhov">
  357. <meta name="select:descbox hover" title="always show" content="dstill">
  358.  
  359. <!------------ BACKGROUND OPTIONS ------------>
  360. <meta name="select:background size" title="full screen" content="bg-full">
  361. <meta name="select:background size" title="pattern" content="bg-small">
  362.  
  363. <meta name="select:screen margin" title="60px" content="60px">
  364. <meta name="select:screen margin" title="40px" content="40px">
  365. <meta name="select:screen margin" title="50px" content="50px">
  366. <meta name="select:screen margin" title="70px" content="70px">
  367.  
  368. <!------------ CORNER TEXT OPTIONS ------------>
  369. <meta name="select:corner text margin" title="30px" content="30px">
  370. <meta name="select:corner text margin" title="10px" content="10px">
  371. <meta name="select:corner text margin" title="20px" content="20px">
  372. <meta name="select:corner text margin" title="40px" content="40px">
  373. <meta name="select:corner text margin" title="50px" content="50px">
  374.  
  375. <meta name="select:corner title size" title="58px" content="58px">
  376. <meta name="select:corner title size" title="14px" content="14px">
  377. <meta name="select:corner title size" title="18px" content="18px">
  378. <meta name="select:corner title size" title="22px" content="22px">
  379. <meta name="select:corner title size" title="26px" content="26px">
  380. <meta name="select:corner title size" title="30px" content="30px">
  381. <meta name="select:corner title size" title="34px" content="34px">
  382. <meta name="select:corner title size" title="38px" content="38px">
  383. <meta name="select:corner title size" title="42px" content="42px">
  384. <meta name="select:corner title size" title="46px" content="46px">
  385. <meta name="select:corner title size" title="50px" content="50px">
  386. <meta name="select:corner title size" title="54px" content="54px">
  387. <meta name="select:corner title size" title="62px" content="62px">
  388. <meta name="select:corner title size" title="66px" content="66px">
  389.  
  390. <meta name="select:corner subtitle size" title="22px" content="22px">
  391. <meta name="select:corner subtitle size" title="14px" content="14px">
  392. <meta name="select:corner subtitle size" title="18px" content="18px">
  393. <meta name="select:corner subtitle size" title="26px" content="26px">
  394. <meta name="select:corner subtitle size" title="30px" content="30px">
  395. <meta name="select:corner subtitle size" title="34px" content="34px">
  396. <meta name="select:corner subtitle size" title="38px" content="38px">
  397.  
  398. <meta name="select:corner text spacing" title="10px" content="10px">
  399. <meta name="select:corner text spacing" title="5px" content="5px">
  400. <meta name="select:corner text spacing" title="15px" content="15px">
  401.  
  402. <!------------ BOTTOM BAR OPTIONS ------------>
  403. <meta name="select:bottom bar padding" title="30px" content="30px">
  404. <meta name="select:bottom bar padding" title="10px" content="10px">
  405. <meta name="select:bottom bar padding" title="20px" content="20px">
  406. <meta name="select:bottom bar padding" title="40px" content="40px">
  407.  
  408. <meta name="select:bottom bar transparency" title="40%" content="0.6">
  409. <meta name="select:bottom bar transparency" title="none" content="1">
  410. <meta name="select:bottom bar transparency" title="10%" content="0.9">
  411. <meta name="select:bottom bar transparency" title="20%" content="0.8">
  412. <meta name="select:bottom bar transparency" title="30%" content="0.7">
  413. <meta name="select:bottom bar transparency" title="50%" content="0.5">
  414. <meta name="select:bottom bar transparency" title="60%" content="0.4">
  415. <meta name="select:bottom bar transparency" title="70%" content="0.3">
  416. <meta name="select:bottom bar transparency" title="80%" content="0.2">
  417. <meta name="select:bottom bar transparency" title="90%" content="0.1">
  418. <meta name="select:bottom bar transparency" title="100%" content="0">
  419.  
  420. <meta name="select:customlinks size" title="11px" content="11px">
  421. <meta name="select:customlinks size" title="9px" content="9px">
  422. <meta name="select:customlinks size" title="10px" content="10px">
  423. <meta name="select:customlinks size" title="12px" content="12px">
  424. <meta name="select:customlinks size" title="13px" content="13px">
  425. <meta name="select:customlinks size" title="14px" content="14px">
  426.  
  427. <meta name="select:customlinks spacing" title="16px" content="16px">
  428. <meta name="select:customlinks spacing" title="10px" content="10px">
  429. <meta name="select:customlinks spacing" title="12px" content="12px">
  430. <meta name="select:customlinks spacing" title="14px" content="14px">
  431. <meta name="select:customlinks spacing" title="18px" content="18px">
  432. <meta name="select:customlinks spacing" title="20px" content="20px">
  433.  
  434. <!------------ POST OPTIONS ------------>
  435. <meta name="select:photoset spacing" title="4px" content="4px">
  436. <meta name="select:photoset spacing" title="6px" content="6px">
  437. <meta name="select:photoset spacing" title="10px" content="10px">
  438.  
  439. <meta name="select:post width" title="500px" content="500px">
  440. <meta name="select:post width" title="400px" content="400px">
  441. <meta name="select:post width" title="450px" content="450px">
  442. <meta name="select:post width" title="540px" content="540px">
  443.  
  444. <meta name="select:post transparency" title="40%" content="0.6">
  445. <meta name="select:post transparency" title="none" content="1">
  446. <meta name="select:post transparency" title="10%" content="0.9">
  447. <meta name="select:post transparency" title="20%" content="0.8">
  448. <meta name="select:post transparency" title="30%" content="0.7">
  449. <meta name="select:post transparency" title="50%" content="0.5">
  450. <meta name="select:post transparency" title="60%" content="0.4">
  451. <meta name="select:post transparency" title="70%" content="0.3">
  452. <meta name="select:post transparency" title="80%" content="0.2">
  453. <meta name="select:post transparency" title="90%" content="0.1">
  454. <meta name="select:post transparency" title="100%" content="0">
  455.  
  456. <meta name="select:semitransparent images" title="yes" content="0.8">
  457. <meta name="select:semitransparent images" title="no" content="1">
  458.  
  459. <meta name="select:post padding" title="15px" content="15px">
  460. <meta name="select:post padding" title="none" content="0px">
  461. <meta name="select:post padding" title="10px" content="10px">
  462. <meta name="select:post padding" title="20px" content="20px">
  463.  
  464. <meta name="select:post font size" title="12px" content="12px">
  465. <meta name="select:post font size" title="11px" content="11px">
  466. <meta name="select:post font size" title="13px" content="13px">
  467. <meta name="select:post font size" title="14px" content="14px">
  468.  
  469. <meta name="select:post buttons size" title="12px" content="12px">
  470. <meta name="select:post buttons size" title="14px" content="14px">
  471. <meta name="select:post buttons size" title="16px" content="16px">
  472.  
  473. <meta name="select:post buttons spacing" title="8px" content="8px">
  474. <meta name="select:post buttons spacing" title="4px" content="4px">
  475. <meta name="select:post buttons spacing" title="6px" content="6px">
  476. <meta name="select:post buttons spacing" title="10px" content="10px">
  477.  
  478. <meta name="select:permalink padding" title="14px" content="14px">
  479. <meta name="select:permalink padding" title="10px" content="10px">
  480. <meta name="select:permalink padding" title="12px" content="12px">
  481. <meta name="select:permalink padding" title="16px" content="16px">
  482. <meta name="select:permalink padding" title="18px" content="18px">
  483.  
  484. <meta name="select:post spacing" title="45px" content="45px">
  485. <meta name="select:post spacing" title="30px" content="30px">
  486. <meta name="select:post spacing" title="35px" content="35px">
  487. <meta name="select:post spacing" title="45px" content="45px">
  488. <meta name="select:post spacing" title="50px" content="50px">
  489.  
  490. <meta name="select:post text line height" title="1.7em" content="1.7em">
  491. <meta name="select:post text line height" title="1.5em" content="1.5em">
  492. <meta name="select:post text line height" title="1.9em" content="1.9em">
  493.  
  494. <meta name="if:background gradient" content="1">
  495. <meta name="if:reblog separators" content="1">
  496. <meta name="if:full width reblog separators" content="1">
  497. <meta name="if:tags on click" content="1">
  498. <meta name="if:show music player" content="1">
  499. <meta name="if:black tumblr controls" content="0">
  500.  
  501. <meta name="text:top title 1" content="">
  502. <meta name="text:top title 2" content="">
  503. <meta name="text:corner title" content="vi">
  504. <meta name="text:corner subtitle" content="the piltover enforcer">
  505. <meta name="text:how to link music" content="linktr.ee/direct_file_links">
  506. <meta name="text:music name" content="never back down">
  507. <meta name="text:music artist" content="Jeremiah Kane&lt;br&gt;(BlazerJacket remix)">
  508. <meta name="text:music file mp3" content="https://rhizo.gitlab.io/m/Never_Back_Down__BlazerJacket_Remix_.mp3">
  509. <meta name="text:customlink 1 name" content="dashboard">
  510. <meta name="text:customlink 1 URL" content="//tumblr.com/dashboard">
  511. <meta name="text:customlink 2 name" content="">
  512. <meta name="text:customlink 2 URL" content="">
  513. <meta name="text:customlink 3 name" content="">
  514. <meta name="text:customlink 3 URL" content="">
  515. <meta name="text:customlink 4 name" content="">
  516. <meta name="text:customlink 4 URL" content="">
  517. <meta name="text:customlink 5 name" content="">
  518. <meta name="text:customlink 5 URL" content="">
  519. <meta name="text:customlink 6 name" content="">
  520. <meta name="text:customlink 6 URL" content="">
  521.  
  522. <!-------------------------------------->
  523. <style type="text/css">
  524.  
  525. @font-face { font-family: "beaufort"; src: url('//glen-assets.github.io/fonts/Beaufort W01 Regular.ttf'); }
  526.  
  527. /*------------ TOOLTIPS ------------*/
  528. #s-m-t-tooltip {
  529. margin:24px 18px;
  530. max-width:{select:post width};
  531. padding:7px 9px;
  532. background:{color:post};
  533. border:1px solid rgba({RGBcolor:text},0.2);
  534. font-family:karla;
  535. font-size:calc({select:post font size} - 4px);
  536. letter-spacing:1px;
  537. text-transform:uppercase;
  538. color:{color:text};
  539. z-index:100;
  540. }
  541.  
  542. /*------------ TUMBLR CONTROLS ------------*/
  543. iframe#tumblr_controls, .iframe-controls--desktop {
  544. position:fixed!important;
  545.  
  546. top:calc(var(--TBH) + 2px)!important;
  547. right:5px!important;
  548.  
  549. filter:brightness(102%) contrast(0.69);
  550. -webkit-filter:brightness(102%) contrast(0.69);
  551.  
  552. {block:ifblacktumblrcontrols}
  553. filter:invert(100%) hue-rotate(180deg);
  554. -webkit-filter:invert(100%) hue-rotate(180deg);
  555. {/block:ifblacktumblrcontrols}
  556.  
  557. transform:scale(0.69,0.69);
  558.  
  559. transform-origin:100% 0;
  560. z-index:99!important;
  561. }
  562.  
  563. /*------------ BASICS ------------*/
  564. * {
  565. margin:0;
  566. padding:0;
  567. }
  568.  
  569. body {
  570. background:{color:background};
  571.  
  572. /*
  573. if you're looking to edit the background image,
  574. search for .wallpaper
  575. */
  576.  
  577. font-family:karla;
  578. color:{color:text};
  579. overscroll-behavior-y:none;
  580. overflow-x:hidden;
  581. }
  582.  
  583. .plsstop {
  584. overflow-y:scroll!important;
  585. }
  586.  
  587. /*--------------------SCROLLBAR--------------------*/
  588. ::-webkit-scrollbar {
  589. width:var(--Scrollbar-Padding);
  590. height:var(--Scrollbar-Padding);
  591. background:{color:background};
  592. }
  593.  
  594. ::-webkit-scrollbar-thumb {
  595. background:{color:scrollbar};
  596. border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:background};
  597. border-top-width:calc(var(--Scrollbar-Padding) * 0.69);
  598. border-bottom-width:calc(var(--Scrollbar-Padding) * 0.69);
  599. }
  600.  
  601. ::-webkit-scrollbar-corner {
  602. background:{color:background};
  603. }
  604.  
  605. img {
  606. vertical-align:middle;
  607. }
  608.  
  609. a, a:visited {
  610. color:{color:link};
  611. text-decoration:none;
  612. }
  613.  
  614. h1, h2, h3, h4, h5, h6 {
  615. margin:var(--Heading-Margins) 0;
  616. font-family:beaufort;
  617. font-weight:bold;
  618. text-transform:uppercase;
  619. font-size:{select:post font size};
  620. letter-spacing:1.5px;
  621. }
  622.  
  623. h1.title, .linkpath, a.read_more {
  624. display:block;
  625. border:1px solid rgba({RGBcolor:text},0.2);
  626. background:rgba({RGBcolor:post},0.420);
  627. border-radius:5px;
  628. padding:0.8em 0.95em;
  629. font-family:beaufort;
  630. font-weight:bold;
  631. font-size:calc({select:post font size} + 1px);
  632. text-transform:uppercase;
  633. letter-spacing:1.5px;
  634. line-height:calc({select:post text line height} * 0.69);
  635. text-align:center;
  636. }
  637.  
  638. h1.title {
  639. margin-top:0;
  640. margin-bottom:calc(var(--Heading-Margins) * 2);
  641. }
  642.  
  643. p:first-child {
  644. margin-top:0;
  645. }
  646.  
  647. p:last-child {
  648. margin-bottom:0;
  649. }
  650.  
  651. p {
  652. margin:var(--Paragraph-Margins) 0;
  653. }
  654.  
  655. ul, ol {
  656. margin:1em 0;
  657. margin-left:1.69em;
  658. }
  659.  
  660. ol li {
  661. padding-left:0.420em;
  662. }
  663.  
  664. ul li {
  665. position:relative;
  666. padding-left:0.25em;
  667. margin-left:calc(({select:post font size} * 1.420) - 3px);
  668. list-style:none;
  669. }
  670.  
  671. ul li:before {
  672. content:"";
  673. position:absolute;
  674. margin-top:calc(({select:post font size} * var(--LH)) / 2);
  675. transform:translateY(-50%);
  676. left:0;margin-left:calc(({select:post font size} * -1.420) - 3px);
  677. width:{select:post font size};
  678. height:.7px;
  679. background:rgba({RGBcolor:text},0.8);
  680. }
  681.  
  682. pre {
  683. display:block;
  684. white-space:break-spaces;
  685. padding:var(--Captions-Gap);
  686. border:1px solid rgba({RGBcolor:text},0.420);
  687. border-radius:3px;
  688. margin:1em 0;
  689. }
  690.  
  691. pre, code {
  692. font-family:cousine;
  693. font-size:calc({select:post font size} - 1.5px);
  694. }
  695.  
  696. hr {
  697. margin:var(--Heading-Margins) 0;
  698. width:69%;
  699. border-width:0px;
  700. height:1px;
  701. background:rgba({RGBcolor:text},0.25);
  702. }
  703.  
  704. .flex {
  705. display:flex;
  706. align-items:center;
  707. }
  708.  
  709. .flex.space-between {
  710. justify-content:space-between;
  711. }
  712.  
  713. :root {
  714. --TBH:calc({select:topleft icon size} + ({select:topleft icon padding} * 2) + ({select:top bar padding} * 2));
  715. --Scrollbar-Padding:13px;
  716.  
  717. --Post-Padding:{select:post padding};
  718. --Photos-Spacing:{select:photoset spacing};
  719.  
  720. --Posts-Avatar-Size:23px;
  721. --Captions-Gap:12px;
  722.  
  723. --Blockquote-Border-Color:rgba({RGBcolor:text},0.7);
  724.  
  725. --Paragraph-Margins:0.69em;
  726. --Heading-Margins:0.5em;
  727.  
  728. --NPF-Image-Spacing:{select:photoset spacing};
  729. --NPF-Caption-Spacing:1em;
  730.  
  731. --Audio-Post-Album-Image-Size:64px;
  732. --Audio-Post-PlayButton-Size:18px;
  733. --Audio-Post-PlayButton-Padding:8px;
  734.  
  735. --Text-LineHeight:{select:post text line height};
  736.  
  737. --Like-Button-Liked:#f75c64;
  738.  
  739. /* music player opts */
  740. --Music-Player-Vinyl:{color:music player};
  741. --Vinyl-Icon-Size:17px;
  742. --Vinyl-Spin-Speed:2.69s;
  743. --Music-Controls:{color:music player};
  744. --Music-Controls-Size:12px;
  745. --Music-Title-Font-Size:9px;
  746. --Music-Title-Color:{color:music player};
  747. }
  748.  
  749. .spotify_audio_player {
  750. height:80px!important;
  751. }
  752.  
  753. /*--------- BACKGROUND/WALLPAPER ---------*/
  754. .wallpaper {
  755. position:fixed;
  756. top:0;left:0;
  757. width:100%;
  758. height:100%;
  759. background-image:url({image:background image});
  760. display:none;
  761. z-index:-69;
  762. }
  763.  
  764. .wallpaper[type="bg-full"] {
  765. background-repeat:no-repeat;
  766. background-size:cover;
  767. background-position:center;
  768. }
  769.  
  770. .wallpaper[type="bg-small"] {
  771. background-repeat:repeat;
  772. }
  773.  
  774. .botgradient {
  775. position:fixed;
  776. bottom:0;left:0;
  777. width:100%;
  778. height:30vh;
  779. background:linear-gradient(to bottom, transparent, {color:background});
  780. opacity:0.8;
  781. z-index:-68;
  782. }
  783.  
  784. .boxshad {
  785. position:fixed;
  786. top:0;left:0;
  787. width:100%;
  788. height:100%;
  789. box-shadow:inset 0 0 var(--TBH) {color:background};
  790. z-index:-68;
  791. }
  792.  
  793. .sidegrad {
  794. position:fixed;
  795. top:0;right:0;
  796. width:calc({select:screen margin} + {select:post width} + ({select:post padding} * 2));
  797. height:100%;
  798. background:linear-gradient(to right, transparent, {color:background} 30%);
  799. z-index:-68;
  800. }
  801.  
  802. /*--------- TOP BAR ---------*/
  803. .topbar {
  804. position:fixed;
  805. top:0;left:0;
  806. width:100%;
  807. display:table;
  808. background:rgba({RGBcolor:top bar background},{select:top bar transparency});
  809. padding:calc({select:top bar padding} / 1) 0;
  810. z-index:2;
  811. }
  812.  
  813. .tbm {
  814. display:table-cell;
  815. vertical-align:middle;
  816. }
  817.  
  818. .jhin-n-tonic {
  819. position:relative;
  820. height:100%;
  821. display:flex;
  822. align-items:center;
  823. }
  824.  
  825. /*------ TOPLEFT THING ------*/
  826. .topleft {
  827. margin-top:1px;
  828. margin:-{select:top bar padding} 0;
  829. display:flex;
  830. align-items:center;
  831. margin-top:-{select:top bar padding};
  832. padding:{select:top bar padding} 0;
  833. padding-left:calc({select:top bar padding} + 5px);
  834. padding-right:calc({select:top bar padding} - 5px);
  835. }
  836.  
  837. .chev {
  838. margin-left:-5px;
  839. filter:drop-shadow(1px 1px 1px rgba({RGBcolor:top bar background}, 0.420));
  840. width:{select:topleft arrow size};
  841. height:{select:topleft arrow size};
  842. }
  843.  
  844. .chev svg {
  845. width:{select:topleft arrow size};
  846. height:{select:topleft arrow size};
  847. color:{color:topleft arrow};
  848. }
  849.  
  850. .dothething {
  851. transform:scaleY(-1);
  852. }
  853.  
  854. .chevhov, .dothething {
  855. transition:transform 0.69s ease-in-out; /* fade-in */
  856. }
  857.  
  858. .wayback {
  859. transition-duration:1s; /* fade-out */
  860. }
  861.  
  862. .icoe-a, .icoe-b, .icon-act {
  863. border-radius:100%;
  864. }
  865.  
  866. .icoe-a {
  867. position:relative;
  868. margin-left:{select:topleft icon margin};
  869. margin-right:calc({select:topleft icon margin} * 1.269);
  870. width:calc({select:topleft icon size} + ({select:topleft icon padding} * 2) + 1px);
  871. height:calc({select:topleft icon size} + ({select:topleft icon padding} * 2) + 1px);
  872. border:.5px solid {color:topleft icon border};
  873. filter:drop-shadow(1px 1px 1px rgba({RGBcolor:top bar background}, 0.420));
  874. }
  875.  
  876. .icoe-b {
  877. position:absolute;
  878. top:0;left:0;
  879. width:calc({select:topleft icon size} + ({select:topleft icon padding} * 2) + 1px);
  880. height:calc({select:topleft icon size} + ({select:topleft icon padding} * 2) + 1px);
  881. background:{color:top bar background};
  882. }
  883.  
  884. .icon-act {
  885. position:absolute;
  886. margin-top:calc({select:topleft icon padding} + .5px);
  887. margin-left:calc({select:topleft icon padding} + .5px);
  888. width:{select:topleft icon size};
  889. height:{select:topleft icon size};
  890. background-image:url({image:topleft icon});
  891. background-position:center;
  892. background-size:cover;
  893. background-repeat:no-repeat;
  894. }
  895.  
  896. .tl-text {
  897. font-family:beaufort;
  898. font-weight:bold;
  899. text-transform:uppercase;
  900. text-shadow:2px 3px 2px rgba({RGBcolor:top bar background},0.69);
  901. cursor:default;
  902. }
  903.  
  904. .tl-top, .tl-bot {
  905. margin:2px 0;
  906. }
  907.  
  908. .tl-top {
  909. font-size:{select:top title 1 size};
  910. color:{color:top title 1};
  911. letter-spacing:1.5px;
  912. word-spacing:-1px;
  913. }
  914.  
  915. .tl-bot {
  916. font-size:{select:top title 2 size};
  917. color:{color:top title 2};
  918. letter-spacing:2px;
  919. word-spacing:-1.5px;
  920. }
  921.  
  922. /*------ CUSTOM LINKS ------*/
  923. .linqhoe {
  924. position:absolute;
  925. right:0;margin-right:calc({select:top bar padding} - {select:top links spacing} + 0px);
  926. height:calc(100% + ({select:top bar padding} * 2));
  927. overflow:hidden;
  928. display:flex;
  929. align-items:center;
  930. }
  931.  
  932. .linqhoe a {
  933. position:relative;
  934. display:block;
  935. padding:calc({select:top bar padding} * 2.5) calc({select:top links spacing} / 1);
  936. font-family:beaufort;
  937. font-weight:bold;
  938. font-size:{select:top links font size};
  939. text-transform:uppercase;
  940. letter-spacing:1.5px;
  941. color:{color:top links};
  942. text-shadow:2px 2px 3px rgba({RGBcolor:top bar background},0.69);
  943. }
  944.  
  945. .linqhoe a:after {
  946. content:"";
  947. position:absolute;
  948. top:50%;left:50%;
  949. transform:translate(-50%,-50%);
  950. width:100%;
  951. height:100%;
  952. background:radial-gradient(circle at bottom, {color:top links glow} 0%, transparent 55%);
  953. opacity:0;
  954. z-index:-1;
  955. }
  956.  
  957. .linqhoe a:hover:after {
  958. opacity:0.420;
  959. }
  960.  
  961. /*--------- DESCRIPTION BOX ---------*/
  962. .descbox {
  963. position:fixed;
  964. top:0;padding-top:calc(var(--TBH) + {select:descbox margin});
  965. left:0;padding-left:{select:descbox margin};
  966. padding-right:{select:descbox padding};
  967. padding-bottom:{select:descbox padding};
  968. }
  969.  
  970. .descbox[hover="dhov"] {
  971. visibility:hidden;
  972. }
  973.  
  974. .desc {
  975. width:calc({select:descbox width} - ({select:descbox padding} * 2));
  976. padding:{select:descbox padding} calc({select:descbox padding} * 1.069);
  977. background:rgba({RGBcolor:descbox background},{select:descbox transparency});
  978. box-shadow:0 4px 30px rgba({RGBcolor:descbox background},0.25);
  979.  
  980. /* description text styling: */
  981. font-family:libre franklin;
  982. letter-spacing:0.3px;
  983. font-size:{select:descbox font size};
  984. color:{color:descbox text};
  985. text-shadow:1px 2px 2px rgba({RGBcolor:descbox background},0.420);
  986. line-height:{select:descbox line height};
  987. text-align:{select:descbox text align};
  988. }
  989.  
  990. .desc a {
  991. color:{color:descbox links};
  992. }
  993.  
  994. .deschov {
  995. padding-top:calc(var(--TBH) / 2);
  996. cursor:default;
  997. opacity:0;
  998. visibility:visible!important;
  999. }
  1000.  
  1001. .dix {
  1002. padding-top:calc(var(--TBH) + {select:descbox margin});
  1003. opacity:1;
  1004. }
  1005.  
  1006. .deschov, .dix {
  1007. transition:all 0.69s ease-in-out; /* fade-in */
  1008. }
  1009.  
  1010. .okboomer {
  1011. transition-duration:1s; /* fade-out */
  1012. }
  1013.  
  1014. /*------ CORNER TITLE, CORNER TEXT ------*/
  1015. .cornerside {
  1016. position:fixed;
  1017. bottom:0;margin-bottom:calc(({select:bottom bar padding} * 2) + {select:customlinks size} + {select:corner text margin});
  1018. left:0;margin-left:calc({select:corner text margin} * 1.2);
  1019. font-family:beaufort;
  1020. font-weight:bold;
  1021. text-transform:uppercase;
  1022. letter-spacing:0.069em;
  1023. font-style:italic;
  1024. text-shadow:2px 2px 3px rgba({RGBcolor:background},0.69);
  1025. }
  1026.  
  1027. .corner-title {
  1028. font-size:{select:corner title size};
  1029. color:{color:corner title};
  1030. }
  1031.  
  1032. .corner-sub {
  1033. margin-top:{select:corner text spacing};
  1034. margin-left:5px;
  1035. font-size:{select:corner subtitle size};
  1036. color:{color:corner subtitle};
  1037. }
  1038.  
  1039. /*--------- BOTTOM BAR ---------*/
  1040. .botbar {
  1041. position:fixed;
  1042. bottom:0;left:0;
  1043. width:100%;
  1044. padding:{select:bottom bar padding} 0;
  1045. background:rgba({RGBcolor:bottom bar background},{select:bottom bar transparency});
  1046. z-index:2;
  1047. }
  1048.  
  1049. /* music player */
  1050. {/block:ifshowmusicplayer}
  1051. .sike {
  1052. position:absolute;
  1053. top:0;left:0;
  1054. height:100%;
  1055. display:flex;
  1056. align-items:center;
  1057. }
  1058.  
  1059. .glenjams-06 {
  1060. margin-left:calc({select:bottom bar padding} - 5px);
  1061. padding:{select:bottom bar padding} 0;
  1062. }
  1063.  
  1064. .pasta {
  1065. display:flex;
  1066. align-items:center;
  1067. }
  1068.  
  1069. .vinyl-spin {
  1070. animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1071. -webkit-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1072. -moz-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1073. -o-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1074. }
  1075.  
  1076. .vinyl-pause {
  1077. animation-play-state:paused;
  1078. -webkit-animation-play-state:paused;
  1079. -moz-animation-play-state:paused;
  1080. -o-animation-play-state:paused;
  1081. }
  1082.  
  1083. @-webkit-keyframes recordspin {
  1084. from {
  1085. -webkit-transform:rotate(0deg);
  1086. -o-transform:rotate(0deg);
  1087. transform:rotate(0deg);
  1088. }
  1089. to {
  1090. -webkit-transform:rotate(360deg);
  1091. -o-transform:rotate(360deg);
  1092. transform:rotate(360deg);
  1093. }
  1094. }
  1095.  
  1096. @keyframes recordspin {
  1097. from {
  1098. -ms-transform:rotate(0deg);
  1099. -moz-transform:rotate(0deg);
  1100. -webkit-transform:rotate(0deg);
  1101. -o-transform:rotate(0deg);
  1102. transform:rotate(0deg);
  1103. }
  1104. to {
  1105. -ms-transform:rotate(360deg);
  1106. -moz-transform:rotate(360deg);
  1107. -webkit-transform:rotate(360deg);
  1108. -o-transform:rotate(360deg);
  1109. transform:rotate(360deg);
  1110. }
  1111. }
  1112.  
  1113. .vinyl, .vinyl svg {
  1114. width:var(--Vinyl-Icon-Size);
  1115. height:var(--Vinyl-Icon-Size);
  1116. }
  1117.  
  1118. .music-controls {
  1119. margin-left:10px;
  1120. width:var(--Music-Controls-Size);
  1121. overflow:hidden;
  1122. cursor:pointer;
  1123. }
  1124.  
  1125. .music-controls svg {
  1126. width:var(--Music-Controls-Size);
  1127. height:var(--Music-Controls-Size);
  1128. color:var(--Music-Controls);
  1129. stroke-width:1.5px;
  1130. }
  1131.  
  1132. .pausee {display:none;}
  1133.  
  1134. .beff {display:none;}
  1135. .aff {display:block;}
  1136.  
  1137. .klutch {
  1138. position:relative;
  1139. margin-left:8px;
  1140. font-family:chakra petch;
  1141. font-size:var(--Music-Title-Font-Size);
  1142. text-transform:uppercase;
  1143. letter-spacing:1px;
  1144. color:var(--Music-Title-Color);
  1145. height:100%;
  1146. display:flex;
  1147. align-items:center;
  1148. cursor:default;
  1149. line-height:160%;
  1150. white-space:nowrap;
  1151. }
  1152.  
  1153. .klutch > * {
  1154. position:absolute;
  1155. padding:{select:bottom bar padding} 0;
  1156. transition:opacity 0.269s ease-in-out;
  1157. text-shadow:1px 1px 2px rgba({RGBcolor:bottom bar background},0.69);
  1158. }
  1159.  
  1160. .music-artist {
  1161. opacity:0;
  1162. }
  1163.  
  1164. .glenjams-06:hover .music-title {
  1165. {block:ifmusicartist}
  1166. opacity:0;
  1167. {/block:ifmusicartist}
  1168. }
  1169.  
  1170. .glenjams-06:hover .music-artist {
  1171. opacity:1;
  1172. }
  1173. {/block:ifshowmusicplayer}
  1174.  
  1175. /* custom links */
  1176. .botlinks {
  1177. margin:-{select:bottom bar padding} auto;
  1178. display:flex;
  1179. align-items:center;
  1180. justify-content:center;
  1181. }
  1182.  
  1183. .botlinks a {
  1184. position:relative;
  1185. display:block;
  1186. padding:{select:bottom bar padding} {select:customlinks spacing};
  1187. font-family:beaufort;
  1188. font-weight:bold;
  1189. font-size:{select:customlinks size};
  1190. text-transform:uppercase;
  1191. letter-spacing:1.5px;
  1192. color:{color:customlinks};
  1193. text-shadow:2px 2px 3px rgba({RGBcolor:bottom bar background},0.69);
  1194. }
  1195.  
  1196. .botlinks a:after {
  1197. content:"";
  1198. position:absolute;
  1199. top:50%;left:50%;
  1200. transform:translate(-50%,-50%);
  1201. width:100%;
  1202. height:100%;
  1203. background:radial-gradient(circle at top, {color:customlinks glow} 0%, transparent 55%);
  1204. opacity:0;
  1205. z-index:-1;
  1206. }
  1207.  
  1208. .botlinks a:hover:after {
  1209. opacity:0.420;
  1210. }
  1211.  
  1212. /*----- BACKTOTOP BUTTON -----*/
  1213. .tangerine {
  1214. position:absolute;
  1215. top:0;right:0;
  1216. margin-right:calc({select:bottom bar padding} * 0.69);
  1217. height:100%;
  1218. line-height:1;
  1219. display:none;
  1220. }
  1221.  
  1222. .bork {
  1223. display:flex;
  1224. align-items:center;
  1225. height:100%;
  1226. cursor:pointer;
  1227. text-shadow:1px 1px 2px rgba({RGBcolor:bottom bar background},0.69);
  1228. }
  1229.  
  1230. .bork span {
  1231. display:block;
  1232. margin-top:1px;
  1233. margin-right:9px;
  1234. font-family:chakra petch;
  1235. font-size:9px;
  1236. text-transform:uppercase;
  1237. letter-spacing:1.5px;
  1238. color:rgba({RGBcolor:customlinks},0.9);
  1239. opacity:0;
  1240. }
  1241.  
  1242. .bork span, .tangerine:hover {
  1243. transition:opacity 0.269s ease-in-out;
  1244. }
  1245.  
  1246. .tangerine:hover .bork span {
  1247. opacity:1;
  1248. }
  1249.  
  1250. .bork i {
  1251. font-size:15px;
  1252. color:rgba({RGBcolor:customlinks},0.9);
  1253. }
  1254.  
  1255. /*------------ MAIN POSTS ------------*/
  1256. .postscont {
  1257. position:absolute;
  1258. right:0;margin-right:{select:screen margin};
  1259. top:0;margin-top:calc(var(--TBH) + {select:screen margin});
  1260. min-width:calc({select:post width} + ({select:post padding} * 2));
  1261.  
  1262. /* post text styling: */
  1263. font-family:libre franklin;
  1264. font-size:{select:post font size};
  1265. letter-spacing:.3px;
  1266. color:{color:text};
  1267. text-shadow:1px 2px 2px rgba({RGBcolor:post},0.420);
  1268. line-height:{select:post text line height};
  1269. }
  1270.  
  1271. .posts {
  1272. position:relative;
  1273. margin-bottom:{select:post spacing};
  1274. padding:{select:post padding};
  1275. background:rgba({RGBcolor:post},{select:post transparency});
  1276. width:{select:post width};
  1277. overflow:hidden;
  1278. }
  1279.  
  1280. .posts:last-of-type {
  1281. {block:IndexPage}
  1282. margin-bottom:calc({select:customlinks size} + ({select:bottom bar padding} * 2) + ({select:screen margin} * 0.8));
  1283. {/block:IndexPage}
  1284. }
  1285.  
  1286. .posts img, .lightbox-image, #tumblr_lightbox_center_image {
  1287. opacity:{select:semitransparent images};
  1288. }
  1289.  
  1290. /*--------- LIGHTBOX BS ---------*/
  1291. .vignette, #vignette {
  1292. opacity:0;
  1293. }
  1294.  
  1295. .tmblr-lightbox, #tumblr_lightbox {
  1296. background:rgba({RGBcolor:background},0.69)!important;
  1297. box-shadow:inset 0 0 69px rgba({RGBcolor:background},0.69)!important;
  1298. }
  1299.  
  1300. .lightbox-image, #tumblr_lightbox_center_image {
  1301. box-shadow:0 4px 30px rgba({RGBcolor:background},0.69)!important;
  1302. border-radius:0px!important;
  1303. }
  1304.  
  1305. /*------------ REBLOG STYLING ------------*/
  1306. .caption {
  1307. margin-top:var(--NPF-Caption-Spacing);
  1308. }
  1309.  
  1310. .comment_container {
  1311. {block:ifreblogseparators}
  1312. padding:calc(var(--Captions-Gap) / 2) 0;
  1313. border-bottom:1px solid {color:reblog separators};
  1314. {block:iffullwidthreblogseparators}
  1315. margin:0 -{select:post padding};
  1316. padding-left:{select:post padding};
  1317. padding-right:{select:post padding};
  1318. {/block:iffullwidthreblogseparators}
  1319. {/block:ifreblogseparators}
  1320.  
  1321. {block:ifnotreblogseparators}
  1322. padding:calc(var(--Captions-Gap) / 2.5) 0;
  1323. {/block:ifnotreblogseparators}
  1324. }
  1325.  
  1326. .comment_container:first-of-type, .ccfirst {
  1327. padding-top:0px;
  1328. border-top:0px solid transparent;
  1329. }
  1330.  
  1331. .comment_container:last-of-type, .cclast {
  1332. padding-bottom:0px;
  1333. border-bottom:0px solid transparent;
  1334. }
  1335.  
  1336. .commenter {
  1337. margin:0.69em 0;
  1338. display:flex;
  1339. align-items:center;
  1340. }
  1341.  
  1342. .sfr {position:relative}
  1343.  
  1344. .commenter img {
  1345. width:var(--Posts-Avatar-Size);
  1346. height:var(--Posts-Avatar-Size);
  1347. border-radius:100%;
  1348. border:.5px solid rgba({RGBcolor:reblogger},0.5);
  1349. }
  1350.  
  1351. .sfr:before {
  1352. content:"";
  1353. position:absolute;
  1354. top:0;left:0;
  1355. width:100%;
  1356. height:100%;
  1357. border-radius:100%;
  1358. background:linear-gradient(to bottom, transparent, transparent 69%, rgba({RGBcolor:post},0.269) 100%);
  1359. }
  1360.  
  1361. .sfr:after {
  1362. content:"";
  1363. position:absolute;
  1364. top:0;left:0;
  1365. width:100%;
  1366. height:100%;
  1367. border-radius:100%;
  1368. box-shadow:inset 0 0 4px {color:post};
  1369. z-index:1;
  1370. }
  1371.  
  1372. .commenter a, a.tumblr_blog, .asker_ .commenter {
  1373. font-family:beaufort;
  1374. font-weight:bold;
  1375. font-size:calc({select:post font size} - 2px);
  1376. text-transform:uppercase;
  1377. letter-spacing:1.5px;
  1378. color:{color:reblogger};
  1379. }
  1380.  
  1381. .commenter a {
  1382. padding-left:7px;
  1383. }
  1384.  
  1385. .nosrc {
  1386. display:none;
  1387. margin-top:0;
  1388. }
  1389.  
  1390. /* note: may need to remove the ">" if inconsistencies occur */
  1391. .comment > :last-child:not([data-npf*='audio'], .spotify_audio_player, .soundcloud_audio_player){
  1392. margin-bottom:{select:post padding};
  1393. }
  1394.  
  1395. /*----- TEXT STUFF -----*/
  1396. .allcaps, a.read_more {
  1397. font-family:beaufort;
  1398. font-weight:bold;
  1399. font-size:calc({select:post font size} - 1px);
  1400. text-transform:uppercase;
  1401. letter-spacing:1.5px;
  1402. }
  1403.  
  1404. a.read_more {
  1405. display:block;
  1406. text-align:center;
  1407. }
  1408.  
  1409. .posts blockquote {
  1410. margin:calc(var(--Posts-Avatar-Size) / 2);
  1411. padding-left:calc(var(--Posts-Avatar-Size) / 2);
  1412. border-left:1px solid var(--Blockquote-Border-Color);
  1413. }
  1414.  
  1415. /*----- LINK POSTS -----*/
  1416. .linkpath {
  1417. color:{color:reblogger}!important;
  1418. }
  1419.  
  1420. .linkdesc {
  1421. margin-top:calc(var(--Heading-Margins) * 1.269);
  1422. padding:0.69em 0.8em;
  1423. border:1px solid rgba({RGBcolor:text},0.169);
  1424. background:rgba({RGBcolor:post},0.25);
  1425. border-radius:5px;
  1426. }
  1427.  
  1428. .genlinkbase {
  1429. margin-top:calc(var(--Paragraph-Margins) / 2);
  1430. font-family:chakra petch;
  1431. font-size:calc({select:post font size} - 2.5px);
  1432. text-transform:uppercase;
  1433. letter-spacing:1px;
  1434. }
  1435.  
  1436. .genlinkbase .et {
  1437. padding-right:1px;
  1438. }
  1439.  
  1440. .linkcapt {
  1441. margin-top:var(--Paragraph-Margins);
  1442. }
  1443.  
  1444. /*----- QUOTE POSTS -----*/
  1445. .quote-words {
  1446. padding:0 1.269em;
  1447. font-family:beaufort;
  1448. font-weight:bold;
  1449. text-transform:uppercase;
  1450. font-size:calc({select:post font size} + 1px);
  1451. letter-spacing:1.5px;
  1452. line-height:calc({select:post text line height} * 1.2);
  1453. text-align:center;
  1454. }
  1455.  
  1456. .quote-source {
  1457. margin-top:var(--Heading-Margins);
  1458. text-align:center;
  1459. }
  1460.  
  1461. /*----- PHOTO POSTS -----*/
  1462. .photopic {
  1463. width:100%;
  1464. cursor:pointer;
  1465. }
  1466.  
  1467. .posts img {
  1468. max-width:100%;
  1469. }
  1470.  
  1471. /*----- PHOTOSETS -----*/
  1472. [photoset-layout] {
  1473. grid-gap:{select:photoset spacing};
  1474. }
  1475.  
  1476. [photoset-layout] div {
  1477. cursor:pointer;
  1478. }
  1479.  
  1480. /*----- CHAT POSTS -----*/
  1481. .chatholder {
  1482. }
  1483.  
  1484. .chat_label {
  1485. margin-right:4px;
  1486. font-weight:bold;
  1487. }
  1488.  
  1489. .chat_content {
  1490. }
  1491.  
  1492. /*----- ASK POSTS -----*/
  1493. .askhold {
  1494. }
  1495.  
  1496. .askhold span {
  1497. display:block;
  1498. margin-left:4px;
  1499. margin-top:-2px;
  1500. font-family:libre franklin;
  1501. font-weight:normal;
  1502. letter-spacing:.3px;
  1503. font-size:{select:post font size};
  1504. text-transform:none;
  1505. color:{color:text};
  1506. }
  1507.  
  1508. .asker_ {
  1509. padding-bottom:0;
  1510. border-bottom:0px solid transparent;
  1511. }
  1512.  
  1513. .asker_ .commenter {
  1514. {block:ifreblogseparators}
  1515. margin-top:;
  1516. {/block:ifreblogseparators}
  1517.  
  1518. {block:ifnotreblogseparators}
  1519. margin-top:0;
  1520. {/block:ifnotreblogseparators}
  1521.  
  1522. justify-content:center;
  1523. }
  1524.  
  1525. .asker_ .sfr {
  1526. margin-bottom:calc(0.069em / -2);
  1527. }
  1528.  
  1529. .asker_ .commenter img {
  1530. width:calc(var(--Posts-Avatar-Size) + 3px);
  1531. height:calc(var(--Posts-Avatar-Size) + 3px);
  1532. }
  1533.  
  1534. .asker_ .commenter a {
  1535. padding-left:0;
  1536. }
  1537.  
  1538. .question_text {
  1539. padding:0.69em 0.8em;
  1540. border:1px solid rgba({RGBcolor:text},0.2);
  1541. background:rgba({RGBcolor:post},0.420);
  1542. border-radius:5px;
  1543. }
  1544.  
  1545. .answer_text {
  1546. }
  1547.  
  1548. /*----- AUDIO -----*/
  1549. .tumblr_audio_player[width] {
  1550. width:100%!important;
  1551. height:0!important;
  1552. }
  1553.  
  1554. .audiocont {
  1555. position:absolute;
  1556. display:none;
  1557. overflow:hidden;
  1558. width:0!important;
  1559. height:0!important;
  1560. opacity:0;
  1561. }
  1562.  
  1563. .alcove {
  1564. position:relative;
  1565. width:var(--Audio-Post-Album-Image-Size);
  1566. height:var(--Audio-Post-Album-Image-Size);
  1567. }
  1568.  
  1569. .strawberries {
  1570. position:absolute;
  1571. top:0;margin-top:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
  1572. left:0;margin-left:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
  1573. width:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
  1574. height:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
  1575. }
  1576.  
  1577. .summer {
  1578. border:1px solid rgba({RGBcolor:text},0.420);
  1579. width:100%;
  1580. height:100%;
  1581. background:{color:post};
  1582. box-sizing:border-box;
  1583. border-radius:100%;
  1584. display:flex;
  1585. align-items:center;
  1586. justify-content:center;
  1587. line-height:1em;
  1588. cursor:pointer;
  1589. user-select:none;
  1590. }
  1591.  
  1592. .splay {
  1593. margin-top:2px;
  1594. }
  1595.  
  1596. .splay i, .spause i {
  1597. font-size:var(--Audio-Post-PlayButton-Size);
  1598. color:{color:text};
  1599. }
  1600.  
  1601. .spause {
  1602. display:none;
  1603. margin-top:2px;
  1604. }
  1605.  
  1606. .spause i {
  1607. font-size:calc(var(--Audio-Post-PlayButton-Size) - 1px);
  1608. }
  1609.  
  1610. .a-lbum-img {
  1611. width:100%;
  1612. height:100%;
  1613. border-radius:3px;
  1614. visibility:hidden;
  1615. }
  1616.  
  1617. .vingt, .npf-audio-image-shadow {
  1618. position:absolute;
  1619. top:0;left:0;
  1620. border-radius:3px;
  1621. box-shadow:inset 0 0 15px rgba({RGBcolor:post},0.69);
  1622. }
  1623.  
  1624. .vingt {
  1625. width:100%;
  1626. height:100%;
  1627. }
  1628.  
  1629. .tin {
  1630. width:calc(100% - var(--Audio-Post-Album-Image-Size));
  1631. height:var(--Audio-Post-Album-Image-Size);
  1632. }
  1633.  
  1634. .trackinfo {
  1635. margin-left:14px;
  1636. }
  1637.  
  1638. .t-name, .npf-audio-title {
  1639. font-family:beaufort;
  1640. font-weight:bold;
  1641. font-size:calc({select:post font size} - .5px);
  1642. text-transform:uppercase;
  1643. letter-spacing:1.5px;
  1644. }
  1645.  
  1646. .dongload {
  1647. text-transform:initial!important;
  1648. }
  1649.  
  1650. .dongload svg {
  1651. width:calc({select:post font size} + 4px);
  1652. height:calc({select:post font size} + 4px);
  1653. stroke:{color:text};
  1654. stroke-width:1.5px;
  1655. pointer-events:none;
  1656. }
  1657.  
  1658. /*----- VIDEOS -----*/
  1659. video {
  1660. display:block;
  1661. outline:none;
  1662. cursor:default;
  1663. width:100%;
  1664. }
  1665.  
  1666. /*----- TAGS -----*/
  1667. .tagcont {
  1668. {block:IndexPage}
  1669. {block:iftagsonclick}
  1670. display:none;
  1671. padding-bottom:{select:post padding};
  1672. margin:-3px 0;
  1673. {/block:iftagsonclick}
  1674. {/block:IndexPage}
  1675. }
  1676.  
  1677. .tagholder {
  1678. display:flex;
  1679. flex-wrap:wrap;
  1680. justify-content:flex-end;
  1681. text-align:right;
  1682. margin:0 -5px;
  1683. font-family:k2d;
  1684. font-size:calc({select:post font size} - 3px);
  1685. text-transform:uppercase;
  1686. letter-spacing:1px;
  1687. }
  1688.  
  1689. .tagholder a {
  1690. display:block;
  1691. margin:0 3.5px;
  1692. color:{color:tags};
  1693. }
  1694.  
  1695. /*------------ PERMALINK ------------*/
  1696. .permarow {
  1697. display:flex;
  1698. align-items:center;
  1699. justify-content:space-between;
  1700. margin-bottom:-{select:post padding};
  1701. margin-left:-{select:post padding};
  1702. width:calc(100% + ({select:post padding} * 2));
  1703. padding:calc({select:permalink padding} * 0.8) 0;
  1704. background:rgba({RGBcolor:permalink background},{select:post transparency});
  1705.  
  1706. font-family:beaufort;
  1707. font-weight:bold;
  1708. text-transform:uppercase;
  1709.  
  1710. {block:IndexPage}
  1711. font-size:calc({select:post font size} - 2px);
  1712. {/block:IndexPage}
  1713.  
  1714. {block:PermalinkPage}
  1715. font-size:calc({select:post font size} - 2.5px);
  1716. {/block:PermalinkPage}
  1717.  
  1718. letter-spacing:1.5px;
  1719. text-shadow:1px 2px 2px rgba({RGBcolor:permalink background},0.420);
  1720. }
  1721.  
  1722. .posts, .permarow {
  1723. border-radius:0 0 5px 5px;
  1724. }
  1725.  
  1726. .permarow a {
  1727. color:{color:permalink};
  1728. }
  1729.  
  1730. .permaleft {
  1731. flex:1;
  1732. margin-left:{select:permalink padding};
  1733. }
  1734.  
  1735. .permaright {
  1736. margin-right:{select:permalink padding};
  1737. }
  1738.  
  1739. .permaright, .les-controls {
  1740. display:flex;
  1741. align-items:center;
  1742. }
  1743.  
  1744. .les-controls > a {
  1745. display:block;
  1746. margin-right:{select:post buttons spacing};
  1747. width:{select:post buttons size};
  1748. height:{select:post buttons size};
  1749. }
  1750.  
  1751. .les-controls svg {
  1752. display:block;
  1753. width:100%;
  1754. height:100%;
  1755. fill:{color:post buttons};
  1756. }
  1757.  
  1758. .permaright a {margin-right:{select:post buttons spacing};}
  1759. .permaright a:last-of-type {margin-right:0;}
  1760.  
  1761. .viewtags {
  1762. cursor:help;
  1763. }
  1764.  
  1765. .viewtags svg {
  1766. width:{select:post buttons size};
  1767. height:{select:post buttons size};
  1768. color:{color:post buttons};
  1769. stroke-width:1.5px;
  1770. }
  1771.  
  1772. .retweet svg {
  1773. transform:scaleX(-1);
  1774. }
  1775.  
  1776. .likecont {
  1777. position:relative;
  1778. }
  1779.  
  1780. .like_button {
  1781. position:absolute;
  1782. width:100%;
  1783. height:100%;
  1784. }
  1785.  
  1786. .like_button iframe {
  1787. position:absolute;
  1788. top:0;left:0;
  1789. width:100%;
  1790. height:100%;
  1791. opacity:0;
  1792. z-index:2;
  1793. }
  1794.  
  1795. .like_button.liked + .heart svg {
  1796. fill:var(--Like-Button-Liked)!important;
  1797. }
  1798.  
  1799. /*----- POST NOTES -----*/
  1800. .notescont {
  1801. width:calc({select:post width} + ({select:post padding} * 2));
  1802. margin-bottom:calc({select:customlinks size} + ({select:bottom bar padding} * 2) + ({select:screen margin} * 0.8));
  1803. }
  1804.  
  1805. ol.notes {
  1806. margin:0;
  1807. padding:0 {select:post padding};
  1808. list-style:none;
  1809. }
  1810.  
  1811. ol.notes .avatar {
  1812. display:none;
  1813. }
  1814.  
  1815. ol.notes li {
  1816. margin-bottom:1.25em;
  1817. padding:0;
  1818. }
  1819.  
  1820. ol.notes blockquote {
  1821. margin:1em;
  1822. padding-left:1em;
  1823. border-left:var(--Blockquote-Border-Color);
  1824. }
  1825.  
  1826. .more_notes_link_container {
  1827. margin-top:{select:post padding};
  1828. }
  1829.  
  1830. ol.notes a, .more_notes_link {
  1831. font-family:beaufort;
  1832. font-weight:bold;
  1833. text-transform:uppercase;
  1834. font-size:calc({select:post font size} - 2px);
  1835. letter-spacing:1.5px;
  1836. color:{color:reblogger};
  1837. }
  1838.  
  1839. .more_notes_link {
  1840. color:{color:link}!important;
  1841. }
  1842.  
  1843. /*------- PAGINATION -------*/
  1844. .botpagi {
  1845. margin-top:calc(({select:screen margin} * -0.8) + {select:post spacing} + {select:post padding});
  1846. margin-bottom:calc({select:customlinks size} + ({select:bottom bar padding} * 2) + ({select:screen margin} * 0.8));
  1847. }
  1848.  
  1849. .botpagi span {
  1850. padding:0 4px;
  1851. font-family:beaufort;
  1852. font-size:calc({select:post font size} - 1px);
  1853. font-weight:bold;
  1854. text-transform:uppercase;
  1855. letter-spacing:1.5px;
  1856. color:{color:text};
  1857. }
  1858.  
  1859. .botpagi svg {
  1860. width:calc({select:post font size} + 2px);
  1861. height:calc({select:post font size} + 2px);
  1862. color:{color:text};
  1863. }
  1864.  
  1865. .pn {
  1866. margin-left:auto;
  1867. }
  1868.  
  1869. {CustomCSS}
  1870. </style>
  1871.  
  1872. </head>
  1873.  
  1874. <body>
  1875.  
  1876. <!----- BACKGROUND IMAGE ----->
  1877. <div class="wallpaper" type="{select:background size}"></div>
  1878.  
  1879. {block:ifbackgroundgradient}
  1880. <div class="botgradient"></div>
  1881. <div class="boxshad"></div>
  1882. <div class="sidegrad"></div>
  1883. {/block:ifbackgroundgradient}
  1884.  
  1885. <!----- TOP BAR ----->
  1886. <div class="topbar">
  1887. <div class="tbm">
  1888. <div class="jhin-n-tonic">
  1889. <div class="topleft">
  1890. <div class="chev">
  1891. <i data-feather="chevron-down"></i>
  1892. </div>
  1893.  
  1894. <div class="icoe-a">
  1895. <div class="icoe-b">
  1896. <div class="icon-act"></div>
  1897. </div>
  1898. </div>
  1899.  
  1900. <div class="tl-text">
  1901.  
  1902. <div class="tl-top">
  1903. {block:iftoptitle1}
  1904. {text:top title 1}
  1905. {/block:iftoptitle1}
  1906.  
  1907. {block:ifnottoptitle1}
  1908. {Name}
  1909. {/block:ifnottoptitle1}
  1910. </div>
  1911.  
  1912. <div class="tl-bot">
  1913. {block:iftoptitle2}
  1914. {text:top title 2}
  1915. {/block:iftoptitle2}
  1916.  
  1917. {block:ifnottoptitle2}
  1918. {Title}
  1919. {/block:ifnottoptitle2}
  1920. </div>
  1921. </div>
  1922. </div><!--topleft-->
  1923.  
  1924. <div class="linqhoe">
  1925. <a href="/">home</a>
  1926.  
  1927. <a href="/ask" title="{AskLabel}">ask</a>
  1928. <a href="/submit" title="{SubmitLabel}">submit</a>
  1929.  
  1930. <a href="/archive">archive</a>
  1931. <a href="//glenthemes.tumblr.com" title="theme by glenthemes">theme</a>
  1932. </div><!--end toplinks-->
  1933. </div><!--jhin-n-tonic-->
  1934. </div><!--tbm-->
  1935. </div><!--end topbar-->
  1936.  
  1937.  
  1938. <!----- DESCRIPTION BOX ----->
  1939. {block:Description}
  1940. <div class="descbox" hover="{select:descbox hover}">
  1941. <div class="desc">
  1942. {Description}
  1943. </div><!--end description-->
  1944. </div><!--end description box-->
  1945. {/block:Description}
  1946.  
  1947.  
  1948. <!----- BOTTOM LEFT CORNER TEXT ----->
  1949. <div class="cornerside">
  1950. <div class="corner-title">{text:corner title}</div>
  1951. <div class="corner-sub">{text:corner subtitle}</div>
  1952. </div>
  1953.  
  1954.  
  1955. <!----- BOTTOM BAR ----->
  1956. <div class="botbar">
  1957. {block:ifshowmusicplayer}
  1958. <div class="sike">
  1959. <div class="glenjams-06">
  1960. <div class="pasta">
  1961. <div class="vinyl"></div>
  1962. <div class="music-controls">
  1963. <div class="playy"><i data-feather="play"></i></div>
  1964. <div class="pausee"><i data-feather="pause"></i></div>
  1965. </div>
  1966.  
  1967. <div class="klutch">
  1968. <div class="music-title">{text:music name}</div>
  1969. <div class="music-artist">{text:music artist}</div>
  1970. </div>
  1971.  
  1972. <audio id="audio" src="{text:music file mp3}" type="audio"></audio>
  1973. </div><!--pasta-->
  1974. </div><!--glenjams-06-->
  1975. </div><!--sike-->
  1976. {/block:ifshowmusicplayer}
  1977.  
  1978. <div class="botlinks">
  1979. {block:ifcustomlink1name}
  1980. <a href="{text:customlink 1 URL}">{text:customlink 1 name}</a>
  1981. {/block:ifcustomlink1name}
  1982.  
  1983. {block:ifcustomlink2name}
  1984. <a href="{text:customlink 2 URL}">{text:customlink 2 name}</a>
  1985. {/block:ifcustomlink2name}
  1986.  
  1987. {block:ifcustomlink3name}
  1988. <a href="{text:customlink 3 URL}">{text:customlink 3 name}</a>
  1989. {/block:ifcustomlink3name}
  1990.  
  1991. {block:ifcustomlink4name}
  1992. <a href="{text:customlink 4 URL}">{text:customlink 4 name}</a>
  1993. {/block:ifcustomlink4name}
  1994.  
  1995. {block:ifcustomlink5name}
  1996. <a href="{text:customlink 5 URL}">{text:customlink 5 name}</a>
  1997. {/block:ifcustomlink5name}
  1998.  
  1999. {block:ifcustomlink6name}
  2000. <a href="{text:customlink 6 URL}">{text:customlink 6 name}</a>
  2001. {/block:ifcustomlink6name}
  2002. </div><!--end customlinks-->
  2003.  
  2004. <div class="tangerine">
  2005. <div class="bork">
  2006. <span>scroll to top</span>
  2007. <i class="material-icons">arrow_upward</i>
  2008. </div>
  2009. </div>
  2010. </div><!--botbar-->
  2011.  
  2012.  
  2013. <!----- MAIN POSTS ----->
  2014. <div class="postscont">
  2015.  
  2016. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2017. <div class="posts {block:ifreblogseparators}oui{/block:ifreblogseparators}" id="{PostID}" post-type="{PostType}">
  2018.  
  2019. <!------ POST TITLE ------>
  2020. {block:Title}
  2021. <h1 href="{Permalink}" class="title">{Title}</h1>
  2022. {/block:Title}
  2023. <!------ END POST TITLE ------>
  2024.  
  2025.  
  2026. {block:RebloggedFrom}
  2027. <div class="commenter nosrc">
  2028. <img src="{ReblogRootPortraitURL-64}">
  2029. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  2030. </div>
  2031. {/block:RebloggedFrom}
  2032.  
  2033.  
  2034. <!------ TEXT POSTS ------>
  2035. {block:Text}
  2036. <div class="body">
  2037. {block:NotReblog}{Body}{/block:NotReblog}
  2038. {block:RebloggedFrom}
  2039. {block:Reblogs}
  2040. <div class="comment_container">
  2041. <div class="commenter source-head">
  2042. <img src="{PortraitURL-64}">
  2043. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2044. </div>
  2045. <div class="comment">{Body}</div>
  2046. </div>
  2047. {/block:Reblogs}
  2048. {/block:RebloggedFrom}
  2049. </div>
  2050. {/block:Text}
  2051. <!------ END TEXT POSTS ------>
  2052.  
  2053.  
  2054. <!------ SINGLE PHOTO ------>
  2055. {block:Photo}
  2056. <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>
  2057. {/block:Photo}
  2058. <!------ END SINGLE PHOTO ------>
  2059.  
  2060.  
  2061.  
  2062.  
  2063. <!------ PHOTOSETS ------>
  2064. {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}
  2065. <!------ END PHOTOSETS ------>
  2066.  
  2067.  
  2068.  
  2069. <!------ QUOTE POSTS ------>
  2070. {block:Quote}
  2071. <div class="quote-words">{Quote}</div>
  2072. {block:Source}<div class="quote-source">&mdash; {Source}</div>{/block:Source}
  2073. {/block:Quote}
  2074. <!------ END QUOTE POSTS ------>
  2075.  
  2076.  
  2077. <!------ LINK POSTS ------>
  2078. {block:Link}
  2079. <a href="{URL}" class="linkpath" {Target}>{Name} »</a>
  2080.  
  2081. {block:Excerpt}
  2082. <div class="linkdesc">
  2083. {Excerpt}
  2084. <div class="genlinkbase">{Host}</div>
  2085. </div>
  2086. {/block:Excerpt}
  2087.  
  2088. {block:Description}
  2089. <div class="linkcapt">
  2090. {block:NotReblog}{Description}{/block:NotReblog}
  2091.  
  2092. {block:RebloggedFrom}
  2093. {block:Reblogs}
  2094. <div class="comment_container">
  2095. <div class="commenter">
  2096. <img src="{PortraitURL-64}">
  2097. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2098. </div>
  2099. <div class="comment">{Body}</div>
  2100. </div>
  2101. {/block:Reblogs}
  2102. {/block:RebloggedFrom}
  2103. </div>
  2104. {/block:Description}
  2105. {/block:Link}
  2106. <!------ END LINK POSTS ------>
  2107.  
  2108.  
  2109. <!------ CHAT POSTS ------>
  2110. {block:Chat}
  2111. <div class="chatholder">
  2112. {block:Lines}
  2113. {block:Label}
  2114. <span class="chat_label">{Label}</span>
  2115. {/block:Label}
  2116.  
  2117. <span class="chat_content">{Line}</span>
  2118. {/block:Lines}
  2119. </div>
  2120. {/block:Chat}
  2121. <!------ END CHAT ------>
  2122.  
  2123.  
  2124.  
  2125. <!------ AUDIO POSTS ------>
  2126. {block:Audio}
  2127. <div class="flex">
  2128. <div class="audiocont">
  2129. {AudioEmbed}
  2130. </div>
  2131.  
  2132. <div class="alcove">
  2133. <img class="a-lbum-img">
  2134.  
  2135. <div class="strawberries">
  2136. <div class="summer">
  2137. <div class="splay">
  2138. <i class="material-icons">play_arrow</i>
  2139. </div>
  2140. <div class="spause">
  2141. <i class="material-icons">pause</i>
  2142. </div>
  2143. </div><!--summer-->
  2144. </div>
  2145. </div>
  2146.  
  2147. <div class="tin flex space-between">
  2148. <div class="trackinfo">
  2149. {block:TrackName}
  2150. <div class="t-name">{TrackName}</div>
  2151. {/block:TrackName}
  2152.  
  2153. {block:Artist}
  2154. <div class="t-artist">{Artist}</div>
  2155. {/block:Artist}
  2156. </div><!--trackinfo-->
  2157.  
  2158. <a class="dongload" title="download">
  2159. <i data-feather="download"></i>
  2160. </a>
  2161. </div><!--flex-->
  2162. </div><!--oofy-->
  2163. {/block:Audio}
  2164. <!------ END AUDIO ------>
  2165.  
  2166.  
  2167.  
  2168. <!------ VIDEO POSTS ------>
  2169. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  2170. <!------ END VIDEOS ------>
  2171.  
  2172.  
  2173.  
  2174. <!------ ANSWER POSTS ------>
  2175. {block:Answer}
  2176. <div class="comment_container askhold asker_">
  2177. <div class="commenter">
  2178. <img src="{AskerPortraitURL-48}">
  2179. </div>
  2180. <div class="commenter">
  2181. {Asker}<span>asked:</span>
  2182. </div>
  2183. <div class="question_text">{Question}</div>
  2184. </div>
  2185. {block:Answerer}
  2186. <div class="comment_container askhold answerer_">
  2187. <div class="commenter">
  2188. <img src="{AnswererPortraitURL-48}">
  2189. {Answerer}<span>answered:</span>
  2190. </div>
  2191. <div class="answer_text body">{Answer}</div>
  2192. </div>
  2193. {block:Reblogs}
  2194. <div class="comment_container">
  2195. <div class="replier commenter">
  2196. <img src="{PortraitURL-64}">
  2197. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2198. </div>
  2199. <div class="reply">{Body}</div>
  2200. </div>
  2201. {/block:Reblogs}
  2202. {/block:Answerer}
  2203. {block:NotReblog}
  2204. <div class="comment_container">
  2205. <div class="answerer commenter">
  2206. <img src="{PortraitURL-48}">
  2207. <a href="{Permalink}">{Name}</a>
  2208. </div><!--answerer-->
  2209. <div class="answer_text">{Answer}</div>
  2210. </div><!--answer-container-->
  2211. {/block:NotReblog}
  2212. {/block:Answer}
  2213. <!------ END ANSWER ------>
  2214.  
  2215. {block:Caption}
  2216. <div class="caption">
  2217. {block:NotReblog}{Caption}{/block:NotReblog}
  2218. {block:RebloggedFrom}
  2219. {block:Reblogs}
  2220. <div class="comment_container">
  2221. <div class="commenter">
  2222. <img src="{PortraitURL-64}">
  2223. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2224. </div><!--commenter-->
  2225. <div class="comment">{Body}</div>
  2226. </div><!--comment-container-->
  2227. {/block:Reblogs}
  2228. {/block:RebloggedFrom}
  2229. </div><!--caption-->
  2230. {/block:Caption}
  2231.  
  2232.  
  2233.  
  2234. {block:HasTags}
  2235. <div class="tagcont">
  2236. <div class="tagholder">
  2237. {block:Tags}
  2238. <a href="{TagURL}">#{Tag}</a>
  2239. {/block:Tags}
  2240. </div>
  2241. </div>
  2242. {/block:HasTags}
  2243.  
  2244.  
  2245.  
  2246. {block:Date}
  2247. <div class="permarow">
  2248. <div class="permaleft">
  2249. {block:IndexPage}
  2250. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2251. {/block:IndexPage}
  2252.  
  2253. {block:PermalinkPage}
  2254. {block:NotReblog}Posted{/block:NotReblog}
  2255. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  2256. on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  2257. &middot; {NoteCountWithLabel}
  2258. {/block:PermalinkPage}
  2259. </div>
  2260.  
  2261. <div class="permaright">
  2262. {block:IndexPage}
  2263. <div class="les-controls flex">
  2264. {block:iftagsonclick}
  2265. {block:HasTags}
  2266. <a class="viewtags">
  2267. <i data-feather="hash"></i>
  2268. </a>
  2269. {/block:HasTags}
  2270. {/block:iftagsonclick}
  2271.  
  2272. <a href="{ReblogURL}" target="_blank">
  2273. <span class="retweet"></span>
  2274. </a>
  2275.  
  2276. <a class="likecont like">
  2277. {LikeButton}
  2278. <span class="heart"></span>
  2279. </a>
  2280. </div>
  2281. {/block:IndexPage}
  2282.  
  2283.  
  2284. {block:PermalinkPage}
  2285. {block:RebloggedFrom}
  2286. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  2287. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  2288. {/block:RebloggedFrom}
  2289. {/block:PermalinkPage}
  2290. </div>
  2291. </div><!--permarow-->
  2292. {/block:Date}
  2293.  
  2294. </div><!--posts-->
  2295.  
  2296. {block:PostNotes}
  2297. <div class="notescont">
  2298. {PostNotes}
  2299. </div>
  2300. {/block:PostNotes}
  2301. {/block:Posts}
  2302.  
  2303. <!------- PAGINATION ------->
  2304. {block:Pagination}
  2305. <div class="botpagi flex space-between">
  2306. {block:PreviousPage}
  2307. <a class="flex" href="{PreviousPage}">
  2308. <i data-feather="chevron-left"></i>
  2309. <span>previous</span>
  2310. </a>
  2311. {/block:PreviousPage}
  2312.  
  2313. {block:NextPage}
  2314. <a class="flex pn" href="{NextPage}">
  2315. <span>next</span>
  2316. <i data-feather="chevron-right"></i>
  2317. </a>
  2318. {/block:NextPage}
  2319. </div><!--botpagi-->
  2320. {/block:Pagination}
  2321.  
  2322. </div><!--postscont-->
  2323.  
  2324. <script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  2325.  
  2326. <script>
  2327. feather.replace();
  2328. </script>
  2329.  
  2330. <script>
  2331. $(document).ready(function(){
  2332. $('img[src*="media.tumblr.com"]').each(function(){
  2333. var newsrc = $(this).attr('src').replace('gifv','gif');
  2334. $(this).attr('src', newsrc);
  2335. });
  2336.  
  2337. $('a[href*="media.tumblr.com"]').each(function(){
  2338. var newhref = $(this).attr('href').replace('gifv','gif');
  2339. $(this).attr('href', newhref);
  2340. });
  2341.  
  2342. $('div[data-lowres*="media.tumblr.com').each(function(){
  2343. var newdata = $(this).attr('data-lowres').replace('gifv','gif');
  2344. $(this).attr('data-lowres', newdata);
  2345. });
  2346.  
  2347. $('div[data-highres*="media.tumblr.com').each(function(){
  2348. var newdata = $(this).attr('data-highres').replace('gifv','gif');
  2349. $(this).attr('data-highres', newdata);
  2350. });
  2351. });
  2352. </script>
  2353.  
  2354. </body>
  2355. </html>
Advertisement
Comments
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
Add Comment
Please, Sign In to add comment