API tools faq
paste
sexycullen

215_saturnicons_comment

sexycullen
Sep 5th, 2020 (edited)
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- HTML5 Shiv -->
  3. <!--[if lt IE 9]> <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <!--<![endif]-->
  7.  
  8. <!--
  9.  
  10. maziekeen's theme #215 LIGHT
  11. https://maziekeen.tumblr.com/
  12. (previously tylergaciaposey)
  13.  
  14.  
  15. PLEASE DO NOT,t
  16. remove the credits; claim as your own; use as a base, take parts
  17. of the theme, repost as your own
  18. YOU CAN:
  19. edit as much as you want for your own personal use only.
  20.  
  21.  
  22. CREDITS,
  23. shythemes:
  24. like and reblog (fix by cyantists),
  25. short notecount, video resize, pixel union photoset
  26.  
  27. tumblr controls by cyantists
  28. time stamp by bychloethemes
  29. smooth scroll & animation on scroll by michael herf and balazs galambosi
  30. saturn icons by suiomi.com
  31. feathericons by github.com/feathericons/feather
  32. tumblr captions style by anyhsthemes
  33. css photosets by annasthms
  34. normalize reest html by necolas.github.io
  35. audio style by octomoosey
  36.  
  37. -->
  38. <html>
  39. <head>
  40. <meta charset="utf-8">
  41. <title>{block:TagPage}#{Tag} / {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} / {/block:SearchPage}{block:PostSummary}{PostSummary} / {/block:PostSummary} {Title}</title>
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <link rel="shortcut icon" href="{Favicon}"/>
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  48. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  49. <meta name="viewport" content="width=device-width, initial-scale=1">
  50.  
  51.  
  52. <!------------ custom css ---->
  53.  
  54. <link href="https://static.tumblr.com/0siu224/1Eaqd80d8/normalize.css" rel="stylesheet"> <!-- reset html code -->
  55. <link href="https://static.tumblr.com/0siu224/OT8qd80dc/reset.css" rel="stylesheet"> <!-- reset html code -->
  56. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet"> <!-- photosets -->
  57. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- custom icons -->
  58. <script src="https://unpkg.com/feather-icons"></script> <!-- custom icons -->
  59. <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <!-- animate on scroll -->
  60.  
  61.  
  62.  
  63. {block:Hidden}
  64. <meta name="image:Sidebar" content=""/>
  65. <meta name="image:Background" content=""/>
  66.  
  67. <meta name="color:Background Theme Color" content="#fcfcfc">
  68. <meta name="color:Heading Title Color" content="#313131">
  69. <meta name="color:Sidebar Title Color" content="#313131">
  70. <meta name="color:Body Text Color" content="#313131">
  71. <meta name="color:Body Link Color" content="#8a8b8c">
  72. <meta name="color:Body Link Hover Color" content="#cccccc">
  73. <meta name="color:Bold Color" content="#313131">
  74. <meta name="color:Italic Color" content="#61626b">
  75. <meta name="color:Liked Text Color" content="#000000">
  76. <meta name="color:Scrollbar Color" content="#858586">
  77. <meta name="color:Borders Color" content="#ededed">
  78. <meta name="color:Posts Background Color" content="#ffffff">
  79. <meta name="color:Tumblr Controls Icon Color" content="#898989">
  80.  
  81.  
  82. <meta name="text:Body Font Family" content="Sarabun">
  83.  
  84. <meta name="select:Body Font Size" content="12px" title="12px">
  85. <meta name="select:Body Font Size" content="8px" title="8px">
  86. <meta name="select:Body Font Size" content="9px" title="9px">
  87. <meta name="select:Body Font Size" content="10px" title="10px">
  88. <meta name="select:Body Font Size" content="11px" title="11px">
  89. <meta name="select:Body Font Size" content="13px" title="13px">
  90. <meta name="select:Body Font Size" content="14px" title="14px">
  91. <meta name="select:Body Font Size" content="15px" title="15px">
  92. <meta name="select:Body Font Size" content="16px" title="16px">
  93.  
  94.  
  95. <meta name="select:Bold Font Weight" content="bold" title="bold">
  96. <meta name="select:Bold Font Weight" content="normal" title="normal">
  97.  
  98. <meta name="select:Posts Text Position" content="left" title="left">
  99. <meta name="select:Posts Text Position" content="center" title="center">
  100. <meta name="select:Posts Text Position" content="justify" title="justify">
  101.  
  102.  
  103. <meta name="select:Heading Font Size" content="16px" title="16px">
  104. <meta name="select:Heading Font Size" content="8px" title="8px">
  105. <meta name="select:Heading Font Size" content="9px" title="9px">
  106. <meta name="select:Heading Font Size" content="10px" title="10px">
  107. <meta name="select:Heading Font Size" content="11px" title="11px">
  108. <meta name="select:Heading Font Size" content="12px" title="12px">
  109. <meta name="select:Heading Font Size" content="13px" title="13px">
  110. <meta name="select:Heading Font Size" content="14px" title="14px">
  111. <meta name="select:Heading Font Size" content="15px" title="15px">
  112.  
  113. <meta name="select:Heading Font Weight" content="bold" title="bold">
  114. <meta name="select:Heading Font Weight" content="normal" title="normal">
  115.  
  116. <meta name="select:Heading Font Style" content="normal" title="normal">
  117. <meta name="select:Heading Font Style" content="italic" title="italic">
  118.  
  119. <meta name="select:Heading Text Transform" content="none" title="none">
  120. <meta name="select:Heading Text Transform" content="uppercase" title="uppercase">
  121. <meta name="select:Heading Text Transform" content="lowercase" title="lowercase">
  122. <meta name="select:Heading Text Transform" content="capitalize" title="capitalize">
  123.  
  124. <meta name="select:Heading Text Position" content="left" title="left">
  125. <meta name="select:Heading Text Position" content="center" title="center">
  126. <meta name="select:Heading Text Position" content="justify" title="justify">
  127. <meta name="select:Heading Text Position" content="right" title="right">
  128.  
  129.  
  130.  
  131. <meta name="select:Sidebar Title Font Size" content="13px" title="13px">
  132. <meta name="select:Sidebar Title Font Size" content="8px" title="8px">
  133. <meta name="select:Sidebar Title Font Size" content="9px" title="9px">
  134. <meta name="select:Sidebar Title Font Size" content="10px" title="10px">
  135. <meta name="select:Sidebar Title Font Size" content="11px" title="11px">
  136. <meta name="select:Sidebar Title Font Size" content="12px" title="12px">
  137. <meta name="select:Sidebar Title Font Size" content="14px" title="14px">
  138. <meta name="select:Sidebar Title Font Size" content="15px" title="15px">
  139. <meta name="select:Sidebar Title Font Size" content="16px" title="16px">
  140.  
  141. <meta name="select:Sidebar Title Font Weight" content="bold" title="bold">
  142. <meta name="select:Sidebar Title Font Weight" content="normal" title="normal">
  143.  
  144. <meta name="select:Sidebar Title Font Style" content="normal" title="normal">
  145. <meta name="select:Sidebar Title Font Style" content="italic" title="italic">
  146.  
  147. <meta name="select:Sidebar Title Text Transform" content="uppercase" title="uppercase">
  148. <meta name="select:Sidebar Title Text Transform" content="none" title="none">
  149. <meta name="select:Sidebar Title Text Transform" content="lowercase" title="lowercase">
  150. <meta name="select:Sidebar Title Text Transform" content="capitalize" title="capitalize">
  151.  
  152. <meta name="select:Sidebar Title Position" content="left" title="left">
  153. <meta name="select:Sidebar Title Position" content="center" title="center">
  154. <meta name="select:Sidebar Title Position" content="justify" title="justify">
  155. <meta name="select:Sidebar Title Position" content="right" title="right">
  156.  
  157.  
  158.  
  159. <meta name="select:Sidebar Links Font Size" content="12px" title="12px">
  160. <meta name="select:Sidebar Links Font Size" content="8px" title="8px">
  161. <meta name="select:Sidebar Links Font Size" content="9px" title="9px">
  162. <meta name="select:Sidebar Links Font Size" content="10px" title="10px">
  163. <meta name="select:Sidebar Links Font Size" content="11px" title="11px">
  164. <meta name="select:Sidebar Links Font Size" content="13px" title="13px">
  165. <meta name="select:Sidebar Links Font Size" content="14px" title="14px">
  166. <meta name="select:Sidebar Links Font Size" content="15px" title="15px">
  167. <meta name="select:Sidebar Links Font Size" content="16px" title="16px">
  168.  
  169. <meta name="select:Sidebar Links Font Weight" content="normal" title="normal">
  170. <meta name="select:Sidebar Links Font Weight" content="bold" title="bold">
  171.  
  172. <meta name="select:Sidebar Links Font Style" content="normal" title="normal">
  173. <meta name="select:Sidebar Links Font Style" content="italic" title="italic">
  174.  
  175. <meta name="select:Sidebar Links Text Transform" content="none" title="none">
  176. <meta name="select:Sidebar Links Text Transform" content="uppercase" title="uppercase">
  177. <meta name="select:Sidebar Links Text Transform" content="lowercase" title="lowercase">
  178. <meta name="select:Sidebar Links Text Transform" content="capitalize" title="capitalize">
  179.  
  180. <meta name="select:Sidebar Links Position" content="left" title="left">
  181. <meta name="select:Sidebar Links Position" content="center" title="center">
  182. <meta name="select:Sidebar Links Position" content="right" title="right">
  183.  
  184.  
  185.  
  186. <meta name="select:Description Font Weight" content="normal" title="normal">
  187. <meta name="select:Description Font Weight" content="bold" title="bold">
  188.  
  189. <meta name="select:Description Font Style" content="normal" title="normal">
  190. <meta name="select:Description Font Style" content="italic" title="italic">
  191.  
  192. <meta name="select:Description Text Transform" content="none" title="none">
  193. <meta name="select:Description Text Transform" content="uppercase" title="uppercase">
  194. <meta name="select:Description Text Transform" content="lowercase" title="lowercase">
  195. <meta name="select:Description Text Transform" content="capitalize" title="capitalize">
  196.  
  197. <meta name="select:Description Text Position" content="left" title="left">
  198. <meta name="select:Description Text Position" content="center" title="center">
  199. <meta name="select:Description Text Position" content="justify" title="justify">
  200. <meta name="select:Description Text Position" content="right" title="right">
  201.  
  202.  
  203.  
  204. <meta name="select:Date Font Size" content="11px" title="11px">
  205. <meta name="select:Date Font Size" content="8px" title="8px">
  206. <meta name="select:Date Font Size" content="9px" title="9px">
  207. <meta name="select:Date Font Size" content="10px" title="10px">
  208. <meta name="select:Date Font Size" content="12px" title="12px">
  209. <meta name="select:Date Font Size" content="13px" title="13px">
  210. <meta name="select:Date Font Size" content="14px" title="14px">
  211. <meta name="select:Date Font Size" content="15px" title="15px">
  212. <meta name="select:Date Font Size" content="16px" title="16px">
  213.  
  214. <meta name="select:Date Font Weight" content="bold" title="bold">
  215. <meta name="select:Date Font Weight" content="normal" title="normal">
  216.  
  217. <meta name="select:Date Font Style" content="normal" title="normal">
  218. <meta name="select:Date Font Style" content="italic" title="italic">
  219.  
  220. <meta name="select:Date Text Transform" content="none" title="none">
  221. <meta name="select:Date Text Transform" content="uppercase" title="uppercase">
  222. <meta name="select:Date Text Transform" content="lowercase" title="lowercase">
  223. <meta name="select:Date Text Transform" content="capitalize" title="capitalize">
  224.  
  225.  
  226.  
  227. <meta name="select:Tags Font Size" content="11px" title="11px">
  228. <meta name="select:Tags Font Size" content="8px" title="8px">
  229. <meta name="select:Tags Font Size" content="9px" title="9px">
  230. <meta name="select:Tags Font Size" content="10px" title="10px">
  231. <meta name="select:Tags Font Size" content="12px" title="12px">
  232. <meta name="select:Tags Font Size" content="13px" title="13px">
  233. <meta name="select:Tags Font Size" content="14px" title="14px">
  234. <meta name="select:Tags Font Size" content="15px" title="15px">
  235. <meta name="select:Tags Font Size" content="16px" title="16px">
  236.  
  237. <meta name="select:Tags Font Weight" content="normal" title="normal">
  238. <meta name="select:Tags Font Weight" content="bold" title="bold">
  239.  
  240. <meta name="select:Tags Font Style" content="normal" title="normal">
  241. <meta name="select:Tags Font Style" content="italic" title="italic">
  242.  
  243. <meta name="select:Tags Text Transform" content="none" title="none">
  244. <meta name="select:Tags Text Transform" content="uppercase" title="uppercase">
  245. <meta name="select:Tags Text Transform" content="lowercase" title="lowercase">
  246. <meta name="select:Tags Text Transform" content="capitalize" title="capitalize">
  247.  
  248. <meta name="select:Tags Text Position" content="left" title="left">
  249. <meta name="select:Tags Text Position" content="center" title="center">
  250. <meta name="select:Tags Text Position" content="right" title="right">
  251.  
  252.  
  253.  
  254. <meta name="select:Borders Size" content="1px" title="1px">
  255. <meta name="select:Borders Size" content="0px" title="0px">
  256. <meta name="select:Borders Size" content="2px" title="2px">
  257. <meta name="select:Borders Size" content="3px" title="3px">
  258.  
  259. <meta name="select:Borders Style" content="solid" title="solid">
  260. <meta name="select:Borders Style" content="dotted" title="dotted">
  261. <meta name="select:Borders Style" content="dashed" title="dashed">
  262. <meta name="select:Borders Style" content="double" title="double">
  263. <meta name="select:Borders Style" content="ridge" title="ridge">
  264.  
  265.  
  266.  
  267.  
  268. <meta name="if:Sidebar Title" content="1" />
  269. <meta name="if:Sidebar Image" content="1" />
  270. <meta name="if:Sidebar Links Icons" content="1" />
  271.  
  272. <meta name="if:Sidebar Link 1" content="1" />
  273. <meta name="if:Sidebar Link 2" content="1" />
  274. <meta name="if:Sidebar Link 3" content="1" />
  275. <meta name="if:Sidebar Link 4" content="1" />
  276. <meta name="if:Sidebar Link 5" content="1" />
  277. <meta name="if:Sidebar Link 6" content="1" />
  278.  
  279. <meta name="if:Animate Posts" content="1" />
  280. <meta name="if:Images Black and White" content="0" />
  281. <meta name="if:Images Opacity" content="0" />
  282. <meta name="if:Box Shadow" content="1" />
  283. <meta name="if:Tumblr Captions" content="1"/>
  284. <meta name="if:Caption Avatar" content="0" />
  285. <meta name="if:Custom Caption Icon" content="1" />
  286. <meta name="if:Posts and Sidebar Borders" content="0" />
  287. <meta name="if:Date Icons" content="1" />
  288. <meta name="if:Custom Controls" content="1"/>
  289.  
  290. <meta name="if:Posts size 540px" content="1"/>
  291. <meta name="if:Posts size 500px" content="0"/>
  292. <meta name="if:Posts size 400px" content="0"/>
  293.  
  294.  
  295. <meta name="text:Box Shadow Size" content="0px 4px 8px">
  296. <meta name="text:Box Shadow Color" content="0, 0, 0, 0.1">
  297.  
  298. <meta name="text:TimeIcon" content="map-pin">
  299. <meta name="text:NotesIcon" content="activity">
  300. <meta name="text:ReblogIcon" content="repeat">
  301. <meta name="text:LikeIcon" content="heart">
  302.  
  303. <meta name="text:Index URL" content="/">
  304. <meta name="text:Index Text" content="Index">
  305. <meta name="text:Index Icon" content="home">
  306. <meta name="text:Ask URL" content="/ask">
  307. <meta name="text:Ask Text" content="Ask">
  308. <meta name="text:Ask Icon" content="mail">
  309.  
  310. <meta name="text:Sidebar Link 1 URL" content="/">
  311. <meta name="text:Sidebar Link 1 Text" content="Link 1">
  312. <meta name="text:Sidebar Link 1 Icon" content="menu">
  313. <meta name="text:Sidebar Link 2 URL" content="/">
  314. <meta name="text:Sidebar Link 2 Text" content="Link 2">
  315. <meta name="text:Sidebar Link 2 Icon" content="edit">
  316. <meta name="text:Sidebar Link 3 URL" content="/">
  317. <meta name="text:Sidebar Link 3 Text" content="Link 3">
  318. <meta name="text:Sidebar Link 3 Icon" content="user">
  319. <meta name="text:Sidebar Link 4 URL" content="/">
  320. <meta name="text:Sidebar Link 4 Text" content="Link 4">
  321. <meta name="text:Sidebar Link 4 Icon" content="file-text">
  322. <meta name="text:Sidebar Link 5 URL" content="/">
  323. <meta name="text:Sidebar Link 5 Text" content="Link 5">
  324. <meta name="text:Sidebar Link 5 Icon" content="folder">
  325. <meta name="text:Sidebar Link 6 URL" content="/">
  326. <meta name="text:Sidebar Link 6 Text" content="Link 6">
  327. <meta name="text:Sidebar Link 6 Icon" content="message-square">
  328.  
  329.  
  330. <meta name="text:Custom Sidebar Description" content="lorem ipsum mattis">
  331. {/block:Hidden}
  332.  
  333.  
  334.  
  335.  
  336. <!------------ fonts ---->
  337.  
  338. <link href="https://fonts.googleapis.com/css2?family={text:Body Font Family}:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
  339.  
  340.  
  341.  
  342. <style type="text/css">
  343.  
  344. /* ------------ theme's variables */
  345.  
  346. :root {
  347. /* colors */
  348.  
  349. --backgroundThemeColor: {color:Background Theme Color};
  350. --headingTitleColor: {color:Heading Title Color};
  351. --sidebarTitleColor: {color:Sidebar Title Color};
  352. --bodyTextColor: {color:Body Text Color};
  353. --bodyLinkColor: {color:Body Link Color};
  354. --bodyLinkHoverColor: {color:Body Link Hover Color};
  355. --boldColor: {color:Bold Color};
  356. --italicColor: {color:Italic Color};
  357. --likedTextColor: {color:Liked Text Color};
  358. --scrollbarColor: {color:Scrollbar Color};
  359. --bordersColor: {color:Borders Color};
  360. --postsBackgroundColor: {color:Posts Background Color};
  361. --tumblrControlsIconColor: {color:Tumblr Controls Icon Color};
  362.  
  363.  
  364. /* fonts, sizes, styles */
  365.  
  366. --bodyFont: {text:Body Font Family};
  367.  
  368. --headingFontSize: {select:Heading Font Size};
  369. --sidebarTitleFontSize: {select:Sidebar Title Font Size};
  370. --bodyFontSize: {select:Body Font Size};
  371. --sidebarLinksFontSize: {select:Sidebar Links Font Size};
  372. --descriptionFontSize: {select:Description Font Size};
  373. --dateFontSize: {select:Date Font Size};
  374. --tagsFontSize: {select:Tags Font Size};
  375.  
  376. --boldFontWeight: {select:Bold Font Weight};
  377. --headingFontWeight: {select:Heading Font Weight};
  378. --sidebarTitleFontWeight: {select:Sidebar Title Font Weight};
  379. --sidebarLinksFontWeight: {select:Sidebar Links Font Weight};
  380. --descriptionFontWeight: {select:Description Font Weight};
  381. --dateFontWeight: {select:Date Font Weight};
  382. --tagsFontWeight: {select:Tags Font Weight};
  383.  
  384. --headingTextTransform: {select:Heading Text Transform};
  385. --sidebarTitleTextTransform: {select:Sidebar Title Text Transform};
  386. --sidebarLinksTextTransform: {select:Sidebar Links Text Transform};
  387. --descriptionTextTransform: {select:Description Text Transform};
  388. --dateTextTransform: {select:Date Text Transform};
  389. --tagsTextTransform: {select:Tags Text Transform};
  390.  
  391. --headingFontStyle: {select:Heading Font Style};
  392. --sidebarTitleFontStyle: {select:Sidebar Title Font Style};
  393. --sidebarLinksFontStyle: {select:Sidebar Links Font Style};
  394. --descriptionFontStyle: {select:Description Font Style};
  395. --tagsFontStyle: {select:Tags Font Style};
  396. --dateFontStyle: {select:Date Font Style};
  397.  
  398. --postsTextPosition: {select:Posts Text Position};
  399. --headingTextPosition: {select:Heading Text Position};
  400. --sidebarTitlePosition: {select:Sidebar Title Position};
  401. --sidebarLinksPosition: {select:Sidebar Links Position};
  402. --descriptionTextPosition: {select:Description Text Position};
  403. --tagsTextPosition: {select:Tags Text Position};
  404.  
  405.  
  406.  
  407.  
  408. /* other styles */
  409.  
  410. --bordersStyle: {select:Borders Style};
  411. --bordersSize: {select:Borders Size};
  412. --updateToggleHeight: {text:Update Toggle Height};
  413. --postsSize: {select:Posts Size};
  414. --boxShadowSize:{text:Box Shadow Size};
  415. --boxShadowColor:{text:Box Shadow Color};
  416.  
  417.  
  418. }
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426. /* ------------ tumblr controls */
  427.  
  428. {block:ifCustomControls}
  429. iframe.tmblr-iframe {
  430. z-index:99999999999999!important;
  431. top: 15px!important;
  432. right: 15px!important;
  433. opacity:0;
  434. padding-right:38px;
  435. -webkit-transform:scale(0.75);
  436. -ms-transform:scale(0.75);
  437. transform:scale(0.75);
  438. -webkit-transform-origin:100% 0;
  439. -ms-transform-origin:100% 0;
  440. transform-origin:100% 0;
  441. -webkit-transition: all 0.3s ease-in-out;
  442. -o-transition: all 0.3s ease-in-out;
  443. transition: all 0.3s ease-in-out;
  444. cursor: pointer;
  445. }
  446.  
  447. iframe.tmblr-iframe:hover {
  448. opacity:1!important;
  449. -webkit-transition: all 0.3s ease-in-out;
  450. -o-transition: all 0.3s ease-in-out;
  451. transition: all 0.3s ease-in-out;
  452. }
  453.  
  454. .hcontrols {
  455. position:fixed;
  456. top:23px;
  457. right:15px;
  458. z-index:999999999;
  459. cursor: pointer;
  460. }
  461.  
  462. .hcontrols .feather {
  463. width:25px;
  464. height:25px;
  465. stroke-width: 2;
  466. stroke:var(--tumblrControlsIconColor);
  467. -webkit-transition: all 0.3s ease-in-out;
  468. -o-transition: all 0.3s ease-in-out;
  469. transition: all 0.3s ease-in-out;
  470. cursor: pointer;
  471. }
  472.  
  473. .hcontrols .feather:hover {
  474. stroke: var(--bodyLinkHoverColor);
  475. }
  476.  
  477. {/block:ifCustomControls}
  478.  
  479.  
  480.  
  481.  
  482.  
  483. /* ------------ scrollbar */
  484.  
  485. ::-webkit-scrollbar {
  486. width:7px;
  487. height:7px;
  488. }
  489. ::-webkit-scrollbar {
  490. background-color:var(--backgroundThemeColor);
  491. }
  492. ::-webkit-scrollbar-track {
  493. border:8px solid var(--backgroundThemeColor);
  494. background-color:var(--backgroundThemeColor);
  495. }
  496. ::-webkit-scrollbar-thumb {
  497. border:2.1px solid var(--backgroundThemeColor);
  498. background-color:var(--scrollbarColor);
  499. border-radius:10px;
  500. min-height:24px;
  501. min-width:24px;
  502. }
  503.  
  504.  
  505. /* ------------ theme settings */
  506.  
  507. html {
  508. -webkit-box-sizing: border-box;
  509. box-sizing: border-box;
  510. }
  511.  
  512. *::after,
  513. *::before {
  514. box-sizing: inherit;
  515. }
  516.  
  517.  
  518. html,
  519. body {
  520. height: 100vh;
  521. }
  522.  
  523.  
  524. body {
  525. padding: 0;
  526. margin: 0;
  527. font-family: var(--bodyFont), Arial, sans-serif;
  528. font-size:var(--bodyFontSize);
  529. line-height:1.5;
  530. background-color:var(--backgroundThemeColor);
  531. color:var(--bodyTextColor);
  532. word-wrap:break-word;
  533. background-image:url('{image:Background}');
  534. background-repeat: repeat;
  535. background-attachment: fixed;
  536. background-position:center;
  537. }
  538.  
  539. a {
  540. position:relative;
  541. color: var(--bodyLinkColor);
  542. text-decoration: none;
  543. -webkit-transition: all 0.3s ease-in-out;
  544. -o-transition: all 0.3s ease-in-out;
  545. transition: all 0.3s ease-in-out;
  546. }
  547.  
  548. a:hover {
  549. color:var(--bodyLinkHoverColor);
  550. -webkit-transition: all 0.3s ease-in-out;
  551. -o-transition: all 0.3s ease-in-out;
  552. transition: all 0.3s ease-in-out;
  553. }
  554.  
  555. a:last-child {
  556. margin-right:0px;
  557. }
  558.  
  559. h1, h2 {
  560. margin:15px 0 5px;
  561. display:block;
  562. font-style:var(--headingFontStyle);
  563. font-weight:var(--headingFontWeight);
  564. text-transform:var(--headingTextTransform);
  565. color:var(--headingTitleColor);
  566. font-size:var(--headingFontSize);
  567. text-align:var(--headingTextPosition);
  568. }
  569.  
  570.  
  571. h2 a {
  572. color:var(--headingTitleColor);
  573.  
  574. }
  575.  
  576.  
  577. p {
  578. display: block;
  579. margin-block-start: 0.1em;
  580. margin-block-end: 0.5em;
  581. word-wrap:wrap;
  582. }
  583.  
  584. hr {
  585. width:100px;
  586. margin:10px 0 10px 0;
  587. border-width: var(--bordersSize) 0px 0px 0px;
  588. border-style: var(--bordersStyle);
  589. border-color: var(--bordersColor);
  590. }
  591.  
  592. small, sup, sub {
  593. font-size:var(--bodyFontSize);
  594. }
  595.  
  596. pre, code {
  597. line-height:inherit!important;
  598. background:transparent;
  599. font-family:inherit!Important;
  600. font-size:inherit!important;
  601. white-space:pre-wrap;
  602. white-space:-moz-pre-wrap;
  603. white-space:-pre-wrap;
  604. white-space:-o-pre-wrap;
  605. word-wrap:break-word;
  606. }
  607.  
  608. bold, b, strong {
  609. color:var(--boldColor);
  610. font-weight:var(--boldFontWeight);
  611. }
  612.  
  613. italic, i, em {
  614. color:var(--italicColor);
  615. }
  616.  
  617. img {
  618. {block:ifImagesOpacity}
  619. opacity:0.6;
  620. {/block:ifImagesOpacity}
  621. border:0;
  622. max-width:100%;
  623. height:auto;
  624. display:block;
  625. margin: 0;
  626. padding: 0;
  627. {block:ifImagesBlackandWhite}
  628. -webkit-filter: grayscale(100%);
  629. {/block:ifImagesBlackandWhite}
  630. -webkit-transition: all 0.5s ease-in-out;
  631. -o-transition: all 0.5s ease-in-out;
  632. transition: all 0.5s ease-in-out;
  633. }
  634.  
  635. img:hover {
  636. opacity:1;
  637. -webkit-filter: grayscale(0%);
  638. -webkit-transition: all 0.3s ease-in-out;
  639. -o-transition: all 0.3s ease-in-out;
  640. transition: all 0.3s ease-in-out;
  641. }
  642.  
  643. .posts:hover img {
  644. -webkit-filter: grayscale(0%);
  645. opacity:1;
  646. }
  647.  
  648. ::-moz-selection {
  649. background-color: var(--boldColor);
  650. color:#fff;
  651. }
  652.  
  653. ::selection {
  654. background-color: var(--boldColor);
  655. color:#fff;
  656. }
  657.  
  658.  
  659.  
  660.  
  661.  
  662. /* maziekeen's theme 214 - UPDATE TAB CSS PART (dark)
  663. accordion (update toggle) by codepen.io/vinsongrant/pen/qbGKed
  664.  
  665. GUIDE HOW TO CUSTOMIZE
  666.  
  667.  
  668. ----------------------------
  669.  
  670. ALL THE COLORS
  671.  
  672.  
  673. - GENERAL COLOR
  674. body text, italic, bold, links: will match your color theme
  675.  
  676. - THE 'PLUS' ICON before the title
  677. find the class name: .update-title:after, .update-title:before {
  678. change the color in: background-color: #8be9fd
  679.  
  680. - TITLE USED INSIDE THE CONTENT
  681. find the class name: .update-inside-title {
  682. change the color in: color:#6272a4
  683.  
  684. - EFFECT ON THE TITLE ONCE YOU CLICKED
  685. find the class name: .update-toggle:checked + .update-title, .update-toggle:checked + .update-title a {
  686. change the color in: color:#8be9fd
  687.  
  688. - BACKGROUND COLOR OF THE CONTENT
  689. find the class name: .update-toggle:checked + .update-title + .update-content {
  690. change the color in: background:#282a36 (to change the text color inside, just add color:#b6bad1;)
  691.  
  692. - BORDERS
  693. find the class name: .update-toggle:checked + .update-title + .update-content {
  694. change the color in: outline:1px solid #343745
  695. you also need to change the color to the same in .update-content {
  696.  
  697.  
  698.  
  699. maziekeen's theme 214 - UPDATE TAB CSS PART */
  700.  
  701.  
  702. .update-container {
  703. max-width:150px; /* same width of .update-toggle:checked + .update-title + .update-content */
  704. bottom:65px;
  705. left:15px;
  706. position:fixed;
  707. margin: 5px auto 0px;
  708. z-index:11;
  709. background-color:transparent;
  710. -webkit-box-sizing: border-box;
  711. box-sizing: border-box;
  712. }
  713.  
  714. .update-toggle {
  715. display: none;
  716. }
  717.  
  718. .update-option { /* this is each option you add */
  719. position: relative;
  720. margin-bottom:5px;
  721. }
  722.  
  723.  
  724. .update-option, .update-title label a {
  725. display: inline-block;
  726. text-align: left;
  727. padding-left:15px;
  728. }
  729.  
  730. .update-option label a {
  731. color:var(--boldColor);
  732. }
  733.  
  734. .update-button {
  735. display:block;
  736. border:none;
  737. padding: 7px 10px;
  738. margin:7px 0px 10px;
  739. background-color:var(--postsBackgroundColor);
  740. color:var(--boldColor);
  741. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  742. {block:ifBoxShadow}
  743. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  744. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  745. {/block:ifBoxShadow}
  746. }
  747.  
  748. .update-button a {
  749. font-weight:bold;
  750. color:var(--boldColor);
  751. }
  752.  
  753.  
  754. .update-title { /* title of the option */
  755. cursor:pointer;
  756. }
  757.  
  758. .update-title,
  759. .content {
  760. backface-visibility: hidden;
  761. transform: translateZ(0);
  762. -webkit-transform: translateZ(0);
  763. -webkit-transition: all 0.2s ease-in-out;
  764. -o-transition: all 0.2s ease-in-out;
  765. transition: all 0.2s ease-in-out;
  766. }
  767.  
  768.  
  769. .update-title:before { /* the plus "icon" */
  770. content: "\e08d";
  771. font-family:'saturnicons';
  772. font-size:calc(var(--bodyFontSize) - 40%);
  773. margin-right:5px;
  774. font-style:none!important;
  775. font-weight: 400;
  776. display:inline-block;
  777. vertical-align:middle;
  778. color:var(--bodyLinkColor);
  779. -webkit-transition: all 0.2s ease-in-out;
  780. -o-transition: all 0.2s ease-in-out;
  781. transition: all 0.2s ease-in-out;
  782. cursor:auto;
  783. }
  784.  
  785. .update-title:after {
  786. /*-webkit-transform: rotate(90deg);*/
  787. /*-ms-transform: rotate(90deg);*/
  788. /*transform: rotate(90deg);*/
  789. }
  790.  
  791. .update-inside-title { /* title used inside the content */
  792. font-weight: bold;
  793. color:var(--boldColor);
  794. margin:5px 0px;
  795. }
  796.  
  797. .update-inside-title a {
  798. font-weight: bold;
  799. }
  800.  
  801. .update-content { /* content that appears when you click */
  802. max-height: 0;
  803. padding:0px 5px;
  804. outline:0px solid var(--bordersColor); /* change the color to the same on .update-toggle:checked + .update-title + .update-content */
  805. overflow: hidden;
  806. -webkit-transition: all 0.3s ease-in-out;
  807. -o-transition: all 0.3s ease-in-out;
  808. transition: all 0.3s ease-in-out;
  809. }
  810.  
  811. .update-content li {
  812. line-height:13px;
  813. margin-bottom:4px;
  814. }
  815.  
  816. .update-toggle:checked + .update-title, .update-toggle:checked + .update-title a { /* effect on title once you clicked */
  817. font-weight:bold;
  818. color:#f5b03;
  819. }
  820.  
  821. .update-toggle:checked + .update-title + .update-content { /* effect on the content once you clicked */
  822. outline:1px solid var(--bordersColor);
  823. background-color:var(--postsBackgroundColor);
  824. text-align:left;
  825. max-height: 100vh;
  826. width:240px; /* size of the content, adjust as you wish but also change the max-width in .update-container */
  827. padding:0px 5px;
  828. margin: 5px 0px 0px;
  829. z-index:1;
  830. -webkit-transition: all 0.3s ease-in-out;
  831. -o-transition: all 0.3s ease-in-out;
  832. transition: all 0.3s ease-in-out;
  833. {block:ifBoxShadow}
  834. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  835. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  836. {/block:ifBoxShadow}
  837. }
  838.  
  839. .update-toggle:checked + .update-title:before {
  840. content: "\e0c7";
  841. font-family:'saturnicons';
  842. font-size:calc(var(--bodyFontSize) - 40%);
  843. margin-right:5px;
  844. font-style:none!important;
  845. font-weight: 400;
  846. display:inline-block;
  847. vertical-align:middle;
  848. color:var(--bodyLinkColor);
  849. cursor:auto;
  850. -webkit-transition: all 0.2s ease-in-out;
  851. -o-transition: all 0.2s ease-in-out;
  852. transition: all 0.2s ease-in-out;
  853. -webkit-transform: rotate(90deg) !important;
  854. -ms-transform: rotate(90deg) !important;
  855. transform: rotate(90deg) !important;
  856. }
  857. /* maziekeen's theme 214 - UPDATE TAB CSS PART (dark) */
  858.  
  859.  
  860.  
  861.  
  862.  
  863. /* tylergaciaposey's theme 203
  864. css part */
  865.  
  866.  
  867. .nav_container {
  868. width:100%;
  869. overflow: hidden;
  870. margin:0 auto;
  871. padding:2px;
  872. }
  873.  
  874.  
  875. .box_left {
  876. width:50%;
  877. overflow: hidden;
  878. float:left;
  879. padding:10px;
  880. -webkit-box-sizing: border-box;
  881. box-sizing: border-box;
  882.  
  883. }
  884.  
  885. .box_right {
  886. width:50%;
  887. overflow: hidden;
  888. float:right;
  889. padding:10px;
  890. -webkit-box-sizing: border-box;
  891. box-sizing: border-box;
  892. }
  893.  
  894. .nav_title {
  895. font-weight:bold;
  896. color:var(--boldColor);
  897. margin:2px 0 3px;
  898. padding:0 0 5px;
  899. }
  900.  
  901.  
  902. .nav_title:after {
  903. width:100px;
  904. content:'';
  905. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  906. display:block;
  907. margin:5px 0;
  908. }
  909.  
  910.  
  911. .nav_list {
  912. margin:0 0 2px 5px;
  913. }
  914.  
  915.  
  916. .nav_list::before {
  917. content: '\e09a';
  918. font-family:'saturnicons';
  919. font-size:calc(var(--bodyFontSize) - 50%);
  920. bottom:0.5px;
  921. margin-right:7px;
  922. display:inline-block;
  923. vertical-align:middle;
  924. position:relative;
  925. color: var(--bodyLinkColor);
  926. }
  927.  
  928. .nav_list:hover:before {
  929. color:var(--bodyLinkHoverColor);
  930. }
  931.  
  932.  
  933. .nav_paragraph {
  934. margin:7px 0;
  935. }
  936.  
  937.  
  938. .nav_separator {
  939. clear:both;
  940. width:100%;
  941. display:block;
  942. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  943. margin:25px 0;
  944. padding:0 0 25px;
  945. }
  946.  
  947.  
  948. /* tags aka links lis */
  949.  
  950. .nav_tags_title1 {
  951. font-weight:bold;
  952. margin:2px 10px 3px;
  953. padding:0 0 5px;
  954. }
  955.  
  956. .nav_tags_title1:after {
  957. width:100px;
  958. content:'';
  959. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  960. display:block;
  961. margin:5px 0;
  962. }
  963.  
  964.  
  965. .nav_tags_title {
  966. margin:3px 0 3px;
  967. padding:0 0 5px;
  968. font-weight:bold;
  969. color:var(--boldColor);
  970. }
  971.  
  972. .nav_tags_title:after {
  973. content:'';
  974. border-bottom:0px dotted #e2e2e2;
  975. }
  976.  
  977. .nav_tags_box {
  978. height:180px;
  979. width:33.3%;
  980. margin-bottom:25px;
  981. overflow: hidden;
  982. float:left;
  983. padding:10px;
  984. box-sizing: border-box;
  985. overflow-y:auto;
  986. overflow-x:hidden;
  987. }
  988.  
  989.  
  990. .nav_tags_list {
  991. margin:0 0 2px 5px;
  992. }
  993.  
  994. .nav_tags_list::before {
  995. content: '\e09a';
  996. font-family:'saturnicons';
  997. font-size:calc(var(--bodyFontSize) - 50%);
  998. bottom:0.5px;
  999. margin-right:7px;
  1000. display:inline-block;
  1001. vertical-align:middle;
  1002. position:relative;
  1003. color: var(--bodyLinkColor);
  1004. }
  1005.  
  1006. .nav_tags_list:hover:before {
  1007. color:var(--bodyLinkHoverColor);
  1008. }
  1009.  
  1010.  
  1011.  
  1012. .mcredit a {
  1013. text-transform:lowercase;
  1014. text-align:center;
  1015. font-size:10px;
  1016. font-family:'Open Sans', Calibri, sans-serif;
  1017. padding:3px;
  1018. font-style:normal;
  1019. padding:3px;
  1020. -webkit-transition: all 0.3s ease-in-out;
  1021. -o-transition: all 0.3s ease-in-out;
  1022. transition: all 0.3s ease-in-out;
  1023. }
  1024.  
  1025.  
  1026. /* tylergaciaposey's theme 203
  1027. css part */
  1028.  
  1029.  
  1030.  
  1031. /* ------------ lists */
  1032.  
  1033. ul {
  1034. margin:15px 0;
  1035. list-style:none;
  1036. }
  1037.  
  1038. ul li {
  1039. margin:5px 15px;
  1040. list-style:none;
  1041. }
  1042.  
  1043.  
  1044. ul li::before {
  1045. content: '\e09a';
  1046. font-family:'saturnicons';
  1047. font-size:calc(var(--bodyFontSize) - 50%);
  1048. bottom:0.5px;
  1049. margin-right:7px;
  1050. display:inline-block;
  1051. vertical-align:middle;
  1052. position:relative;
  1053. color: var(--bodyLinkColor);
  1054. }
  1055.  
  1056. ul li:hover:before {
  1057. color:var(--bodyLinkHoverColor);
  1058. }
  1059.  
  1060. ol {
  1061. margin:15px;
  1062. }
  1063.  
  1064. ol li {
  1065. margin:5px 15px;
  1066. list-style-type: decimal;
  1067. }
  1068.  
  1069.  
  1070.  
  1071. /* ------------ tooltips */
  1072.  
  1073. #s-m-t-tooltip {
  1074. max-width:300px;
  1075. border-radius: 0px;
  1076. padding:10px;
  1077. font-weight:var(--boldFontWeight);
  1078. margin:20px -25px;
  1079. color:var(--boldColor);
  1080. background-color:var(--postsBackgroundColor);
  1081. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1082. {block:ifBoxShadow}
  1083. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1084. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1085. {/block:ifBoxShadow}
  1086. z-index:99999;
  1087. }
  1088.  
  1089.  
  1090.  
  1091. /* ------------ custom icons */
  1092. .feather {
  1093. stroke: currentColor;
  1094. stroke-width: 1.5;
  1095. width:var(--bodyFontSize);
  1096. height:var(--bodyFontSize);
  1097. }
  1098.  
  1099.  
  1100.  
  1101.  
  1102. /* ------------ sidebar */
  1103.  
  1104. .title {
  1105. font-weight:var(--sidebarTitleFontWeight);
  1106. font-size:var(--sidebarTitleFontSize);
  1107. color:var(--sidebarTitleColor);
  1108. text-transform:var(--sidebarTitleTextTransform);
  1109. text-align:var(--sidebarTitlePosition);
  1110. font-style:var(--sidebarTitleFontStyle);
  1111. }
  1112.  
  1113.  
  1114. .sidebar-title-border {
  1115. border-bottom: var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1116. width:60px;
  1117. margin:5px auto;
  1118. float:var(--sidebarTitlePosition);
  1119. }
  1120.  
  1121. .sidebar {
  1122. display: flex;
  1123. align-content: center;
  1124. align-items:center;
  1125. flex: 1;
  1126. height:calc(100vh - 200px);
  1127.  
  1128. }
  1129.  
  1130.  
  1131. /* content inside the sidebar */
  1132.  
  1133. .sidebar-content {
  1134. width:268px;
  1135. padding:15px;
  1136. position:fixed;
  1137. background-color:var(--postsBackgroundColor);
  1138. {block:ifPostsandSidebarBorders}
  1139. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1140. {/block:ifPostsandSidebarBorders}
  1141. {block:ifBoxShadow}
  1142. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1143. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1144. {/block:ifBoxShadow}
  1145. }
  1146.  
  1147. .sidebar-image {
  1148. text-align:center;
  1149. max-width:268px;
  1150. margin:15px 0;
  1151. }
  1152.  
  1153. .sidebar-image img {
  1154. object-fit: cover;
  1155. {block:ifImagesBlackandWhite}
  1156. -webkit-filter: grayscale(100%);
  1157. {/block:ifImagesBlackandWhite}
  1158. }
  1159.  
  1160. .sidebar-image:hover {
  1161. -webkit-filter: grayscale(0%);
  1162. }
  1163.  
  1164.  
  1165. /* navigation */
  1166.  
  1167. .navigation {
  1168. margin:0 0 5px;
  1169. {block:ifNotSidebarImage}
  1170. margin:0 0 15px;
  1171. {/block:ifNotSidebarImage}
  1172. position:relative;
  1173. }
  1174.  
  1175. .navigation a {
  1176. color: var(--bodyLinkColor);
  1177. display:inline-block;
  1178. position:relative;
  1179. font-size: var(--sidebarLinksFontSize);
  1180. font-weight: var(--sidebarLinksFontWeight);
  1181. font-style: var(--sidebarLinksFontStyle);
  1182. text-transform:var(--sidebarLinksTextTransform);
  1183. }
  1184.  
  1185. .navigation a:hover, .navigation .feather:hover {
  1186. color: var(--bodyLinkHoverColor);
  1187. stroke: var(--bodyLinkHoverColor);
  1188. -webkit-transition: all 0.3s ease-in-out;
  1189. -o-transition: all 0.3s ease-in-out;
  1190. transition: all 0.3s ease-in-out;
  1191. }
  1192.  
  1193. .navigation a:last-child {
  1194. margin-right:0px;
  1195. }
  1196.  
  1197. .navigation ul {
  1198. text-align:var(--sidebarLinksPosition);
  1199. margin-bottom: 5px;
  1200. margin: 0;
  1201. }
  1202.  
  1203. .navigation ul li {
  1204. list-style-type:none;
  1205. display:inline-block;
  1206. margin: 0px 5px 0 0;
  1207. {block:ifSidebarLinksIcons}
  1208. margin: 0px 15px 0 0;
  1209. {/block:ifSidebarLinksIcons}
  1210. }
  1211.  
  1212. .navigation ul li::first-child {
  1213. margin-left:0;
  1214. }
  1215.  
  1216. .navigation ul li::before {
  1217. content: '';
  1218. width: 0px;
  1219. height: 0px;
  1220. margin:0px;
  1221. background-color: none;
  1222. }
  1223.  
  1224. /*.navigation ul li .sf {*/
  1225. /* margin: 0px 15px 0 0;*/
  1226. /*}*/
  1227.  
  1228. .navigation ul li .feather {
  1229. width: var(--sidebarLinksFontSize);
  1230. height: var(--sidebarLinksFontSize);
  1231. stroke: var(--bodyLinkColor);
  1232. }
  1233.  
  1234.  
  1235. /* description */
  1236.  
  1237. .description {
  1238. margin:15px 0;
  1239. font-size:var(--descriptionFontSize);
  1240. font-style:var(--descriptionFontStyle);
  1241. font-weight:var(--descriptionFontWeight);
  1242. text-align:var(--descriptionTextPosition);
  1243. color:var(--bodyTextColor);
  1244. text-transform:var(--descriptionTextTransform);
  1245. }
  1246.  
  1247. .description a {
  1248. color:var(--bodyLinkColor);
  1249. }
  1250.  
  1251. .description a:hover {
  1252. color: var(--bodyLinkHoverColor);
  1253. }
  1254.  
  1255.  
  1256. /* search bar */
  1257.  
  1258. form {
  1259. text-align:left;
  1260. }
  1261.  
  1262. .search .query {
  1263. width:100%;
  1264. font-weight:var(--boldFontWeight);
  1265. text-align:var(--sidebarTitlePosition);
  1266. font-size:var(--bodyFontSize);
  1267. color:var(--boldColor);
  1268. font-family: var(--bodyFont), Arial, sans-serif;
  1269. border: 0;
  1270. outline: 0;
  1271. background-color:var(--postsBackgroundColor);
  1272. }
  1273. .query::placeholder {
  1274. color:var(--boldColor);
  1275. }
  1276.  
  1277.  
  1278. input:focus::-webkit-input-placeholder {color: transparent; }
  1279. input:focus:-moz-placeholder {color: transparent;}
  1280. input:focus::-moz-placeholder {color: transparent;}
  1281. input:focus:-ms-input-placeholder { color: transparent;}
  1282.  
  1283.  
  1284.  
  1285. /* pagination */
  1286.  
  1287. .pagination {
  1288. text-align:var(--descriptionTextPosition);
  1289. }
  1290.  
  1291. .pagination a {
  1292. color:var(--boldColor);
  1293. font-weight:var(--boldFontWeight);
  1294. }
  1295.  
  1296. .pagination a:hover {
  1297. color: var(--bodyLinkHoverColor);
  1298. }
  1299.  
  1300. .pagination a::after {
  1301. content:none;
  1302. }
  1303.  
  1304.  
  1305.  
  1306. /* ------------ posts */
  1307.  
  1308.  
  1309. /* wrapping sidebar and posts */
  1310.  
  1311. .container {
  1312. width:90vw;
  1313. max-width: 1000px;
  1314. {block:ifPostsSize400px}
  1315. max-width:900px;
  1316. {/block:ifPostsSize400px}
  1317. display: flex;
  1318. align-content: center;
  1319. align-items: flex-start;
  1320. margin:50px auto;
  1321. }
  1322.  
  1323.  
  1324. /* wrapping only the posts */
  1325.  
  1326. .posts-container {
  1327. flex: 1;
  1328. background:var(--backgroundThemeColor);
  1329. }
  1330.  
  1331.  
  1332. /* posts */
  1333.  
  1334. .posts {
  1335. {block:ifPostsSize540px}
  1336. width:540px;
  1337. {/block:ifPostsSize540px}
  1338. {block:ifPostsSize500px}
  1339. width:500px;
  1340. {/block:ifPostsSize500px}
  1341. {block:ifPostsSize400px}
  1342. max-width:400px;
  1343. {/block:ifPostsSize400px}
  1344. margin:100px auto;
  1345. padding:15px;
  1346. word-wrap:wrap;
  1347. text-align:var(--postsTextPosition);
  1348. background:var(--postsBackgroundColor);
  1349. {block:ifPostsAndSidebarBorders}
  1350. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1351. {/block:ifPostsAndSidebarBorders}
  1352. {block:ifBoxShadow}
  1353. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1354. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1355. {/block:ifBoxShadow}
  1356. }
  1357.  
  1358. .posts b, strong {
  1359. font-weight:var(--boldFontWeight);
  1360. }
  1361.  
  1362. .posts img {
  1363. {block:ifPostsSize540px}
  1364. max-width:100%;
  1365. {/block:ifPostsSize540px}
  1366. {block:ifPostsSize500px}
  1367. max-width:100%;
  1368. height:auto;
  1369. {/block:ifPostsSize500px}
  1370. {block:ifPostsSize400px}
  1371. max-width:100%;
  1372. height:auto;
  1373. {/block:ifPostsSize400px}
  1374. }
  1375.  
  1376.  
  1377. .posts:last-child {
  1378. margin-bottom:0px;
  1379. }
  1380.  
  1381. .posts:first-child {
  1382. margin-top:0px;
  1383. }
  1384.  
  1385.  
  1386. .photo, .photoset {
  1387. }
  1388.  
  1389.  
  1390. /* photosets */
  1391.  
  1392. [photoset-layout] {
  1393. display: grid;
  1394. grid-template-columns: repeat(6, 1fr);
  1395. {block:ifPostsSize540px}
  1396. grid-gap: 4.4px;
  1397. {/block:ifPostsSize540px}
  1398. {block:ifPostsSize500px}
  1399. grid-gap: 10px;
  1400. {/block:ifPostsSize500px}
  1401. {block:ifPostsSize400px}
  1402. grid-gap: 4px;
  1403. {/block:ifPostsSize400px}
  1404. }
  1405.  
  1406. [photoset-layout] img {
  1407. display: block;
  1408. height: 100%;
  1409. width: 100%;
  1410. -o-object-fit: cover;
  1411. object-fit: cover;
  1412. }
  1413.  
  1414. .photoset-grid {
  1415. {block:ifPostsSize540px}
  1416. width:541px;
  1417. {/block:ifPostsSize540px}
  1418. {block:ifPostsSize500px}
  1419. width: 500px;
  1420. {/block:ifPostsSize500px}
  1421. {block:ifPostsSize400px}
  1422. width:400px;
  1423. {/block:ifPostsSize400px}
  1424. }
  1425.  
  1426. .photoset-grid div {
  1427. cursor: pointer;
  1428. }
  1429.  
  1430.  
  1431. /* neue post format (npf)
  1432. images on posts as photosets
  1433. */
  1434.  
  1435. .post-content
  1436. div.npf_row,
  1437. .post
  1438. div.npf_row,
  1439. body
  1440. div.npf_row {
  1441. max-width:100%;
  1442. margin:5px auto;
  1443. }
  1444.  
  1445. body p+div.npf_row {
  1446. max-width:100%;
  1447. margin-top: 5px;
  1448. margin-bottom:5px;
  1449. }
  1450.  
  1451.  
  1452.  
  1453. /* ------------ captions & blockquote */
  1454.  
  1455.  
  1456. /* tumblr's dashboad captions style */
  1457.  
  1458. {block:ifTumblrCaptions}
  1459.  
  1460. .user-avatar {
  1461. {block:ifCaptionAvatar}
  1462. display:inline-block;
  1463. {/block:ifCaptionAvatar}
  1464. {block:ifNotCaptionAvatar}
  1465. display:none;
  1466. {/block:ifNotCaptionAvatar}
  1467. width:17px;
  1468. margin-right:4px;
  1469. border-radius:2px;
  1470. vertical-align:middle;
  1471. }
  1472.  
  1473. .user, .tumblr_blog, .inactive {
  1474. font-weight:var(--boldFontWeight);
  1475. color: (--bodyTextColor);
  1476. }
  1477.  
  1478. .inactive {
  1479. font-weight:300;
  1480. color: (--bodyTextColor);
  1481. text-decoration: line-through;
  1482. }
  1483.  
  1484. {/block:ifTumblrCaptions}
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490. /* old captions style */
  1491.  
  1492. {block:ifNotTumblrCaptions}
  1493. .tumblr_blog {
  1494. display:inline-block;
  1495. line-height:15px;
  1496. margin-right:2px;
  1497. text-transform:lowercase;
  1498. font-family: var(--bodyFont), Arial, sans-serif;
  1499. font-size:var(--bodyFontSize);
  1500. color:var(--bodyLinkColor);
  1501. }
  1502.  
  1503.  
  1504. .tumblr_blog a {
  1505. color:var(--bodyLinkColor);
  1506. vertical-align:bottom;
  1507. }
  1508.  
  1509. .tumblr_blog a:hover {
  1510. text-decoration:none;
  1511. color:var(--bodyLinkHoverColor);
  1512. }
  1513. {/block:ifNotTumblrCaptions}
  1514.  
  1515.  
  1516. /* custom captions */
  1517.  
  1518. {block:ifCustomCaptionIcon}
  1519. .user::before {
  1520. content:'\e276';
  1521. font-family:'saturnicons';
  1522. font-size:var(--bodyFontSize);
  1523. margin-right:5px;
  1524. font-style:none!important;
  1525. font-weight: 400;
  1526. display:inline-block;
  1527. vertical-align:middle;
  1528. color:var(--bodyLinkColor);
  1529. }
  1530.  
  1531. {/block:ifCustomCaptionIcon}
  1532.  
  1533.  
  1534. .reblog-header {
  1535. padding:0 15px;
  1536. margin:15px auto -10px;
  1537. font-weight:var(--boldFontWeight);
  1538. {block:ifCaptionAvatar}
  1539. margin-bottom: 2px;
  1540. {/block:ifCaptionAvatar}
  1541. }
  1542.  
  1543.  
  1544. .reblog-header a::after {
  1545. content:none;
  1546. }
  1547.  
  1548. .reblog-list {
  1549. outline:0px solid #000;
  1550. }
  1551.  
  1552. .reblog-content, .caption, figcaption {
  1553. padding: 3px 15px;
  1554. margin:10px auto 6px;
  1555. color:var(--bodyTextColor);
  1556. }
  1557.  
  1558.  
  1559. .reblog-content a {
  1560. color:var(--bodyLinkColor);
  1561. }
  1562.  
  1563. figcaption a {
  1564. color:var(--bodyLinkColor);
  1565. }
  1566.  
  1567. .reblog-content a:hover {
  1568. color:var(--bodyLinkHoverColor);
  1569. }
  1570.  
  1571. figcaption a:hover {
  1572. color:var(--bodyLinkHoverColor);
  1573. }
  1574.  
  1575. blockquote {
  1576. border-left:1px solid var(--bordersColor);
  1577. padding-left: 10px;
  1578. margin: 10px 10px;
  1579. }
  1580.  
  1581. figure {
  1582. display:inline-block;
  1583. }
  1584.  
  1585.  
  1586. /* ------------ date */
  1587.  
  1588. .date {
  1589. display:flex;
  1590. justify-content:space-between;
  1591. font-size:var(--dateFontSize);
  1592. border-top: 1px solid var(--bordersColor);
  1593. padding: 10px 15px 0;
  1594. margin-top: 10px;
  1595. }
  1596.  
  1597. .date a:last-child {
  1598. margin-right:0px;
  1599. }
  1600.  
  1601. .date .feather {
  1602. width: var(--dateFontSize);
  1603. height: var(--dateFontSize);
  1604. stroke: var(--bodyLinkColor);
  1605. }
  1606.  
  1607. .date .feather:hover {
  1608. color: var(--bodyLinkHoverColor);
  1609. stroke: var(--bodyLinkHoverColor);
  1610. -webkit-transition: all 0.3s ease-in-out;
  1611. -o-transition: all 0.3s ease-in-out;
  1612. transition: all 0.3s ease-in-out;
  1613. }
  1614.  
  1615. .date-link {
  1616. text-transform: var(--dateTextTransform);
  1617. font-style:var(--dateFontStyle);
  1618. -webkit-transition: all 0.3s ease-in-out;
  1619. -o-transition: all 0.3s ease-in-out;
  1620. transition: all 0.3s ease-in-out;
  1621. }
  1622.  
  1623. .date-link-bold {
  1624. font-weight:var(--dateFontWeight);
  1625. text-transform: var(--dateTextTransform);
  1626. color:var(--boldColor);
  1627. -webkit-transition: all 0.3s ease-in-out;
  1628. -o-transition: all 0.3s ease-in-out;
  1629. transition: all 0.3s ease-in-out;
  1630. }
  1631.  
  1632. .date-link-bold:hover {
  1633. color:var(--bodyLinkHoverColor);
  1634. -webkit-transition: all 0.3s ease-in-out;
  1635. -o-transition: all 0.3s ease-in-out;
  1636. transition: all 0.3s ease-in-out;
  1637. }
  1638.  
  1639. .date-link span:hover {
  1640. color:var(--bodyLinkHoverColor);
  1641. -webkit-transition: all 0.3s ease-in-out;
  1642. -o-transition: all 0.3s ease-in-out;
  1643. transition: all 0.3s ease-in-out;
  1644. }
  1645.  
  1646.  
  1647. .date a {
  1648. color:var(--bodyLinkColor);
  1649. -webkit-transition: all 0.3s ease-in-out;
  1650. -o-transition: all 0.3s ease-in-out;
  1651. transition: all 0.3s ease-in-out;
  1652. }
  1653.  
  1654. .date a:hover {
  1655. color:var(--bodyLinkHoverColor);
  1656. -webkit-transition: all 0.3s ease-in-out;
  1657. -o-transition: all 0.3s ease-in-out;
  1658. transition: all 0.3s ease-in-out;
  1659. }
  1660.  
  1661. .time-ago {
  1662. font-weight:var(--dateFontWeight);
  1663. color:var(--boldColor);
  1664. -webkit-transition: all 0.3s ease-in-out;
  1665. -o-transition: all 0.3s ease-in-out;
  1666. transition: all 0.3s ease-in-out;
  1667. }
  1668.  
  1669.  
  1670. /* like text */
  1671.  
  1672. .like-b {
  1673. position:relative;
  1674. display:inline-block;
  1675. height:1em;
  1676. line-height:1em;
  1677. padding: 0 1px;
  1678. overflow:hidden;
  1679. /*margin-bottom:-3px;*/
  1680. }
  1681.  
  1682. .like-b .like_button iframe {
  1683. position:absolute;
  1684. top:0;
  1685. left:0;
  1686. bottom:0;
  1687. right:0;
  1688. z-index:2;
  1689. opacity:0;
  1690. }
  1691.  
  1692. .like-b .liked + .b {
  1693. color: var(--likedTextColor);
  1694. stroke: var(--likedTextColor);
  1695. font-weight:var(--boldFontWeight);
  1696. }
  1697.  
  1698. {block:IfNotDateIcons}
  1699. .like-b .liked + .b:after {
  1700. content:'d';
  1701. }
  1702. {/block:IfNotDateIcons}
  1703.  
  1704.  
  1705. /* ------------ tags */
  1706.  
  1707. .tags {
  1708. text-align:var(--tagsTextPosition);
  1709. text-transform: var(--tagsTextTransform);
  1710. font-style:var(--tagsFontStyle);
  1711. color:var(--bodyTextColor);
  1712. font-size:var(--tagsFontSize);
  1713. word-wrap:break-word;
  1714. padding:0 15px 0;
  1715. margin: 10px 0 5px;
  1716.  
  1717. }
  1718.  
  1719. .tags .feather {
  1720. transform: rotateY(180deg);
  1721. stroke:var(--bodyLinkColor);
  1722. width:var(--tagsFontSize);
  1723. height:var(--tagsFontSize);
  1724. padding: 0px 0 0 5px;
  1725. position:relative;
  1726. top: 2px;
  1727. }
  1728.  
  1729.  
  1730. /*.tags a::before {*/
  1731. /* content:'\e24c';*/
  1732. /* font-family:'saturnicons';*/
  1733. /* font-style:none!important;*/
  1734. /* display:inline-block;*/
  1735. /* vertical-align:middle;*/
  1736. /* margin-right:5px;*/
  1737. /* font-weight:400;*/
  1738. /* color:var(--bodyLinkColor);*/
  1739. /*}*/
  1740.  
  1741. /*.tags a:hover::before {*/
  1742. /* color:var(--bodyLinkHoverColor);*/
  1743. /*}*/
  1744.  
  1745. .tags a {
  1746. font-weight:var(--tagsFontWeight);
  1747. color:var(--bodyTextColor);
  1748. margin-right:10px;
  1749. }
  1750.  
  1751. .tags a:last-child{
  1752. margin-right:0px;
  1753. }
  1754.  
  1755. .tags a:first-child {
  1756. margin-left:0px;
  1757. }
  1758.  
  1759.  
  1760. .tags a:hover {
  1761. color:var(--bodyLinkHoverColor);
  1762. }
  1763.  
  1764.  
  1765.  
  1766. /* ------------ quote / source */
  1767.  
  1768. .quote {
  1769. font-size:var(--headingFontSize);
  1770. text-transform:var(--headingTextTransform);
  1771. color:var(--headingTitleColor);
  1772. font-weight:var(--headingFontWeight);
  1773. text-align:var(--headingTextPosition);
  1774. font-style:var(--headingFontStyle);
  1775. }
  1776.  
  1777. .quote-source {
  1778. }
  1779.  
  1780. .quote-source::before {
  1781. content: '';
  1782. width: 15px;
  1783. height: 1px;
  1784. margin-right:10px;
  1785. display:inline-block;
  1786. vertical-align:middle;
  1787. position:relative;
  1788. background-color: var(--bordersColor);
  1789. }
  1790.  
  1791.  
  1792. /* ------------ links */
  1793.  
  1794. .link-image img {
  1795. object-fit: cover;
  1796. }
  1797.  
  1798.  
  1799. .link {
  1800. font-weight:var(--headingFontWeight);
  1801. text-transform:var(--headingTextTransform);
  1802. font-size:var(--headingFontSize);
  1803. text-align:var(--headingTextPosition);
  1804. font-style:var(--headingFontStyle);
  1805. outline:0px solid var(--bordersColor);
  1806. }
  1807.  
  1808.  
  1809. /* ------------ chat posts */
  1810.  
  1811. p.npf_chat {
  1812. font-size:var(--bodyFontSize);
  1813. font-family: var(--bodyFont), Arial, sans-serif;
  1814. list-style:none;
  1815. }
  1816.  
  1817. .chat {
  1818. }
  1819.  
  1820. .label {
  1821. font-weight:var(--boldFontWeight);
  1822. color:var(--boldColor);
  1823. }
  1824.  
  1825. .line {
  1826. padding: 5px 0px 0px;
  1827. margin:5px 0px;
  1828. }
  1829.  
  1830.  
  1831. /* ------------ video */
  1832.  
  1833. .video {
  1834. {block:ifPostsSize540px}
  1835. max-width:540px;
  1836. {/block:ifPostsSize540px}
  1837. {block:ifPostsSize500px}
  1838. max-width:500px;
  1839. {/block:ifPostsSize500px}
  1840. {block:ifPostsSize400px}
  1841. max-width:400px;
  1842. {/block:ifPostsSize400px}
  1843. }
  1844.  
  1845.  
  1846. /* ------------ audio */
  1847.  
  1848. div.audio-player {
  1849. background: var(--PostsBackgroundColor);
  1850. color:var(--headingTitleColor);
  1851.  
  1852. }
  1853.  
  1854. .audio_playbutton {
  1855. margin: 0 auto;
  1856. width: 33px;
  1857. height:50px;
  1858. overflow: hidden;
  1859. background: var(--PostsBackgroundColor);
  1860. opacity: .5;
  1861. }
  1862.  
  1863. .audio_playbox {
  1864. height:50px;
  1865. padding:15px;
  1866. margin-bottom:5px;
  1867. background: var(--postsBackgroundColor);
  1868. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1869. }
  1870.  
  1871. .audio_trackinfo {
  1872. display: flex;
  1873. align-items: center;
  1874. justify-content:center;
  1875. flex-direction: column;
  1876. line-height:17px;
  1877. padding:15px;
  1878. margin-bottom: 10px;
  1879. background: var(--postsBackgroundColor);
  1880. color: var(--bodyTextColor);
  1881. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1882. }
  1883.  
  1884. .audio_trackname {
  1885. font-weight:var(--headingFontWeight);
  1886. text-transform:var(--headingTextTransform);
  1887. font-size:var(--headingFontSize);
  1888. color:var(--headingTitleColor);
  1889. font-style:var(--headingFontStyle);
  1890. }
  1891.  
  1892.  
  1893. .audio_artist, .audio_album {
  1894. font-family: var(--bodyFont), Arial, sans-serif;
  1895. font-size:var(--bodyFontSize);
  1896. color:var(--bodyTextColor);
  1897. }
  1898.  
  1899.  
  1900. /* ------------ asks */
  1901.  
  1902. .ask {
  1903. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1904. padding:0 0 10px;
  1905. margin:0px 22px 20px;
  1906. }
  1907.  
  1908. .clearfix::before, .clearfix::after{
  1909. content:'';
  1910. clear:both;
  1911. display:table;
  1912. }
  1913.  
  1914. .ask-user {
  1915. color:var(--bodyLinkColor);
  1916. font-weight:var(--boldFontWeight);
  1917. text-transform:lowercase;
  1918. }
  1919.  
  1920.  
  1921. .ask-user a {
  1922. color:var(--bodyLinkColor);
  1923. font-weight:var(--boldFontWeight);
  1924. }
  1925.  
  1926. .ask-user a:hover {
  1927. color:var(--bodyLinkHoverColor);
  1928. }
  1929.  
  1930.  
  1931. .ask-question {
  1932. position: relative;
  1933. top: -2px;
  1934. }
  1935.  
  1936. .ask-question p {
  1937. margin: 0;
  1938. }
  1939.  
  1940. .ask .feather {
  1941. float: left;
  1942. margin: 2px 10px;
  1943. stroke:var(--bodyLinkColor);
  1944. }
  1945.  
  1946. .ask-answer.reblog-content::after {
  1947. content: '';
  1948. height: 0px;
  1949. }
  1950.  
  1951.  
  1952. /* ------------ postnotes */
  1953.  
  1954. .post-notes {
  1955. {block:ifPostsSize540px}
  1956. width:540px;
  1957. {/block:ifPostsSize540px}
  1958. {block:ifPostsSize500px}
  1959. width:500px;
  1960. {/block:ifPostsSize500px}
  1961. {block:ifPostsSize400px}
  1962. max-width:400px;
  1963. {/block:ifPostsSize400px}
  1964. list-style-type: none;
  1965. font-family: var(--bodyFont), Arial, sans-serif;
  1966. font-size:var(--bodyFontSize);
  1967. color:var(--bodyTextColor);
  1968. background-color:var(--postsBackgroundColor);
  1969. }
  1970.  
  1971. .post-notes ol li {
  1972. list-style-type: none;
  1973. }
  1974.  
  1975. .post-notes ol li::before {
  1976. content: '\e09a';
  1977. font-family:'saturnicons';
  1978. font-size:calc(var(--bodyFontSize) - 50%);
  1979. bottom:0.5px;
  1980. margin-right:7px;
  1981. display:inline-block;
  1982. vertical-align:middle;
  1983. position:relative;
  1984. color: var(--bodyLinkColor);
  1985. }
  1986.  
  1987. .post-notes ol li:hover:before {
  1988. color:var(--bodyLinkHoverColor);
  1989. }
  1990.  
  1991. .post-notes ol li .more_notes_link a::before {
  1992. content: '';
  1993.  
  1994. }
  1995.  
  1996.  
  1997. ol.notes {
  1998. list-style:none;
  1999. color:var(--bodyTextColor);
  2000. }
  2001.  
  2002. ol.notes img {
  2003. display: none;
  2004. }
  2005.  
  2006.  
  2007.  
  2008. /* DO NOT REMOVE */
  2009.  
  2010. .mcredito {
  2011. position:fixed;
  2012. right:5px;
  2013. bottom:18px;
  2014. padding:5px;
  2015. background: var(--postsBackgroundColor);
  2016. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  2017. {block:ifBoxShadow}
  2018. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  2019. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  2020. {/block:ifBoxShadow}
  2021. }
  2022.  
  2023. .mcredito a {
  2024. font-weight:var(--boldFontWeight);
  2025. text-transform:lowercase;
  2026. text-align:center;
  2027. color:var(--boldColor);
  2028. padding:3px;
  2029. padding:3px;
  2030. }
  2031.  
  2032. {CustomCSS}
  2033.  
  2034. </style>
  2035. </head>
  2036. <body>
  2037. <div class="container">
  2038. <aside class="sidebar">
  2039. <div class="sidebar-content" data-aos="fade-right" data-aos-anchor="#trigger-sidebar">
  2040. <nav class="navigation">
  2041. <ul>
  2042.  
  2043. <li><a href="{text:Index URL}">
  2044. {block:ifNotSidebarLinksIcons}
  2045. {text:Index Text}
  2046. {/block:ifNotSidebarLinksIcons}
  2047.  
  2048. {block:ifSidebarLinksIcons}
  2049. <!--<span class="sf sf-{text:Index Icon}" title="{text:Index Text}"></span>-->
  2050. <span title="{text:Index Text}">
  2051. <i data-feather="{text:Index Icon}" class="feather"></i>
  2052. </span>
  2053. {/block:ifSidebarLinksIcons}
  2054. </a></li>
  2055.  
  2056.  
  2057. <li><a href="{text:Ask URL}">
  2058. {block:ifNotSidebarLinksIcons}
  2059. {text:Ask Text}
  2060. {/block:ifNotSidebarLinksIcons}
  2061.  
  2062. {block:ifSidebarLinksIcons}
  2063. <!--<span class="sf sf-{text:Ask Icon}" title="{text:Ask Text}"></span>-->
  2064. <span title="{text:Ask Text}">
  2065. <i data-feather="{text:Ask Icon}" class="feather"></i>
  2066. </span>
  2067. {/block:ifSidebarLinksIcons}
  2068. </a></li>
  2069.  
  2070. {block:ifSidebarLink1}
  2071. <li><a href="{text:Sidebar Link 1 URL}">
  2072. {block:ifNotSidebarLinksIcons}
  2073. {text:Sidebar Link 1 Text}
  2074. {/block:ifNotSidebarLinksIcons}
  2075.  
  2076. {block:ifSidebarLinksIcons}
  2077. <!--<span class="sf sf-{text:Sidebar Link 1 Icon}" title="{text:Sidebar Link 1 Text}"></span>-->
  2078. <span title="{text:Sidebar Link 1 Text}">
  2079. <i data-feather="{text:Sidebar Link 1 Icon}" class="feather"></i>
  2080. </span>
  2081. {block:ifSidebarLinksIcons}
  2082. </a></li>
  2083. {/block:ifSidebarLink1}
  2084.  
  2085. {block:ifSidebarLink2}
  2086. <li><a href="{text:Sidebar Link 2 URL}">
  2087. {block:ifNotSidebarLinksIcons}
  2088. {text:Sidebar Link 2 Text}
  2089. {/block:ifNotSidebarLinksIcons}
  2090.  
  2091. {block:ifSidebarLinksIcons}
  2092. <!--<span class="sf sf-{text:Sidebar Link 2 Icon}" title="{text:Sidebar Link 2 Text}"></span>-->
  2093. <span title="{text:Sidebar Link 2 Text}">
  2094. <i data-feather="{text:Sidebar Link 2 Icon}" class="feather"></i>
  2095. </span>
  2096. {block:ifSidebarLinksIcons}
  2097. </a></li>
  2098. {/block:ifSidebarLink2}
  2099.  
  2100. {block:ifSidebarLink3}
  2101. <li><a href="{text:Sidebar Link 3 URL}">
  2102. {block:ifNotSidebarLinksIcons}
  2103. {text:Sidebar Link 3 Text}
  2104. {/block:ifNotSidebarLinksIcons}
  2105.  
  2106. {block:ifSidebarLinksIcons}
  2107. <!--<span class="sf sf-{text:Sidebar Link 3 Icon}" title="{text:Sidebar Link 3 Text}"></span>-->
  2108. <span title="{text:Sidebar Link 3 Text}">
  2109. <i data-feather="{text:Sidebar Link 3 Icon}" class="feather"></i>
  2110. </span>
  2111. {block:ifSidebarLinksIcons}
  2112. </a></li>
  2113. {/block:ifSidebarLink3}
  2114.  
  2115. {block:ifSidebarLink4}
  2116. <li><a href="{text:Sidebar Link 4 URL}">
  2117. {block:ifNotSidebarLinksIcons}
  2118. {text:Sidebar Link 4 Text}
  2119. {/block:ifNotSidebarLinksIcons}
  2120.  
  2121. {block:ifSidebarLinksIcons}
  2122. <!--<span class="sf sf-{text:Sidebar Link 4 Icon}" title="{text:Sidebar Link 4 Text}"></span>-->
  2123. <span title="{text:Sidebar Link 4 Text}">
  2124. <i data-feather="{text:Sidebar Link 4 Icon}" class="feather"></i>
  2125. </span>
  2126. {block:ifSidebarLinksIcons}
  2127. </a></li>
  2128. {/block:ifSidebarLink4}
  2129.  
  2130. {block:ifSidebarLink5}
  2131. <li><a href="{text:Sidebar Link 5 URL}">
  2132. {block:ifNotSidebarLinksIcons}
  2133. {text:Sidebar Link 5 Text}
  2134. {/block:ifNotSidebarLinksIcons}
  2135.  
  2136. {block:ifSidebarLinksIcons}
  2137. <!--<span class="sf sf-{text:Sidebar Link 5 Icon}" title="{text:Sidebar Link 5 Text}"></span>-->
  2138. <span title="{text:Sidebar Link 5 Text}">
  2139. <i data-feather="{text:Sidebar Link 5 Icon}" class="feather"></i>
  2140. </span>
  2141. {block:ifSidebarLinksIcons}
  2142. </a></li>
  2143. {/block:ifSidebarLink5}
  2144.  
  2145. {block:ifSidebarLink6}
  2146. <li><a href="{text:Sidebar Link 6 URL}">
  2147. {block:ifNotSidebarLinksIcons}
  2148. {text:Sidebar Link 6 Text}
  2149. {/block:ifNotSidebarLinksIcons}
  2150.  
  2151. {block:ifSidebarLinksIcons}
  2152. <!--<span class="sf sf-{text:Sidebar Link 6 Icon}" title="{text:Sidebar Link 6 Text}"></span>-->
  2153. <span title="{text:Sidebar Link 6 Text}">
  2154. <i data-feather="{text:Sidebar Link 6 Icon}" class="feather"></i>
  2155. </span>
  2156. {block:ifSidebarLinksIcons}
  2157. </a></li>
  2158. {/block:ifSidebarLink6}
  2159. </ul>
  2160. </nav>
  2161. {block:ifSidebarImage}
  2162. <div class="sidebar-image">
  2163. <center>
  2164. <img src="{image:Sidebar}">
  2165. </center>
  2166. </div>
  2167. {/block:ifSidebarImage}
  2168. {block:ifSidebarTitle}
  2169. <div class="title">
  2170. {Title}
  2171. </div>
  2172. <div class="sidebar-title-border"></div>
  2173. <span style="clear:both;"></span>
  2174. {/block:ifSidebarTitle}
  2175.  
  2176. <form class="search" action="javascript:return false">
  2177. <input type="text" class="query" placeholder="search tags">
  2178. </form>
  2179. <div class="description">
  2180. {Description}
  2181. </div>
  2182. <div class="pagination">
  2183. {block:PreviousPage}
  2184. <a href="{PreviousPage}">previous</a>
  2185.  {/block:PreviousPage}{block:NextPage}
  2186. <a href="{NextPage}">next page</a>
  2187. {/block:NextPage}
  2188. </div>
  2189. </div>
  2190. </aside>
  2191.  
  2192. <!-- maziekeen's theme 214 - UPDATE TAB HTML PART -->
  2193.  
  2194. <div class="update-container"> <!-- start of the update toggle / do not remove -->
  2195.  
  2196. <div class="update-option"> <!-- copy from here to add a new option -->
  2197. <input type="checkbox" id="update-toggle1" class="update-toggle" />
  2198. <label class="update-title" for="update-toggle1"><a>things to do  </a></label>
  2199. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup / do not remove -->
  2200. <ul>
  2201. <div class="update-inside-title">psds</div>
  2202. <li>
  2203. <a href="https://maziekeen.tumblr.com/post/619230040934236160"><s>psd tutorial (two parts)</s></a>
  2204. </li>
  2205. <li>for photoshoots</li>
  2206. </ul>
  2207. <ul>
  2208. <div class="update-inside-title">theme</div>
  2209. <li>finish and post current theme(again lol)</li>
  2210. <li>new navigation/faq/tags page</li>
  2211. <li>all in one page</li>
  2212. </ul>
  2213. </div> <!-- end of content inside the update / do not remove -->
  2214. </div> <!-- end of the option -->
  2215.  
  2216.  
  2217. <div class="update-option"> <!-- copy from here to add a new option -->
  2218. <input type="checkbox" id="update-toggle3" class="update-toggle" />
  2219. <label class="update-title" for="update-toggle3"><a>requests  </a></label>
  2220. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup / do not remove -->
  2221. <div class="update-inside-title">psds, themes, icons</div>
  2222. <p>i'm not taking requests for new stuff</p>
  2223.  
  2224. <ul>
  2225. <div class="update-inside-title">psd from recent gifsets / icons</div>
  2226. <li>i usually save psds from my last gifs, if you want me to post some let me know</li>
  2227.  
  2228. <li>now i'm posting my current icons / headers as psd, so check the tags here: <a href="/tagged/icons%20psd">icons</a> & <a href="/tagged/headers%20psd">headers</a></li>
  2229. </ul>
  2230. </div> <!-- end of content inside the update / do not remove -->
  2231. </div> <!-- end of the option -->
  2232.  
  2233. <div class="update-option"> <!-- copy from here to add a new option -->
  2234. <input type="checkbox" id="update-toggle2" class="update-toggle" />
  2235. <label class="update-title" for="update-toggle2"><a>watch list  </a></label>
  2236. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup / do not remove -->
  2237. <ul>
  2238. <div class="update-inside-title">watching</div>
  2239. <li>wynonna earp s04 </li>
  2240. <li>she ra s03</li>
  2241. <li>atla s02 </li>
  2242. <li>roswell new mexico s01 </li>
  2243. <li>supernatural s14 </li>
  2244. <li>doctor who s03</li>
  2245. </ul>
  2246. <ul>
  2247. <div class="update-inside-title">start</div>
  2248. <li>lucifer s05</li>
  2249. <li>gatunas s02</li>
  2250. <li>legends of tomorrow s05</li>
  2251. </ul>
  2252. <ul>
  2253. <div class="update-inside-title">continue/finish</div>
  2254. <li>arrow s07</li>
  2255. <li>supergirl s04</li>
  2256. <li>the flash s05</li>
  2257. </ul>
  2258. <ul>
  2259. <div class="update-inside-title">recommend</div>
  2260. <li>warrior nun</li>
  2261. <li>teenage bounty hunters</li>
  2262. <li>the order</li>
  2263. </ul>
  2264. </div> <!-- end of content inside the update / do not remove -->
  2265. </div> <!-- end of the option -->
  2266.  
  2267.  
  2268. <div class="update-option"> <!-- copy from here to add a new option -->
  2269. <button class="update-button"><a href="http://dailyresources.tumblr.com/" title="check out my resources blog!">@dailyresources</a></button>
  2270. <button class="update-button"><a href="https://ko-fi.com/luciane" title="if you like my content and would like to support me, i'd be very grateful! (◡‿◡✿)">buy me a coffee?</a></button>
  2271. </div> <!-- end of the option -->
  2272.  
  2273.  
  2274.  
  2275. </div> <!-- end of the update toggle / do not remove -->
  2276.  
  2277. <!-- maziekeen's theme 214 - UPDATE TAB HTML PART -->
  2278.  
  2279. <section class="posts-container" id="trigger-sidebar">
  2280. {block:Posts}
  2281. <div data-aos="fade-up">
  2282. <article class="posts" id="{PostID}">
  2283.  
  2284. <!-- text -->
  2285. {block:Text}
  2286. {block:Title}
  2287. <h1>{Title}</h1>
  2288. {/block:Title}
  2289.  
  2290. {block:ifTumblrCaptions}
  2291. {block:NotReblog}
  2292. <div class="reblog-list">
  2293. {Body}
  2294. </div>
  2295. {/block:NotReblog}
  2296.  
  2297. {block:RebloggedFrom}
  2298. <div class="reblog-list">
  2299.  
  2300. {block:Reblogs}
  2301. <div class="reblog-header">
  2302. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2303.  
  2304. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"> {Username} </a> {/block:IsActive}
  2305.  
  2306. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated}
  2307. </div>
  2308.  
  2309. <div class="reblog-content"> {Body} </div>
  2310. {/block:Reblogs}
  2311.  
  2312. </div>
  2313. {/block:RebloggedFrom}
  2314. {/block:ifTumblrCaptions}
  2315.  
  2316. {block:ifNotTumblrCaptions}
  2317. <div class="caption">
  2318. {Body}
  2319. </div>
  2320. {/block:ifNotTumblrCaptions}
  2321.  
  2322. {/block:Text}
  2323. <!-- text -->
  2324.  
  2325.  
  2326. <!-- photo -->
  2327. {block:Photo}
  2328. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  2329.  
  2330. {block:ifTumblrCaptions}
  2331. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2332.  
  2333. {block:Reblogs} <div class="reblog-header">
  2334.  
  2335. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2336.  
  2337. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2338.  
  2339. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  2340.  
  2341. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2342. {/block:ifTumblrCaptions}
  2343.  
  2344. {block:ifNotTumblrCaptions}
  2345. {block:Caption}
  2346. <div class="caption">
  2347. {Caption}
  2348. </div>
  2349. {/block:Caption}
  2350. {/block:ifNotTumblrCaptions}
  2351. {/block:Photo}
  2352. <!-- end photo -->
  2353.  
  2354.  
  2355. <!-- photoset -->
  2356. {block:Photoset}
  2357. <div class="photoset">
  2358.  
  2359. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  2360.  
  2361. {block:ifTumblrCaptions}
  2362. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2363.  
  2364. {block:Reblogs} <div class="reblog-header">
  2365.  
  2366. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2367.  
  2368. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2369.  
  2370. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  2371.  
  2372. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated}
  2373.  
  2374. </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2375. {/block:ifTumblrCaptions}
  2376.  
  2377. {block:ifNotTumblrCaptions}
  2378. {block:Caption}
  2379. <div class="caption">
  2380. {Caption}
  2381. </div>
  2382. {/block:Caption}
  2383. {/block:ifNotTumblrCaptions}
  2384. </div>
  2385. {/block:Photoset}
  2386. <!-- end photoset -->
  2387.  
  2388.  
  2389. <!-- quote -->
  2390. {block:Quote}
  2391. <div class="reblog-list">
  2392. <div class="quote">
  2393. "{Quote}"
  2394. </div>
  2395. {block:Source}
  2396. <div class="quote-source">
  2397. {Source}
  2398. </div>
  2399. {/block:Source}
  2400. </div>
  2401. {/block:Quote}
  2402. <!-- end quote -->
  2403.  
  2404.  
  2405. <!-- link -->
  2406. {block:Link}
  2407. {block:Thumbnail}
  2408. <div class="link-image">
  2409. <img src="{Thumbnail-HighRes}">
  2410. </div>
  2411. {/block:Thumbnail}
  2412.  
  2413. <a href="{URL}" style="border:none" class="link" {Target}>{Name} </a>
  2414. {block:ifTumblrCaptions}
  2415. {block:Description} <div class="reblog-list"> <div class="reblog-content"> {Description} </div></div> {/block:Description}
  2416. {/block:ifTumblrCaptions}
  2417.  
  2418. {block:ifNotTumblrCaptions}
  2419. {block:Description}
  2420. <div class="caption">
  2421. {Description}
  2422. </div>
  2423. {/block:Description}
  2424. {/block:ifNotTumblrCaptions}
  2425. {/block:Link}
  2426. <!-- end link -->
  2427.  
  2428.  
  2429. <!-- chat -->
  2430. {block:Chat}
  2431. {block:Title}
  2432. <h2>{Title} </h2>
  2433. {/block:Title}
  2434.  
  2435. {block:ifTumblrCaptions}
  2436. <div class="reblog-list">
  2437. <div class="reblog-content">
  2438. <div class="chat">
  2439. {block:Lines}
  2440. {block:Label}
  2441. <div class="label">{Label}</div>
  2442. {/block:Label}
  2443. <div class="line">{Line}</div>
  2444. {/block:Lines}
  2445. </div>
  2446. </div>
  2447. </div>
  2448. {/block:ifTumblrCaptions}
  2449.  
  2450. {block:ifNotTumblrCaptions}
  2451. <div class="caption">
  2452. <div class="chat">
  2453. {block:Lines}
  2454. {block:Label}
  2455. <div class="label">{Label}</div>
  2456. {/block:Label}
  2457. <div class="line">{Line}</div>
  2458. {/block:Lines}
  2459. </div>
  2460. </div>
  2461. {/block:ifNotTumblrCaptions}
  2462. {/block:Chat}
  2463. <!-- end chat -->
  2464.  
  2465.  
  2466. <!-- video -->
  2467. {block:Video}
  2468. <div class="video">{Video-500}</div>
  2469.  
  2470. {block:ifTumblrCaptions}
  2471. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2472.  
  2473. {block:Reblogs} <div class="reblog-header">
  2474.  
  2475. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2476.  
  2477. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2478.  
  2479. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  2480.  
  2481. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated}
  2482.  
  2483. </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2484. {/block:ifTumblrCaptions}
  2485.  
  2486. {block:ifNotTumblrCaptions}
  2487. {block:Caption}
  2488. <div class="caption">
  2489. {Caption}
  2490. </div>
  2491. {/block:Caption}
  2492. {/block:ifNotTumblrCaptions}
  2493. {/block:Video}
  2494. <!-- end video -->
  2495.  
  2496.  
  2497. <!-- audio -->
  2498. {block:Audio}
  2499. {block:AudioPlayer}
  2500. <div class="audio_playbox"><div class="audio_playbutton">{AudioPlayerGrey}</div></div>
  2501. <div class="audio_trackinfo">
  2502. <div class="audio_trackname">{block:TrackName}{TrackName}{/block:TrackName}</div>
  2503. <div class="audio_artist">{block:Artist}{Artist}{/block:Artist}</div>
  2504. <div class="audio_album">{block:Album}{Album}{/block:Album}</div>
  2505. {/block:AudioPlayer}
  2506. </div>
  2507.  
  2508. {block:ifTumblrCaptions}
  2509. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2510.  
  2511. {block:Reblogs} <div class="reblog-header">
  2512.  
  2513. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2514.  
  2515. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2516.  
  2517. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  2518.  
  2519. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2520. {/block:ifTumblrCaptions}
  2521.  
  2522. {block:ifNotTumblrCaptions}
  2523. {block:Caption}<div class="caption">
  2524. {Caption}
  2525. </div>
  2526. {/block:Caption}
  2527. {/block:ifNotTumblrCaptions}
  2528.  
  2529. {/block:Audio}
  2530.  
  2531.  
  2532. <!-- end audio -->
  2533.  
  2534.  
  2535. <!-- ask -->
  2536. {block:Answer}
  2537. <div class="ask">
  2538. <i data-feather="mail" class="feather"></i>
  2539. <span class="ask-question">
  2540. {Question}
  2541. </span>
  2542. <span class="clearfix"></span>
  2543. <i data-feather="user" class="feather"></i>
  2544. <span class="ask-user">
  2545. {Asker}
  2546. </span>
  2547. </div>
  2548. <div class="reblog-list">
  2549. <div class="ask-answer reblog-content">
  2550. {Answer}
  2551. </div>
  2552. </div>
  2553.  
  2554. {block:ifTumblrCaptions}
  2555. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2556.  
  2557. {block:Reblogs} <div class="reblog-header">
  2558.  
  2559. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2560.  
  2561. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2562.  
  2563. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  2564.  
  2565. {block:IsDeactivated} <span class="inactive">{Username}</span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2566. {/block:ifTumblrCaptions}
  2567.  
  2568. {block:ifNotTumblrCaptions}
  2569. {block:Caption}
  2570. <div class="caption">
  2571. {Caption}
  2572. </div>
  2573. {/block:Caption}
  2574. {/block:ifNotTumblrCaptions}
  2575. {/block:Answer}
  2576. <!-- end ask -->
  2577.  
  2578.  
  2579. <!-- date -->
  2580. {block:Date}
  2581. <div class="date">
  2582. <div>
  2583. <span class="date-link">
  2584. <a href="{Permalink}" title="{timeago}">
  2585. {block:ifDateIcons}
  2586. <!--<span class="sf sf-{text:TimeIcon}"></span>-->
  2587. <i data-feather="{text:TimeIcon}" class="feather"></i>
  2588. {/block:ifDateIcons}
  2589.  
  2590. {block:ifNotDateIcons}
  2591. <span class="time-ago">{TimeStamp}</span>
  2592. {/block:ifNotDateIcons}
  2593. </a>
  2594. </span>
  2595.  
  2596. {block:NoteCount}
  2597.  
  2598. {block:ifDateIcons}
  2599. <a href="{Permalink}" title="{NoteCountWithLabel}">
  2600. <!--<span class="sf sf-{text:NotesIcon}"></span>-->
  2601. <i data-feather="{text:NotesIcon}" class="feather"></i>
  2602. </a>
  2603. {/block:ifDateIcons}
  2604.  
  2605. {block:ifNotDateIcons}
  2606. <span class="notecount">{NoteCount}</span>
  2607. {/block:ifNotDateIcons}
  2608.  
  2609. {/block:NoteCount}
  2610. </div>
  2611. <div>
  2612. {block:Permalink}
  2613. {block:RebloggedFrom}
  2614. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><span class="date-link-bold">{ReblogParentName}</span></a>
  2615.  
  2616. {/block:RebloggedFrom}
  2617. {block:ContentSource}
  2618. <a href="{SourceURL}" title="posted by {SourceTitle}"><span class="date-link-bold">{SourceTitle}</span></a>
  2619.  
  2620. {/block:ContentSource}
  2621. {/block:Permalink}
  2622. <span class="date-link">
  2623. {block:ifDateIcons}
  2624. <a href="{ReblogURL}" target="_blank" class="details" title="Reblog">
  2625. <!--<span class="sf sf-{text:ReblogIcon}"></span>-->
  2626. <i data-feather="{text:ReblogIcon}" class="feather"></i>
  2627. </a>
  2628. {/block:ifDateIcons}
  2629.  
  2630. {block:ifNotDateIcons}
  2631. <a href="{ReblogURL}" target="_blank" class="details">
  2632. <span class="date-link-bold">reblog</span>
  2633. </a>
  2634. {/block:ifNotDateIcons}
  2635. </span>
  2636.  
  2637. <span class="date-link">
  2638. <a class="like-b" href="#" title="Like">
  2639. {block:ifDateIcons}
  2640. {LikeButton}
  2641. <!--<span class="b sf sf-{text:LikeIcon}"></span>-->
  2642. <i data-feather="{text:LikeIcon}" class="b feather"></i>
  2643. {/block:ifDateIcons}
  2644.  
  2645. {block:ifNotDateIcons}
  2646. {LikeButton}<span class="b">like</span>
  2647. {/block:ifNotDateIcons}
  2648. </a>
  2649. </span>
  2650. </div>
  2651. </div>
  2652. {/block:Date}
  2653. <!-- end date -->
  2654.  
  2655.  
  2656. <!-- tags -->
  2657. {block:HasTags}
  2658. <div class="tags">
  2659. {block:Tags}
  2660. <a href="{TagURL}"><i data-feather="tag" class="feather"></i> {Tag}</a>
  2661. {/block:Tags}
  2662. </div>
  2663. {/block:HasTags}
  2664. <!-- end tags -->
  2665. </article> <!-- end posts -->
  2666. {/block:Posts}
  2667. </div>
  2668.  
  2669. {block:PostNotes}
  2670. <div class="posts post-notes" data-aos="fade-right" data-aos-anchor="#trigger-sidebar">
  2671. {PostNotes}
  2672. <div>
  2673. {/block:PostNotes}
  2674. </section> <!-- end posts-container -->
  2675.  
  2676.  
  2677.  
  2678.  
  2679.  
  2680.  
  2681.  
  2682. <div class="mcredito"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5645908";
  2683. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  2684. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  2685. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  2686. </script></div>
  2687.  
  2688.  
  2689. <!-- svg icon for custom tumblr controls -->
  2690.  
  2691. {block:ifCustomControls}
  2692. <div class="hcontrols"><i data-feather="more-horizontal" class="feather"></i></div>
  2693. {/block:ifCustomControls}
  2694.  
  2695. <!------------ scripts ---->
  2696.  
  2697. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
  2698. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!-- for tooltips -->
  2699. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script> <!-- tooltips -->
  2700. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script> <!-- time stamp style -->
  2701. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> <!-- resize videos -->
  2702. <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> <!-- animate on scroll -->
  2703.  
  2704. {block:IfNotAnimatePosts}
  2705. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <!-- smooth scroll -->
  2706. {/block:IfNotAnimatePosts}
  2707.  
  2708.  
  2709. <script type="text/javascript">
  2710. // custom date
  2711.  
  2712. $(document).ready(function() {
  2713. $(".time-ago").timeAgo({
  2714. time: "letter", // can be "letter" "short" or "word"
  2715. spaces: true, // adds spaces between words and numbers
  2716. words: false, // turns numbers to words
  2717. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  2718. suffix: "", // adds a suffix to the outputted string. could be "ago"
  2719. });
  2720. });
  2721.  
  2722.  
  2723.  
  2724. // photosets lightbox
  2725.  
  2726. function gatherData(images, arr) {
  2727. for (let i = 0; i < images.length; i++) {
  2728. let currentData = {
  2729. "width": images[i].getAttribute('data-width'),
  2730. "height": images[i].getAttribute('data-height'),
  2731. "low_res": images[i].getAttribute('data-lowres'),
  2732. "high_res": images[i].getAttribute('data-highres')
  2733. };
  2734. arr.push(currentData);
  2735. }
  2736. }
  2737. function getIndex(elem) {
  2738. let i = 0;
  2739. while( (elem = elem.previousElementSibling) != null ) i++;
  2740. return i;
  2741. }
  2742. function lightbox(elem) {
  2743. let currentPhotoset = elem.parentNode;
  2744. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  2745. let data = [];
  2746. gatherData(photosetPhotos, data);
  2747. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  2748. }
  2749.  
  2750. // custom notecount
  2751.  
  2752. var $container = $('.posts-container');
  2753. $container.find('.notecount').each(function(){
  2754. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2755. if (n > 999) {
  2756. n = Math.floor(n / 100) / 10;
  2757. $(this).text(n + 'k');
  2758. }
  2759. });
  2760.  
  2761.  
  2762. // search
  2763.  
  2764. $(document).ready(function(){
  2765. $('.search').submit(function(event){
  2766. var value = $('input:first').val();
  2767. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  2768. });
  2769. });
  2770.  
  2771. // tooltips
  2772.  
  2773. (function($){
  2774. $(document).ready(function(){
  2775. $("[title]").style_my_tooltips({
  2776. tip_follows_cursor:false,
  2777. tip_delay_time:15,
  2778. tip_fade_speed:500,
  2779. attribute:"title"
  2780. });
  2781. });
  2782. })(jQuery);
  2783.  
  2784. // animate on scroll
  2785.  
  2786. AOS.init({
  2787. {block:IfNotAnimatePosts}
  2788. disable: true,
  2789. {/block:IfNotAnimatePosts}
  2790. startEvent: 'DOMContentLoaded',
  2791. // once: true,
  2792. duration: 1100,
  2793. });
  2794.  
  2795. // feather icons (custom icons)
  2796. feather.replace();
  2797.  
  2798. </script>
  2799.  
  2800. </div> <!-- end container -->
  2801. </body>
  2802. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!