API tools faq
paste
Advertisement
glenthemes

Theme [34]: Drizzle

glenthemes
Apr 16th, 2019 (edited)
23,789
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.93 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme [34]: Drizzle
  3. Made by glenthemes
  4.  
  5. Initial release: 2019/04/16
  6. Last updated: 2023/07/29
  7.  
  8. What's new:
  9. ✱ NPF audio post support
  10.  
  11. TERMS OF USE:
  12. 1) Do not remove the theme credit.
  13. 2) Do not repost/redistribute my themes.
  14. 3) Do not take parts of the code and use it as your own.
  15. 4) Do not use my themes as a base code.
  16. 5) Do not mix my themes together.
  17.  
  18. Guide: glenthemes.tumblr.com/drizzle
  19. Credits: glenthemes.tumblr.com/drizzle-crd
  20. ------------------------------------------------------------------------>
  21.  
  22. <!DOCTYPE html>
  23. <html>
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30.  
  31. <!--------------------JAVASCRIPTS-------------------->
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("a[title]").style_my_tooltips({
  38. tip_follows_cursor:true,
  39. tip_delay_time:75,
  40. tip_fade_speed:50,
  41. attribute:"title"
  42. });
  43. });
  44. })(jQuery);
  45. </script>
  46.  
  47. <script>
  48. $(document).ready(function() {
  49. $('iframe.tumblr_audio_player').load( function() {
  50. $('iframe.tumblr_audio_player').contents().find("head")
  51. .append($("<style type='text/css'> .audio-player{background:{color:music tab bg} !important; padding:5px 10px 5px 0px !important} .play-pause{color:{color:music tab text} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  52. });
  53. });
  54. </script>
  55.  
  56. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  57. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  58. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  59.  
  60. <script>
  61. $(document).ready(function(){
  62. $('.photo-slideshow').pxuPhotoset({
  63. lightbox: true,
  64. rounded: false,
  65. gutter: '{select:photos spacing}',
  66. borderRadius: '0px',
  67. photoset: '.photo-slideshow',
  68. photoWrap: '.photo-data',
  69. photo: '.pxu-photo'
  70. });
  71. });
  72. </script>
  73.  
  74. <script>
  75. $(document).ready(function(){
  76. //remove tumblr redirects script by magnusthemes@tumblr
  77. $('a[href*="t.umblr.com/redirect"]').each(function(){
  78. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  79. var replaceURL = decodeURIComponent(originalURL);
  80. $(this).attr("href", replaceURL);
  81. });
  82. });
  83. </script>
  84.  
  85. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  86.  
  87. <link href="//fonts.googleapis.com/css?family=Karla:300,400|Quicksand:500|Muli" rel="stylesheet">
  88.  
  89. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  90.  
  91. <script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  92.  
  93. <script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
  94.  
  95. <script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  96.  
  97. <script src="//glen-themes.gitlab.io/thms/34/drizzle.js"></script>
  98.  
  99. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  100.  
  101. <script src="//npf-images-v3.github.io/script.js"></script>
  102. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  103. <style tmblr-npf>
  104. :root {
  105. --NPF-Caption-Spacing:1.25em;
  106. --NPF-Image-Spacing:{select:photos spacing};
  107. }
  108.  
  109. a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
  110. padding-bottom:0!important;
  111. border-bottom:none!important;
  112. }
  113.  
  114. .spotify_audio_player {
  115. height:80px!important;
  116. }
  117. </style>
  118.  
  119. <script>
  120. // minimal soundcloud player @ shythemes.tumblr
  121. // shythemes.tumblr.com/post/114792480648
  122. $(document).ready(function(){
  123. var soundcloud_btn = '{color:music tab bg}';
  124. $('.soundcloud_audio_player').each(function(){
  125. $(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%' });
  126. });
  127. });
  128. </script>
  129.  
  130. <!-- unblue polls -->
  131. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  132. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  133. <style unblue-polls>
  134. .poll-post {
  135. --Poll-Question-Font-Size: {select:font size};
  136.  
  137. --Poll-Option-Background-Color: transparent;
  138. --Poll-Option-Corner-Rounding: 6px;
  139. --Poll-Option-Border-Size: 1px;
  140. --Poll-Option-Border-Color: rgba({RGBcolor:text},0.2);
  141. --Poll-Option-Padding: 10px;
  142. --Poll-Option-Font-Size: {select:font size};
  143. --Poll-Option-Spacing: 10px;
  144. --Poll-Option-Text-Color: {color:text};
  145.  
  146. --Poll-Option-HOVER-Border-Color: rgba({RGBcolor:text},0.2);
  147. --Poll-Option-HOVER-Background-Color: transparent;
  148. --Poll-Option-HOVER-Text-Color: {color:link};
  149. --Poll-Option-HOVER-Speed: 0.4s;
  150. }
  151.  
  152. .poll-see-results {
  153. padding-bottom:0!important;
  154. border-bottom:none!important;
  155. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  156. text-transform:uppercase;
  157. letter-spacing:0.5px;
  158. }
  159. </style>
  160.  
  161. <!-- npf audio player -->
  162. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  163. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  164. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  165. <script>
  166. tumblr_npf_audio({
  167. emptyTitleText: "Untitled track",
  168. emptyArtistText: "Untitled artist",
  169. emptyAlbumText: "Untitled album",
  170.  
  171. titleLabel: "Track:",
  172. artistLabel: "Artist:",
  173. albumLabel: "Album:"
  174. });
  175. </script>
  176. <style edit-npf-audio-player>
  177. .npf-audio-wrapper {
  178. --NPF-Audio-Buttons-Size: calc({select:font size} - 1px);
  179. --NPF-Audio-Buttons-Color: {color:music tab text};
  180. --NPF-Audio-Buttons-Padding: 9px;
  181. --NPF-Audio-Buttons-Spacing: calc(var(--p) + 1.2em);
  182. --NPF-Audio-Image-Size:64px;
  183. --NPF-Audio-Image-Spacing: 0px;
  184.  
  185. --t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
  186. --p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
  187. }
  188.  
  189. .npf-audio-wrapper {
  190. position:relative;
  191. z-index:0;
  192. }
  193.  
  194. .npf-audio-background {
  195. margin-left:var(--p);
  196. }
  197.  
  198. .npf-audio-play, .npf-audio-pause {
  199. position:relative;
  200. z-index:0;
  201. }
  202.  
  203. .npf-audio-play:after, .npf-audio-pause:after {
  204. content:"";
  205. position:absolute;
  206. top:0;left:0;
  207. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
  208. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
  209. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  210. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  211. background:{color:music tab bg};
  212. border-radius:100%;
  213. z-index:-1;
  214. }
  215.  
  216. .npf-audio-play svg { margin-left:1px; }
  217. .npf-audio-pause svg { margin-left:0; }
  218.  
  219. figcaption.audio-caption,
  220. figcaption.audio-caption ~ audio[controls]{
  221. display:none;
  222. }
  223.  
  224. .npf-audio-image {
  225. position:absolute;
  226. top:0;left:0;
  227. border-radius:3px;
  228. z-index:-1;
  229. }
  230. </style>
  231.  
  232. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  233. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  234.  
  235. <!--------------------IMAGES-------------------->
  236. <meta name="image:sidebar image" content="//66.media.tumblr.com/1cce175ee856a32ab7880048bd5fbb83/tumblr_opicvbjC5B1taarzno1_r2_400.gif"/>
  237. <meta name="image:sidebar icon" content="//static.tumblr.com/e958155926c442b81e4b1fd153af8b8a/2pnwama/6qspq1fn0/tumblr_static_52z0xb38my88ok84ccwg0cccs.png"/>
  238.  
  239. <!--------------------COLORS-------------------->
  240. <meta name="color:background" content="#fcfcfc"/>
  241.  
  242. <meta name="color:sidebar background" content="#fff">
  243.  
  244. <meta name="color:music tab bg" content="#121212">
  245. <meta name="color:music tab text" content="#eee">
  246.  
  247. <meta name="color:sidebar title" content="#333">
  248. <meta name="color:desc text" content="#a2a2a2">
  249. <meta name="color:desc bold" content="#a2a2a2">
  250. <meta name="color:desc italic" content="#a2a2a2">
  251. <meta name="color:desc link" content="#000">
  252. <meta name="color:nav links" content="#333">
  253.  
  254. <meta name="color:custom links icon" content="#121212"/>
  255. <meta name="color:custom links" content="#222"/>
  256.  
  257. <meta name="color:post" content="#fff"/>
  258. <meta name="color:text" content="#a2a2a2"/>
  259. <meta name="color:bold" content="#a2a2a2">
  260. <meta name="color:italic" content="#a2a2a2">
  261. <meta name="color:link" content="#000">
  262. <meta name="color:link Hover" content="#aaa">
  263. <meta name="color:headings" content="#222"/>
  264. <meta name="color:post username links" content="#111"/>
  265. <meta name="color:post separators" content="#f2f2f2"/>
  266.  
  267. <meta name="color:permalinks" content="#222">
  268. <meta name="color:post buttons" content="#222">
  269.  
  270. <meta name="color:pagination arrows" content="#333"/>
  271.  
  272. <meta name="color:tooltip background" content="#222"/>
  273. <meta name="color:tooltip text" content="#eee"/>
  274.  
  275. <meta name="color:scrollbar thumb" content="#666"/>
  276. <meta name="color:scrollbar track" content="#e5e5e5"/>
  277. <meta name="color:scrollbar background" content="#fcfcfc"/>
  278.  
  279. <meta name="color:highlight" content="#fafafa"/>
  280. <meta name="color:highlighted text" content="#555"/>
  281.  
  282. <!-----------------DROPDOWN OPTS----------------->
  283. <meta name="select:window margin" title="75px" content="75px">
  284. <meta name="select:window margin" title="30px" content="30px">
  285. <meta name="select:window margin" title="35px" content="35px">
  286. <meta name="select:window margin" title="40px" content="40px">
  287. <meta name="select:window margin" title="45px" content="45px">
  288. <meta name="select:window margin" title="50px" content="50px">
  289. <meta name="select:window margin" title="55px" content="55px">
  290. <meta name="select:window margin" title="55px" content="55px">
  291. <meta name="select:window margin" title="60px" content="60px">
  292. <meta name="select:window margin" title="65px" content="65px">
  293. <meta name="select:window margin" title="70px" content="70px">
  294. <meta name="select:window margin" title="80px" content="80px">
  295. <meta name="select:window margin" title="85px" content="85px">
  296. <meta name="select:window margin" title="90px" content="90px">
  297. <meta name="select:window margin" title="95px" content="95px">
  298. <meta name="select:window margin" title="100px" content="100px">
  299.  
  300. <meta name="select:sidebar width" title="230px" content="230px">
  301. <meta name="select:sidebar width" title="170px" content="170px">
  302. <meta name="select:sidebar width" title="200px" content="200px">
  303. <meta name="select:sidebar width" title="260px" content="260px">
  304. <meta name="select:sidebar width" title="290px" content="290px">
  305. <meta name="select:sidebar width" title="320px" content="320px">
  306. <meta name="select:sidebar width" title="350px" content="350px">
  307.  
  308. <meta name="select:sidebar icon size" title="64px" content="64px">
  309. <meta name="select:sidebar icon size" title="38px" content="38px">
  310. <meta name="select:sidebar icon size" title="80px" content="80px">
  311. <meta name="select:sidebar icon size" title="100px" content="100px">
  312. <meta name="select:sidebar icon size" title="128px" content="128px">
  313. <meta name="select:sidebar icon size" title="150px" content="150px">
  314.  
  315. <meta name="select:sidebar icon border" title="8px" content="8px">
  316. <meta name="select:sidebar icon border" title="0px" content="0px">
  317. <meta name="select:sidebar icon border" title="2px" content="2px">
  318. <meta name="select:sidebar icon border" title="4px" content="4px">
  319. <meta name="select:sidebar icon border" title="6px" content="6px">
  320. <meta name="select:sidebar icon border" title="10px" content="10px">
  321. <meta name="select:sidebar icon border" title="12px" content="12px">
  322. <meta name="select:sidebar icon border" title="14px" content="14px">
  323. <meta name="select:sidebar icon border" title="16px" content="16px">
  324. <meta name="select:sidebar icon border" title="18px" content="18px">
  325. <meta name="select:sidebar icon border" title="20px" content="20px">
  326.  
  327. <meta name="select:desc padding" title="20px" content="20px">
  328. <meta name="select:desc padding" title="5px" content="5px">
  329. <meta name="select:desc padding" title="10px" content="10px">
  330. <meta name="select:desc padding" title="15px" content="15px">
  331. <meta name="select:desc padding" title="25px" content="25px">
  332. <meta name="select:desc padding" title="30px" content="30px">
  333. <meta name="select:desc padding" title="35px" content="35px">
  334. <meta name="select:desc padding" title="40px" content="40px">
  335.  
  336. <meta name="select:desc text align" title="center" content="center">
  337. <meta name="select:desc text align" title="justify" content="justify">
  338. <meta name="select:desc text align" title="left" content="left">
  339.  
  340. <meta name="select:sidebar right gap" title="30px" content="30px">
  341. <meta name="select:sidebar right gap" title="0px" content="0px">
  342. <meta name="select:sidebar right gap" title="5px" content="5px">
  343. <meta name="select:sidebar right gap" title="10px" content="10px">
  344. <meta name="select:sidebar right gap" title="15px" content="15px">
  345. <meta name="select:sidebar right gap" title="20px" content="20px">
  346. <meta name="select:sidebar right gap" title="25px" content="25px">
  347. <meta name="select:sidebar right gap" title="35px" content="35px">
  348. <meta name="select:sidebar right gap" title="40px" content="40px">
  349. <meta name="select:sidebar right gap" title="45px" content="45px">
  350. <meta name="select:sidebar right gap" title="50px" content="50px">
  351. <meta name="select:sidebar right gap" title="55px" content="55px">
  352. <meta name="select:sidebar right gap" title="60px" content="60px">
  353. <meta name="select:sidebar right gap" title="65px" content="65px">
  354.  
  355. <meta name="select:custom links width" title="100px" content="100px">
  356. <meta name="select:custom links width" title="60px" content="60px">
  357. <meta name="select:custom links width" title="80px" content="80px">
  358. <meta name="select:custom links width" title="120px" content="120px">
  359. <meta name="select:custom links width" title="140px" content="140px">
  360. <meta name="select:custom links width" title="160px" content="160px">
  361. <meta name="select:custom links width" title="180px" content="180px">
  362. <meta name="select:custom links width" title="200px" content="200px">
  363. <meta name="select:custom links width" title="220px" content="220px">
  364. <meta name="select:custom links width" title="240px" content="240px">
  365.  
  366. <meta name="select:custom links icon size" title="18px" content="18px">
  367. <meta name="select:custom links icon size" title="10px" content="10px">
  368. <meta name="select:custom links icon size" title="14px" content="14px">
  369. <meta name="select:custom links icon size" title="22px" content="22px">
  370. <meta name="select:custom links icon size" title="26px" content="26px">
  371. <meta name="select:custom links icon size" title="30px" content="30px">
  372. <meta name="select:custom links icon size" title="34px" content="34px">
  373. <meta name="select:custom links icon size" title="38px" content="38px">
  374.  
  375. <meta name="select:custom links spacing" title="11px" content="11px">
  376. <meta name="select:custom links spacing" title="5px" content="5px">
  377. <meta name="select:custom links spacing" title="8px" content="8px">
  378. <meta name="select:custom links spacing" title="14px" content="14px">
  379. <meta name="select:custom links spacing" title="17px" content="17px">
  380. <meta name="select:custom links spacing" title="20px" content="20px">
  381. <meta name="select:custom links spacing" title="23px" content="23px">
  382. <meta name="select:custom links spacing" title="26px" content="26px">
  383. <meta name="select:custom links spacing" title="29px" content="29px">
  384.  
  385. <meta name="select:custom links right gap" title="30px" content="30px">
  386. <meta name="select:custom links right gap" title="0px" content="0px">
  387. <meta name="select:custom links right gap" title="5px" content="5px">
  388. <meta name="select:custom links right gap" title="10px" content="10px">
  389. <meta name="select:custom links right gap" title="15px" content="15px">
  390. <meta name="select:custom links right gap" title="20px" content="20px">
  391. <meta name="select:custom links right gap" title="25px" content="25px">
  392. <meta name="select:custom links right gap" title="35px" content="35px">
  393. <meta name="select:custom links right gap" title="40px" content="40px">
  394. <meta name="select:custom links right gap" title="45px" content="45px">
  395. <meta name="select:custom links right gap" title="50px" content="50px">
  396. <meta name="select:custom links right gap" title="55px" content="55px">
  397. <meta name="select:custom links right gap" title="60px" content="60px">
  398. <meta name="select:custom links right gap" title="65px" content="65px">
  399.  
  400. <meta name="select:font size" title="12px" content="12px">
  401. <meta name="select:font size" title="11px" content="11px">
  402. <meta name="select:font size" title="13px" content="13px">
  403. <meta name="select:font size" title="14px" content="14px">
  404. <meta name="select:font size" title="15px" content="15px">
  405. <meta name="select:font size" title="16px" content="16px">
  406.  
  407. <meta name="select:post width" title="420px" content="420px">
  408. <meta name="select:post width" title="300px" content="300px">
  409. <meta name="select:post width" title="350px" content="350px">
  410. <meta name="select:post width" title="400px" content="400px">
  411. <meta name="select:post width" title="450px" content="450px">
  412. <meta name="select:post width" title="500px" content="500px">
  413. <meta name="select:post width" title="540px" content="540px">
  414. <meta name="select:post width" title="600px" content="600px">
  415.  
  416. <meta name="select:post padding outer" title="40px" content="40px">
  417. <meta name="select:post padding outer" title="5px" content="5px">
  418. <meta name="select:post padding outer" title="10px" content="10px">
  419. <meta name="select:post padding outer" title="15px" content="15px">
  420. <meta name="select:post padding outer" title="20px" content="20px">
  421. <meta name="select:post padding outer" title="25px" content="25px">
  422. <meta name="select:post padding outer" title="30px" content="30px">
  423. <meta name="select:post padding outer" title="35px" content="35px">
  424. <meta name="select:post padding outer" title="45px" content="45px">
  425. <meta name="select:post padding outer" title="50px" content="50px">
  426.  
  427. <meta name="select:post padding inner" title="25px" content="25px">
  428. <meta name="select:post padding inner" title="5px" content="5px">
  429. <meta name="select:post padding inner" title="10px" content="10px">
  430. <meta name="select:post padding inner" title="15px" content="15px">
  431. <meta name="select:post padding inner" title="20px" content="20px">
  432. <meta name="select:post padding inner" title="30px" content="30px">
  433. <meta name="select:post padding inner" title="35px" content="35px">
  434. <meta name="select:post padding inner" title="40px" content="40px">
  435. <meta name="select:post padding inner" title="45px" content="45px">
  436. <meta name="select:post padding inner" title="50px" content="50px">
  437.  
  438. <meta name="select:photos spacing" title="4px" content="4px">
  439. <meta name="select:photos spacing" title="0px" content="0px">
  440. <meta name="select:photos spacing" title="2px" content="2px">
  441. <meta name="select:photos spacing" title="6px" content="6px">
  442. <meta name="select:photos spacing" title="8px" content="8px">
  443. <meta name="select:photos spacing" title="10px" content="10px">
  444.  
  445. <meta name="select:post spacing" title="50px" content="50px">
  446. <meta name="select:post spacing" title="20px" content="20px">
  447. <meta name="select:post spacing" title="25px" content="25px">
  448. <meta name="select:post spacing" title="30px" content="30px">
  449. <meta name="select:post spacing" title="35px" content="35px">
  450. <meta name="select:post spacing" title="40px" content="40px">
  451. <meta name="select:post spacing" title="45px" content="45px">
  452. <meta name="select:post spacing" title="55px" content="55px">
  453. <meta name="select:post spacing" title="60px" content="60px">
  454. <meta name="select:post spacing" title="65px" content="65px">
  455. <meta name="select:post spacing" title="70px" content="70px">
  456.  
  457. <meta name="select:posts right gap" title="15px" content="15px">
  458. <meta name="select:posts right gap" title="0px" content="0px">
  459. <meta name="select:posts right gap" title="5px" content="5px">
  460. <meta name="select:posts right gap" title="10px" content="10px">
  461. <meta name="select:posts right gap" title="20px" content="20px">
  462. <meta name="select:posts right gap" title="25px" content="25px">
  463. <meta name="select:posts right gap" title="30px" content="30px">
  464. <meta name="select:posts right gap" title="35px" content="35px">
  465. <meta name="select:posts right gap" title="40px" content="40px">
  466. <meta name="select:posts right gap" title="45px" content="45px">
  467. <meta name="select:posts right gap" title="50px" content="50px">
  468. <meta name="select:posts right gap" title="55px" content="55px">
  469. <meta name="select:posts right gap" title="60px" content="60px">
  470. <meta name="select:posts right gap" title="65px" content="65px">
  471.  
  472. <meta name="select:pagination arrow size" title="19px" content="19px">
  473. <meta name="select:pagination arrow size" title="10px" content="10px">
  474. <meta name="select:pagination arrow size" title="13px" content="13px">
  475. <meta name="select:pagination arrow size" title="16px" content="16px">
  476. <meta name="select:pagination arrow size" title="21px" content="21px">
  477. <meta name="select:pagination arrow size" title="24px" content="24px">
  478. <meta name="select:pagination arrow size" title="27px" content="27px">
  479. <meta name="select:pagination arrow size" title="30px" content="30px">
  480. <meta name="select:pagination arrow size" title="33px" content="33px">
  481.  
  482. <meta name="select:pagination arrow spacing" title="12px" content="12px">
  483. <meta name="select:pagination arrow spacing" title="3px" content="3px">
  484. <meta name="select:pagination arrow spacing" title="6px" content="6px">
  485. <meta name="select:pagination arrow spacing" title="9px" content="9px">
  486. <meta name="select:pagination arrow spacing" title="15px" content="15px">
  487. <meta name="select:pagination arrow spacing" title="18px" content="18px">
  488. <meta name="select:pagination arrow spacing" title="21px" content="21px">
  489. <meta name="select:pagination arrow spacing" title="24px" content="24px">
  490.  
  491. <!-----------------TOGGLE OPTS----------------->
  492. <meta name="if:show music player" content="1" />
  493.  
  494. <meta name="if:reblog separators" content="0" />
  495.  
  496. <meta name="if:photo fade" content="0" />
  497. <meta name="if:monochrome posts" content="0" />
  498.  
  499. <meta name="if:dark tumblr controls" content="1" />
  500. <meta name="if:hover tumblr controls" content="1" />
  501.  
  502. <!---------------TEXT FIELDS--------------->
  503. <meta name="text:how to link music" content="linktr.ee/direct_file_links">
  504. <meta name="text:music name" content="Quasar">
  505. <meta name="text:music file URL" content="https://rhizo.gitlab.io/m/Quasar.mp3">
  506.  
  507. <meta name="text:sidebar title" content="">
  508.  
  509. <meta name="text:description" content="">
  510.  
  511. <meta name="text:&#x1F3EE; &#x1D04;&#x1D1C;&#x73;&#x1D1B;&#x1D0F;&#x1D0D;&#x20;&#x29F;&#x26A;&#x274;&#x1D0B;&#x73;&#x20;&#x26A;&#x1D04;&#x1D0F;&#x274;&#x73;&#x20;&#x29F;&#x26A;&#x73;&#x1D1B;&#x3A;" content="feathericons.com">
  512. <meta name="text:custom links icon" content="box">
  513.  
  514. <meta name="text:Link 1" content="Sample link 1">
  515. <meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=uYaKLwpoLGM">
  516. <meta name="text:Link 2" content="">
  517. <meta name="text:Link 2 URL" content="">
  518. <meta name="text:Link 3" content="">
  519. <meta name="text:Link 3 URL" content="">
  520. <meta name="text:Link 4" content="">
  521. <meta name="text:Link 4 URL" content="">
  522. <meta name="text:Link 5" content="">
  523. <meta name="text:Link 5 URL" content="">
  524. <meta name="text:Link 6" content="">
  525. <meta name="text:Link 6 URL" content="">
  526.  
  527. <!-------------------------------------------------------------------->
  528.  
  529. <style type="text/css">
  530.  
  531. /*--------------------TOOLTIPS--------------------*/
  532. #s-m-t-tooltip {
  533. padding: 4px 9px;
  534. margin: 20px;
  535. background-color: {color:tooltip background};
  536. border-radius:2px;
  537. font-family:muli;
  538. font-size: calc({select:font size} - 3px);
  539. letter-spacing: 1px;
  540. text-transform: uppercase;
  541. color: {color:tooltip text};
  542. z-index:99;
  543. max-width: calc({select:post width} * 1.25);
  544. }
  545.  
  546. /*--------------------TUMBLR CONTROLS--------------------*/
  547. #plus-s {
  548. position:fixed;
  549. top:0;margin-top:17px;
  550. right:0;margin-right:15px;
  551. z-index:10;
  552. }
  553.  
  554. #plus-s svg {
  555. width:15px;height:15px;
  556. color:{color:pagination arrows};
  557. }
  558.  
  559. iframe#tumblr_controls, .iframe-controls--desktop {
  560. top:calc(1px + 5px)!important;
  561. right:calc(5px)!important;
  562. padding-right:40px;
  563. position:fixed!important;
  564.  
  565. {block:ifdarktumblrcontrols}
  566. filter:invert(100%) hue-rotate(180deg);
  567. -webkit-filter:invert(100%) hue-rotate(180deg);
  568. {/block:ifdarktumblrcontrols}
  569.  
  570. transform:scale(0.7,0.7);
  571. -webkit-transform:scale(0.7,0.7);
  572. -moz-transform:scale(0.7,0.7);
  573. -ms-transform:scale(0.7,0.7);
  574. -o-transform:scale(0.7,0.7);
  575.  
  576. transform-origin:100% 0;
  577. -webkit-transform-origin:100% 0;
  578. -moz-transform-origin:100% 0;
  579. -ms-transform-origin:100% 0;
  580. -o-transform-origin:100% 0;
  581. z-index:999999!important;
  582.  
  583. {block:ifhovertumblrcontrols}
  584. opacity:0;
  585. {/block:ifhovertumblrcontrols}
  586.  
  587. -webkit-transition: all 0.4s ease-in-out;
  588. -moz-transition: all 0.4s ease-in-out;
  589. -o-transition: all 0.4s ease-in-out;
  590. }
  591.  
  592. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  593. opacity:1;
  594. }
  595.  
  596. /*--------------------SCROLLBAR--------------------*/
  597. ::-webkit-scrollbar {
  598. width:13px;
  599. height:13px;
  600. background-color:{color:scrollbar background};
  601. }
  602.  
  603. ::-webkit-scrollbar-thumb {
  604. border-top:8px solid {color:scrollbar background};
  605. border-right:6px solid {color:scrollbar background};
  606. border-bottom:8px solid {color:scrollbar background};
  607. border-left:6px solid {color:scrollbar background};
  608. background-color:{color:scrollbar thumb};
  609. }
  610.  
  611. ::-webkit-scrollbar-track {
  612. border-top:8px solid {color:scrollbar background};
  613. border-right:6px solid {color:scrollbar background};
  614. border-bottom:8px solid {color:scrollbar background};
  615. border-left:6px solid {color:scrollbar background};
  616. background-color:{color:scrollbar track};
  617. }
  618.  
  619. /*--------------------TEXT HIGHLIGHT--------------------*/
  620. ::selection {
  621. background: {color:highlight};
  622. color:{color:highlighted text};
  623. }
  624.  
  625. ::-moz-selection {
  626. background: {color:highlight};
  627. color:{color:highlighted text};
  628. }
  629.  
  630. /*--------------------BASICS--------------------*/
  631. body {
  632. background:{color:background};
  633. background-attachment:fixed;
  634. background-repeat:repeat;
  635. color:{color:text};
  636. cursor:normal;
  637. font-family:karla;
  638. font-weight:300;
  639. line-height:1.6em;
  640. font-size:{select:font size};
  641. text-align:left;
  642. }
  643.  
  644. blockquote {
  645. padding-left:10px;
  646. margin-left:5px;
  647. border-left:1px solid;
  648. border-color:rgba({RGBcolor:text},0.6);
  649. margin:10px;
  650. }
  651.  
  652. b, strong {font-weight:bold;color: {color:Bold};}
  653.  
  654. i, em, .em {color: {color:Italic};}
  655.  
  656. pre, code {
  657. white-space:pre-wrap;
  658. display:block;
  659. }
  660.  
  661. hr {
  662. width:70%;
  663. border-width:0px;
  664. height:1px;
  665. background-color:rgba({RGBcolor:text},0.3);
  666. }
  667.  
  668. p.npf_quirky, p.npf_quote {font-size:calc({select:font size} + 5px);line-height:1em;}
  669.  
  670. /*--------------------LINKS--------------------*/
  671. a {
  672. color:{color:link};
  673. text-decoration:none;
  674. }
  675.  
  676. a, svg, .cl-text {
  677. -webkit-transition: all 0.4s ease-in-out;
  678. -moz-transition: all 0.4s ease-in-out;
  679. -o-transition: all 0.4s ease-in-out;
  680. }
  681.  
  682. a:hover {text-decoration:none;}
  683.  
  684. img {opacity:1;text-decoration:none;}
  685.  
  686. h1, h2, h3, h4, h5, h6 {
  687. font-size:calc({select:font size} + 1px);
  688. font-family:quicksand;
  689. font-weight:normal;
  690. text-transform: uppercase;
  691. letter-spacing: 2px;
  692. text-align:left;
  693. }
  694.  
  695. .h1c {text-align:center;}
  696.  
  697. h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
  698.  
  699. /*-----------------CONT-----------------*/
  700. #cont-h-1 {
  701. position:absolute;
  702. top:0;left:0;right:0;
  703. margin:0 auto;
  704. height:100vh;
  705. text-align:center;
  706. }
  707.  
  708. #cont-h-2 {
  709. display:inline-block;
  710. {block:Pagination}
  711. margin-left:-{select:posts right gap};
  712. {/block:Pagination}
  713. }
  714.  
  715. #cont-h-2 > * {text-align:left}
  716.  
  717. /* sidebar */
  718. #side-v-1 {
  719. position:fixed;
  720. top:0;margin-top:0px;
  721. height:100vh;
  722. width:{select:sidebar width};
  723. display:table;
  724. }
  725.  
  726. #side-v-2 {
  727. display:table-cell;
  728. vertical-align:middle;
  729. }
  730.  
  731. .pepper {
  732. width:inherit;
  733. height:200px;
  734. background-color:gray;
  735. }
  736.  
  737. .xyz {
  738. border-radius:3px;
  739. overflow:hidden;
  740. }
  741.  
  742. .sakana {
  743.  
  744. }
  745.  
  746. .s-head {
  747. position:relative;
  748. width:100%;
  749. min-height:{select:sidebar icon size};
  750. vertical-align:middle;
  751. }
  752.  
  753. /* music tab */
  754. .nebula {
  755. position:absolute;
  756. margin-top:8px;
  757. margin-left:calc(-13px - (8px * 2));
  758. padding:5px 0;
  759. cursor:default;
  760. }
  761.  
  762. .suns {
  763. padding:8px;
  764. background:{color:music tab bg};
  765. border-radius:3px 0 0 3px;
  766. line-height:1em;
  767. display:flex;
  768. }
  769.  
  770. .suns > * {
  771. align-self:center;
  772. -webkit-align-self:center;
  773. }
  774.  
  775. .sonata {
  776.  
  777. }
  778.  
  779. .sonata svg {
  780. width:13px;
  781. height:13px;
  782. color:{color:music tab text};
  783. }
  784.  
  785.  
  786. .m-txt {
  787. padding-left:calc(8px + (8px / 2));
  788. padding-right:calc(8px / 2);
  789. display:flex;
  790. }
  791.  
  792. .m-txt > * {
  793. align-self:center;
  794. -webkit-align-self:center;
  795. }
  796.  
  797. .music-controls {
  798. user-select:none;
  799. -webkit-user-select:none;
  800. width:10px;
  801. font-size:10px;
  802. cursor:pointer;
  803. }
  804.  
  805. .playy, .pausee {color:{color:music tab text};} /* color of play & pause buttons */
  806.  
  807. .pausee {display:none;}
  808.  
  809. .m-name {
  810. margin-left:6px;
  811. font-family:quicksand;
  812. font-size:9px;
  813. letter-spacing:1px;
  814. text-transform:uppercase;
  815. color:{color:music tab text};
  816. }
  817.  
  818. /* rest of the sidebar */
  819. .avi {
  820. position:relative;
  821. display:block;
  822. margin:calc((-{select:sidebar icon size} / 2) - {select:sidebar icon border}) auto auto auto;
  823. width:{select:sidebar icon size};
  824. height:{select:sidebar icon size};
  825. background:{color:sidebar background};
  826. border-radius:100%;
  827. border:{select:sidebar icon border} solid {color:sidebar background};
  828. }
  829.  
  830. .space {
  831. margin-top:calc((-{select:sidebar icon size} / 2) - {select:sidebar icon border});
  832. padding:calc(({select:sidebar icon size} / 2) + {select:sidebar icon border}) {select:desc padding} {select:desc padding};
  833. background:{color:sidebar background};
  834. }
  835.  
  836. .desc-tit {
  837. margin-top:calc({select:desc padding} - {select:sidebar icon border} - 1px);
  838. font-family:quicksand;
  839. font-size:13px;
  840. text-transform:uppercase;
  841. letter-spacing:2px;
  842. color:{color:sidebar title};
  843. text-align:center;
  844. }
  845.  
  846. .desc {
  847. margin-top:calc({select:desc padding} - ({select:sidebar icon border} / 2) - ((1.8em - 1em) / 2));
  848. margin-bottom:calc(((1.8em - 1em) / 2) * -1);
  849. font-size:12px;
  850. line-height:1.8em;
  851. color:{color:desc text};
  852. text-align:{select:desc text align};
  853. }
  854.  
  855. .desc b, .desc strong {color:{color:desc bold};}
  856. .desc i, .desc em {color:{color:desc italic};}
  857.  
  858. .navlinks {
  859. margin-top:calc({select:desc padding} + 4px);
  860. text-align:center;
  861. cursor:pointer;
  862. }
  863.  
  864. .navlinks a {
  865. display:inline-block;
  866. margin:0 -2px;
  867. padding:0 8px;
  868. }
  869.  
  870. .navlinks svg {
  871. width:12px;height:12px;
  872. color:{color:nav links};
  873. stroke-width:2px;
  874. }
  875.  
  876. /*-----------------CUSTOM LINKS-----------------*/
  877. .valkyrie {
  878. position:fixed;
  879. top:0;margin-top:0px;
  880. margin-left:calc({select:sidebar width} + {select:sidebar right gap});
  881. width:{select:custom links width};
  882. height:100vh;
  883. display:table;
  884. }
  885.  
  886. .vroom {
  887. display:table-cell;
  888. vertical-align:middle;
  889. }
  890.  
  891. .custard {text-align:center;}
  892.  
  893. .cl {
  894. margin:-2px auto;
  895. padding:{select:custom links spacing} 0;
  896. cursor:pointer;
  897. }
  898.  
  899. .cl svg {
  900. width:{select:custom links icon size};
  901. height:{select:custom links icon size};
  902. stroke-width:1px;
  903. color:{color:custom links icon};
  904. }
  905.  
  906. .cl-text {
  907. position:absolute;
  908. display:inline-block;
  909. margin-top:calc((({select:custom links icon size} - 9px - (6px * 2)) / 2));
  910. margin-left:calc((-{select:custom links width} / 2) - ({select:custom links icon size} / 2) - 3px);
  911. width:{select:custom links width};
  912. padding:6px 3px;
  913. background:{color:background};
  914. font-family:quicksand;
  915. font-size:9px;
  916. text-transform:uppercase;
  917. letter-spacing:1.5px;
  918. line-height:1em;
  919. color:{color:custom links};
  920. opacity:0;
  921.  
  922. {block:ifnotcustomlinksicon}
  923. opacity:1;
  924. {/block:ifnotcustomlinksicon}
  925. }
  926.  
  927. .cl:hover .cl-text {
  928. opacity:1;
  929. }
  930.  
  931. /*--------------------POSTS--------------------*/
  932. .postscont {
  933. margin-top:{select:window margin};
  934. margin-left:calc({select:sidebar width} + {select:sidebar right gap} + {select:custom links width} + {select:custom links right gap});
  935. margin-bottom:{select:window margin};
  936. {block:Pagination}
  937. margin-right:calc({select:posts right gap} + {select:pagination arrow size});
  938. {/block:Pagination}
  939. }
  940.  
  941. .topkek {
  942. margin-bottom:{select:post padding inner};
  943. text-align:center;
  944. }
  945.  
  946. .cake {
  947. display:inline-block;
  948. font-family:muli;
  949. font-size:10px;
  950. text-transform:uppercase;
  951. letter-spacing:1.5px;
  952. line-height:1em;
  953. }
  954.  
  955. .cake, .cake a, .cake a:hover {color:{color:permalinks}!important;}
  956.  
  957. .posts ul li, .posts ol li {padding-left:7px;}
  958.  
  959. .t-frame {
  960. list-style-type:none;
  961. margin-bottom:1.6em;
  962. {block:ifreblogseparators}
  963. border-bottom:1px solid {color:post separators};
  964. {/block:ifreblogseparators}
  965. }
  966.  
  967. .t-frame:last-of-type {
  968. margin-bottom:0px;
  969. border-bottom:0px solid transparent;
  970. }
  971.  
  972. .cap_photo {
  973. margin-top:1.2em;
  974. }
  975.  
  976. .cap_photo_taller {
  977. margin-top:1.6em;
  978. }
  979.  
  980. .tumblr_avatar {
  981. display:inline-block;
  982. vertical-align:middle;
  983. width:20px;
  984. height:20px;
  985. margin-right:-3px;
  986. border-radius:2px;
  987. }
  988.  
  989. .gone, .gone:hover {
  990. filter:brightness(0%)!important;
  991. -webkit-filter:brightness(0%)!important;
  992. }
  993.  
  994. .gone, .inactive {
  995. color:{color:post username links};
  996. cursor:not-allowed;
  997. }
  998.  
  999. .deactivated {
  1000. padding-left:9px;
  1001. }
  1002.  
  1003. .deactivated:after {
  1004. content:'deactivated';
  1005. position:absolute;
  1006. padding-left:9px;
  1007. opacity:0;
  1008. transition:.4s ease-in-out;
  1009. }
  1010.  
  1011. .deactivated:hover:after {opacity:0.75;}
  1012.  
  1013. .userlinq {
  1014. padding-left:9px;
  1015. color:{color:post username links}!important;
  1016. }
  1017.  
  1018. .le-answerer a {
  1019. padding-left:9px;
  1020. color:{color:post username links}!important;
  1021. }
  1022.  
  1023. .posts {
  1024. overflow:hidden;
  1025. margin-bottom:{select:post spacing};
  1026. width:{select:post width};
  1027. padding:{select:post padding outer};
  1028. background-color:{color:post};
  1029. }
  1030.  
  1031. .posts a {color:{color:link};}
  1032. .posts a:hover {color:{color:link hover};}
  1033.  
  1034. .photos, .photos img {
  1035. position:relative;
  1036. overflow:hidden;
  1037. width:{select:post width};
  1038.  
  1039. {block:IndexPage}
  1040. {block:ifphotofade}
  1041. opacity:0.8;
  1042. -webkit-transition: all 0.8s ease-in-out;
  1043. -moz-transition: all 0.8s ease-in-out;
  1044. -o-transition: all 0.8s ease-in-out;
  1045. {/block:ifphotofade}
  1046.  
  1047. {block:ifmonochromeposts}
  1048. -webkit-filter:grayscale(100%);
  1049. filter:grayscale(100%);
  1050. -webkit-transition: all 0.8s ease-in-out;
  1051. -moz-transition: all 0.8s ease-in-out;
  1052. -o-transition: all 0.8s ease-in-out;
  1053. {/block:ifmonochromeposts}
  1054. {/block:IndexPage}
  1055. }
  1056.  
  1057. .posts:hover .photos {
  1058. opacity:1;
  1059. -webkit-filter:grayscale(0%);
  1060. filter:grayscale(0%);
  1061. }
  1062.  
  1063. .posts img {
  1064. {block:IndexPage}
  1065. {block:ifphotofade}
  1066. opacity:0.8;
  1067. -webkit-transition: all 0.8s ease-in-out;
  1068. -moz-transition: all 0.8s ease-in-out;
  1069. -o-transition: all 0.8s ease-in-out;
  1070. {/block:ifphotofade}
  1071.  
  1072. {block:ifmonochromeposts}
  1073. -webkit-filter:grayscale(100%);
  1074. filter:grayscale(100%);
  1075. -webkit-transition: all 0.8s ease-in-out;
  1076. -moz-transition: all 0.8s ease-in-out;
  1077. -o-transition: all 0.8s ease-in-out;
  1078. {/block:ifmonochromeposts}
  1079. {/block:IndexPage}
  1080. }
  1081.  
  1082. .posts:hover img {
  1083. opacity:1;
  1084. -webkit-filter:grayscale(0%);
  1085. filter:grayscale(0%);
  1086. }
  1087.  
  1088. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  1089.  
  1090. .posts iframe {max-width:100%;}
  1091.  
  1092. /*--------------------PERMALINK--------------------*/
  1093. .permawrap {
  1094. margin-top:{select:post padding inner};
  1095. text-align:center;
  1096. }
  1097.  
  1098. .perma {
  1099. font-family:quicksand;
  1100. text-transform:uppercase;
  1101. letter-spacing:1px;
  1102. font-size:calc({select:font size} - 3px);
  1103. }
  1104.  
  1105. .perma a {
  1106. margin-right:12px;
  1107. }
  1108.  
  1109. .perma a, .perma a:hover {color:{color:permalinks}}
  1110.  
  1111. .perma a:last-child {margin-right:0px}
  1112.  
  1113. .tagsin {
  1114. margin-top:1.4em;
  1115. margin-right:-3px;
  1116. margin-bottom:-3px;
  1117. font-family:quicksand;
  1118. font-size:8px;
  1119. text-transform:uppercase;
  1120. letter-spacing:1.5px;
  1121. line-height:1.5em;
  1122. font-size:calc({select:font size} - 3.5px);
  1123. text-align:right;
  1124. }
  1125.  
  1126. .tagsin a {
  1127. display:inline-block;
  1128. margin:3px;
  1129. }
  1130.  
  1131. .vinegar {float:right;}
  1132.  
  1133. /* -- Like + Reblog buttons (1/2) -- */
  1134. /* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
  1135. /* -- and tutorial by shythemes: http://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
  1136. /* -- and help from borntobewildcodes -- */
  1137. .controls {
  1138. margin-top:{select:post padding inner};
  1139. margin-bottom:-5px;
  1140. text-align:center;
  1141. }
  1142.  
  1143. .controls li {
  1144. position:relative;
  1145. display:inline-block;
  1146. margin:0 4px;
  1147. list-style-type:none;
  1148. }
  1149.  
  1150. .controls li:first-child {margin-left:0px;}
  1151. .controls li:last-child {margin-right:0px;}
  1152.  
  1153. /* both svg colors */
  1154. .controls svg {
  1155. width:{select:font size};
  1156. height:{select:font size};
  1157. color:{color:post buttons};
  1158. stroke-width:2px;
  1159. }
  1160.  
  1161. .controls .like .liked + svg {color:#ec5a5a;}
  1162.  
  1163. .controls .like .like_button {
  1164. position:absolute;
  1165. width:{select:font size};
  1166. height:{select:font size};
  1167. margin-top:2px;
  1168. }
  1169.  
  1170. .controls .like .like_button iframe {
  1171. position:absolute;
  1172. top:0;left:0;bottom:0;right:0;
  1173. width:100%;height:100%;
  1174. z-index:2;
  1175. opacity:0.0000001;
  1176. }
  1177.  
  1178.  
  1179. /*--------------------POST NOTES--------------------*/
  1180. ol.notes {
  1181. width:calc({select:post width} + ({select:post padding outer} * 2));
  1182. padding:0px;
  1183. margin-top:30px;
  1184. list-style-type:none;
  1185. }
  1186.  
  1187. ol.notes li.note {
  1188. padding:10px;
  1189. }
  1190.  
  1191. ol.notes li.note img.avatar {
  1192. vertical-align:-4px;
  1193. margin-right:10px;
  1194. width:16px;
  1195. height:16px;
  1196. }
  1197.  
  1198. ol.notes li.note span.action {
  1199. font-weight:none;
  1200. }
  1201.  
  1202. ol.notes li.note .answer_content {
  1203. font-weight:normal;
  1204. }
  1205.  
  1206. ol.notes li.note blockquote {
  1207. padding:4px 10px;
  1208. margin:10px 0px 0px 25px;
  1209. }
  1210.  
  1211. ol.notes li.note blockquote a {
  1212. text-decoration:none;
  1213. }
  1214.  
  1215. /*---------------------------LIGHTBOXES---------------------------*/
  1216. .vignette, #vignette {
  1217. opacity:0;
  1218. }
  1219. .lightbox-image, #tumblr_lightbox img {
  1220. z-index:99999999999999999999999999999 !important;
  1221. box-shadow:none !important;
  1222. border-radius:0px !important;
  1223. max-width:none;
  1224. padding:{select:photos spacing} !important;
  1225. background:{color:post} !important;
  1226. border:0px solid transparent !important;
  1227. }
  1228.  
  1229. .tmblr-lightbox, #tumblr_lightbox {
  1230. background-color:rgba({RGBcolor:post},0.78) !important;
  1231. z-index:99999999999999999999999999999 !important;
  1232. }
  1233.  
  1234. /*---------------------LINK POSTS---------------------*/
  1235. .l-link {
  1236. margin:{select:post padding inner} auto;
  1237. }
  1238.  
  1239. /*---------------------------QUOTES---------------------------*/
  1240. .lilia {
  1241. display:block;
  1242. margin:0 auto;
  1243. text-align:center;
  1244. height:20px;
  1245. }
  1246.  
  1247. .lilia svg {
  1248. width:20px;
  1249. height:20px;
  1250. color:{color:headings};
  1251. stroke-width:1.5px;
  1252. }
  1253.  
  1254. .quote {
  1255. margin-top:calc({select:post padding inner} - ((2.3em - 1em) / 2));
  1256. padding:0 {select:post padding inner};
  1257. font-family:Quicksand;
  1258. text-transform:uppercase;letter-spacing:1px;
  1259. font-size:calc({select:font size} + 1px);
  1260. color:{color:headings};
  1261. text-align:center;
  1262. line-height:2.3em;
  1263. }
  1264.  
  1265. .quotesource {
  1266. text-align:center;
  1267. margin-top:calc({select:post padding inner} - ((2.3em - 1em) / 2));
  1268. }
  1269.  
  1270. /*---------------------------CHATS---------------------------*/
  1271. .chat {
  1272. line-height:2em;
  1273. list-style:none;
  1274. color:{color:text};
  1275. border:1px solid {color:post separators};
  1276. }
  1277.  
  1278. .line {border-top:1px solid {color:post separators};}
  1279. .line.odd:first-of-type {border-top:0px solid transparent}
  1280.  
  1281. .line.odd, .line.even {
  1282. list-style:none;
  1283. padding:1em 1.4em;
  1284. }
  1285.  
  1286. .label.odd, .label.even {
  1287. padding-right:1px;
  1288. text-transform:uppercase;
  1289. color:{color:headings};
  1290. }
  1291.  
  1292. p.npf_chat { font-family:Courier; font-size:{select:font size}; }
  1293.  
  1294. /*---------------------------ASKS---------------------------*/
  1295.  
  1296. .question {
  1297. text-align:center;
  1298. margin-top:calc({select:post padding inner} - ((2.3em - 1em) / 2));
  1299. padding:0 {select:post padding inner};
  1300. }
  1301.  
  1302. .asker {
  1303. font-family:quicksand;
  1304. text-transform:uppercase;
  1305. font-size:calc({select:font size} - 2.5px);
  1306. letter-spacing:2px;
  1307. }
  1308.  
  1309. .asker asker, .asker a {
  1310. color:{color:headings};
  1311. }
  1312.  
  1313. .que {
  1314. margin-top:0.4em;
  1315. }
  1316.  
  1317. .answer {
  1318. margin:0px auto;
  1319. text-transform:none;
  1320. color:{color:text};
  1321. }
  1322.  
  1323. /*---------------------------AUDIO---------------------------*/
  1324. .audiowrapper {
  1325. position:relative;
  1326. display:inline;
  1327. height:0px;
  1328. }
  1329.  
  1330. .playerbutton {
  1331. position:absolute;
  1332. margin-top:18.5px;
  1333. margin-left:18.5px;
  1334. width:27px;
  1335. height:27px;
  1336. overflow:hidden;
  1337. border-radius:100%;
  1338. z-index:1;
  1339. }
  1340.  
  1341. .echo {display:flex}
  1342.  
  1343. .albumart {
  1344. width:64px;height:64px;
  1345. border-radius:3px;
  1346. align-self:baseline;
  1347. -webkit-align-self:baseline;
  1348. }
  1349.  
  1350. .trackdetails {
  1351. margin-left:1.2em;
  1352. line-height:1.7em;
  1353. width:100%;
  1354. }
  1355.  
  1356. .trackdetails table {
  1357. margin:0px -4px;
  1358. border-spacing:4px 0px;
  1359. }
  1360.  
  1361. .trackdetails td{
  1362. vertical-align:top;
  1363. }
  1364.  
  1365. .trackdetails td:first-child, .npf-audio-details > * {
  1366. font-family:quicksand;
  1367. text-transform:uppercase;
  1368. font-size:calc({select:font size} - 2px);
  1369. letter-spacing:0.5px;
  1370. color:{color:headings};
  1371. }
  1372.  
  1373. /*---------------------------VIDEO---------------------------*/
  1374. .tumblr_video_container {
  1375. width:{select:post width}!important;
  1376. height:auto!important;
  1377. max-height:540px!important;
  1378. overflow:hidden!important;
  1379. {block:IndexPage}
  1380. {block:ifphotofade}
  1381. opacity:0.8;
  1382. -webkit-transition: all 0.8s ease-in-out;
  1383. -moz-transition: all 0.8s ease-in-out;
  1384. -o-transition: all 0.8s ease-in-out;
  1385. {/block:ifphotofade}
  1386.  
  1387. {block:ifmonochromeposts}
  1388. -webkit-filter:grayscale(100%);
  1389. filter:grayscale(100%);
  1390. -webkit-transition: all 0.8s ease-in-out;
  1391. -moz-transition: all 0.8s ease-in-out;
  1392. -o-transition: all 0.8s ease-in-out;
  1393. {/block:ifmonochromeposts}
  1394. {/block:IndexPage}
  1395. }
  1396.  
  1397. .posts:hover .tumblr_video_container {
  1398. opacity:1;
  1399. -webkit-filter:grayscale(0%);
  1400. filter:grayscale(0%);
  1401. }
  1402.  
  1403. video {
  1404. max-width:100%;
  1405. height:auto!important;
  1406. outline:none;
  1407. }
  1408.  
  1409. /*-------------------PAGI-------------------*/
  1410. .righteth {
  1411. position:fixed;
  1412. top:0;margin-top:0px;
  1413. margin-left:calc({select:sidebar width} + {select:sidebar right gap} + {select:custom links width} + {select:custom links right gap} + {select:post width} + ({select:post padding outer} * 2) + ({select:post padding inner} * 2) + {select:posts right gap});
  1414. height:100vh;
  1415. display:table;
  1416. }
  1417.  
  1418. .rpm {
  1419. display:table-cell;
  1420. vertical-align:middle;
  1421. }
  1422.  
  1423. .pagi {
  1424. padding:{select:pagination arrow spacing} 0;
  1425. text-align:center;
  1426. }
  1427.  
  1428. .pagi:first-child {padding-top:0px}
  1429. .pagi:last-child {padding-bottom:0px}
  1430.  
  1431. .pagi svg {
  1432. width:{select:pagination arrow size};
  1433. height:{select:pagination arrow size};
  1434. color:{color:pagination arrows};
  1435. }
  1436.  
  1437. img[src*="66.media.tumblr.com/1cce175ee856a32ab7880048bd5fbb83/tumblr_opicvbjC5B1taarzno1_r2_400.gif"]{
  1438. filter:brightness(114%);
  1439. }
  1440.  
  1441. img[src*="static.tumblr.com/e958155926c442b81e4b1fd153af8b8a/2pnwama/6qspq1fn0/tumblr_static_52z0xb38my88ok84ccwg0cccs.png"]{
  1442. filter:brightness(103%) grayscale(100%) contrast(101%);
  1443. }
  1444.  
  1445. </style>
  1446.  
  1447. </head>
  1448.  
  1449. <body>
  1450.  
  1451. <div id="plus-s"><i data-feather="plus"></i></div>
  1452.  
  1453. <!---- main shit ---->
  1454. <div id="cont-h-1">
  1455. <div id="cont-h-2">
  1456.  
  1457. <div id="side-v-1">
  1458. <div id="side-v-2">
  1459. <div class="sakana xyz">
  1460. {block:ifshowmusicplayer}
  1461. <div class="nebula">
  1462. <div class="lunar">
  1463. <div class="suns">
  1464. <div class="sonata"><i data-feather="headphones"></i></div>
  1465. <div class="m-txt">
  1466. <div class="music-controls">
  1467. <div class="playy">▶</div>
  1468. <div class="pausee">❚❚</div>
  1469. </div><!--music-controls-->
  1470. <div class="m-name">{text:music name}</div>
  1471. </div>
  1472. </div><!--suns-->
  1473. </div><!--lunar-->
  1474. </div><!--nebula-->
  1475. {/block:ifshowmusicplayer}
  1476.  
  1477. <audio id="tune" src="{text:music file URL}" type="audio"></audio>
  1478.  
  1479. <img class="s-head" src="{image:sidebar image}">
  1480.  
  1481. <img class="avi" src="{image:sidebar icon}">
  1482. <div class="space">
  1483. <div class="desc-tit">
  1484. {block:ifsidebartitle}{text:sidebar title}{/block:ifsidebartitle}
  1485. {block:ifnotsidebartitle}{Title}{/block:ifnotsidebartitle}
  1486. </div><!--desc-tit-->
  1487.  
  1488. {block:ifdescription}
  1489. <div class="desc">{text:description}</div>
  1490. {/block:ifdescription}
  1491.  
  1492. {block:ifnotdescription}
  1493. {block:Description}
  1494. <div class="desc">{Description}</div>
  1495. {/block:Description}
  1496. {/block:ifnotdescription}
  1497.  
  1498. <div class="navlinks">
  1499. <a href="/" title="home"><i data-feather="home"></i></a>
  1500. <a href="/ask" title="ask"><i data-feather="mail"></i></a>
  1501. <a href="/archive" title="archive"><i data-feather="grid"></i></a>
  1502. <a href="/submit" title="submit"><i data-feather="gift"></i></a>
  1503. <!--please do not remove the credit! thank you *o*-->
  1504. <a href="//glenthemes.tumblr.com" title="theme by glenthemes"><i data-feather="code"></i></a>
  1505. </div><!--navlinks-->
  1506. </div><!--space-->
  1507. </div><!--sakana-->
  1508. </div><!--side-v-2-->
  1509. </div><!--side-v-1-->
  1510.  
  1511.  
  1512. <div class="valkyrie">
  1513. <div class="vroom">
  1514. <div class="custard">
  1515. {block:ifLink1}
  1516. <div class="cl">
  1517. <a href="{text:Link 1 URL}">
  1518. <i data-feather="{text:custom links icon}"></i>
  1519. <div class="cl-text">{text:Link 1}</div>
  1520. </a></div><!--cl-->
  1521. {/block:ifLink1}
  1522.  
  1523. {block:ifLink2}
  1524. <div class="cl">
  1525. <a href="{text:Link 2 URL}">
  1526. <i data-feather="{text:custom links icon}"></i>
  1527. <div class="cl-text">{text:Link 2}</div>
  1528. </a></div><!--cl-->
  1529. {/block:ifLink2}
  1530.  
  1531. {block:ifLink3}
  1532. <div class="cl">
  1533. <a href="{text:Link 3 URL}">
  1534. <i data-feather="{text:custom links icon}"></i>
  1535. <div class="cl-text">{text:Link 3}</div>
  1536. </a></div><!--cl-->
  1537. {/block:ifLink3}
  1538.  
  1539. {block:ifLink4}
  1540. <div class="cl">
  1541. <a href="{text:Link 4 URL}">
  1542. <i data-feather="{text:custom links icon}"></i>
  1543. <div class="cl-text">{text:Link 4}</div>
  1544. </a></div><!--cl-->
  1545. {/block:ifLink4}
  1546.  
  1547. {block:ifLink5}
  1548. <div class="cl">
  1549. <a href="{text:Link 5 URL}">
  1550. <i data-feather="{text:custom links icon}"></i>
  1551. <div class="cl-text">{text:Link 5}</div>
  1552. </a></div><!--cl-->
  1553. {/block:ifLink5}
  1554.  
  1555. {block:ifLink6}
  1556. <div class="cl">
  1557. <a href="{text:Link 6 URL}">
  1558. <i data-feather="{text:custom links icon}"></i>
  1559. <div class="cl-text">{text:Link 6}</div>
  1560. </a></div><!--cl-->
  1561. {/block:ifLink6}
  1562. </div><!--custard-->
  1563. </div><!--vroom-->
  1564. </div><!--valkyrie-->
  1565.  
  1566.  
  1567. <div class="postscont">
  1568. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1569. <div class="posts" id="{PostID}" post-type="{PostType}">
  1570.  
  1571. {block:Date}
  1572. <div class="topkek">
  1573. <div class="cake">
  1574. {block:IndexPage}
  1575. <a title="{NoteCountWithLabel}" href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a>
  1576. {/block:IndexPage}
  1577.  
  1578. {block:PermalinkPage}
  1579. <a>{ShortMonth} {DayOfMonth}, {Year}</a>
  1580. {/block:PermalinkPage}
  1581. </div><!--cake-->
  1582. </div><!--topkek-->
  1583. {/block:Date}
  1584.  
  1585.  
  1586. <!-------TEXT POSTS------->
  1587. {block:Text}
  1588. {block:Title}<h1 class="h1c">{Title}</h1>{/block:Title}
  1589.  
  1590. <!--自分のポスト-->
  1591. {block:NotReblog}
  1592. <div class="tumblr_parent">
  1593. <div>{Body}</div>
  1594. </div><!--tumblr_parent-->
  1595. {/block:NotReblog}
  1596.  
  1597.  
  1598. <!--他人のポスト-->
  1599. {block:RebloggedFrom}
  1600. {block:Reblogs}
  1601. <li class="t-frame">
  1602. <div class="tumblr_parent">
  1603.  
  1604. {block:IsActive}
  1605. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1606. <a class="userlinq" href="{Permalink}">{Username}</a>
  1607. {/block:IsActive}
  1608.  
  1609. {block:IsDeactivated}
  1610. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1611. <span class="inactive deactivated">{Username}</span>
  1612. {/block:IsDeactivated}
  1613.  
  1614. <div>{Body}</div>
  1615. </div><!--tumblr_parent-->
  1616. </li><!--t-frame-->
  1617. {/block:Reblogs}
  1618. {/block:RebloggedFrom}
  1619.  
  1620. {/block:Text}
  1621.  
  1622.  
  1623.  
  1624. <!-------PHOTO [SINGULAR] POSTS------->
  1625. {block:Photo}
  1626.  
  1627. <div class="photos">
  1628. {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}
  1629. </div><!--photos-->
  1630.  
  1631. <!--自分のポスト-->
  1632. {block:NotReblog}
  1633. {block:Caption}
  1634. <div class="tumblr_parent cap_photo">
  1635. <div>{Caption}</div>
  1636. </div><!--tumblr_parent-->
  1637. {/block:Caption}
  1638. {/block:NotReblog}
  1639.  
  1640.  
  1641. <!--他人のポスト-->
  1642. {block:RebloggedFrom}
  1643. {block:Reblogs}
  1644. {block:Caption}
  1645. <li class="t-frame">
  1646. <div class="tumblr_parent cap_photo">
  1647.  
  1648. {block:IsActive}
  1649. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1650. <a class="userlinq" href="{Permalink}">{Username}</a>
  1651. {/block:IsActive}
  1652.  
  1653. {block:IsDeactivated}
  1654. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1655. <span class="inactive deactivated">{Username}</span>
  1656. {/block:IsDeactivated}
  1657.  
  1658. <div>{Body}</div>
  1659. </div><!--tumblr_parent-->
  1660. </li><!--t-frame-->
  1661. {/block:Caption}
  1662. {/block:Reblogs}
  1663. {/block:RebloggedFrom}
  1664.  
  1665. {/block:Photo}
  1666.  
  1667.  
  1668. <!-------PHOTOSET POSTS------->
  1669. {block:Photoset}
  1670.  
  1671. <div class="photos">
  1672. <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>
  1673. </div><!--photos-->
  1674.  
  1675. <!--自分のポスト-->
  1676. {block:NotReblog}
  1677. {block:Caption}
  1678. <div class="tumblr_parent cap_photo_taller">
  1679. <div>{Caption}</div>
  1680. </div><!--tumblr_parent-->
  1681. {/block:Caption}
  1682. {/block:NotReblog}
  1683.  
  1684.  
  1685. <!--他人のポスト-->
  1686. {block:RebloggedFrom}
  1687. {block:Reblogs}
  1688. {block:Caption}
  1689. <li class="t-frame">
  1690. <div class="tumblr_parent cap_photo_taller">
  1691.  
  1692. {block:IsActive}
  1693. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1694. <a class="userlinq" href="{Permalink}">{Username}</a>
  1695. {/block:IsActive}
  1696.  
  1697. {block:IsDeactivated}
  1698. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1699. <span class="inactive deactivated">{Username}</span>
  1700. {/block:IsDeactivated}
  1701.  
  1702. <div>{Body}</div>
  1703. </div><!--tumblr_parent-->
  1704. </li><!--t-frame-->
  1705. {/block:Caption}
  1706. {/block:Reblogs}
  1707. {/block:RebloggedFrom}
  1708. {/block:Photoset}
  1709.  
  1710.  
  1711.  
  1712. <!-------QUOTE POSTS------->
  1713. {block:Quote}
  1714. <div class="lilia"><i data-feather="message-square"></i></div>
  1715. <div class="quote">{Quote}</div>
  1716. {block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}
  1717. {/block:Quote}
  1718.  
  1719.  
  1720.  
  1721. <!-------LINK POSTS------->
  1722. {block:Link}
  1723. <div class="lilia"><i data-feather="link"></i></div>
  1724. <div class="l-link">
  1725. <a href="{URL}" {Target}><h1 class="h1c">{Name} »</h1></a>
  1726. <!--自分のポスト-->
  1727. {block:NotReblog}
  1728. {block:Description}
  1729. <div class="tumblr_parent">
  1730. <div>{Description}</div>
  1731. </div><!--tumblr_parent-->
  1732. {/block:Description}
  1733. {/block:NotReblog}
  1734. </div><!--l-link-->
  1735.  
  1736.  
  1737. <!--他人のポスト-->
  1738. {block:RebloggedFrom}
  1739. {block:Reblogs}
  1740. {block:Description}
  1741. <li class="t-frame">
  1742. <div class="tumblr_parent">
  1743.  
  1744. {block:IsActive}
  1745. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1746. <a class="userlinq" href="{Permalink}">{Username}</a>
  1747. {/block:IsActive}
  1748.  
  1749. {block:IsDeactivated}
  1750. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1751. <span class="inactive deactivated">{Username}</span>
  1752. {/block:IsDeactivated}
  1753.  
  1754. <div>{Body}</div>
  1755. </div><!--tumblr_parent-->
  1756. </li><!--t-frame-->
  1757. {/block:Description}
  1758. {/block:Reblogs}
  1759. {/block:RebloggedFrom}
  1760. {/block:Link}
  1761.  
  1762.  
  1763.  
  1764. <!-------CHAT POSTS------->
  1765. {block:Chat}
  1766. {block:Title}<h1 class="h1c">{Title}</h1>{/block:Title}
  1767. <div class="chat">
  1768. {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label {Alt}"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}
  1769. </div><!--chat-->
  1770. {/block:Chat}
  1771.  
  1772.  
  1773.  
  1774. <!-------AUDIO POSTS------->
  1775. {block:Audio}
  1776. {block:AudioPlayer}
  1777. <div class="audiowrapper">
  1778. <div class="playerbutton">{AudioPlayer}</div>
  1779.  
  1780. <div class="echo">
  1781. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  1782. <div class="trackdetails">
  1783. <table>
  1784. <tr>
  1785. <td>Track:</td>
  1786. <td>{block:TrackName}{TrackName}{/block:TrackName}</td>
  1787. </tr>
  1788.  
  1789. <tr>
  1790. <td>Artist:</td>
  1791. <td>{block:Artist}{Artist}{/block:Artist}</td>
  1792. </tr>
  1793.  
  1794. <tr>
  1795. <td>Plays:</td>
  1796. <td>{FormattedPlayCount}</td>
  1797. </tr>
  1798. </table>
  1799. </div><!--trackdetails-->
  1800. </div><!--echo-->
  1801. </div><!--audiowrapper-->
  1802. {/block:AudioPlayer}
  1803.  
  1804. <!--自分のポスト-->
  1805. {block:NotReblog}
  1806. {block:Caption}
  1807. <div class="tumblr_parent cap_photo_taller">
  1808. <div>{Caption}</div>
  1809. </div><!--tumblr_parent-->
  1810. {/block:Caption}
  1811. {/block:NotReblog}
  1812.  
  1813.  
  1814. <!--他人のポスト-->
  1815. {block:RebloggedFrom}
  1816. {block:Reblogs}
  1817. {block:Caption}
  1818. <li class="t-frame">
  1819. <div class="tumblr_parent cap_photo_taller">
  1820.  
  1821. {block:IsActive}
  1822. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1823. <a class="userlinq" href="{Permalink}">{Username}</a>
  1824. {/block:IsActive}
  1825.  
  1826. {block:IsDeactivated}
  1827. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1828. <span class="inactive deactivated">{Username}</span>
  1829. {/block:IsDeactivated}
  1830.  
  1831. <div>{Body}</div>
  1832. </div><!--tumblr_parent-->
  1833. </li><!--t-frame-->
  1834. {/block:Caption}
  1835. {/block:Reblogs}
  1836. {/block:RebloggedFrom}
  1837. {/block:Audio}
  1838.  
  1839.  
  1840.  
  1841.  
  1842. <!-------VIDEO POSTS------->
  1843. {block:Video}
  1844. <div class="video">{Video-500}</div>
  1845.  
  1846. <!--自分のポスト-->
  1847. {block:NotReblog}
  1848. {block:Caption}
  1849. <div class="tumblr_parent cap_photo_taller">
  1850. <div>{Caption}</div>
  1851. </div><!--tumblr_parent-->
  1852. {/block:Caption}
  1853. {/block:NotReblog}
  1854.  
  1855.  
  1856. <!--他人のポスト-->
  1857. {block:RebloggedFrom}
  1858. {block:Reblogs}
  1859. {block:Caption}
  1860. <li class="t-frame">
  1861. <div class="tumblr_parent cap_photo_taller">
  1862.  
  1863. {block:IsActive}
  1864. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1865. <a class="userlinq" href="{Permalink}">{Username}</a>
  1866. {/block:IsActive}
  1867.  
  1868. {block:IsDeactivated}
  1869. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1870. <span class="inactive deactivated">{Username}</span>
  1871. {/block:IsDeactivated}
  1872.  
  1873. <div>{Body}</div>
  1874. </div><!--tumblr_parent-->
  1875. </li><!--t-frame-->
  1876. {/block:Caption}
  1877. {/block:Reblogs}
  1878. {/block:RebloggedFrom}
  1879. {/block:Video}
  1880.  
  1881.  
  1882.  
  1883. <!-------ANSWER POSTS------->
  1884. {block:Answer}
  1885. <div class="lilia"><i data-feather="help-circle"></i></div>
  1886. <div class="question">
  1887. <div class="asker"><asker>{Asker}</asker> asked:</div>
  1888. <div class="que">{Question}</div>
  1889. </div><!--question-->
  1890.  
  1891. {block:NotReblog}
  1892. <div class="tumblr_parent">
  1893. <div>{Answer}</div>
  1894. </div><!--tumblr_parent-->
  1895. {/block:NotReblog}
  1896.  
  1897. {block:RebloggedFrom}
  1898. <li class="t-frame">
  1899. <div class="tumblr_parent cap_photo_taller">
  1900.  
  1901. {block:Answerer}
  1902. <div class="le-answerer">
  1903. <img src="{AnswererPortraitURL-64}" class="tumblr_avatar">
  1904. {Answerer}
  1905. </div><!--le-answerer-->
  1906. {/block:Answerer}
  1907.  
  1908. <div>{Answer}</div>
  1909. </div><!--tumblr_parent-->
  1910. </li><!--t-frame-->
  1911.  
  1912. {block:Reblogs}
  1913. <li class="t-frame">
  1914. <div class="tumblr_parent">
  1915.  
  1916. {block:IsActive}
  1917. <img src="{PortraitURL-64}" class="tumblr_avatar">
  1918. <a class="userlinq" href="{Permalink}">{Username}</a>
  1919. {/block:IsActive}
  1920.  
  1921. {block:IsDeactivated}
  1922. <img src="{PortraitURL-64}" class="tumblr_avatar gone">
  1923. <span class="inactive deactivated">{Username}</span>
  1924. {/block:IsDeactivated}
  1925.  
  1926. <div>{Body}</div>
  1927. </div><!--tumblr_parent-->
  1928. {/block:Reblogs}
  1929.  
  1930. </li><!--t-frame-->
  1931. {/block:RebloggedFrom}
  1932. {/block:Answer}
  1933.  
  1934.  
  1935. <!----tags---->
  1936. {block:Date}
  1937. {block:HasTags}
  1938. <div class="tagsin">
  1939. {block:Tags}
  1940. <a href="{TagURL}">#{Tag}</a>
  1941. {/block:Tags}
  1942. </div><!--tagsin-->
  1943. {/block:HasTags}
  1944. {/block:Date}
  1945.  
  1946.  
  1947. <!----POST CONTROLS---->
  1948. {Block:IndexPage}
  1949. {block:Date}
  1950.  
  1951. <div class="controls">
  1952.  
  1953. <li class="like"><a title="like this post?">{LikeButton}
  1954. <i data-feather="heart"></i>
  1955. </a></li>
  1956.  
  1957. <li><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="refresh-cw"></i></a></li>
  1958. </div><!--controls-->
  1959.  
  1960. {/block:IndexPage}
  1961. {/block:Date}
  1962. {/block:IndexPage}
  1963.  
  1964.  
  1965.  
  1966.  
  1967. <!-----------PERMA ON PERMAPAGE----------->
  1968. {block:PermalinkPage}
  1969. {block:Date}
  1970. <div class="permawrap">
  1971.  
  1972. <div class="perma">
  1973.  
  1974. <a>{DayOfWeek}</a>
  1975. <a>{24HourWithZero}:{Minutes}</a>
  1976. <a>{NoteCountWithLabel}</a>
  1977.  
  1978. {block:RebloggedFrom}
  1979. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1980. {block:ContentSource}
  1981. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1982. {/block:ContentSource}
  1983. {/block:RebloggedFrom}
  1984. </div><!--perma-->
  1985. </div><!--permawrap-->
  1986. {block:Date}
  1987. {block:PermalinkPage}
  1988.  
  1989.  
  1990.  
  1991. </div><!--posts-->
  1992.  
  1993.  
  1994. {block:PostNotes}
  1995. {PostNotes}
  1996. {/block:PostNotes}
  1997.  
  1998. {/block:Posts}
  1999.  
  2000. </div><!--postscont-->
  2001.  
  2002.  
  2003. <!-----------PAGINATION----------->
  2004. {block:Pagination}
  2005. <div class="righteth">
  2006. <div class="rpm">
  2007.  
  2008. <div class="pagi">
  2009. {block:PreviousPage}<a title="previous page" href="{PreviousPage}"><i data-feather="chevron-left"></i></a>{/block:PreviousPage}
  2010. </div><!--pagi-->
  2011.  
  2012. <div class="pagi">
  2013. {block:NextPage}<a title="next page" href="{NextPage}"><i data-feather="chevron-right"></i></a>{/block:NextPage}
  2014. </div><!--pagi-->
  2015.  
  2016. </div><!--rpm-->
  2017. </div><!--righteth-->
  2018. {/block:Pagination}
  2019.  
  2020.  
  2021. </div><!--cont-h-2-->
  2022. </div><!--cont-h-1-->
  2023.  
  2024. <script>feather.replace()</script>
  2025.  
  2026. </body>
  2027. </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!