glenthemes

Theme [08]: Kami no Himegoto

Aug 30th, 2015 (edited)
31,926
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.42 KB | None
  1. <!----------------------------------------------------
  2. Theme [08]: Kami no Himegoto
  3. Made by glenthemes
  4.  
  5. Initial release: 2016/11/02
  6. Remake date: 2021/07/25
  7. Last updated: 2022/03/01
  8.  
  9. Update Log:
  10. > 2021/07/25 3:13PM GMT+8 - fixed issue where toggle tags would jump
  11. > 2021/08/05 5:44PM GMT+8 - fixed bug with customlink 5 where it would have the same name as link1
  12. > 2021/09/10 4:01PM GMT+8 - fixed issue with the icon font showing incorrect icons
  13. > 2022/03/01 09:13PM GMT+8 - fixed large gaps between npf images
  14.  
  15. TERMS OF USE:
  16. 1) Do not remove the theme credit.
  17. 2) Do not repost/redistribute my themes.
  18. 3) Do not take parts of the code and use it as your own.
  19. 4) Do not use my themes as a base code.
  20. 5) Do not mix my works together.
  21.  
  22. CREDITS:
  23. ✧( ु•⌄• )◞ ~ glencredits.tumblr.com/kami-no-himegoto
  24. ----------------------------------------------------->
  25. <!DOCTYPE>
  26. <html>
  27.  
  28. <head>
  29.  
  30. <title>{Title}</title>
  31.  
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <!---------------------------->
  34.  
  35. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36.  
  37. <!------ THEME SCRIPTS ------->
  38. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39.  
  40. <script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  41.  
  42. <link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  43.  
  44. <script src="https://glenthemes.s3.eu-west-2.amazonaws.com/thm-general/fkn-audio.js"></script>
  45.  
  46. <link rel="stylesheet" media="screen" href="https://assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  47.  
  48. <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
  49. <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  50.  
  51. <script src="//glenthemes.s3.eu-west-2.amazonaws.com/thms/08/yabonku.js"></script>
  52.  
  53. <!------ FONTS ------->
  54. <link href="//fonts.googleapis.com/css?family=Karla|Roboto+Mono|Inter|Rubik|Amiri|Libre+Franklin|Open+Sans|Manrope:500,800|Sora:500|Lexend+Deca|Public+Sans" rel="stylesheet">
  55.  
  56. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  57.  
  58. <!------ ICON FONTS ------->
  59. <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  60.  
  61. <link rel="stylesheet" href="https://glen-assets.github.io/flaticon-uicons/uicons-regular-rounded.css">
  62.  
  63. <!------------ THEME OPTIONS ------------>
  64. <meta name="image:sidebar 1 image" content="//64.media.tumblr.com/af017a6498e25a7686e2153173e14c8e/643d70a11ec20887-78/s2048x3072/b6296ad23bbd9c2154e455ac7fcff5c91a1d66f5.png">
  65. <meta name="image:sidebar 2 icon" content="//cdn.discordapp.com/attachments/382037367940448256/885798406117793803/7f4392f2d775839ad48eaa4decedc097c185463b.png">
  66.  
  67. <meta name="image:background image" content="//64.media.tumblr.com/17af9b9ce38cc88e7772c475503b98e8/27eb800628c09243-c8/s2048x3072/0874890e14c53d15155c76c336909977980622d7.png">
  68.  
  69. <meta name="color:music player note" content="#222">
  70. <meta name="color:music player buttons" content="#222">
  71. <meta name="color:music player text" content="#777">
  72. <meta name="color:music player bg" content="#fafafa">
  73.  
  74. <meta name="color:sidebar 1 background" content="#fcfcfc">
  75. <meta name="color:sidebar 1 title" content="#a8938a">
  76. <meta name="color:sidebar 1 title special" content="#f19973">
  77. <meta name="color:sidebar 1 border" content="#f2f2f2">
  78. <meta name="color:sidebar 1 desc" content="#6e6660">
  79.  
  80. <meta name="color:sidebar 2 background" content="#fcfcfc">
  81. <meta name="color:sidebar 2 icon border" content="#f0f0f0">
  82. <meta name="color:sidebar 2 title" content="#6e6660">
  83. <meta name="color:sidebar 2 title special" content="#759cac">
  84. <meta name="color:sidebar 2 title underline" content="#d5e9f2">
  85. <meta name="color:sidebar 2 toplinks icon" content="#646464">
  86. <meta name="color:sidebar 2 toplinks icon bg" content="#e2eef5">
  87. <meta name="color:sidebar 2 toplinks text" content="#6e6660">
  88. <meta name="color:sidebar 2 toplinks text bg" content="#f7f7f7">
  89.  
  90. <meta name="color:sidebar 2 desc bg" content="#f9f9f9">
  91. <meta name="color:sidebar 2 desc text" content="#888">
  92.  
  93. <meta name="color:customlinks bg" content="#f5f5f5">
  94. <meta name="color:customlinks text" content="#666">
  95.  
  96. <meta name="color:background" content="#fafafa">
  97.  
  98. <meta name="color:post background" content="#fff">
  99. <meta name="color:post background 2" content="#fafafa">
  100. <meta name="color:post borders inner" content="#d5d5d5">
  101. <meta name="color:post borders outer" content="#eee">
  102. <meta name="color:text" content="#333">
  103. <meta name="color:headings" content="#111">
  104. <meta name="color:bold" content="#000">
  105. <meta name="color:link" content="#000">
  106. <meta name="color:reblogger" content="#222">
  107. <meta name="color:tags" content="#666">
  108.  
  109. <meta name="color:permalink text" content="#888">
  110. <meta name="color:permalink" content="#222">
  111. <meta name="color:permalink background" content="#fcfcfc">
  112. <meta name="color:permalink border" content="#eee">
  113.  
  114. <meta name="color:post buttons" content="#222">
  115. <meta name="color:like button liked" content="#ff7746">
  116. <meta name="color:scrollbar" content="#777">
  117. <meta name="color:scrollbar bg" content="#f7f7f7">
  118. <meta name="color:pagination" content="#222">
  119.  
  120. <meta name="color:highlight" content="#e2eef5">
  121. <meta name="color:highlighted text" content="#252525">
  122.  
  123. <!--------- SIDEBAR 1 OPTIONS --------->
  124. <meta name="select:sidebar 1 width" title="370px" content="370px">
  125. <meta name="select:sidebar 1 width" title="310px" content="310px">
  126. <meta name="select:sidebar 1 width" title="330px" content="330px">
  127. <meta name="select:sidebar 1 width" title="350px" content="350px">
  128. <meta name="select:sidebar 1 width" title="390px" content="390px">
  129. <meta name="select:sidebar 1 width" title="410px" content="410px">
  130.  
  131. <meta name="select:sidebar 1 title size" title="12px" content="12px">
  132. <meta name="select:sidebar 1 title size" title="9px" content="9px">
  133. <meta name="select:sidebar 1 title size" title="10px" content="10px">
  134. <meta name="select:sidebar 1 title size" title="11px" content="11px">
  135. <meta name="select:sidebar 1 title size" title="13px" content="13px">
  136. <meta name="select:sidebar 1 title size" title="14px" content="14px">
  137. <meta name="select:sidebar 1 title size" title="15px" content="15px">
  138.  
  139. <meta name="select:sidebar 1 desc size" title="12px" content="12px">
  140. <meta name="select:sidebar 1 desc size" title="9px" content="9px">
  141. <meta name="select:sidebar 1 desc size" title="10px" content="10px">
  142. <meta name="select:sidebar 1 desc size" title="11px" content="11px">
  143. <meta name="select:sidebar 1 desc size" title="13px" content="13px">
  144. <meta name="select:sidebar 1 desc size" title="14px" content="14px">
  145.  
  146. <meta name="select:sidebar 1 desc visibility" title="hover" content="hover">
  147. <meta name="select:sidebar 1 desc visibility" title="always show" content="always-show">
  148.  
  149. <meta name="select:sidebar 1 desc text align" title="center" content="center">
  150. <meta name="select:sidebar 1 desc text align" title="justify" content="justify">
  151. <meta name="select:sidebar 1 desc text align" title="left" content="left">
  152. <meta name="select:sidebar 1 desc text align" title="right" content="right">
  153.  
  154. <!--------- SIDEBAR 2 OPTIONS --------->
  155. <meta name="select:sidebar 2 icon size" title="40px" content="40px">
  156. <meta name="select:sidebar 2 icon size" title="30px" content="30px">
  157. <meta name="select:sidebar 2 icon size" title="35px" content="35px">
  158. <meta name="select:sidebar 2 icon size" title="45px" content="45px">
  159. <meta name="select:sidebar 2 icon size" title="50px" content="50px">
  160.  
  161. <meta name="select:sidebar 2 title size" title="11px" content="11px">
  162. <meta name="select:sidebar 2 title size" title="9px" content="9px">
  163. <meta name="select:sidebar 2 title size" title="10px" content="10px">
  164. <meta name="select:sidebar 2 title size" title="12px" content="12px">
  165. <meta name="select:sidebar 2 title size" title="13px" content="13px">
  166.  
  167. <meta name="select:sidebar 2 desc size" title="11px" content="11px">
  168. <meta name="select:sidebar 2 desc size" title="9px" content="9px">
  169. <meta name="select:sidebar 2 desc size" title="10px" content="10px">
  170. <meta name="select:sidebar 2 desc size" title="12px" content="12px">
  171. <meta name="select:sidebar 2 desc size" title="13px" content="13px">
  172.  
  173. <meta name="select:sidebar 2 desc text align" title="center" content="center">
  174. <meta name="select:sidebar 2 desc text align" title="justify" content="justify">
  175. <meta name="select:sidebar 2 desc text align" title="left" content="left">
  176. <meta name="select:sidebar 2 desc text align" title="right" content="right">
  177.  
  178. <meta name="select:customlinks text size" title="10px" content="8px">
  179. <meta name="select:customlinks text size" title="9px" content="7px">
  180. <meta name="select:customlinks text size" title="11px" content="9px">
  181. <meta name="select:customlinks text size" title="12px" content="10px">
  182. <meta name="select:customlinks text size" title="13px" content="11px">
  183.  
  184. <!--------- GENERAL OPTIONS --------->
  185. <meta name="select:window margin" title="45px" content="45px">
  186. <meta name="select:window margin" title="30px" content="30px">
  187. <meta name="select:window margin" title="35px" content="35px">
  188. <meta name="select:window margin" title="40px" content="40px">
  189. <meta name="select:window margin" title="50px" content="50px">
  190. <meta name="select:window margin" title="55px" content="55px">
  191.  
  192. <!--------- MAIN POSTS OPTIONS --------->
  193. <meta name="select:body font" title="Manrope" content="Manrope">
  194. <meta name="select:body font" title="Inter" content="Inter">
  195. <meta name="select:body font" title="Karla" content="Karla">
  196. <meta name="select:body font" title="Libre Franklin" content="Libre Franklin">
  197. <meta name="select:body font" title="Open Sans" content="Open Sans">
  198.  
  199. <meta name="select:photoset spacing" title="4px" content="4px">
  200. <meta name="select:photoset spacing" title="6px" content="6px">
  201. <meta name="select:photoset spacing" title="10px" content="10px">
  202.  
  203. <meta name="select:post width" title="fill remaining space" content="fill">
  204. <meta name="select:post width" title="400px" content="400px">
  205. <meta name="select:post width" title="450px" content="450px">
  206. <meta name="select:post width" title="500px" content="500px">
  207. <meta name="select:post width" title="540px" content="540px">
  208.  
  209. <meta name="select:post padding" title="15px" content="15px">
  210. <meta name="select:post padding" title="10px" content="10px">
  211. <meta name="select:post padding" title="20px" content="20px">
  212. <meta name="select:post padding" title="25px" content="25px">
  213. <meta name="select:post padding" title="30px" content="30px">
  214.  
  215. <meta name="select:post font size" title="12px" content="12px">
  216. <meta name="select:post font size" title="11px" content="11px">
  217. <meta name="select:post font size" title="13px" content="13px">
  218. <meta name="select:post font size" title="14px" content="14px">
  219.  
  220. <meta name="select:post text line height" title="1.7em" content="1.7em">
  221. <meta name="select:post text line height" title="1.5em" content="1.5em">
  222. <meta name="select:post text line height" title="1.9em" content="1.9em">
  223.  
  224. <!-- reblogger styling -->
  225.  
  226. <meta name="select:reblogger picture style" title="round" content="100%">
  227. <meta name="select:reblogger picture style" title="soft" content="3px">
  228. <meta name="select:reblogger picture style" title="square" content="0px">
  229.  
  230. <meta name="select:reblog separators" title="yes full width" content="rb-yes rb-full">
  231. <meta name="select:reblog separators" title="yes normal" content="rb-yes rb-thin">
  232. <meta name="select:reblog separators" title="none" content="rb-none">
  233.  
  234. <!-- black-and-white options -->
  235. <meta name="select:grayscale photos" title="only grayscale reblogger icon" content="grayico">
  236. <meta name="select:grayscale photos" title="no (normal)" content="no">
  237. <meta name="select:grayscale photos" title="yes" content="yes">
  238.  
  239. <meta name="select:post buttons size" title="12px" content="12px">
  240. <meta name="select:post buttons size" title="10px" content="10px">
  241. <meta name="select:post buttons size" title="14px" content="14px">
  242. <meta name="select:post buttons size" title="16px" content="16px">
  243.  
  244. <meta name="select:post buttons spacing" title="6px" content="6px">
  245. <meta name="select:post buttons spacing" title="4px" content="4px">
  246. <meta name="select:post buttons spacing" title="8px" content="8px">
  247. <meta name="select:post buttons spacing" title="10px" content="10px">
  248.  
  249. <!-- clicktags or normal tags -->
  250. <meta name="select:show tags on click" title="click toggle + fade" content="yesclick withfade">
  251. <meta name="select:show tags on click" title="click toggle" content="yesclick">
  252. <meta name="select:show tags on click" title="always show" content="default">
  253.  
  254. <meta name="select:permalink top gap" title="6px" content="6px">
  255. <meta name="select:permalink top gap" title="4px" content="4px">
  256. <meta name="select:permalink top gap" title="8px" content="8px">
  257. <meta name="select:permalink top gap" title="10px" content="10px">
  258.  
  259. <meta name="select:permalink padding" title="12px" content="12px">
  260. <meta name="select:permalink padding" title="18px" content="18px">
  261. <meta name="select:permalink padding" title="14px" content="14px">
  262. <meta name="select:permalink padding" title="16px" content="16px">
  263. <meta name="select:permalink padding" title="20px" content="20px">
  264. <meta name="select:permalink padding" title="22px" content="22px">
  265.  
  266. <meta name="select:permalink icon" title="eye" content="eye">
  267. <meta name="select:permalink icon" title="star" content="star">
  268. <meta name="select:permalink icon" title="heart" content="heart">
  269. <meta name="select:permalink icon" title="arrow 1" content="angle-small-right">
  270. <meta name="select:permalink icon" title="arrow 2" content="caret-right">
  271. <meta name="select:permalink icon" title="x" content="cross-small">
  272. <meta name="select:permalink icon" title="crown" content="crown">
  273. <meta name="select:permalink icon" title="diamond" content="diamond">
  274. <meta name="select:permalink icon" title="link" content="link">
  275. <meta name="select:permalink icon" title="—" content="minus">
  276.  
  277. <meta name="select:post spacing" title="35px" content="35px">
  278. <meta name="select:post spacing" title="30px" content="30px">
  279. <meta name="select:post spacing" title="40px" content="40px">
  280. <meta name="select:post spacing" title="45px" content="45px">
  281. <meta name="select:post spacing" title="50px" content="50px">
  282.  
  283. <!--------- TUMBLR CONTROLS OPTIONS --------->
  284. <meta name="select:tumblr controls color" title="black" content="black">
  285. <meta name="select:tumblr controls color" title="white" content="white">
  286.  
  287. <!--------- TEXT FIELDS --------->
  288. <meta name="text:how to link music" content="linktr.ee/direct_file_links">
  289. <meta name="text:music player song name" content="岩崎 琢 – Glorious">
  290. <meta name="text:music player song mp3" content="https://cdn.discordapp.com/attachments/900670626774265886/900675060405243924/Glorious.mp3">
  291.  
  292. <meta name="text:sidebar 1 title" content="kami no himegoto">
  293. <meta name="text:sidebar 1 desc" content="A &lt;b&gt;god&apos;s greatest secret&lt;/b&gt; (&lt;i&gt;&quot;Kami no Himegoto&quot;&lt;/i&gt;) is a &lt;b&gt;shinki&apos;s real name&lt;/b&gt; from when they were &lt;b&gt;human&lt;/b&gt;. When a god names a shinki, the name bestowed by the god &lt;i&gt;seals the memories&lt;/i&gt; of the shinki&apos;s human life, including their real name. The god sees these memories upon naming the shinki and must keep them a secret.">
  294. <meta name="text:sidebar 2 title" content="神の秘め事">
  295.  
  296. <meta name="text:customlink 1 name" content="link one">
  297. <meta name="text:customlink 1 url" content="//www.youtube.com/watch?v=qfxDEZX9K0o">
  298. <meta name="text:customlink 2 name" content="">
  299. <meta name="text:customlink 2 url" content="">
  300. <meta name="text:customlink 3 name" content="">
  301. <meta name="text:customlink 3 url" content="">
  302. <meta name="text:customlink 4 name" content="">
  303. <meta name="text:customlink 4 url" content="">
  304. <meta name="text:customlink 5 name" content="">
  305. <meta name="text:customlink 5 url" content="">
  306. <meta name="text:customlink 6 name" content="">
  307. <meta name="text:customlink 6 url" content="">
  308.  
  309. <!----------------------------------->
  310.  
  311. <style type="text/css">
  312.  
  313. @font-face { font-family: "hundred ligatture"; src: url('//glen-assets.github.io/fonts/Hundred-Ligatture.otf'); }
  314.  
  315. @font-face { font-family: "851 tegaki zatsu hand"; src: url('//glen-assets.github.io/fonts/851_Tegaki_Zatsu_Hand.woff'); }
  316.  
  317. @font-face { font-family: "brutal medium"; src: url('//glen-assets.github.io/fonts/Brutal-Medium.ttf'); }
  318.  
  319. /*------------ TOOLTIPS ------------*/
  320. #s-m-t-tooltip {
  321. margin:16px;
  322. max-width:{select:post width};
  323. padding:8px 10px;
  324. background:{color:permalink background};
  325. border:1px solid {color:permalink border};
  326. border-radius:3px;
  327. font-family:rubik;
  328. font-size:calc({select:post font size} - 3.5px)!important;
  329. letter-spacing:1px;
  330. word-spacing:1px;
  331. text-transform:uppercase;
  332. color:{color:permalink};
  333. z-index:99;
  334. }
  335.  
  336. /*------------ TUMBLR CONTROLS ------------*/
  337. iframe#tumblr_controls, .iframe-controls--desktop {
  338. top:5px!important;
  339. right:5px!important;
  340. position:fixed!important;
  341.  
  342. transform:scale(0.7,0.7);
  343. -webkit-transform:scale(0.7,0.7);
  344.  
  345. transform-origin:100% 0;
  346. z-index:999999!important;
  347. visibility:hidden;
  348. opacity:0;
  349. user-select:none;
  350. }
  351.  
  352. .tc-black {
  353. filter:invert(100%) hue-rotate(180deg)!important;
  354. -webkit-filter:invert(100%) hue-rotate(180deg)!important;
  355. }
  356.  
  357. .t-opac {
  358. opacity:1!important;
  359. transition:opacity 0.269s ease-in-out;
  360. }
  361.  
  362. /*---------------SCROLLBAR---------------*/
  363. ::-webkit-scrollbar {
  364. width:var(--Scrollbar-Padding);
  365. height:var(--Scrollbar-Padding);
  366. background-color:{color:scrollbar bg};
  367. }
  368.  
  369. ::-webkit-scrollbar-thumb {
  370. background-color:{color:scrollbar};
  371. border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
  372. border-top:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
  373. border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
  374. background-clip:padding-box;
  375. }
  376.  
  377. ::-webkit-scrollbar-corner {
  378. background:transparent;
  379. }
  380.  
  381. ::selection {
  382. background:{color:highlight};
  383. color:{color:highlighted text};
  384. }
  385.  
  386. ::-moz-selection {
  387. background:{color:highlight};
  388. color:{color:highlighted text};
  389. }
  390.  
  391. /*------------ BASICS ------------*/
  392. body {
  393. margin:0;
  394. background-color:{color:background};
  395. background-image:url({image:background image});
  396. background-repeat:repeat;
  397. background-attachment:fixed;
  398. font-family:{select:body font}, 'system-ui';
  399. color:{color:text};
  400. overflow-x:hidden;
  401. overscroll-behavior-y:none;
  402. }
  403.  
  404. img, iframe {
  405. vertical-align:middle;
  406. image-rendering:-webkit-optimize-contrast;
  407. }
  408.  
  409. figure {
  410. margin-left:0;
  411. margin-right:0;
  412. }
  413.  
  414. a, a:visited {
  415. color:{color:link};
  416. text-decoration:none;
  417. }
  418.  
  419. a[title]:not([href]):hover {cursor:help;}
  420.  
  421. h1, h2, h3, h4, h5, h6 {
  422. margin:var(--Heading-Margins) 0;
  423. font-family:Amiri;
  424. font-size:calc({select:post font size} + 4px);
  425. text-transform:uppercase;
  426. font-weight:normal;
  427. letter-spacing:.7px;
  428. }
  429.  
  430. h1.title, .linkpath, a.read_more {
  431. display:block;
  432. margin-top:2px;
  433. padding:0.69em 0.8em;
  434. background:{color:post background 2};
  435. border:1px solid rgba({RGBcolor:post borders inner},0.420);
  436. border-radius:3px;
  437. font-family:Amiri;
  438. font-size:calc({select:post font size} + 2px)!important;
  439. font-weight:normal;
  440. text-transform:uppercase;
  441. letter-spacing:.7px!important;
  442. color:{color:headings}!important;
  443. text-align:center;
  444. line-height:calc({select:post text line height} * 0.8);
  445. }
  446.  
  447. h1.h1c, a.read_more {
  448. display:block;
  449. padding:0!important;
  450. background:transparent!important;
  451. border:none!important;
  452. margin:calc(var(--Heading-Margins) * 1.5) 0;
  453. }
  454.  
  455. h1, h2, h3, h4, h5, h6, a.read_more {
  456. font-size:calc({select:post font size} + 1.5px);
  457. line-height:{select:post text line height};
  458. }
  459.  
  460. a.read_more {
  461. padding-bottom:0;
  462. border:none;
  463. font-size:calc({select:post font size} + 1px);
  464. }
  465.  
  466. p {
  467. margin:var(--Paragraph-Margins) 0;
  468. }
  469.  
  470. ul, ol {
  471. margin:var(--Paragraph-Margins) 0;
  472. margin-left:1.69em;
  473. padding:0;
  474. }
  475.  
  476. ol li {
  477. padding-left:0.420em;
  478. }
  479.  
  480. ul li {
  481. position:relative;
  482. padding-left:0.25em;
  483. margin-left:calc(({select:post font size} * 1.420) - 3px);
  484. list-style:none;
  485. }
  486.  
  487. ul li:before {
  488. content:"";
  489. position:absolute;
  490. margin-top:calc((({select:post font size} * var(--LH)) / 2) - 0px);
  491. transform:translateY(-50%);
  492. left:0;margin-left:calc(({select:post font size} * -1.420) - 3px);
  493. width:{select:post font size};
  494. height:.7px;
  495. background:rgba({RGBcolor:text},0.420);
  496. }
  497.  
  498. pre {
  499. display:block;
  500. white-space:break-spaces;
  501. padding:var(--Captions-Gap);
  502. background:{color:post background 2};
  503. border:1px solid rgba({RGBcolor:post borders inner},0.420);
  504. border-radius:3px;
  505. margin:1em 0;
  506. }
  507.  
  508. pre, code {
  509. font-family:roboto mono;
  510. font-size:calc({select:post font size} - 1.5px);
  511. letter-spacing:0px;
  512. }
  513.  
  514. p code {
  515. margin:0 1px;
  516. padding:5px;
  517. padding-bottom:4px;
  518. background:{color:post background 2};
  519. border:1px solid {color:post borders inner};
  520. border-radius:3px;
  521. }
  522.  
  523. hr {
  524. display:block;
  525. margin:1em auto;
  526. width:69%;
  527. border-width:0px;
  528. height:1px;
  529. background:rgba({RGBcolor:post borders inner}, 0.69);
  530. }
  531.  
  532. p.npf_quirky {
  533. font-size:calc({select:post font size} * 1.4)!important;
  534. line-height:calc({select:post text line height} * 0.7)!important;
  535. }
  536.  
  537. p.npf_quote, p.npf_chat {
  538. font-size:inherit!important;
  539. line-height:inherit!important;
  540. }
  541.  
  542. .npf_color_joey {color:#f8747b!important} /* red */
  543. .npf_color_monica {color:#fe9e89!important} /* orange */
  544. .npf_color_phoebe {color:#facc48!important} /* yellow */
  545. .npf_color_ross {color:#75ca9b!important} /* green */
  546. .npf_color_rachel {color:#8dbfd9!important} /* blue */
  547. .npf_color_chandler {color:#c0a0dc!important} /* purple */
  548. .npf_color_niles {color:#fb94b4!important} /* pink */
  549.  
  550. .npf_row_set img {cursor:default!important}
  551.  
  552. .tmblr-full img {
  553. height:100%!important;
  554. object-fit:cover;
  555. }
  556.  
  557. .post_media_photo_anchor {
  558. height:100%;
  559. }
  560.  
  561. .post_media_photo {
  562. height:inherit!important;
  563. object-fit:cover;
  564. }
  565.  
  566. .flex, [flex] {
  567. display:flex;
  568. align-items:center;
  569. }
  570.  
  571. .flex.space-between {
  572. justify-content:space-between;
  573. }
  574.  
  575. .block {display:block}
  576.  
  577. .allcaps {
  578. letter-spacing:1px;
  579. font-size:90%;
  580. }
  581.  
  582. [invis]{display:none;}
  583.  
  584. :root {
  585. /*---- MUSIC PLAYER ----*/
  586. --MusicPlayer-Edge-Offset:12px;
  587. --MusicPlayer-Icon-Size:12px;
  588. --MusicPlayer-Icon-Color:{color:music player note};
  589. --MusicPlayer-Circle-Background:{color:music player bg};
  590. --MusicPlayer-Circle-Padding:9px;
  591.  
  592. --MusicPlayer-Bar-Length:18px;
  593. --MusicPlayer-Bar-Color:{color:music player bg};
  594.  
  595. --MusicPlayer-Buttons-Size:9px;
  596. --MusicPlayer-Buttons-Color:{color:music player buttons};
  597.  
  598. --MusicPlayer-Text-Size:10px;
  599. --MusicPlayer-Text-Color:{color:music player text};
  600.  
  601. --MusicPlayer-Main-Background:{color:music player bg};
  602. --MusicPlayer-Main-Padding:8px;
  603. --MusicPlayer-Main-Roundness:3px;
  604.  
  605. /*---- SIDEBAR 1 ----*/
  606. --Sidebar-1-Title-Padding:16px;
  607.  
  608. --Sidebar-1-Description-Padding:18px;
  609.  
  610. --Sidebar-1-Desc-Show-Speed:0.5s;
  611. --Sidebar-1-Desc-Hide-Speed:1s;
  612.  
  613. /*---- SIDEBAR 2 ----*/
  614. --Sidebar-2-Width:220px;
  615. --Sidebar-2-Padding:17px;
  616. --Sidebar-2-Icon-Padding:5px;
  617.  
  618. --Sidebar-2-Icon-Gap:10px;
  619.  
  620. --Sidebar-2-TopLinks-Spacing:6.5px;
  621. --Sidebar-2-TopLinks-Icon-Size:9.5px;
  622. --Sidebar-2-TopLinks-Icon-Padding:5px;
  623.  
  624. --Sidebar-2-TopLinks-Text-Size:8px;
  625. --Sidebar-2-TopLinks-Text-Padding:5px;
  626. --Sidebar-2-TopLinks-Text-MinWidth:32px;
  627.  
  628. --Sidebar-2-TopLinks-Roundness:3px;
  629.  
  630. --Sidebar-2-Desc-Padding:12px;
  631.  
  632. --CustomLinks-Per-Row:2;
  633. --CustomLinks-Padding:4px;
  634. --CustomLinks-Spacing:5px;
  635.  
  636. --Sidebar-2-Sections-Spacing:10px;
  637.  
  638. /*---- GENERAL STUFF ----*/
  639. --TumblrControls-Color:{select:tumblr controls color};
  640. --Scrollbar-Padding:17px;
  641.  
  642. /*---- POST SETTINGS ----*/
  643. --Photos-Spacing:{select:photoset spacing};
  644.  
  645. --Posts-Avatar-Size:25px;
  646. --Captions-Gap:0.420em;
  647.  
  648. --Link:{color:link};
  649. --Blockquote-Border-Color:{color:post borders inner};
  650.  
  651. --Paragraph-Margins:0.69em;
  652. --Heading-Margins:0.5em;
  653.  
  654. --NPF-Image-Spacing:{select:photoset spacing};
  655. --NPF-Bottom-Gap-From-Captions:0.420em;
  656.  
  657. --Grayscale-Settings:grayscale(100%) contrast(110%) brightness(104%);
  658. --Grayscale-Hover-Speed:0.420s;
  659.  
  660. --Audio-Post-Album-Image-Size:64px;
  661. --Audio-Post-PlayButton-Size:18px;
  662. --Audio-Post-PlayButton-Padding:8px;
  663.  
  664. --AskPost-Avatar-Size:48px;
  665.  
  666. --Text-LineHeight:{select:post text line height};
  667.  
  668. --Permalink-Background:{color:permalink background};
  669.  
  670. --Post-Buttons-Color:{color:post buttons};
  671. }
  672.  
  673. /*------------ SIDEBAR 1 ------------*/
  674. .leftside {
  675. position:fixed;
  676. top:0;left:0;
  677. width:{select:sidebar 1 width};
  678. height:100vh;
  679. background-color:{color:sidebar 1 background};
  680. z-index:69;
  681. }
  682.  
  683. .clutch {
  684. position:relative;
  685. width:100%;
  686. height:100%;
  687. }
  688.  
  689. .mplayer {
  690. position:absolute;
  691. top:0;margin-top:var(--MusicPlayer-Edge-Offset);
  692. left:0;margin-left:var(--MusicPlayer-Edge-Offset);
  693. display:flex;
  694. align-items:center;
  695. z-index:10;
  696. filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.07))
  697. }
  698.  
  699. .zirc {
  700. position:relative;
  701. margin-right:-1px;
  702. padding:var(--MusicPlayer-Circle-Padding);
  703. background:var(--MusicPlayer-Circle-Background);
  704. border-radius:100%;
  705. overflow:hidden;
  706. z-index:2;
  707. }
  708.  
  709. /* hover stuff */
  710. .potatowrap {
  711. opacity:0;
  712. transition:opacity .420s ease-in-out;
  713. transition-delay:0s;
  714. }
  715.  
  716. .mplayer:hover .mline {
  717. width:var(--MusicPlayer-Bar-Length);
  718. transition-delay:0s; /* delay when mouseleave */
  719. }
  720.  
  721. .mplayer:hover .potatowrap {
  722. opacity:1;
  723. transition-delay:.420s;
  724. }
  725.  
  726. .msym, .blay, .bause {
  727. -webkit-mask-size:contain;
  728. -webkit-mask-position:center;
  729. -webkit-mask-repeat:no-repeat;
  730. }
  731.  
  732. .msym {
  733. width:var(--MusicPlayer-Icon-Size);
  734. height:var(--MusicPlayer-Icon-Size);
  735. -webkit-mask-image:var(--nota);
  736. background:var(--MusicPlayer-Icon-Color);
  737. }
  738.  
  739. .mline {
  740. margin-right:-3px;
  741. width:0px;
  742. height:3px;
  743. background:var(--MusicPlayer-Bar-Color);
  744. border-radius:6px;
  745. transition:width .420s ease-in-out;
  746. transition-delay:.420s; /* delay when mouseenter */
  747. }
  748.  
  749. .potatowrap {
  750. display:flex;
  751. align-items:center;
  752. padding:calc(var(--MusicPlayer-Main-Padding) - 2px) var(--MusicPlayer-Main-Padding);
  753. background:var(--MusicPlayer-Main-Background);
  754. border-radius:var(--MusicPlayer-Main-Roundness);
  755. }
  756.  
  757. .music-controls {
  758. margin:-6px;
  759. padding:6px;
  760. cursor:pointer;
  761. }
  762.  
  763. .blay {
  764. width:var(--MusicPlayer-Buttons-Size);
  765. height:var(--MusicPlayer-Buttons-Size);
  766. background:var(--MusicPlayer-Buttons-Color);
  767. -webkit-mask-image:var(--blay);
  768. }
  769.  
  770. .bause {
  771. width:var(--MusicPlayer-Buttons-Size);
  772. height:var(--MusicPlayer-Buttons-Size);
  773. background:var(--MusicPlayer-Buttons-Color);
  774. -webkit-mask-image:var(--bause);
  775. }
  776.  
  777. .songtext {
  778. margin-left:6px;
  779. font-size:var(--MusicPlayer-Text-Size);
  780. color:var(--MusicPlayer-Text-Color);
  781. }
  782.  
  783. .pausee {display:none;}
  784.  
  785. .beff {display:none;}
  786. .aff {display:block;}
  787.  
  788. .sbimg {
  789. position:absolute;
  790. top:0;left:0;
  791. width:100%;
  792. height:100%;
  793. background-size:cover;
  794. background-position:50% 0%;
  795. background-repeat:no-repeat;
  796. background-image:url({image:sidebar 1 image});
  797. }
  798.  
  799. .turnip {
  800. position:absolute;
  801. bottom:0;left:0;
  802. width:100%;
  803. transition:margin-bottom var(--Sidebar-1-Desc-Hide-Speed) ease-in-out;
  804. }
  805.  
  806. .sbt {
  807.  
  808. }
  809.  
  810. .sidebar-title {
  811. padding:var(--Sidebar-1-Title-Padding);
  812. background:rgba({RGBcolor:sidebar 1 background},1);
  813. font-family:hundred ligatture;
  814. font-size:{select:sidebar 1 title size};
  815. text-transform:uppercase;
  816. letter-spacing:1.3px;
  817. color:{color:sidebar 1 title};
  818. text-align:center;
  819. transition:letter-spacing .69s ease-in-out;
  820. }
  821.  
  822. .leftside:hover .sidebar-title:not(.beer) {
  823. letter-spacing:1.7px;
  824. }
  825.  
  826. .sidebar-title::first-letter {
  827. color:{color:sidebar 1 title special};
  828. }
  829.  
  830. .beer {
  831. transition:none;
  832. }
  833.  
  834. .sbd {
  835. position:absolute;
  836. visibility:hidden;
  837. }
  838.  
  839. .repose {
  840. position:initial;
  841. visibility:initial;
  842. }
  843.  
  844. .sidebar-desc {
  845. padding:calc(var(--Sidebar-1-Description-Padding) - 4px) var(--Sidebar-1-Description-Padding);
  846. border-top:1px solid {color:sidebar 1 border};
  847. background:rgba({RGBcolor:sidebar 1 background},0.969);
  848. backdrop-filter:blur(3px);
  849. font-size:{select:sidebar 1 desc size};
  850. color:{color:sidebar 1 desc};
  851. text-align:{select:sidebar 1 desc text align};
  852. line-height:150%;
  853. }
  854.  
  855. .leftside:hover .turnip {
  856. margin-bottom:0px!important;
  857. transition:margin-bottom var(--Sidebar-1-Desc-Show-Speed) ease-in-out;
  858. }
  859.  
  860. .sbd[font='Manrope'] .sidebar-desc {
  861. line-height:165%;
  862. }
  863.  
  864. .sbd[font='Manrope'] b {
  865. font-weight:800;
  866. letter-spacing:0px;
  867. }
  868.  
  869. /*------------ SIDEBAR 2 ------------*/
  870. .sidebeer {
  871. position:fixed;
  872. top:0;
  873. left:0;margin-left:{select:sidebar 1 width};
  874. width:calc(var(--Sidebar-2-Width) + (var(--Sidebar-2-Padding) * 2));
  875. height:100vh;
  876. background:{color:sidebar 2 background};
  877. z-index:2;
  878. }
  879.  
  880. .tortilla {
  881. position:relative;
  882. width:100%;
  883. height:100%;
  884. display:table;
  885. }
  886.  
  887. .pesto {
  888. position:absolute;
  889. bottom:0;margin-bottom:15px;
  890. left:0;
  891. margin-left:var(--Sidebar-2-Padding);
  892. width:var(--Sidebar-2-Width);
  893. font-family:public sans;
  894. font-size:calc(var(--Sidebar-2-TopLinks-Text-Size) - 1px);
  895. text-transform:uppercase;
  896. letter-spacing:.7px;
  897. text-align:center;
  898. }
  899.  
  900. .pesto a {
  901. margin:auto;
  902. padding:5px;
  903. color:rgba({RGBcolor:sidebar 2 title},0.8);
  904. }
  905.  
  906. .cas {
  907. display:table-cell;
  908. vertical-align:middle;
  909. }
  910.  
  911. .taro {
  912. margin-left:var(--Sidebar-2-Padding);
  913. width:var(--Sidebar-2-Width);
  914. }
  915.  
  916. .avhead {
  917. display:flex;
  918. align-items:center;
  919. }
  920.  
  921. .avi-icon {
  922. width:{select:sidebar 2 icon size};
  923. height:{select:sidebar 2 icon size};
  924. padding:var(--Sidebar-2-Icon-Padding);
  925. border-radius:100%;
  926. border:1px solid {color:sidebar 2 icon border};
  927. }
  928.  
  929. .avi-title {
  930. position:relative;
  931. margin-left:var(--Sidebar-2-Icon-Gap);
  932. font-family:lexend deca;
  933. text-transform:uppercase;
  934. font-size:{select:sidebar 2 title size};
  935. letter-spacing:.5px;
  936. word-spacing:-.3px;
  937. color:{color:sidebar 2 title};
  938. line-height:calc({select:sidebar 2 title size} * 1.5);
  939. opacity:0;
  940. }
  941.  
  942. .avi-title::first-letter {
  943. color:{color:sidebar 2 title special};
  944. }
  945.  
  946. .undyne {
  947. position:absolute;
  948. bottom:0;
  949. left:0;
  950. width:100%;
  951. height:100%;
  952. -webkit-mask-image:var(--paintSmear);
  953. -webkit-mask-size:contain;
  954. -webkit-mask-repeat:no-repeat;
  955. -webkit-mask-position:0% 0%;
  956. background:{color:sidebar 2 title underline};
  957. z-index:-1;
  958. }
  959.  
  960. .jpn {
  961. padding-bottom:3px;
  962. font-family:"851 tegaki zatsu hand";
  963. font-size:calc({select:sidebar 2 title size} * 1.5);
  964. letter-spacing:1px;
  965. word-spacing:0px;
  966. }
  967.  
  968. .charge {
  969. position:absolute;
  970. margin-top:calc({select:sidebar 2 title size} / -2);
  971. margin-left:var(--Sidebar-2-Icon-Gap);
  972. font-family:inter;
  973. font-size:calc({select:sidebar 2 title size} + 3px);
  974. letter-spacing:1px;
  975. color:{color:sidebar 2 title};
  976. animation:fdgod .269s;
  977. }
  978.  
  979. @-webkit-keyframes fdgod {
  980. from { opacity: 0; }
  981. to { opacity: 1; }
  982. }
  983.  
  984. .headlinks {
  985. display:flex;
  986. align-items:center;
  987. flex-wrap:nowrap;
  988. margin-top:calc(var(--Sidebar-2-Sections-Spacing) + 3px);
  989. line-height:0;
  990. }
  991.  
  992. .headlinks a {
  993. display:table;
  994. margin-right:var(--Sidebar-2-TopLinks-Spacing);
  995. border-radius:var(--Sidebar-2-TopLinks-Roundness);
  996. transition:filter .269s ease-in-out;
  997. overflow:hidden;
  998. }
  999.  
  1000. .headlinks a:hover {
  1001. filter:brightness(95%) contrast(102%) saturate(120%);
  1002. }
  1003.  
  1004. .headlinks a:last-child {
  1005. margin-right:0;
  1006. }
  1007.  
  1008. .headlinks i {
  1009. display:block;
  1010. font-size:var(--Sidebar-2-TopLinks-Icon-Size);
  1011. padding:var(--Sidebar-2-TopLinks-Icon-Padding);
  1012. background:{color:sidebar 2 toplinks icon bg};
  1013. color:{color:sidebar 2 toplinks icon};
  1014. }
  1015.  
  1016. .headlinks [text]{
  1017. display:table-cell;
  1018. vertical-align:middle;
  1019. border-top:.5px solid transparent;
  1020. padding-left:var(--Sidebar-2-TopLinks-Text-Padding);
  1021. padding-right:calc(var(--Sidebar-2-TopLinks-Text-Padding) + 2px);
  1022. height:100%;
  1023. background:{color:sidebar 2 toplinks text bg};
  1024. font-family:public sans;
  1025. font-size:var(--Sidebar-2-TopLinks-Text-Size);
  1026. text-transform:uppercase;
  1027. letter-spacing:.5px;
  1028. color:{color:sidebar 2 toplinks text};
  1029. line-height:var(--Sidebar-2-TopLinks-Text-Size);
  1030. min-width:var(--Sidebar-2-TopLinks-Text-MinWidth);
  1031. }
  1032.  
  1033. .descbox {
  1034. margin-top:var(--Sidebar-2-Sections-Spacing);
  1035. padding:calc(var(--Sidebar-2-Desc-Padding) - 1.5px) var(--Sidebar-2-Desc-Padding);
  1036. background:{color:sidebar 2 desc bg};
  1037. font-size:{select:sidebar 2 desc size}!important;
  1038. color:{color:sidebar 2 desc text};
  1039. text-align:{select:sidebar 2 desc text align}!important;
  1040. line-height:150%;
  1041. }
  1042.  
  1043. .descbox[font='Manrope']{
  1044. line-height:160%!important;
  1045. }
  1046.  
  1047. .descbox[font='Manrope'] b {
  1048. font-weight:800;
  1049. letter-spacing:0px;
  1050. }
  1051.  
  1052. .ciels {
  1053. margin-top:var(--Sidebar-2-Sections-Spacing);
  1054. display:flex;
  1055. flex-wrap:wrap;
  1056. margin-left:calc(0px - (var(--CustomLinks-Spacing) / 2));
  1057. width:calc(100% + var(--CustomLinks-Spacing));
  1058. }
  1059.  
  1060. .ciels a {
  1061. display:block;
  1062. margin:calc(var(--CustomLinks-Spacing) / 2);
  1063. width:calc((100% - (var(--CustomLinks-Spacing) * var(--CustomLinks-Per-Row))) / var(--CustomLinks-Per-Row));
  1064. padding:var(--CustomLinks-Padding);
  1065. background:{color:customlinks bg};
  1066. font-family:public sans;
  1067. font-size:{select:customlinks text size};
  1068. text-transform:uppercase;
  1069. letter-spacing:.5px;
  1070. color:{color:customlinks text};
  1071. line-height:155%;
  1072. text-align:center;
  1073. box-sizing:border-box;
  1074. transition:filter .269s ease-in-out;
  1075. }
  1076.  
  1077. .ciels a:hover {
  1078. filter:brightness(95%) contrast(102%) saturate(120%);
  1079. }
  1080.  
  1081. /*------------ MAIN POSTS ------------*/
  1082. .maincont {
  1083. margin-left:calc({select:sidebar 1 width} + var(--Sidebar-2-Width) + (var(--Sidebar-2-Padding) * 2) + {select:window margin});
  1084. width:calc({select:post width} + ({select:post padding} * 2) + 2px);
  1085. max-height:100vh;
  1086. }
  1087.  
  1088. .postscont {
  1089. position:absolute;
  1090. margin:{select:window margin} 0;
  1091. min-width:calc({select:post width} + ({select:post padding} * 2) + 2px); /* fallback for if no posts are found */
  1092. font-size:{select:post font size};
  1093. color:{color:text};
  1094. line-height:{select:post text line height};
  1095. }
  1096.  
  1097. [font='Libre Franklin'], [font='Manrope']{
  1098. letter-spacing:0.3px;
  1099. }
  1100.  
  1101. [font='Manrope'] {
  1102. font-size:calc({select:post font size} - .5px);
  1103. line-height:calc({select:post text line height} * 1.069);
  1104. }
  1105.  
  1106. .posts {
  1107. position:relative;
  1108. margin-bottom:{select:post spacing};
  1109. width:{select:post width};
  1110. overflow:hidden;
  1111. }
  1112.  
  1113. .posts[post-width="fill"]{
  1114. width:500px;
  1115. }
  1116.  
  1117. .suce {
  1118. height:initial!important;
  1119. }
  1120.  
  1121. .pho {
  1122. padding:{select:post padding};
  1123. background:{color:post background};
  1124. border:1px solid {color:post borders outer};
  1125. }
  1126.  
  1127. .body[original] > *:first-child {
  1128. margin-top:0px!important;
  1129. }
  1130.  
  1131. .posts blockquote {
  1132. margin:calc(var(--Posts-Avatar-Size) / 2);
  1133. padding-left:calc(var(--Posts-Avatar-Size) / 2);
  1134. border-left:1px solid var(--Blockquote-Border-Color);
  1135. margin-right:0;
  1136. }
  1137.  
  1138. .posts img {
  1139. max-width:100%;
  1140. }
  1141.  
  1142. [grayscale="yes"] .posts img:not(.nofilter) {
  1143. filter:var(--Grayscale-Settings);
  1144. -webkit-filter:var(--Grayscale-Settings);
  1145. transition:filter var(--Grayscale-Hover-Speed) ease-in-out;
  1146. }
  1147.  
  1148. [grayscale="yes"] .posts:hover img:not(.nofilter) {
  1149. filter:initial;
  1150. -webkit-filter:initial;
  1151. }
  1152.  
  1153. .postinner {
  1154. }
  1155.  
  1156. /* hyperlinks in post */
  1157. .comment a, .body[original] a, .caption[original] a, .link-description[original] a {
  1158. padding-bottom:2px;
  1159. border-bottom:.7px solid rgba({RGBcolor:post borders inner},0.8);
  1160. }
  1161.  
  1162. .comment b, .comment strong, .body b, .body strong {
  1163. color:{color:bold};
  1164. }
  1165.  
  1166. /*----- PINNED POST -----*/
  1167. .pi-n {
  1168. display:flex;
  1169. align-items:center;
  1170. margin-top:calc(var(--Paragraph-Margins) * 2);
  1171. margin-bottom:-2px;
  1172. }
  1173.  
  1174. .pi-n span {
  1175. display:block;
  1176. }
  1177.  
  1178. .pinny {
  1179. margin-right:6px;
  1180. width:calc({select:post font size} + 3px);
  1181. height:calc({select:post font size} + 3px);
  1182. -webkit-mask-image:var(--pushpin);
  1183. -webkit-mask-repeat:no-repeat;
  1184. -webkit-mask-size:contain;
  1185. background:{color:reblogger};
  1186. }
  1187.  
  1188. .pinny ~ span {
  1189. margin-top:.5px;
  1190. font-family:rubik;
  1191. text-transform:uppercase;
  1192. font-size:calc({select:post font size} - 2px);
  1193. letter-spacing:.7px;
  1194. color:{color:reblogger};
  1195. }
  1196.  
  1197. /*------------ REBLOG STYLING ------------*/
  1198. .caption {
  1199. margin-top:var(--NPF-Bottom-Gap-From-Captions);
  1200. }
  1201.  
  1202. [reblog-borders*='rb-yes'] .has-npf .npf_inst ~ .comment_container[nxtpad] {
  1203. padding-top:0;
  1204. }
  1205.  
  1206. [reblog-borders*='rb-thin'] .comment_container {
  1207. padding:calc(var(--Captions-Gap) / 2.5) 0;
  1208. border-bottom:1px solid {color:post borders inner};
  1209. }
  1210.  
  1211. [reblog-borders*='rb-full'] .comment_container {
  1212. margin:0 -{select:post padding};
  1213. padding:calc(var(--Captions-Gap) / 2.5) {select:post padding};
  1214. border-bottom:1px solid rgba({RGBcolor:post borders inner},0.420);
  1215. }
  1216.  
  1217. [reblog-borders='rb-none'] .comment_container {
  1218. /*padding:calc(var(--Captions-Gap) / 2.5) 0;*/
  1219. }
  1220.  
  1221. .comment_container:first-of-type, .ccfirst {
  1222. padding-top:0px;
  1223. border-top:0px solid transparent;
  1224. }
  1225.  
  1226. .body .ccfirst {
  1227. margin-top:calc(var(--Captions-Gap) / -2);
  1228. }
  1229.  
  1230. .comment_container:last-of-type, .cclast {
  1231. padding-bottom:0px;
  1232. border-bottom:0px solid transparent;
  1233. }
  1234.  
  1235. .comment_container + .comment_container .commenter {
  1236. margin-top:2px;
  1237. }
  1238.  
  1239. .commenter {
  1240. padding-top:0.69em;
  1241. margin-bottom:0.69em;
  1242. display:flex;
  1243. align-items:center;
  1244. }
  1245.  
  1246. .commenter img {
  1247. width:var(--Posts-Avatar-Size);
  1248. height:var(--Posts-Avatar-Size);
  1249. border-radius:{select:reblogger picture style};
  1250. }
  1251.  
  1252. [grayscale='grayico'] .commenter img {
  1253. filter:var(--Grayscale-Settings);
  1254. -webkit-filter:var(--Grayscale-Settings);
  1255. }
  1256.  
  1257. .commenter a {
  1258. padding-left:8px;
  1259. }
  1260.  
  1261. .commenter a, .tumblr_blog, .tmblr-attribution a {
  1262. font-family:brutal medium;
  1263. font-size:calc({select:post font size} - 2.5px);
  1264. text-transform:uppercase;
  1265. letter-spacing:.7px;
  1266. color:{color:reblogger};
  1267. }
  1268.  
  1269. .tmblr-attribution a {
  1270. display:block;
  1271. color:{color:link};
  1272. }
  1273.  
  1274. .tmblr-attribution {
  1275. text-align:right;
  1276. }
  1277.  
  1278. .nosrc {
  1279. display:none;
  1280. margin-top:0;
  1281. padding-top:0;
  1282. }
  1283.  
  1284. /*----- QUOTE POSTS -----*/
  1285. .nosrc + .pq {
  1286. margin-top:0.9em;
  1287. }
  1288.  
  1289. .pq {
  1290. margin:1.2em 0;
  1291. text-align:center;
  1292. }
  1293.  
  1294. .quote-words {
  1295. padding:0 1em;
  1296. font-family:Amiri;
  1297. font-size:calc({select:post font size} + 2.5px);
  1298. text-transform:uppercase;
  1299. letter-spacing:.7px;
  1300. line-height:{select:post text line height};
  1301. }
  1302.  
  1303. .quote-source {
  1304. padding-top:1em;
  1305. }
  1306.  
  1307. /*----- ASK POSTS -----*/
  1308. .as {
  1309. padding-bottom:0!important;
  1310. border-bottom:0!important;
  1311. }
  1312.  
  1313. .askcont {
  1314. display:flex;
  1315. margin-bottom:calc(var(--Captions-Gap) / 2.5);
  1316. padding:var(--Captions-Gap);
  1317. background:{color:post background 2};
  1318. }
  1319.  
  1320. [reblog-borders*='rb-yes'] .askcont {
  1321. /*margin:calc(var(--Captions-Gap) / 2) 0;*/
  1322. }
  1323.  
  1324. [reblog-borders*='rb-none'] .anscont {
  1325. padding-top:0;
  1326. }
  1327.  
  1328. .asker {
  1329. margin:0!important;
  1330. margin-top:-2px!important;
  1331. padding-top:0!important;
  1332. font-family:rubik!important;
  1333. text-transform:uppercase;
  1334. font-size:calc({select:post font size} - 1.5px)!important;
  1335. letter-spacing:.7px!important;
  1336. transform:none!important;
  1337. }
  1338.  
  1339. .one-liner {
  1340. margin-top:0px!important;
  1341. padding-top:2px!important;
  1342. }
  1343.  
  1344. .asker b {
  1345. font-weight:normal;
  1346. margin-left:1px;
  1347. }
  1348.  
  1349. .askimg {
  1350. margin-right:calc(({select:post padding} * 0.69) + 2px);
  1351. width:var(--AskPost-Avatar-Size);
  1352. height:var(--AskPost-Avatar-Size);
  1353. border-radius:{select:reblogger picture style};
  1354. }
  1355.  
  1356. .asker i {
  1357. font-size:calc({select:post font size} * 1.5);
  1358. }
  1359.  
  1360. .asker span {
  1361. margin-top:0;
  1362. padding-left:0;
  1363. color:{color:headings};
  1364. }
  1365.  
  1366. .asker span a {
  1367. padding-left:0!important;
  1368. }
  1369.  
  1370. [reblog-borders*='rb-yes'] .anscont {
  1371. margin-top:calc(var(--Captions-Gap) / -2);
  1372. }
  1373.  
  1374. .answerer b {
  1375. font-weight:normal;
  1376. margin-left:4px;
  1377. }
  1378.  
  1379. .question_text {
  1380. margin:0;
  1381. }
  1382.  
  1383. .question_text p:first-child {margin-top:0}
  1384. .question_text p:last-child {margin-bottom:0}
  1385. .question_text p:only-child {margin:0}
  1386.  
  1387. /*----- PHOTO POSTS -----*/
  1388. .photopic {
  1389. width:100%;
  1390. cursor:pointer;
  1391. }
  1392.  
  1393. /*----- PHOTOSETS -----*/
  1394. [photoset-layout] {
  1395. grid-gap:{select:photoset spacing};
  1396. }
  1397.  
  1398. [photoset-layout] div {
  1399. cursor:pointer;
  1400. backface-visibility:hidden;
  1401. }
  1402.  
  1403. /*------- LIGHTBOX BS -------*/
  1404. .vignette, #vignette {
  1405. opacity:0;
  1406. }
  1407.  
  1408. .tmblr-lightbox, #tumblr_lightbox {
  1409. background:rgba({RGBcolor:post background},0.69)!important;
  1410. box-shadow:none!important;
  1411. backdrop-filter:blur(3px) brightness(69%) contrast(131%);
  1412. }
  1413.  
  1414. .lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
  1415. margin-top:calc(-{select:post padding} - 1px)!important;
  1416. padding:{select:post padding}!important;
  1417. background:{color:post background}!important;
  1418. border:1px solid {color:post borders outer}!important;
  1419. box-shadow:none!important;
  1420. border-radius:0px!important;
  1421. }
  1422.  
  1423. /*----- CHAT POSTS -----*/
  1424. .chatcont {
  1425. margin-top:-.25px;
  1426. }
  1427.  
  1428. .chatholder:first-child, .commenter + .chatholder {
  1429. margin-top:0.8em;
  1430. border-radius:3px 3px 0 0;
  1431. }
  1432.  
  1433. .chatholder:last-child {
  1434. border-radius:0 0 3px 3px;
  1435. }
  1436.  
  1437. .chatholder:only-child {
  1438. border-radius:3px;
  1439. }
  1440.  
  1441. .chatholder {
  1442. padding:0.69em 0.8em;
  1443. border:1px solid rgba({RGBcolor:post borders inner},0.420);
  1444. margin-bottom:-1px;
  1445. }
  1446.  
  1447. .chat_label {
  1448. margin-right:3px;
  1449. font-family:rubik;
  1450. font-size:calc({select:post font size} - 1px);
  1451. font-weight:bold;
  1452. text-transform:uppercase;
  1453. letter-spacing:.7px;
  1454. }
  1455.  
  1456. .chat_content {
  1457. }
  1458.  
  1459. /*----- AUDIO POSTS -----*/
  1460. .tumblr_audio_player[width] {
  1461. width:100%!important;
  1462. height:0!important;
  1463. }
  1464.  
  1465. .ogre {
  1466. background:{color:post background 2};
  1467. }
  1468.  
  1469. .audiocont {
  1470. position:absolute;
  1471. display:none;
  1472. overflow:hidden;
  1473. width:0!important;
  1474. height:0!important;
  1475. opacity:0;
  1476. }
  1477.  
  1478. .is_spotify, .spotify_audio_player, .is_soundcloud {
  1479. width:100%;
  1480. }
  1481.  
  1482. [grayscale="yes"] .is_spotify, [grayscale="yes"] .is_soundcloud {
  1483. filter:var(--Grayscale-Settings);
  1484. -webkit-filter:var(--Grayscale-Settings);
  1485. transition:filter var(--Grayscale-Hover-Speed) ease-in-out;
  1486. }
  1487.  
  1488. [grayscale="yes"] .posts:hover .is_spotify,
  1489. [grayscale="yes"] .posts:hover .is_soundcloud {
  1490. filter:initial;
  1491. -webkit-filter:initial;
  1492. }
  1493.  
  1494. .alcove {
  1495. position:relative;
  1496. width:var(--Audio-Post-Album-Image-Size);
  1497. height:var(--Audio-Post-Album-Image-Size);
  1498. }
  1499.  
  1500. .strawberries {
  1501. position:absolute;
  1502. top:0;margin-top:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
  1503. left:0;margin-left:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
  1504. width:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
  1505. height:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
  1506. }
  1507.  
  1508. .summer {
  1509. border:1px solid rgba({RGBcolor:post borders inner},0.420);
  1510. width:100%;
  1511. height:100%;
  1512. background:{color:post background 2};
  1513. box-sizing:border-box;
  1514. border-radius:100%;
  1515. display:flex;
  1516. align-items:center;
  1517. justify-content:center;
  1518. line-height:1em;
  1519. cursor:pointer;
  1520. user-select:none;
  1521. }
  1522.  
  1523. .splay {
  1524. margin-top:2px;
  1525. }
  1526.  
  1527. .splay i, .spause i {
  1528. font-size:var(--Audio-Post-PlayButton-Size);
  1529. color:{color:headings};
  1530. }
  1531.  
  1532. .spause {
  1533. display:none;
  1534. margin-top:2px;
  1535. }
  1536.  
  1537. .spause i {
  1538. font-size:calc(var(--Audio-Post-PlayButton-Size) - 1px);
  1539. }
  1540.  
  1541. .a-lbum-img {
  1542. width:100%;
  1543. height:100%;
  1544. visibility:hidden;
  1545. }
  1546.  
  1547. .tin {
  1548. width:calc(100% - var(--Audio-Post-Album-Image-Size));
  1549. height:var(--Audio-Post-Album-Image-Size);
  1550. padding:10px 12px;
  1551. box-sizing:border-box;
  1552. }
  1553.  
  1554. .trackinfo {
  1555. }
  1556.  
  1557. .t-name {
  1558. font-family:rubik;
  1559. font-size:calc({select:post font size} - 1px);
  1560. font-weight:bold;
  1561. text-transform:uppercase;
  1562. letter-spacing:1px;
  1563. }
  1564.  
  1565. .t-name + .t-artist {
  1566. margin-top:-2.5px;
  1567. }
  1568.  
  1569. .dongload {
  1570. text-transform:initial!important;
  1571. }
  1572.  
  1573. .dong {
  1574. width:calc({select:post font size} + 4px);
  1575. height:calc({select:post font size} + 4px);
  1576. -webkit-mask-image:var(--dongload);
  1577. -webkit-mask-repeat:no-repeat;
  1578. -webkit-mask-size:contain;
  1579. background:{color:link};
  1580. }
  1581.  
  1582. /*----- VIDEOS -----*/
  1583. video {
  1584. position:relative;
  1585. display:block;
  1586. outline:none;
  1587. cursor:default;
  1588. width:100%;
  1589. }
  1590.  
  1591. [grayscale="yes"] video {
  1592. filter:var(--Grayscale-Settings);
  1593. transition:filter var(--Grayscale-Hover-Speed) ease-in-out;
  1594. }
  1595.  
  1596. [grayscale="yes"] .posts:hover video {
  1597. filter:initial;
  1598. -webkit-filter:initial;
  1599. }
  1600.  
  1601. video::-webkit-media-controls-panel {
  1602. position:absolute;
  1603. bottom:0;
  1604. background:transparent!important;
  1605. width:100%;
  1606. box-sizing:border-box;
  1607. opacity:1!important;
  1608. filter:invert(1);
  1609. }
  1610.  
  1611. video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
  1612. display:none!important;
  1613. }
  1614.  
  1615. /*--------*/
  1616.  
  1617. [grayscale="yes"] .tumblr_video_container {
  1618. filter:var(--Grayscale-Settings)!important;
  1619. transition:filter var(--Grayscale-Hover-Speed) ease-in-out!important;
  1620. }
  1621.  
  1622. [grayscale="yes"] .posts:hover .tumblr_video_container {
  1623. filter:initial!important;
  1624. -webkit-filter:initial!important;
  1625. }
  1626.  
  1627. .tumblr_video_container {
  1628. width:initial!important;
  1629. height:initial!important;
  1630. }
  1631.  
  1632. .tumblr_video_iframe {
  1633. width:100%!important;
  1634. }
  1635.  
  1636. /*----- TAGS -----*/
  1637. .tagcont[tags-opt*='yesclick']{
  1638. {block:IndexPage}
  1639. display:none;
  1640. {/block:IndexPage}
  1641. }
  1642.  
  1643. .tagcont[tags-opt*='withfade']{
  1644. {block:IndexPage}
  1645. opacity:0;
  1646. {/block:IndexPage}
  1647. }
  1648.  
  1649. .tagcont {
  1650. margin:-3px -5px;
  1651. }
  1652.  
  1653. .tagcont, .tagsfade {
  1654. transition:opacity 400ms ease-in-out;
  1655. }
  1656.  
  1657. .tagsfade {
  1658. opacity:1!important;
  1659. }
  1660.  
  1661. .tagholder {
  1662. display:flex;
  1663. flex-wrap:wrap;
  1664. justify-content:flex-end;
  1665. padding-top:{select:post padding};
  1666. text-align:right;
  1667. /*margin:0 -5px;*/
  1668. font-family:rubik;
  1669. font-size:calc({select:post font size} - 3px);
  1670. text-transform:uppercase;
  1671. letter-spacing:1px;
  1672. }
  1673.  
  1674. .tagholder a {
  1675. display:block;
  1676. margin:0 3.5px;
  1677. color:{color:tags};
  1678. }
  1679.  
  1680. /*------------ PERMALINK ------------*/
  1681. .permarow {
  1682. display:flex;
  1683. align-items:center;
  1684. justify-content:space-between;
  1685. margin-top:{select:permalink top gap};
  1686. padding:{select:permalink padding};
  1687. background:{color:permalink background};
  1688. border:1px solid {color:permalink border};
  1689. min-height:{select:post buttons size};
  1690. text-transform:uppercase;
  1691. font-family:public sans;
  1692. font-size:calc({select:post font size} - 3.3px);
  1693. letter-spacing:1px;
  1694. color:{color:permalink text};
  1695. line-height:1em;
  1696. }
  1697.  
  1698. .permaleft {
  1699. /*flex:1;*/
  1700. display:flex;
  1701. align-items:center;
  1702. font-family:rubik;
  1703. white-space:nowrap;
  1704. }
  1705.  
  1706. .p_thelink {
  1707. padding:{select:permalink padding} 0;
  1708. margin:-{select:permalink padding} 0;
  1709. }
  1710.  
  1711. .permarow i {
  1712. margin:0 6px;
  1713. font-size:calc({select:post font size} - 2px);
  1714. color:{color:permalink};
  1715. }
  1716.  
  1717. .permarow a {
  1718. color:{color:permalink};
  1719. font-family:public sans;
  1720. }
  1721.  
  1722. .viasrc a {
  1723. display:block;
  1724. margin-left:4px;
  1725. letter-spacing:1px;
  1726. }
  1727.  
  1728. .permaright, .les-controls {
  1729. display:flex;
  1730. align-items:center;
  1731. }
  1732.  
  1733. .les-controls > a {
  1734. display:block;
  1735. margin-right:{select:post buttons spacing};
  1736. width:{select:post buttons size};
  1737. height:{select:post buttons size};
  1738. }
  1739.  
  1740. .les-controls svg {
  1741. display:block;
  1742. width:100%;
  1743. height:100%;
  1744. fill:{color:post buttons};
  1745. }
  1746.  
  1747. .permaright a {margin-right:{select:post buttons spacing};}
  1748. .permaright a:last-of-type {margin-right:0;}
  1749.  
  1750. .viewtags[tags-opt='default']{
  1751. display:none;
  1752. }
  1753.  
  1754. .viewtags {
  1755. cursor:help;
  1756. }
  1757.  
  1758. .hashtag {
  1759. display:block;
  1760. width:{select:post buttons size};
  1761. height:{select:post buttons size};
  1762. -webkit-mask-image:var(--Hashtag);
  1763. -webkit-mask-repeat:no-repeat;
  1764. -webkit-mask-size:contain;
  1765. background:{color:post buttons};
  1766. }
  1767.  
  1768. .retweet, .heart {
  1769. display:block;
  1770. width:{select:post buttons size};
  1771. height:{select:post buttons size};
  1772. -webkit-mask-repeat:no-repeat;
  1773. -webkit-mask-size:contain;
  1774. }
  1775.  
  1776. .retweet {
  1777. -webkit-mask-image:var(--Reblog-Icon);
  1778. transform:scaleX(-1);
  1779. }
  1780.  
  1781. .heart {
  1782. -webkit-mask-image:var(--Heart-Icon);
  1783. }
  1784.  
  1785. .likecont {
  1786. position:relative;
  1787. cursor:pointer;
  1788. }
  1789.  
  1790. .like_button {
  1791. position:absolute;
  1792. width:100%;
  1793. height:100%;
  1794. }
  1795.  
  1796. .like_button iframe {
  1797. position:absolute;
  1798. top:0;left:0;
  1799. width:100%;
  1800. height:100%;
  1801. opacity:0;
  1802. z-index:2;
  1803. }
  1804.  
  1805. .like_button.liked + .heart {
  1806. background-color:{color:like button liked}!important;
  1807. }
  1808.  
  1809. .viasrc a {
  1810. margin-left:0;
  1811. transform-origin:right;
  1812. }
  1813.  
  1814. /*----- POST NOTES -----*/
  1815. .notescont {
  1816. margin-bottom:{select:window margin};
  1817. width:{select:post width};
  1818. background:{color:post background};
  1819. padding:{select:post padding} calc({select:post padding} * 1.269);
  1820. border:1px solid {color:post borders outer};
  1821. box-sizing:border-box;
  1822. }
  1823.  
  1824. .notescont h1 {
  1825. margin-top:0;
  1826. margin-bottom:calc(var(--Captions-Gap) + 4px);
  1827. padding:3px 0;
  1828. font-family:hundred ligatture;
  1829. font-weight:normal;
  1830. font-size:calc({select:post font size} + 0px);
  1831. text-transform:uppercase;
  1832. letter-spacing:.7px;
  1833. color:{color:headings};
  1834. text-align:center;
  1835. }
  1836.  
  1837. ol.notes {
  1838. margin:0;
  1839. list-style:none;
  1840. color:rgba({RGBcolor:text},0.8);
  1841. }
  1842.  
  1843. ol.notes .avatar {
  1844. display:none;
  1845. }
  1846.  
  1847. ol.notes li {
  1848. margin-bottom:4px;
  1849. padding:0;
  1850. }
  1851.  
  1852. ol.notes blockquote {
  1853. margin:1em;
  1854. padding-left:1em;
  1855. border-left:1px solid var(--Blockquote-Border-Color);
  1856. }
  1857.  
  1858. ol.notes .action a[rel='nofollow'] {
  1859. font-family:brutal medium;
  1860. font-size:calc({select:post font size} - 3px);
  1861. text-transform:uppercase;
  1862. letter-spacing:.7px;
  1863. color:{color:reblogger};
  1864. }
  1865.  
  1866. .more_notes_link_container {
  1867. margin-top:{select:post padding};
  1868. margin-bottom:calc({select:post padding} * 0.420)!important;
  1869. font-family:brutal medium;
  1870. font-size:calc({select:post font size} - 3px);
  1871. text-transform:uppercase;
  1872. letter-spacing:.7px;
  1873. }
  1874.  
  1875. .more_notes_link_container a {cursor:help}
  1876.  
  1877. /*-------------- PAGINATION --------------*/
  1878. .botpagi {
  1879. display:flex;
  1880. align-items:center;
  1881. justify-content:space-between;
  1882. width:calc({select:post width} + ({select:post padding} * 2) + 2px);
  1883. margin-bottom:calc({select:window margin} - 10px);
  1884. line-height:1em;
  1885. }
  1886.  
  1887. .botpagi a {
  1888. padding:0.69em;
  1889. margin:-0.69em;
  1890. color:{color:pagination}!important;
  1891. }
  1892.  
  1893. .botpagi span {
  1894. padding:0 4px;
  1895. font-family:rubik;
  1896. font-size:calc({select:post font size} - 2.5px);
  1897. text-transform:uppercase;
  1898. letter-spacing:.7px;
  1899. }
  1900.  
  1901. .prev-svg {
  1902. margin-top:-.5px;
  1903. width:calc({select:post font size} + 3px);
  1904. height:calc({select:post font size} + 3px);
  1905. -webkit-mask-image:var(--BackSVG);
  1906. -webkit-mask-repeat:no-repeat;
  1907. -webkit-mask-size:contain;
  1908. background:{color:pagination};
  1909. }
  1910.  
  1911. .next-svg {
  1912. margin-top:-.5px;
  1913. width:calc({select:post font size} + 3px);
  1914. height:calc({select:post font size} + 3px);
  1915. -webkit-mask-image:var(--NextSVG);
  1916. -webkit-mask-repeat:no-repeat;
  1917. -webkit-mask-size:contain;
  1918. background:{color:pagination};
  1919. }
  1920.  
  1921. .pn {
  1922. margin-left:auto!important;
  1923. }
  1924.  
  1925. .moo {
  1926. position:fixed;
  1927. bottom:0;left:0;
  1928. width:100%;
  1929. z-index:69;
  1930. cursor:pointer;
  1931. }
  1932.  
  1933. .squeesh {
  1934. padding:10px;
  1935. background:#1f1c17;
  1936. font-family:public sans;
  1937. font-size:11px;
  1938. letter-spacing:.3px;
  1939. color:#b49e95;
  1940. text-align:center;
  1941. }
  1942.  
  1943. {CustomCSS}
  1944. </style>
  1945.  
  1946. </head>
  1947.  
  1948. <body>
  1949.  
  1950. <div class="everything">
  1951.  
  1952. <div class="leftside">
  1953. <div class="clutch">
  1954. {block:ifmusicplayersongname}
  1955. <div class="mplayer">
  1956. <div class="zirc">
  1957. <div class="msym"></div>
  1958. </div>
  1959.  
  1960. <div class="mline"></div>
  1961.  
  1962. <div class="potatowrap">
  1963. <div class="music-controls">
  1964. <div class="blay playy"></div>
  1965. <div class="bause pausee"></div>
  1966. </div>
  1967.  
  1968. <div class="songtext">{text:music player song name}</div>
  1969. </div>
  1970.  
  1971. <audio src="{text:music player song mp3}" id="musique"></audio>
  1972. </div>
  1973. {/block:ifmusicplayersongname}
  1974.  
  1975. <div class="sbimg"></div>
  1976.  
  1977. <div class="turnip">
  1978. {block:ifsidebar1title}
  1979. <div class="sbt">
  1980. <div class="sidebar-title">{text:sidebar 1 title}</div>
  1981. </div>
  1982. {/block:ifsidebar1title}
  1983.  
  1984. {block:ifsidebar1desc}
  1985. <div class="sbd" font="{select:body font}" vis="{select:sidebar 1 desc visibility}">
  1986. <div class="sidebar-desc">{text:sidebar 1 desc}</div>
  1987. </div>
  1988. {/block:ifsidebar1desc}
  1989. </div>
  1990. </div>
  1991. </div>
  1992.  
  1993.  
  1994. <div class="sidebeer">
  1995. <div class="tortilla">
  1996. <div class="cas">
  1997. <div class="taro">
  1998. <div class="avhead">
  1999. <img class="avi-icon" src="{image:sidebar 2 icon}">
  2000.  
  2001. {block:ifsidebar2title}
  2002. <div class="avi-title">
  2003. {text:sidebar 2 title}
  2004. <div class="undyne"></div>
  2005. </div>
  2006. {/block:ifsidebar2title}
  2007. </div>
  2008.  
  2009. <div class="headlinks">
  2010. <a href="/">
  2011. <i class="fi-rr-home"></i>
  2012. <span text>index</span>
  2013. </a>
  2014.  
  2015. <a href="/ask">
  2016. <i class="fi-rr-envelope"></i>
  2017. <span text>message</span>
  2018. </a>
  2019.  
  2020. <a href="/archive">
  2021. <i class="fi-rr-calendar"></i>
  2022. <span text>archive</span>
  2023. </a>
  2024. </div>
  2025.  
  2026. <div class="descbox" font="{select:body font}">
  2027. {Description}
  2028. </div>
  2029.  
  2030. <div class="ciels">
  2031. {block:ifcustomlink1name}
  2032. <a href="{text:customlink 1 url}">{text:customlink 1 name}</a>
  2033. {/block:ifcustomlink1name}
  2034.  
  2035. {block:ifcustomlink2name}
  2036. <a href="{text:customlink 2 url}">{text:customlink 2 name}</a>
  2037. {/block:ifcustomlink2name}
  2038.  
  2039. {block:ifcustomlink3name}
  2040. <a href="{text:customlink 3 url}">{text:customlink 3 name}</a>
  2041. {/block:ifcustomlink3name}
  2042.  
  2043. {block:ifcustomlink4name}
  2044. <a href="{text:customlink 4 url}">{text:customlink 4 name}</a>
  2045. {/block:ifcustomlink4name}
  2046.  
  2047. {block:ifcustomlink5name}
  2048. <a href="{text:customlink 5 url}">{text:customlink 5 name}</a>
  2049. {/block:ifcustomlink5name}
  2050.  
  2051. {block:ifcustomlink6name}
  2052. <a href="{text:customlink 6 url}">{text:customlink 6 name}</a>
  2053. {/block:ifcustomlink6name}
  2054. </div>
  2055. </div>
  2056. </div>
  2057. </div>
  2058. </div>
  2059.  
  2060.  
  2061. <div class="maincont" cred-pos="{select:credit location}">
  2062. <div class="postscont" font="{select:body font}" grayscale="{select:grayscale photos}">
  2063.  
  2064. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2065. <div class="posts" post-width="{select:post width}" reblog-borders="{select:reblog separators}" id="{PostID}" post-type="{PostType}" {block:PermalinkPage}on-permapage{/block:PermalinkPage}>
  2066. <div class="pho">
  2067. <div class="postinner">
  2068.  
  2069. <!------ POST TITLE ------>
  2070. {block:Title}
  2071. <h1 class="title">{Title}</h1>
  2072. {/block:Title}
  2073. <!------ END POST TITLE ------>
  2074.  
  2075.  
  2076. {block:RebloggedFrom}
  2077. <div class="commenter nosrc">
  2078. <img src="{ReblogRootPortraitURL-64}">
  2079. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  2080. </div>
  2081. {/block:RebloggedFrom}
  2082.  
  2083.  
  2084. <!------ TEXT POSTS ------>
  2085. {block:Text}
  2086. <div class="body" {block:NotReblog}original{/block:NotReblog}>
  2087. {block:NotReblog}{Body}{/block:NotReblog}
  2088. {block:RebloggedFrom}
  2089. {block:Reblogs}
  2090. <div class="comment_container">
  2091. <div class="commenter">
  2092. <img src="{PortraitURL-64}">
  2093. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2094. </div>
  2095. <div class="comment">{Body}</div>
  2096. </div>
  2097. {/block:Reblogs}
  2098. {/block:RebloggedFrom}
  2099. </div>
  2100. {/block:Text}
  2101. <!------ END TEXT POSTS ------>
  2102.  
  2103.  
  2104. <!------ SINGLE PHOTO ------>
  2105. {block:Photo}
  2106. <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>
  2107. {/block:Photo}
  2108. <!------ END SINGLE PHOTO ------>
  2109.  
  2110.  
  2111.  
  2112.  
  2113. <!------ PHOTOSETS ------>
  2114. {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}
  2115. <!------ END PHOTOSETS ------>
  2116.  
  2117.  
  2118.  
  2119. <!------ QUOTE POSTS ------>
  2120. {block:Quote}
  2121. <div class="pq">
  2122. <div class="quote-words">{Quote}</div>
  2123. {block:Source}<div class="quote-source comment">&mdash; {Source}</div>{/block:Source}
  2124. </div>
  2125. {/block:Quote}
  2126. <!------ END QUOTE POSTS ------>
  2127.  
  2128.  
  2129. <!------ LINK POSTS ------>
  2130. {block:Link}
  2131. <a href="{URL}" class="linkpath" {Target}>{Name} »</a>
  2132. {block:Description}
  2133. <div class="link-description" {block:NotReblog}original{/block:NotReblog}>
  2134. {block:NotReblog}{Description}{/block:NotReblog}
  2135. {block:RebloggedFrom}
  2136. {block:Reblogs}
  2137. <div class="comment_container">
  2138. <div class="commenter">
  2139. <img src="{PortraitURL-64}">
  2140. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2141. </div>
  2142. <div class="comment">{Body}</div>
  2143. </div>
  2144. {/block:Reblogs}
  2145. {/block:RebloggedFrom}
  2146. </div>
  2147. {/block:Description}
  2148. {/block:Link}
  2149. <!------ END LINK POSTS ------>
  2150.  
  2151.  
  2152. <!------ CHAT POSTS ------>
  2153. {block:Chat}
  2154. {block:Lines}
  2155. <div class="chatholder">
  2156. {block:Label}
  2157. <span class="chat_label">{Label}</span>
  2158. {/block:Label}
  2159.  
  2160. <span class="chat_content">{Line}</span>
  2161.  
  2162. </div>
  2163. {/block:Lines}
  2164. {/block:Chat}
  2165. <!------ END CHAT ------>
  2166.  
  2167.  
  2168.  
  2169. <!------ AUDIO POSTS ------>
  2170. {block:Audio}
  2171. <div class="flex ogre">
  2172. <div class="audiocont">
  2173. {AudioEmbed}
  2174. </div>
  2175.  
  2176. <div class="alcove">
  2177. <img class="a-lbum-img">
  2178.  
  2179. <div class="strawberries">
  2180. <div class="summer">
  2181. <div class="splay">
  2182. <i class="material-icons">play_arrow</i>
  2183. </div>
  2184. <div class="spause">
  2185. <i class="material-icons">pause</i>
  2186. </div>
  2187. </div><!--summer-->
  2188. </div>
  2189. </div>
  2190.  
  2191. <div class="tin flex space-between">
  2192. <div class="trackinfo">
  2193. {block:TrackName}
  2194. <div class="t-name">{TrackName}</div>
  2195. {/block:TrackName}
  2196.  
  2197. {block:Artist}
  2198. <div class="t-artist">{Artist}</div>
  2199. {/block:Artist}
  2200. </div><!--trackinfo-->
  2201.  
  2202. <a class="dongload" title="download">
  2203. <div class="dong"></div>
  2204. </a>
  2205. </div><!--flex-->
  2206. </div><!--oofy-->
  2207. {/block:Audio}
  2208. <!------ END AUDIO ------>
  2209.  
  2210.  
  2211.  
  2212. <!------ VIDEO POSTS ------>
  2213. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  2214. <!------ END VIDEOS ------>
  2215.  
  2216.  
  2217.  
  2218. <!------ ANSWER POSTS ------>
  2219. {block:Answer}
  2220. <div class="comment_container as">
  2221. <div class="askcont">
  2222. <img class="askimg" src="{AskerPortraitURL-48}">
  2223.  
  2224. <div class="askright">
  2225. <div class="asker commenter">
  2226. <span>{Asker} <b>asked:</b></span>
  2227. </div>
  2228.  
  2229. <div class="question_text">{Question}</div>
  2230. </div>
  2231. </div>
  2232. </div>
  2233. {block:Answerer}
  2234. <div class="comment_container anscont">
  2235. <div class="answerer commenter">
  2236. <img src="{AnswererPortraitURL-48}"/>
  2237. {Answerer}<a class="response">answered:</a>
  2238. </div>
  2239. <div class="answer_text comment">{Answer}</div>
  2240. </div>
  2241. {block:Reblogs}
  2242. <div class="comment_container">
  2243. <div class="replier commenter">
  2244. <img src="{PortraitURL-64}">
  2245. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2246. </div>
  2247. <div class="reply">{Body}</div>
  2248. </div>
  2249. {/block:Reblogs}
  2250. {/block:Answerer}
  2251. {block:NotReblog}
  2252. <div class="comment_container">
  2253. <div class="answerer commenter">
  2254. <img src="{PortraitURL-48}">
  2255. <a href="{Permalink}">{Name}&nbsp;answered:</a>
  2256. </div><!--answerer-->
  2257. <div class="answer_text">{Answer}</div>
  2258. </div><!--answer-container-->
  2259. {/block:NotReblog}
  2260. {/block:Answer}
  2261. <!------ END ANSWER ------>
  2262.  
  2263. {block:Caption}
  2264. <div class="caption" {block:NotReblog}original{/block:NotReblog}>
  2265. {block:NotReblog}{Caption}{/block:NotReblog}
  2266. {block:RebloggedFrom}
  2267. {block:Reblogs}
  2268. <div class="comment_container">
  2269. <div class="commenter">
  2270. <img src="{PortraitURL-64}">
  2271. <a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
  2272. </div><!--commenter-->
  2273. <div class="comment">{Body}</div>
  2274. </div><!--comment-container-->
  2275. {/block:Reblogs}
  2276. {/block:RebloggedFrom}
  2277. </div><!--caption-->
  2278. {/block:Caption}
  2279.  
  2280.  
  2281. {block:HomePage}
  2282. {block:PinnedPostLabel}
  2283. <p class="pi-n">
  2284. <span class="pinny"></span>
  2285. <span>{PinnedPostLabel}</span>
  2286. </p>
  2287. {/block:PinnedPostLabel}
  2288. {/block:HomePage}
  2289.  
  2290. </div><!--postinner-->
  2291.  
  2292.  
  2293.  
  2294. {block:HasTags}
  2295. <div class="tagcont" tags-opt="{select:show tags on click}">
  2296. <div class="tagholder">
  2297. {block:Tags}
  2298. <a href="{TagURL}" init-tags>#{Tag}</a>
  2299. {/block:Tags}
  2300. </div>
  2301. </div>
  2302. {/block:HasTags}
  2303. </div><!--pho-->
  2304.  
  2305.  
  2306. {block:Date}
  2307. <div class="permarow">
  2308. <div class="permaleft">
  2309. {block:IndexPage}
  2310.  
  2311. {block:NotReblog}Posted{/block:NotReblog}
  2312. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  2313. on&nbsp;&thinsp;
  2314. <a href="{Permalink}" class="flex p_thelink">
  2315. {ShortMonth} {DayofMonthWithSuffix} {Year}
  2316. <i class="fi-rr-{select:permalink icon}"></i>
  2317. {NoteCountWithLabel}
  2318. </a>
  2319.  
  2320. {/block:IndexPage}
  2321.  
  2322. {block:PermalinkPage}
  2323. {block:NotReblog}Posted{/block:NotReblog}
  2324. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  2325. on&nbsp;&thinsp;<a flex>{ShortMonth} {DayofMonthWithSuffix} {Year}
  2326. <i class="fi-rr-minus"></i>
  2327. {TimeAgo}</a>
  2328. {/block:PermalinkPage}
  2329. </div>
  2330.  
  2331. <div class="permaright">
  2332. {block:IndexPage}
  2333. <div class="les-controls flex">
  2334.  
  2335. {block:HasTags}
  2336. <a class="viewtags" tags-opt="{select:show tags on click}">
  2337. <span class="hashtag"></span>
  2338. </a>
  2339. {/block:HasTags}
  2340.  
  2341. <a href="{ReblogURL}" target="_blank">
  2342. <span class="retweet"></span>
  2343. </a>
  2344.  
  2345. <a class="likecont like">
  2346. {LikeButton}
  2347. <span class="heart"></span>
  2348. </a>
  2349. </div>
  2350. {/block:IndexPage}
  2351.  
  2352.  
  2353. {block:PermalinkPage}
  2354. {block:RebloggedFrom}
  2355. <div class="viasrc flex">
  2356. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  2357. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  2358. </div><!--viasrc-->
  2359. {/block:RebloggedFrom}
  2360. {/block:PermalinkPage}
  2361. </div>
  2362. </div><!--permarow-->
  2363. {/block:Date}
  2364.  
  2365. </div><!--posts-->
  2366.  
  2367. {block:PostNotes}
  2368. <div class="notescont">
  2369. <h1>{NoteCountWithLabel}</h1>
  2370. {PostNotes}
  2371. </div>
  2372. {/block:PostNotes}
  2373. {/block:Posts}
  2374.  
  2375. <!------- PAGINATION ------->
  2376. {block:Pagination}
  2377. <div class="botpagi">
  2378. {block:PreviousPage}
  2379. <a class="flex" href="{PreviousPage}">
  2380. <div class="prev-svg"></div>
  2381. <span>previous page</span>
  2382. </a>
  2383. {/block:PreviousPage}
  2384.  
  2385. {block:NextPage}
  2386. <a class="flex pn" href="{NextPage}">
  2387. <span>next page</span>
  2388. <div class="next-svg"></div>
  2389. </a>
  2390. {/block:NextPage}
  2391. </div>
  2392. {/block:Pagination}
  2393.  
  2394. </div><!--postscont-->
  2395. </div><!--maincont-->
  2396. </div><!--everything-->
  2397.  
  2398. <div invis user-avi>{PortraitURL-64}</div>
  2399.  
  2400. <script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  2401.  
  2402. </body>
  2403. </html>
RAW Paste Data Copied