API tools faq
paste
Advertisement
glenthemes

Theme [02]: Midnight Rose

glenthemes
Aug 10th, 2015 (edited)
16,176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.87 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme [02]: Midnight Rose
  3. Made by glenthemes
  4.  
  5. Initial release: 2015/08/10
  6. Revamp date: 2016/12/14
  7. Last updated: 2023/07/30
  8.  
  9. What's new:
  10. ✱ NPF audio post support
  11.  
  12. TERMS OF USE:
  13. 1) Do not remove the theme credit.
  14. 2) Do not repost/redistribute my themes.
  15. 3) Do not take parts of the code and use it as your own.
  16. 4) Do not use my themes as a base code.
  17. 5) Do not mix my themes together.
  18.  
  19. To change the icons (icon font):
  20. 1. Go to this site: linearicons.com/free#cheat-sheet
  21. 2. Choose an icon you want
  22. 3. Copy the icon text
  23. 4. Paste it in the "Link 1 icon" text field
  24. ------------------------------------------------------------------------>
  25.  
  26. <!DOCTYPE html>
  27.  
  28. <html>
  29.  
  30. <head>
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="shortcut icon" href="{Favicon}">
  35.  
  36. <!--------------------JAVASCRIPTS-------------------->
  37. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("a[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:0,
  45. tip_fade_speed:80,
  46. attribute:"title"
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <script>
  53. $(document).ready(function() {
  54. $('iframe.tumblr_audio_player').load( function() {
  55. $('iframe.tumblr_audio_player').contents().find("head")
  56. .append($("<style type='text/css'> .audio-player{background:{color:question and chat background} !important; padding:5px 10px 5px 0px !important} .play-pause{color:{color:question and chat text} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  57. });
  58. });
  59. </script>
  60.  
  61. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  62. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  63. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  64.  
  65.  
  66. <script>
  67. $(document).ready(function(){
  68. $('.photo-slideshow').pxuPhotoset({
  69. lightbox: true,
  70. rounded: false,
  71. gutter: '{select:photos spacing}',
  72. borderRadius: '0px',
  73. photoset: '.photo-slideshow',
  74. photoWrap: '.photo-data',
  75. photo: '.pxu-photo'
  76. });
  77. });
  78. </script>
  79.  
  80. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  81.  
  82. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  83.  
  84. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  85.  
  86. <script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
  87.  
  88. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  89.  
  90. <link href="//fonts.googleapis.com/css?family={select:body font family}" rel="stylesheet"/>
  91.  
  92. <link href="//fonts.googleapis.com/css?family={select:desc font family}" rel="stylesheet"/>
  93.  
  94. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  95.  
  96. <!--
  97. NPF images fix v3.0 by @glenthemes [2021]
  98. 💌 git.io/JRBt7
  99. --->
  100. <script src="//npf-images-v3.github.io/script.js"></script>
  101. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  102. <style tmblr-npf>
  103. :root {
  104. --NPF-Caption-Spacing:1em;
  105. --NPF-Image-Spacing:{select:photos spacing};
  106. }
  107.  
  108. a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
  109. padding-bottom:0!important;
  110. border-bottom:none!important;
  111. }
  112.  
  113. .spotify_audio_player {
  114. height:80px!important;
  115. }
  116. </style>
  117.  
  118. <script>
  119. // minimal soundcloud player @ shythemes.tumblr
  120. // shythemes.tumblr.com/post/114792480648
  121. $(document).ready(function(){
  122. var soundcloud_btn = '{color:link}';
  123. $('.soundcloud_audio_player').each(function(){
  124. $(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%' });
  125. });
  126. });
  127. </script>
  128.  
  129. <!-- unblue polls -->
  130. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  131. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  132. <style unblue-polls>
  133. .poll-post {
  134. --Poll-Question-Font-Size: {select:font size};
  135.  
  136. --Poll-Option-Background-Color: transparent;
  137. --Poll-Option-Corner-Rounding: 5px;
  138. --Poll-Option-Border-Size: 1px;
  139. --Poll-Option-Border-Color: {color:permalink border};
  140.  
  141. {block:ifenabletransparency}
  142. --Poll-Option-Border-Color: rgba({RGBcolor:permalink border},0.7);
  143. {/block:ifenabletransparency}
  144.  
  145. --Poll-Option-Padding: 8px;
  146. --Poll-Option-Font-Size: {select:font size};
  147. --Poll-Option-Spacing: 10px;
  148. --Poll-Option-Text-Color: {color:permalink};
  149.  
  150. --Poll-Option-HOVER-Border-Color: {color:permalink border};
  151. --Poll-Option-HOVER-Background-Color: transparent;
  152. --Poll-Option-HOVER-Text-Color: {color:permalink};
  153. --Poll-Option-HOVER-Speed: 0.4s;
  154. }
  155.  
  156. .poll-see-results {
  157. padding-bottom:0!important;
  158. border-bottom:none!important;
  159. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  160. text-transform:uppercase;
  161. letter-spacing:0.5px;
  162. }
  163. </style>
  164.  
  165. <!-- npf audio player -->
  166. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  167. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  168. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  169. <script>
  170. tumblr_npf_audio({
  171. emptyTitleText: "Untitled track",
  172. emptyArtistText: "Untitled artist",
  173. emptyAlbumText: "Untitled album",
  174.  
  175. titleLabel: "Track:",
  176. artistLabel: "Artist:",
  177. albumLabel: "Album:"
  178. });
  179. </script>
  180. <style edit-npf-audio-player>
  181. .npf-audio-wrapper {
  182. --NPF-Audio-Buttons-Size: {select:font size};
  183. --NPF-Audio-Buttons-Color: {color:question and chat text};
  184. --NPF-Audio-Buttons-Padding: 9px;
  185. --NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
  186. --NPF-Audio-Image-Spacing: 0.9rem;
  187. }
  188.  
  189. .npf-audio-background {
  190. margin-left:calc(14px + var(--NPF-Audio-Buttons-Padding));
  191. }
  192.  
  193. .npf-audio-play, .npf-audio-pause {
  194. position:relative;
  195. z-index:0;
  196. }
  197.  
  198. .npf-audio-play:after, .npf-audio-pause:after {
  199. content:"";
  200. position:absolute;
  201. top:0;left:0;
  202. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
  203. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
  204. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  205. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  206. background:{color:question and chat background};
  207. border-radius:100%;
  208. z-index:-1;
  209. }
  210.  
  211. .npf-audio-play svg { margin-left:1px; }
  212. .npf-audio-pause svg { margin-left:0; }
  213.  
  214. .npf-audio-title-label,
  215. .npf-audio-artist-label,
  216. .npf-audio-album-label {
  217. color:{color:bold};
  218. text-transform:uppercase;
  219. }
  220.  
  221. figcaption.audio-caption,
  222. figcaption.audio-caption ~ audio[controls],
  223. figcaption.audio-caption img, .npf-audio-image {
  224. display:none;
  225. }
  226. </style>
  227.  
  228. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  229. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  230.  
  231. <!--------------------IMAGES-------------------->
  232. <meta name="image:background image" content="//static.tumblr.com/50a0eaea7a034bdc697c5c6c15cadfa9/2pnwama/w34pmbnpl/tumblr_static_1978rqewdce800wks44sssg8o.jpg"/>
  233. <meta name="image:sidebar render" content="//static.tumblr.com/6f82d6d3b9efbfa55bb5de5267be6b1b/2pnwama/n89pmbxkt/tumblr_static_viy6gbjgjwg4kw44k4ookk04.png"/>
  234. <meta name="image:sidebar icon" content="//static.tumblr.com/01f50b91f6df4bd7eeb3b2365e69255f/2pnwama/YPFpmbs7o/tumblr_static_87n24byrulc0oksc0gkkgwg84.png"/>
  235. <meta name="image:scroll to top button image" content="//static.tumblr.com/1015b7c32b0870cc4865499cddd9e43d/2pnwama/1QPpmbut6/tumblr_static_e8z1lzsi6rwo008808o84wcwk.png"/>
  236.  
  237. <!--------------------COLORS-------------------->
  238. <meta name="color:background" content="#0d0203"/>
  239.  
  240. <meta name="color:top bar background" content="#1b1425">
  241. <meta name="color:top bar icon" content="#baa1af">
  242. <meta name="color:top bar title" content="#baa1af">
  243. <meta name="color:custom links icon" content="#ada4bd">
  244. <meta name="color:custom links" content="#baa1af">
  245. <meta name="color:custom links background" content="#1B1425">
  246. <meta name="color:custom links icon hover" content="#ada4bd">
  247. <meta name="color:custom links hover" content="#baa1af">
  248. <meta name="color:custom links background hover" content="#2f2537">
  249.  
  250. <meta name="color:post" content="#0d0203"/>
  251. <meta name="color:text" content="#bbb"/>
  252. <meta name="color:bold" content="#b2acbe">
  253. <meta name="color:Italic" content="#bbb">
  254. <meta name="color:Link" content="#b997ce">
  255. <meta name="color:Link Hover" content="#c0afdd">
  256. <meta name="color:blockquote" content="#665a72">
  257. <meta name="color:question and chat background" content="#0d0203"/>
  258. <meta name="color:question and chat text" content="#bbb"/>
  259.  
  260. <meta name="color:permalink border" content="#382d43">
  261. <meta name="color:permalink" content="#b997ce">
  262. <meta name="color:permalink hover" content="#b997ce">
  263. <meta name="color:tags" content="#b997ce">
  264. <meta name="color:tags hover" content="#b997ce">
  265.  
  266. <meta name="color:sidebar borders" content="#111111">
  267. <meta name="color:desc background" content="#15151c">
  268. <meta name="color:desc text" content="#a3a6a9">
  269. <meta name="color:desc bold" content="#b2acbe">
  270. <meta name="color:desc italic" content="#ccc">
  271. <meta name="color:desc link" content="#c3a7d6">
  272. <meta name="color:desc link hover" content="#d6c4f3">
  273. <meta name="color:desc scrollbar" content="#52465e">
  274. <meta name="color:sidebar nav links icon" content="#baa1af">
  275. <meta name="color:sidebar nav links bg" content="#1b1425">
  276. <meta name="color:sidebar nav links icon hover" content="#baa1af">
  277. <meta name="color:sidebar nav links bg hover" content="#2f2537">
  278.  
  279. <meta name="color:scrollbar" content="#40364d"/>
  280. <meta name="color:scrollbar background" content="#01000e"/>
  281.  
  282. <meta name="color:highlight" content="#000"/>
  283. <meta name="color:highlighted text" content="#b997ce"/>
  284.  
  285. <meta name="color:pagination border" content="#382d43">
  286. <meta name="color:pagination text" content="#888">
  287. <meta name="color:pagination link" content="#b997ce">
  288.  
  289. <!-----------------DROPDOWN OPTS----------------->
  290. <meta name="select:body font family" title="Exo" content="Exo"/>
  291. <meta name="select:body font family" title="Inconsolata" content="Inconsolata"/>
  292. <meta name="select:body font family" title="Karla" content="Karla"/>
  293. <meta name="select:body font family" title="Lato" content="Lato"/>
  294. <meta name="select:body font family" title="Lora" content="Lora"/>
  295. <meta name="select:body font family" title="Muli" content="Muli"/>
  296. <meta name="select:body font family" title="Open Sans" content="Open Sans"/>
  297. <meta name="select:body font family" title="Play" content="Play"/>
  298. <meta name="select:body font family" title="Quicksand" content="Quicksand"/>
  299.  
  300. <meta name="select:desc font family" title="Karla" content="Karla"/>
  301. <meta name="select:desc font family" title="Lato" content="Lato"/>
  302. <meta name="select:desc font family" title="Lora" content="Lora"/>
  303. <meta name="select:desc font family" title="Muli" content="Muli"/>
  304. <meta name="select:desc font family" title="Open Sans" content="Open Sans"/>
  305. <meta name="select:desc font family" title="Quicksand" content="Quicksand"/>
  306.  
  307. <meta name="select:font size" title="12px" content="12px">
  308. <meta name="select:font size" title="11px" content="11px">
  309. <meta name="select:font size" title="13px" content="13px">
  310. <meta name="select:font size" title="14px" content="14px">
  311. <meta name="select:font size" title="15px" content="15px">
  312. <meta name="select:font size" title="16px" content="16px">
  313.  
  314. <meta name="select:post width" title="420px" content="420px">
  315. <meta name="select:post width" title="300px" content="300px">
  316. <meta name="select:post width" title="350px" content="350px">
  317. <meta name="select:post width" title="400px" content="400px">
  318. <meta name="select:post width" title="450px" content="450px">
  319. <meta name="select:post width" title="500px" content="500px">
  320. <meta name="select:post width" title="540px" content="540px">
  321. <meta name="select:post width" title="600px" content="600px">
  322.  
  323. <meta name="select:post padding" title="20px" content="20px">
  324. <meta name="select:post padding" title="10px" content="10px">
  325. <meta name="select:post padding" title="15px" content="15px">
  326. <meta name="select:post padding" title="25px" content="25px">
  327.  
  328. <meta name="select:photos spacing" title="4px" content="4px">
  329. <meta name="select:photos spacing" title="0px" content="0px">
  330. <meta name="select:photos spacing" title="2px" content="2px">
  331. <meta name="select:photos spacing" title="6px" content="6px">
  332. <meta name="select:photos spacing" title="8px" content="8px">
  333. <meta name="select:photos spacing" title="10px" content="10px">
  334.  
  335. <meta name="select:post spacing" title="40px" content="40px">
  336. <meta name="select:post spacing" title="20px" content="20px">
  337. <meta name="select:post spacing" title="25px" content="25px">
  338. <meta name="select:post spacing" title="30px" content="30px">
  339. <meta name="select:post spacing" title="35px" content="35px">
  340. <meta name="select:post spacing" title="45px" content="45px">
  341. <meta name="select:post spacing" title="50px" content="50px">
  342. <meta name="select:post spacing" title="55px" content="55px">
  343. <meta name="select:post spacing" title="60px" content="60px">
  344.  
  345. <meta name="select:center gap" title="85px" content="85px">
  346. <meta name="select:center gap" title="20px" content="20px">
  347. <meta name="select:center gap" title="25px" content="25px">
  348. <meta name="select:center gap" title="30px" content="30px">
  349. <meta name="select:center gap" title="35px" content="35px">
  350. <meta name="select:center gap" title="40px" content="40px">
  351. <meta name="select:center gap" title="45px" content="45px">
  352. <meta name="select:center gap" title="50px" content="50px">
  353. <meta name="select:center gap" title="55px" content="55px">
  354. <meta name="select:center gap" title="60px" content="60px">
  355. <meta name="select:center gap" title="65px" content="65px">
  356. <meta name="select:center gap" title="70px" content="70px">
  357. <meta name="select:center gap" title="75px" content="75px">
  358. <meta name="select:center gap" title="80px" content="80px">
  359. <meta name="select:center gap" title="90px" content="90px">
  360. <meta name="select:center gap" title="95px" content="95px">
  361. <meta name="select:center gap" title="100px" content="100px">
  362. <meta name="select:center gap" title="105px" content="105px">
  363. <meta name="select:center gap" title="110px" content="110px">
  364.  
  365. <meta name="select:sidebar image width" title="260px" content="260px">
  366. <meta name="select:sidebar image width" title="170px" content="170px">
  367. <meta name="select:sidebar image width" title="200px" content="200px">
  368. <meta name="select:sidebar image width" title="230px" content="230px">
  369. <meta name="select:sidebar image width" title="290px" content="290px">
  370. <meta name="select:sidebar image width" title="320px" content="320px">
  371. <meta name="select:sidebar image width" title="350px" content="350px">
  372.  
  373. <meta name="select:sidebar icon size" title="100px" content="100px">
  374. <meta name="select:sidebar icon size" title="38px" content="38px">
  375. <meta name="select:sidebar icon size" title="64px" content="64px">
  376. <meta name="select:sidebar icon size" title="80px" content="80px">
  377. <meta name="select:sidebar icon size" title="128px" content="128px">
  378. <meta name="select:sidebar icon size" title="150px" content="150px">
  379.  
  380. <meta name="select:sidebar icon border" title="8px" content="8px">
  381. <meta name="select:sidebar icon border" title="0px" content="0px">
  382. <meta name="select:sidebar icon border" title="2px" content="2px">
  383. <meta name="select:sidebar icon border" title="4px" content="4px">
  384. <meta name="select:sidebar icon border" title="6px" content="6px">
  385. <meta name="select:sidebar icon border" title="10px" content="10px">
  386. <meta name="select:sidebar icon border" title="12px" content="12px">
  387. <meta name="select:sidebar icon border" title="14px" content="14px">
  388. <meta name="select:sidebar icon border" title="16px" content="16px">
  389. <meta name="select:sidebar icon border" title="18px" content="18px">
  390. <meta name="select:sidebar icon border" title="20px" content="20px">
  391.  
  392. <meta name="select:sidebar line width" title="20px" content="20px">
  393. <meta name="select:sidebar line width" title="4px" content="4px">
  394. <meta name="select:sidebar line width" title="8px" content="8px">
  395. <meta name="select:sidebar line width" title="12px" content="12px">
  396. <meta name="select:sidebar line width" title="16px" content="16px">
  397. <meta name="select:sidebar line width" title="24px" content="24px">
  398. <meta name="select:sidebar line width" title="28px" content="28px">
  399. <meta name="select:sidebar line width" title="32px" content="32px">
  400. <meta name="select:sidebar line width" title="36px" content="36px">
  401.  
  402. <meta name="select:desc width" title="280px" content="280px">
  403. <meta name="select:desc width" title="120px" content="120px">
  404. <meta name="select:desc width" title="160px" content="160px">
  405. <meta name="select:desc width" title="200px" content="200px">
  406. <meta name="select:desc width" title="240px" content="240px">
  407. <meta name="select:desc width" title="320px" content="320px">
  408. <meta name="select:desc width" title="360px" content="360px">
  409. <meta name="select:desc width" title="400px" content="400px">
  410.  
  411. <meta name="select:desc padding" title="18px" content="18px">
  412. <meta name="select:desc padding" title="9px" content="9px">
  413. <meta name="select:desc padding" title="12px" content="12px">
  414. <meta name="select:desc padding" title="15px" content="15px">
  415. <meta name="select:desc padding" title="21px" content="21px">
  416. <meta name="select:desc padding" title="24px" content="24px">
  417. <meta name="select:desc padding" title="27px" content="27px">
  418.  
  419. <meta name="select:desc font size" title="11px" content="11px">
  420. <meta name="select:desc font size" title="12px" content="12px">
  421. <meta name="select:desc font size" title="13px" content="13px">
  422. <meta name="select:desc font size" title="14px" content="14px">
  423. <meta name="select:desc font size" title="15px" content="15px">
  424. <meta name="select:desc font size" title="16px" content="16px">
  425.  
  426. <meta name="select:desc text align" title="justify" content="justify"/>
  427. <meta name="select:desc text align" title="center" content="center"/>
  428. <meta name="select:desc text align" title="left" content="left"/>
  429. <meta name="select:desc text align" title="right" content="right"/>
  430.  
  431. <meta name="select:transparency" title="60%" content="0.4">
  432. <meta name="select:transparency" title="0% (solid)" content="1">
  433. <meta name="select:transparency" title="10%" content="0.9">
  434. <meta name="select:transparency" title="20%" content="0.8">
  435. <meta name="select:transparency" title="30%" content="0.7">
  436. <meta name="select:transparency" title="40%" content="0.6">
  437. <meta name="select:transparency" title="50%" content="0.5">
  438. <meta name="select:transparency" title="70%" content="0.3">
  439. <meta name="select:transparency" title="80%" content="0.2">
  440. <meta name="select:transparency" title="90%" content="0.1">
  441. <meta name="select:transparency" title="100% (no color)" content="0">
  442.  
  443. <meta name="if:photo fade" content="0" />
  444. <meta name="if:monochrome posts" content="0" />
  445.  
  446. <!-----------------TOGGLE OPTS----------------->
  447. <meta name="if:full sized background" content="1" />
  448. <meta name="if:background blur" content="1" />
  449. <meta name="if:enable transparency" content="1" />
  450.  
  451. <meta name="if:scroll to top button" content="1" />
  452. <meta name="if:dark tumblr controls" content="0" />
  453.  
  454. <!----------------TEXT FILDS---------------->
  455. <meta name="text:custom top title" content="">
  456.  
  457. <meta name="text:&#917536;&#x200B;" content="&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#xF3A;&#x2740;&#xF3B;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&NewLine;">
  458.  
  459. <meta name="text:&#x1F496;&#x2002;&#x1D21;&#x29C;&#x1D07;&#x280;&#x1D07;&#x20;&#x1D1B;&#x1D0F;&#x20;&#x493;&#x26A;&#x274;&#x1D05;&#x20;&#x26A;&#x1D04;&#x1D0F;&#x274;&#x73;&#x3A;" content="linearicons.com/free#cheat-sheet">
  460. <meta name="text:Link 1 icon" content="lnr-rocket">
  461. <meta name="text:Link 1" content="Sample link 1">
  462. <meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=coXY25FGqxI">
  463. <meta name="text:Link 2 icon" content="">
  464. <meta name="text:Link 2" content="">
  465. <meta name="text:Link 2 URL" content="">
  466. <meta name="text:Link 3 icon" content="">
  467. <meta name="text:Link 3" content="">
  468. <meta name="text:Link 3 URL" content="">
  469. <meta name="text:Link 4 icon" content="">
  470. <meta name="text:Link 4" content="">
  471. <meta name="text:Link 4 URL" content="">
  472. <meta name="text:Link 5 icon" content="">
  473. <meta name="text:Link 5" content="">
  474. <meta name="text:Link 5 URL" content="">
  475. <meta name="text:Link 6 icon" content="">
  476. <meta name="text:Link 6" content="">
  477. <meta name="text:Link 6 URL" content="">
  478.  
  479. <meta name="text:&#917536;&#x200B;&#x200B;" content="&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#xF3A;&#x2740;&#xF3B;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&#x2501;&NewLine;">
  480.  
  481. <meta name="text:sidebar icon hover title" content="return home">
  482.  
  483. <!-------------------------------------------------------------------->
  484.  
  485. <style type="text/css">
  486.  
  487. @font-face { font-family: "big noodle titling"; src: url('//glen-assets.github.io/fonts/big_noodle_titling_oblique.ttf'); }
  488.  
  489. @font-face { font-family: "pixeloperator bold"; src: url('//glen-assets.github.io/fonts/PixelOperator-Bold.ttf'); }
  490.  
  491. /*--------------------TOOLTIPS--------------------*/
  492. #s-m-t-tooltip {
  493. padding: 4px 9px;
  494. margin: 26px 9px 0px 15px;
  495. background-color: {color:post};
  496. font-family: {select:body font family};
  497. font-size: calc({select:font size} - 3px);
  498. letter-spacing: 1px;
  499. text-transform: uppercase;
  500. color: {color:text};
  501. z-index:99999999999999999999999999998!important;
  502. max-width: calc({select:post width} * 1.25);
  503. -webkit-transition: all 0.1s ease-in-out;
  504. -moz-transition: all 0.1s ease-in-out;
  505. -o-transition: all 0.1s ease-in-out;
  506. }
  507.  
  508. /*--------------------TUMBLR CONTROLS--------------------*/
  509. iframe#tumblr_controls, .iframe-controls--desktop {
  510. top:calc(5px + 50px)!important;
  511. right:5px!important;
  512. position:fixed!important;
  513. opacity:0.7;
  514.  
  515. {block:ifdarktumblrcontrols}
  516. filter:invert(100%) hue-rotate(180deg);
  517. -webkit-filter:invert(100%) hue-rotate(180deg);
  518. opacity:1;
  519. {/block:ifdarktumblrcontrols}
  520.  
  521. transform:scale(0.6,0.6);
  522. -webkit-transform:scale(0.6,0.6);
  523.  
  524. transform-origin:100% 0;
  525. z-index:999999!important;
  526. transition:0.3s ease-in-out;
  527. }
  528.  
  529. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  530. opacity:1;
  531. }
  532.  
  533. /*--------------------SCROLLBAR--------------------*/
  534. ::-webkit-scrollbar {
  535. height:5px;
  536. width:5px;
  537. }
  538.  
  539. ::-webkit-scrollbar-thumb {
  540. background-color:{color:scrollbar};
  541. }
  542.  
  543. ::-webkit-scrollbar-track {background-color:{color:scrollbar background};}
  544.  
  545. * { scrollbar-width: thin }
  546.  
  547. /*--------------------TEXT HIGHLIGHT--------------------*/
  548. ::selection {
  549. background: {color:highlight};
  550. color:{color:highlighted text};
  551. }
  552.  
  553. ::-moz-selection {
  554. background: {color:highlight};
  555. color:{color:highlighted text};
  556. }
  557.  
  558. /*--------------------BASICS--------------------*/
  559. body {
  560. background:{color:background};
  561. color:{color:text};
  562. cursor:normal;
  563. font-family:{select:body font family};
  564. line-height:1.6em;
  565. font-size:{select:font size};
  566. text-align:left;
  567. }
  568.  
  569. blockquote {
  570. padding-left:10px;
  571. margin-left:5px;
  572. border-left:1px solid;
  573. border-color:{color:blockquote};
  574. margin:10px;
  575. }
  576.  
  577. b, strong {font-weight:bold;color: {color:Bold};}
  578.  
  579. .non a {
  580. padding-bottom:0px!important;
  581. border-bottom:0px solid transparent!important;
  582. }
  583.  
  584. .nonn a {
  585. border-bottom:0px solid transparent!important;
  586. }
  587.  
  588. i, em, .em {color: {color:Italic};}
  589.  
  590. pre, code {
  591. white-space:pre-wrap;
  592. display:block;
  593. }
  594.  
  595. hr {
  596. width:70%;
  597. border-width:0px;
  598. height:1px;
  599. background-color:rgba({RGBcolor:text},0.3);
  600. }
  601.  
  602. p.npf_quirky, p.npf_quote {font-size:calc({select:font size} + 5px);line-height:1em;}
  603.  
  604. /*--------------------LINKS--------------------*/
  605. a {
  606. color:{color:link};
  607. text-decoration:none;
  608. }
  609.  
  610. a, .lnr, .bloom {
  611. -webkit-transition: all 0.4s ease-in-out;
  612. -moz-transition: all 0.4s ease-in-out;
  613. -o-transition: all 0.4s ease-in-out;
  614. }
  615.  
  616. a:hover {text-decoration:none;}
  617.  
  618. img {opacity:1;text-decoration:none;}
  619.  
  620. h1 {
  621. font-size:calc({select:font size} + 6px);
  622. font-family:big noodle titling;
  623. text-transform: uppercase;
  624. letter-spacing: 2px;
  625. color:{color:text};
  626. text-align:center;
  627. font-weight:normal;
  628. }
  629.  
  630. .pp p:first-child {margin-top:0px;}
  631.  
  632. /*-----------------BACKGROUND-----------------*/
  633. #background {
  634. position:fixed;
  635. top:0;
  636. left:0;
  637. width:100%;
  638. height:100vh;
  639. z-index:-1;
  640. background:{color:background} url({image:background image});
  641. background-attachment:fixed;
  642. background-repeat:repeat;
  643. {block:iffullsizedbackground}background-repeat:no-repeat; background-size: cover; background-position:center;{/block:iffullsizedbackground}
  644. {block:ifbackgroundblur}
  645. -webkit-filter: blur(7px);
  646. -moz-filter: blur(7px);
  647. o-filter: blur(7px);
  648. {/block:ifbackgroundblur}
  649. }
  650.  
  651. /*-----------------TOP BAR-----------------*/
  652. #tofu {
  653. position:fixed;
  654. top:0;margin-top:0px;
  655. left:0;margin-left:0px;
  656. width:100vw;
  657. height:50px;
  658. background-color:{color:top bar background};
  659. display:table;
  660. overflow:hidden;
  661. z-index:3;
  662. }
  663.  
  664. #tablesalt {
  665. display:table-cell;
  666. vertical-align:middle;
  667. }
  668.  
  669. .sugary {
  670. float:left;
  671. margin-left:26px;
  672. font-family:big noodle titling;
  673. font-size:18px;
  674. letter-spacing:2px;
  675. color:{color:top bar title};
  676. }
  677.  
  678. .coffee {
  679. position:absolute;
  680. top:0;margin-top:0px;
  681. right:0;margin-right:0px;
  682. display:flex;
  683. }
  684.  
  685. .coffee > * {
  686. align-self:center;
  687. -webkit-align-self:center;
  688. }
  689.  
  690. .coffee a {
  691. display:inline-block;
  692. padding:16px 18px;
  693. }
  694.  
  695. .coffee a:last-child {padding-right:calc(18px + 9px);}
  696.  
  697. .coffee a:hover {
  698. background-color:{color:custom links background hover};
  699. }
  700.  
  701. .botch {
  702. display:flex;
  703. }
  704.  
  705. .botch > * {
  706. align-self:center;
  707. -webkit-align-self:center;
  708. }
  709.  
  710. .botch .lnr {
  711. margin-right:9px;
  712. font-size:14px;
  713. color:{color:custom links icon}; /* custom links icon color */
  714. }
  715.  
  716. .coffee a:hover .lnr {
  717. color:{color:custom links icon hover};
  718. }
  719.  
  720. .bloom {
  721. font-family:pixeloperator bold;
  722. font-size:12px;
  723. text-transform:uppercase;
  724. letter-spacing:0.3px;
  725. color:{color:custom links};
  726. }
  727.  
  728. .coffee a:hover .bloom {
  729. color:{color:custom links hover};
  730. }
  731.  
  732.  
  733.  
  734. /*-----------------CONTAINER-----------------*/
  735. #container {
  736. position:absolute;
  737. margin:0 auto;
  738. margin-top:calc(50px + {select:post spacing});
  739. margin-bottom:{select:post spacing};
  740. top:0;left:0;right:0;
  741. width:calc({select:post width} + ({select:post padding} * 2) + {select:center gap} + {select:sidebar icon size} + ({select:sidebar icon border} * 2) + {select:sidebar line width} + {select:desc width} + 10px + 30px);
  742. }
  743.  
  744.  
  745. #nudge {
  746.  
  747. }
  748.  
  749. /*-----------------SIDEBAR-----------------*/
  750. #cotton {
  751. position:fixed;
  752. bottom:0;margin-bottom:50px;
  753. margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:center gap});
  754. /* total post width + gap between posts and sb */
  755. }
  756.  
  757. .potaeto {
  758. margin-left:calc({select:sidebar icon size} + ({select:sidebar icon border} * 2) + {select:sidebar line width} + (({select:desc width} - {select:sidebar image width}) / 2));
  759. width:{select:sidebar image width};
  760. vertical-align:middle;
  761. }
  762.  
  763. #chilis {
  764. margin-top:-2.5px;
  765. display:flex;
  766. }
  767.  
  768. #chilis > * {
  769. align-self:center;
  770. -webkit-align-self:center;
  771. }
  772.  
  773. .kao {
  774. width:{select:sidebar icon size};
  775. height:{select:sidebar icon size};
  776. background-color:{color:sidebar borders};
  777. border-radius:100%;
  778. border:{select:sidebar icon border} solid {color:sidebar borders};
  779. }
  780.  
  781. .bitline {
  782. margin-left:-1px;
  783. width:calc({select:sidebar line width} + 1px);
  784. height:{select:sidebar icon border};
  785. background:{color:sidebar borders};
  786. }
  787.  
  788. .chips {
  789. height:calc({select:sidebar icon size} + ({select:sidebar icon border} * 2));
  790. width:calc({select:desc width} - {select:sidebar icon border});
  791. background-color:{color:desc background};
  792. {block:ifenabletransparency}background-color:rgba({RGBcolor:desc background},{select:transparency});{/block:ifenabletransparency}
  793. border-left:{select:sidebar icon border} solid {color:sidebar borders};
  794. border-radius:3px;
  795. }
  796.  
  797. .silk {
  798. height:calc(100% - ({text:description padding}px * 2));
  799. padding:{text:description padding}px;
  800. }
  801.  
  802. .desc {
  803. padding-right:calc({text:description padding}px - 4px);
  804. height:100%;
  805. overflow:auto;
  806. font-family:{select:desc font family};
  807. font-size:{select:desc font size};
  808. color:{color:desc text};
  809. text-align:{select:desc text align};
  810. line-height:1.65em;
  811. }
  812.  
  813. .desc b, .desc strong {
  814. color:{color:desc bold};
  815. }
  816.  
  817. .desc i, .desc em {
  818. color:{color:desc italic};
  819. }
  820.  
  821. .desc a {
  822. color:{color:desc link};
  823. padding-bottom:1px;
  824. border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4);
  825. }
  826.  
  827. .desc a:hover {
  828. color:{color:desc link hover};
  829. border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
  830. }
  831.  
  832. .desc p:last-child {margin-bottom:0px}
  833.  
  834. .desc::-webkit-scrollbar {
  835. width:9px;
  836. height:9px;
  837. }
  838.  
  839. .desc::-webkit-scrollbar-track {
  840. {block:ifenabletransparency}
  841. background-color:transparent;
  842. {/block:ifenabletransparency}
  843.  
  844. {block:ifnotenabletransparency}
  845. background-color:{color:desc background};
  846. {/block:ifnotenabletransparency}
  847. }
  848.  
  849. .desc::-webkit-scrollbar-thumb {
  850. background-color:{color:desc scrollbar};
  851.  
  852. {block:ifenabletransparency}
  853. border:4px solid transparent;
  854. background-clip:content-box;
  855. {/block:ifenabletransparency}
  856.  
  857. {block:ifnotenabletransparency}
  858. border:4px solid {color:desc background};
  859. {/block:ifnotenabletransparency}
  860. }
  861.  
  862. .slushie {
  863. margin-left:10px;
  864. width:calc(14px + 16px);
  865. }
  866.  
  867. .slushie a {
  868. display:inline-block;
  869. margin:10px 0px;
  870. }
  871.  
  872. .slushie a:first-child {margin-top:0px}
  873. .slushie a:last-child {margin-bottom:0px}
  874.  
  875. .slushie .lnr {
  876. padding:8px;
  877. background-color:{color:sidebar nav links bg};
  878. border-radius:3px;
  879. font-size:13px;
  880. color:{color:sidebar nav links icon};
  881. }
  882.  
  883. .slushie .lnr:hover {
  884. background-color:{color:sidebar nav links bg hover};
  885. color:{color:sidebar nav links icon hover};
  886. }
  887.  
  888. /*--------------------POSTS--------------------*/
  889. .posts {
  890. overflow:hidden;
  891. margin-bottom:{select:post spacing};
  892. width:{select:post width};
  893. padding:{select:post padding};
  894. background-color:{color:post};
  895. {block:ifenabletransparency}background-color:rgba({RGBcolor:post},{select:transparency});{/block:ifenabletransparency}
  896. }
  897.  
  898. {block:PermalinkPage}
  899. .posts:last-of-type {margin-bottom:0px;}
  900. {/block:PermalinkPage}
  901.  
  902. .posts a {
  903. color:{color:link};
  904. padding-bottom:1px;
  905. border-bottom:0.5px solid rgba({RGBcolor:link},0.4);
  906. }
  907.  
  908. .posts a:hover {
  909. color:{color:link hover};
  910. border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
  911. }
  912.  
  913. .photos, .photos img {
  914. position:relative;
  915. overflow:hidden;
  916. width:{select:post width};
  917.  
  918. {block:IndexPage}
  919. {block:ifphotofade}
  920. opacity:0.8;
  921. -webkit-transition: all 0.8s ease-in-out;
  922. -moz-transition: all 0.8s ease-in-out;
  923. -o-transition: all 0.8s ease-in-out;
  924. {/block:ifphotofade}
  925.  
  926. {block:ifmonochromeposts}
  927. -webkit-filter:grayscale(100%);
  928. filter:grayscale(100%);
  929. -webkit-transition: all 0.8s ease-in-out;
  930. -moz-transition: all 0.8s ease-in-out;
  931. -o-transition: all 0.8s ease-in-out;
  932. {/block:ifmonochromeposts}
  933. {/block:IndexPage}
  934. }
  935.  
  936. .posts:hover .photos {
  937. opacity:1;
  938. -webkit-filter:grayscale(0%);
  939. filter:grayscale(0%);
  940. }
  941.  
  942. .posts img {
  943. {block:IndexPage}
  944. {block:ifphotofade}
  945. opacity:0.8;
  946. -webkit-transition: all 0.8s ease-in-out;
  947. -moz-transition: all 0.8s ease-in-out;
  948. -o-transition: all 0.8s ease-in-out;
  949. {/block:ifphotofade}
  950.  
  951. {block:ifmonochromeposts}
  952. -webkit-filter:grayscale(100%);
  953. filter:grayscale(100%);
  954. -webkit-transition: all 0.8s ease-in-out;
  955. -moz-transition: all 0.8s ease-in-out;
  956. -o-transition: all 0.8s ease-in-out;
  957. {/block:ifmonochromeposts}
  958. {/block:IndexPage}
  959. }
  960.  
  961. .posts:hover img {
  962. opacity:1;
  963. -webkit-filter:grayscale(0%);
  964. filter:grayscale(0%);
  965. }
  966.  
  967. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  968.  
  969. .posts iframe {max-width:100%;}
  970.  
  971. /*--------------------PERMALINK--------------------*/
  972. .permawrap {
  973. margin-top:{select:post padding};
  974. margin-left:-{select:post padding};
  975. padding-top:{select:post padding};
  976. width:calc(100% + ({select:post padding} * 2));
  977. border-top:1px solid {color:permalink border};
  978.  
  979. {block:ifenabletransparency}border-top:1px solid rgba({RGBcolor:permalink border},0.7);{/block:ifenabletransparency}
  980. }
  981.  
  982. .perma {
  983. float:left;
  984. margin-left:{select:post padding};
  985. text-transform:uppercase;
  986. letter-spacing:1px;
  987. font-size:calc({select:font size} - 2.5px);
  988. }
  989.  
  990. .perma a {
  991. margin-right:14px;
  992. color:{color:permalink};
  993. }
  994.  
  995. .perma a:hover {color:{color:permalink hover};}
  996.  
  997. .tagsin {
  998. margin-top:5px;
  999. margin-bottom:-3px;
  1000. margin-right:-3px;
  1001. text-transform:uppercase;
  1002. letter-spacing:1.3px;
  1003. line-height:1.5em;
  1004. font-size:calc({select:font size} - 4.5px);
  1005. text-align:right;
  1006. }
  1007.  
  1008. .tagsin a {
  1009. display:inline-block;
  1010. margin:3px;
  1011. color:{color:tags};
  1012. }
  1013.  
  1014. .tagsin a:hover {color:{color:tags hover};}
  1015.  
  1016. .vinegar {
  1017. float:right;
  1018. margin-right:{select:post padding};
  1019. }
  1020.  
  1021. /* -- Like + Reblog buttons (1/2) -- */
  1022. /* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
  1023. /* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
  1024.  
  1025. .controls li {
  1026. position:relative;
  1027. display:inline-block;
  1028. margin:0 4px;
  1029. list-style-type:none;
  1030. }
  1031.  
  1032. .controls li:first-child {margin-left:0px;}
  1033. .controls li:last-child {margin-right:0px;}
  1034.  
  1035. /* both svg colors */
  1036. .controls .lnr {
  1037. font-size:{select:font size};
  1038. color:{color:permalink};
  1039. }
  1040.  
  1041. .controls .like .liked + .lnr {color:#ec5a5a;}
  1042.  
  1043. .controls .like .like_button {
  1044. position:absolute;
  1045. width:{select:font size};
  1046. height:{select:font size};
  1047. margin-top:2px;
  1048. }
  1049.  
  1050. .controls .like .like_button iframe {
  1051. position:absolute;
  1052. top:0;left:0;bottom:0;right:0;
  1053. width:100%;height:100%;
  1054. z-index:2;
  1055. opacity:0.0000001;
  1056. }
  1057.  
  1058.  
  1059. /*--------------------POST NOTES--------------------*/
  1060. ol.notes {
  1061. width:calc({select:post width} + ({select:post padding} * 2));
  1062. padding:0px;
  1063. margin-top:30px;
  1064. list-style-type:none;
  1065. color:{color:pagination text};
  1066. }
  1067.  
  1068. ol.notes li.note {
  1069. padding:10px;
  1070. }
  1071.  
  1072. ol.notes li.note img.avatar {
  1073. vertical-align:-4px;
  1074. margin-right:10px;
  1075. width:16px;
  1076. height:16px;
  1077. }
  1078.  
  1079. ol.notes li.note span.action {
  1080. font-weight:none;
  1081. }
  1082.  
  1083. ol.notes li.note .answer_content {
  1084. font-weight:normal;
  1085. }
  1086.  
  1087. ol.notes li.note blockquote {
  1088. padding:4px 10px;
  1089. margin:10px 0px 0px 25px;
  1090. }
  1091.  
  1092. ol.notes li.note blockquote a {
  1093. text-decoration:none;
  1094. }
  1095.  
  1096. ol.notes a {
  1097. color:{color:pagination link};
  1098. }
  1099.  
  1100. /*---------------------------LIGHTBOXES---------------------------*/
  1101. .vignette, #vignette {
  1102. opacity:0;
  1103. }
  1104. .lightbox-image, #tumblr_lightbox img {
  1105. z-index:99999999999999999999999999999 !important;
  1106. box-shadow:none !important;
  1107. border-radius:0px !important;
  1108. max-width:none;
  1109. padding:{select:post padding} !important;
  1110. background:{color:post} !important;
  1111. border:1px solid rgba({RGBcolor:text},0.15) !important;
  1112. }
  1113.  
  1114. .tmblr-lightbox, #tumblr_lightbox {
  1115. background-color:rgba({RGBcolor:post},0.78) !important;
  1116. z-index:99999999999999999999999999999 !important;
  1117. }
  1118.  
  1119. /*---------------------------QUOTES---------------------------*/
  1120. .daydreamer {
  1121. margin-top:6px;
  1122. margin-bottom:10px;
  1123. text-align:center;
  1124. }
  1125.  
  1126. .daydreamer .sf {
  1127. color:{color:text};
  1128. padding:7px 10px 2px 10px;
  1129. font-size:calc({select:font size} + 5px);
  1130. }
  1131.  
  1132. .daydreamer::before {
  1133. content:"";
  1134. position:absolute;
  1135. margin-top:8px;
  1136. margin-left:calc(-{select:post width} / 4);
  1137. width:calc({select:post width} / 4);
  1138. height:1px;
  1139. background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
  1140. }
  1141.  
  1142. .daydreamer::after {
  1143. content:"";
  1144. position:absolute;
  1145. margin-top:8px;
  1146. margin-left:0px;
  1147. width:calc({select:post width} / 4);
  1148. height:1px;
  1149. background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
  1150. }
  1151.  
  1152. .quote {
  1153. font-family:big noodle titling;
  1154. text-transform:uppercase;letter-spacing:1.3px;
  1155. font-size:calc({select:font size} + 6px);
  1156. text-align:center;
  1157. }
  1158.  
  1159. .quotesource {
  1160. text-align:center;
  1161. margin-top:10px;
  1162. }
  1163.  
  1164. /*---------------------------CHATS---------------------------*/
  1165. .chat {
  1166. line-height:2em;
  1167. list-style:none;
  1168. }
  1169.  
  1170. .line.odd {
  1171. background-color:{color:question and chat background};
  1172. {block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{select:transparency});{/block:ifenabletransparency}
  1173.  
  1174. padding:5px;
  1175. list-style:none;
  1176. color:{color:question and chat text};
  1177. }
  1178.  
  1179. .line.even {
  1180. background:{color:post};
  1181. padding:5px;
  1182. list-style:none;
  1183. }
  1184.  
  1185. .label.odd, .label.even {
  1186. padding-right:1px;
  1187. text-transform:uppercase;
  1188. font-weight:bold;
  1189. }
  1190.  
  1191. .label.odd {color:{color:question and chat text};}
  1192. .label.even {color:{color:text};}
  1193.  
  1194. p.npf_chat { font-family:Courier; font-size:{select:font size}; }
  1195.  
  1196. /*---------------------------ASKS---------------------------*/
  1197. .q-wrap {
  1198. padding:10px;
  1199. background-color:{color:question and chat background};
  1200. {block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{select:transparency});{/block:ifenabletransparency}
  1201. min-height:64px;
  1202. }
  1203.  
  1204. .question {
  1205. margin-left:75px;
  1206. color:{color:question and chat text};
  1207. }
  1208.  
  1209. .askimg {
  1210. position:absolute;
  1211. width:64px;height:64px;
  1212. }
  1213.  
  1214. .asker, .asker b, .asker a {
  1215. text-transform:uppercase;color:{color:question and chat text};
  1216. }
  1217.  
  1218. .answer {
  1219. margin:0px auto;
  1220. text-transform:none;
  1221. color:{color:text};
  1222. }
  1223.  
  1224. /*---------------------------AUDIO---------------------------*/
  1225. .playerbutton {
  1226. position:absolute;
  1227. margin-top:18.5px;
  1228. margin-left:18.5px;
  1229. width:27px;
  1230. height:27px;
  1231. overflow:hidden;
  1232. border-radius:100%;
  1233. }
  1234.  
  1235. .trackdetails {
  1236. width:auto;
  1237. display:inline-block;
  1238. margin-left:70px;
  1239. padding:5px;
  1240. line-height:1.7;
  1241. }
  1242.  
  1243. .trackdetails b {
  1244. font-weight:normal;
  1245. }
  1246.  
  1247. .audiowrapper {
  1248. position:relative;
  1249. display:inline;
  1250. height:0px;
  1251. }
  1252.  
  1253. /*---------------------------VIDEO---------------------------*/
  1254. .tumblr_video_container {
  1255. width:{select:post width}!important;
  1256. height:auto!important;
  1257. max-height:540px!important;
  1258. overflow:hidden!important;
  1259. {block:IndexPage}
  1260. {block:ifphotofade}
  1261. opacity:0.8;
  1262. -webkit-transition: all 0.8s ease-in-out;
  1263. -moz-transition: all 0.8s ease-in-out;
  1264. -o-transition: all 0.8s ease-in-out;
  1265. {/block:ifphotofade}
  1266.  
  1267. {block:ifmonochromeposts}
  1268. -webkit-filter:grayscale(100%);
  1269. filter:grayscale(100%);
  1270. -webkit-transition: all 0.8s ease-in-out;
  1271. -moz-transition: all 0.8s ease-in-out;
  1272. -o-transition: all 0.8s ease-in-out;
  1273. {/block:ifmonochromeposts}
  1274. {/block:IndexPage}
  1275. }
  1276.  
  1277. .posts:hover .tumblr_video_container {
  1278. opacity:1;
  1279. -webkit-filter:grayscale(0%);
  1280. filter:grayscale(0%);
  1281. }
  1282.  
  1283. /*------------------------BOT PAGI------------------------*/
  1284. .botpagi {
  1285. width:calc({select:post width} + ({select:post padding} * 2));
  1286. text-align:center;
  1287. padding-top:15px;
  1288. border-top:1px solid {color:pagination border};
  1289.  
  1290. {block:ifenabletransparency}border-top:1px solid rgba({RGBcolor:pagination border},0.7);{/block:ifenabletransparency}
  1291. margin-bottom:calc(0px - 10px + {select:post spacing});
  1292. }
  1293.  
  1294. /* 'Current page' number */
  1295. .botpagi span {
  1296. font-size:9px;
  1297. color:{color:pagination text};
  1298. padding:3px 5px;
  1299. width:9px;
  1300. display:inline-block;
  1301. margin-left:5px;
  1302. text-align:center;
  1303. }
  1304.  
  1305. /* Other page numbers */
  1306. .botpagi a {
  1307. font-size:9px;
  1308. color:{color:pagination link};
  1309. padding:3px 5px;
  1310. width:9px;
  1311. display:inline-block;
  1312. margin-left:2px;
  1313. text-align:center;
  1314. }
  1315.  
  1316. #scrollToTop:link, #scrollToTop:visited {
  1317. display: none;
  1318. position: fixed;
  1319. bottom: 15px;
  1320. right: 15px;
  1321. z-index:10000;
  1322. -webkit-transition: all 0.4s ease-in-out;
  1323. -moz-transition: all 0.4s ease-in-out;
  1324. -o-transition: all 0.4s ease-in-out;
  1325. }
  1326.  
  1327. #scrollToTop img {
  1328. width:32px;
  1329. }
  1330.  
  1331. #scrollToTop:hover {
  1332. bottom:23px;
  1333. }
  1334.  
  1335. </style>
  1336.  
  1337. </head>
  1338.  
  1339. <body>
  1340. {block:ifscrolltotopbutton}
  1341. <script src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1342. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{image:scroll to top button image}"/></a>
  1343. {/block:ifscrolltotopbutton}
  1344.  
  1345. <div id="background"></div>
  1346.  
  1347. <div id="tofu">
  1348. <div id="tablesalt">
  1349. <div class="sugary">
  1350. {block:ifcustomtoptitle}{text:custom top title}{/block:ifcustomtoptitle}
  1351. {block:ifnotcustomtoptitle}{Title}{/block:ifnotcustomtoptitle}
  1352. </div><!--sugary-->
  1353.  
  1354. <div class="coffee">
  1355. {block:ifLink1}
  1356. <a href="{text:Link 1 URL}">
  1357. <div class="botch">
  1358. {block:ifLink1icon}<span class="lnr {text:Link 1 icon}"></span>{/block:ifLink1icon}
  1359. <span class="bloom">{text:Link 1}</span>
  1360. </div></a>{/block:ifLink1}
  1361.  
  1362. {block:ifLink2}
  1363. <a href="{text:Link 2 URL}">
  1364. <div class="botch">
  1365. {block:ifLink2icon}<span class="lnr {text:Link 2 icon}"></span>{/block:ifLink2icon}
  1366. <span class="bloom">{text:Link 2}</span>
  1367. </div></a>{/block:ifLink2}
  1368.  
  1369. {block:ifLink3}
  1370. <a href="{text:Link 3 URL}">
  1371. <div class="botch">
  1372. {block:ifLink3icon}<span class="lnr {text:Link 3 icon}"></span>{/block:ifLink3icon}
  1373. <span class="bloom">{text:Link 3}</span>
  1374. </div></a>{/block:ifLink3}
  1375.  
  1376. {block:ifLink4}
  1377. <a href="{text:Link 4 URL}">
  1378. <div class="botch">
  1379. {block:ifLink4icon}<span class="lnr {text:Link 4 icon}"></span>{/block:ifLink4icon}
  1380. <span class="bloom">{text:Link 4}</span>
  1381. </div></a>{/block:ifLink4}
  1382.  
  1383. {block:ifLink5}
  1384. <a href="{text:Link 5 URL}">
  1385. <div class="botch">
  1386. {block:ifLink5icon}<span class="lnr {text:Link 5 icon}"></span>{/block:ifLink5icon}
  1387. <span class="bloom">{text:Link 5}</span>
  1388. </div></a>{/block:ifLink5}
  1389.  
  1390. {block:ifLink6}
  1391. <a href="{text:Link 6 URL}">
  1392. <div class="botch">
  1393. {block:ifLink6icon}<span class="lnr {text:Link 6 icon}"></span>{/block:ifLink6icon}
  1394. <span class="bloom">{text:Link 6}</span>
  1395. </div></a>{/block:ifLink6}
  1396. </div>
  1397. </div><!--tablesalt-->
  1398. </div><!--tofu-->
  1399.  
  1400. <!---- main shit ---->
  1401. <div id="container">
  1402.  
  1403. <div id="cotton">
  1404.  
  1405. <img class="potaeto" src="{image:sidebar render}">
  1406.  
  1407. <div id="chilis">
  1408. <a href="/" title="{text:sidebar icon hover title}">
  1409. <img class="kao" src="{image:sidebar icon}"></a>
  1410.  
  1411. <div class="bitline"></div>
  1412.  
  1413. <div class="chips">
  1414. <div class="silk">
  1415. <div class="desc">{Description}</div>
  1416. </div><!--silk-->
  1417. </div><!--chips-->
  1418.  
  1419. <div class="slushie">
  1420. <a href="/" title="home"><span class="lnr lnr-home"></span></a>
  1421. <a href="/ask" title="message"><span class="lnr lnr-envelope"></span></a>
  1422. <!--PLEASE DO NOT REMOVE THE CREDIT, THANK YOU! :)-->
  1423. <a href="//glenthemes.tumblr.com" title="theme by glenthemes"><span class="lnr lnr-code"></span></a>
  1424. </div><!--slushie-->
  1425. </div><!--chilis-->
  1426. </div><!--cotton-->
  1427.  
  1428. <div id="nudge">
  1429.  
  1430. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1431. <div class="posts" id="{PostID}" post-type="{PostType}">
  1432.  
  1433.  
  1434. {block:Text}
  1435. {block:Title}<h1>{Title}</h1>{/block:Title}
  1436. <div class="pp">{Body}</div>
  1437. {/block:Text}
  1438.  
  1439.  
  1440. {block:Photo}
  1441.  
  1442. <div class="photos">
  1443. <div class="non">{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"></a>{LinkCloseTag}</div></div>
  1444.  
  1445. {block:Caption}{Caption}{/block:Caption}
  1446. {/block:Photo}
  1447.  
  1448.  
  1449. {block:Photoset}
  1450.  
  1451. <div class="photos">
  1452. <div class="non">
  1453. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1454. </div>
  1455. </div>
  1456.  
  1457. {block:Caption}{Caption}{/block:Caption}
  1458. {/block:Photoset}
  1459.  
  1460.  
  1461. {block:Quote}
  1462. <div class="daydreamer"><span class="sf sf-quotation-mark"></span></div>
  1463. <div class="quote">{Quote}</div>
  1464. {block:Source}<div class="quotesource"> — {Source}</div>
  1465. {/block:Source}{/block:Quote}
  1466.  
  1467.  
  1468. {block:Link}
  1469. <h1><div class="non"><a href="{URL}" {Target}>{Name} »</a></div></h1>
  1470. {block:Description}{Description}{/block:Description}
  1471. {/block:Link}
  1472.  
  1473.  
  1474. {block:Chat}
  1475. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label {Alt}"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1476. {/block:Chat}
  1477.  
  1478.  
  1479. {block:Audio}
  1480. {block:AudioPlayer}
  1481. <div class="audiowrapper">
  1482. <div class="playerbutton">{AudioPlayer}</div>
  1483.  
  1484. <div class="trackdetails">
  1485. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1486.  
  1487. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1488.  
  1489. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1490. </div><!--audiowrapper-->
  1491. {/block:AudioPlayer}
  1492.  
  1493. {block:Caption}
  1494. <div class="caption">{Caption}</div>
  1495. {/block:Caption}
  1496. {/block:Audio}
  1497.  
  1498.  
  1499. {block:Video}
  1500. <div class="video">{Video-500}</div>
  1501. {block:Caption}{Caption}{/block:Caption}
  1502. {/block:Video}
  1503.  
  1504.  
  1505. {block:Answer}
  1506. <div class="q-wrap">
  1507. <img class="askimg" src="{AskerPortraitURL-64}" ondragstart='return false;'>
  1508. <div class="question">
  1509. <div class="asker"><b>{Asker} asked:</b></div>
  1510. {Question}</div><!--question-->
  1511. </div><!--qwrap-->
  1512. <div class="answer">{Answer}</div><!--answer-->
  1513. {/block:Answer}
  1514.  
  1515.  
  1516.  
  1517. {block:IndexPage}
  1518. {block:Date}
  1519.  
  1520. {block:HasTags}
  1521. <div class="tagsin nonn">
  1522. {block:Tags}
  1523. <a href="{TagURL}">#{Tag}</a>
  1524. {/block:Tags}
  1525. </div><!--tagsin-->
  1526. {/block:HasTags}
  1527.  
  1528. <div class="permawrap">
  1529.  
  1530. <div class="perma nonn">
  1531. <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>
  1532. <a href="{Permalink}">{24Hour}:{Minutes}</a>
  1533. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1534. </div><!--perma-->
  1535.  
  1536.  
  1537.  
  1538. {Block:IndexPage}
  1539. <div class="vinegar non">
  1540.  
  1541. <!----POST CONTROLS---->
  1542. <div class="controls">
  1543.  
  1544. <li class="like"><a title="like this post?">{LikeButton}
  1545. <span class="lnr lnr-heart"></span>
  1546. </a></li>
  1547.  
  1548. <li><a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a></li>
  1549.  
  1550. </div><!--controls-->
  1551.  
  1552. </div><!--vinegar-->
  1553. {/block:IndexPage}
  1554.  
  1555.  
  1556. </div><!--permawrap-->
  1557. {/block:Date}
  1558. {/block:IndexPage}
  1559.  
  1560.  
  1561.  
  1562.  
  1563. <!-----------PERMA ON PERMAPAGE----------->
  1564. {block:PermalinkPage}
  1565. {block:Date}
  1566. <div class="permawrap">
  1567.  
  1568. <div class="perma nonn">
  1569. <a href="{Permalink}">
  1570. <b>{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</b>
  1571. </a>
  1572.  
  1573. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1574.  
  1575. {block:RebloggedFrom}
  1576. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1577. {block:ContentSource}
  1578. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1579. {/block:ContentSource}
  1580. {/block:RebloggedFrom}
  1581.  
  1582. {block:HasTags}
  1583. <div class="tagsin nonn" style="text-align:left;">
  1584. {block:Tags}
  1585. <a href="{TagURL}">#{Tag}</a>
  1586. {/block:Tags}
  1587. </div><!--tagsin-->
  1588. {/block:HasTags}
  1589. </div><!--perma-->
  1590. </div><!--permawrap-->
  1591. {block:Date}
  1592. {block:PermalinkPage}
  1593.  
  1594.  
  1595.  
  1596. </div><!--posts-->
  1597.  
  1598.  
  1599. {block:PostNotes}
  1600. {PostNotes}
  1601. {/block:PostNotes}
  1602.  
  1603. {/block:Posts}
  1604.  
  1605.  
  1606. {block:Pagination}
  1607. <div class="botpagi">
  1608. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1609. {block:JumpPagination length="6"}
  1610. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1611. {block:JumpPage}<a href="{URL}" title="page {PageNumber}">{PageNumber}</a> {/block:JumpPage}
  1612. {/block:JumpPagination}
  1613. {block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
  1614. </div>
  1615. {/block:Pagination}
  1616.  
  1617. </div><!--nudge-->
  1618. </div><!--cont-->
  1619.  
  1620.  
  1621. </body>
  1622. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!