API tools faq
paste
ninchuser

Theme 10 - Virtual - cactusthemes

ninchuser
May 29th, 2018
2,475
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 57.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--                        Theme 10 - Virtual
  6.                              BY CACTUSTHEMES
  7. -->
  8.  
  9. <!-- Credits:
  10.                - MAJOR CREDIT TO @ANNASTHMS FOR HELPING ME WITH THE SCRIPTS
  11.                - Scroll effect by github.com/michalsnik/aos
  12.                - Soundcloud Player by shythemes
  13.                - Icons by fontawesome and linearicons
  14.                - Typing effect by typeitjs.com
  15.                - Typing script written by annasthms
  16.                - PXU Photosets by https://github.com/pixelunion/Extended-Tumblr-Photoset
  17.                - Cactus icon by smashicons (https://thenounproject.com/smashicons/)
  18.                - Tooltip by manos malihu
  19.                - Captions by bychloethemes
  20.                - Lightbox by sorrism
  21.                - Video resizing by shythemes
  22. -->
  23.  
  24. <title>{Title}</title>
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <meta name="description" content="{MetaDescription}">
  28. <meta name="viewport" content="width=device-width, initial-scale=1">
  29.  
  30. <meta name="if:Custom Bullet Points" content="1">
  31. <meta name="if:American Date" content="0">
  32. <meta name="if:Dark Tumblr Controls" content="0">
  33. <meta name="if:Updates Tab" content="1">
  34. <meta name="if:Fade In Effect" content="1">
  35.  
  36. <meta name="select:Post Size" title="540px" content="540">
  37. <meta name="select:Post Size" title="500px" content="500">
  38. <meta name="select:Post Size" title="450px" content="450">
  39. <meta name="select:Post Size" title="600px" content="600">
  40.  
  41. <meta name="select:Battery Volume" title="25%" content="quarter">
  42. <meta name="select:Battery Volume" title="0%" content="empty">
  43. <meta name="select:Battery Volume" title="50%" content="half">
  44. <meta name="select:Battery Volume" title="75%" content="three-quarters">
  45. <meta name="select:Battery Volume" title="100%" content="full">
  46.  
  47. <meta name="select:Spaces Tags" title="underscore" content="_">
  48. <meta name="select:Spaces Tags" title="dash" content="-">
  49. <meta name="select:Spaces Tags" title="space" content=" ">
  50.  
  51. <meta name="select:Font Size" title="13px" content="13">
  52. <meta name="select:Font Size" title="12px" content="12">
  53. <meta name="select:Font Size" title="14px" content="14">
  54. <meta name="select:Font Size" title="15px" content="15">
  55.  
  56. <meta name="select:Link 1 Icon" content="fa-user" title="user">
  57. <meta name="select:Link 1 Icon" content="fa-archive" title="archive">
  58. <meta name="select:Link 1 Icon" content="fa-trash-alt" title="trashcan">
  59. <meta name="select:Link 1 Icon" content="fa-calendar-alt" title="calendar">
  60. <meta name="select:Link 1 Icon" content="fa-inbox" title="inbox">
  61. <meta name="select:Link 1 Icon" content="fa-bars" title="bars">
  62. <meta name="select:Link 1 Icon" content="fa-bell" title="bell">
  63. <meta name="select:Link 1 Icon" content="fa-book" title="book">
  64. <meta name="select:Link 1 Icon" content="fa-bookmark" title="bookmark">
  65. <meta name="select:Link 1 Icon" content="fa-camera" title="camera">
  66. <meta name="select:Link 1 Icon" content="fa-chart-pie" title="stats">
  67. <meta name="select:Link 1 Icon" content="fa-cog" title="cog">
  68. <meta name="select:Link 1 Icon" content="fa-clock" title="clock">
  69. <meta name="select:Link 1 Icon" content="fa-feather" title="feather">
  70. <meta name="select:Link 1 Icon" content="fa-file" title="file">
  71. <meta name="select:Link 1 Icon" content="fa-fire" title="fire">
  72. <meta name="select:Link 1 Icon" content="fa-folder-open" title="folder">
  73. <meta name="select:Link 1 Icon" content="fa-gem" title="diamond">
  74. <meta name="select:Link 1 Icon" content="fa-heart" title="heart">
  75. <meta name="select:Link 1 Icon" content="fa-map" title="map">
  76. <meta name="select:Link 1 Icon" content="fa-magic" title="magic">
  77. <meta name="select:Link 1 Icon" content="fa-moon" title="moon">
  78. <meta name="select:Link 1 Icon" content="fa-music" title="music">
  79. <meta name="select:Link 1 Icon" content="fa-palette" title="palette">
  80. <meta name="select:Link 1 Icon" content="fa-pencil-alt" title="pencil">
  81. <meta name="select:Link 1 Icon" content="fa-puzzle-piece" title="puzzle piece">
  82. <meta name="select:Link 1 Icon" content="fa-snowflake" title="snowflake">
  83. <meta name="select:Link 1 Icon" content="fa-star" title="star">
  84. <meta name="select:Link 1 Icon" content="fa-sun" title="sun">
  85. <meta name="select:Link 1 Icon" content="fa-tags" title="tag">
  86.  
  87. <meta name="select:Link 2 Icon" content="fa-calendar-alt" title="calendar">
  88. <meta name="select:Link 2 Icon" content="fa-user" title="user">
  89. <meta name="select:Link 2 Icon" content="fa-trash-alt" title="trashcan">
  90. <meta name="select:Link 2 Icon" content="fa-archive" title="archive">
  91. <meta name="select:Link 2 Icon" content="fa-inbox" title="inbox">
  92. <meta name="select:Link 2 Icon" content="fa-bars" title="bars">
  93. <meta name="select:Link 2 Icon" content="fa-bell" title="bell">
  94. <meta name="select:Link 2 Icon" content="fa-book" title="book">
  95. <meta name="select:Link 2 Icon" content="fa-bookmark" title="bookmark">
  96. <meta name="select:Link 2 Icon" content="fa-camera" title="camera">
  97. <meta name="select:Link 2 Icon" content="fa-chart-pie" title="stats">
  98. <meta name="select:Link 2 Icon" content="fa-cog" title="cog">
  99. <meta name="select:Link 2 Icon" content="fa-clock" title="clock">
  100. <meta name="select:Link 2 Icon" content="fa-feather" title="feather">
  101. <meta name="select:Link 2 Icon" content="fa-file" title="file">
  102. <meta name="select:Link 2 Icon" content="fa-fire" title="fire">
  103. <meta name="select:Link 2 Icon" content="fa-folder-open" title="folder">
  104. <meta name="select:Link 2 Icon" content="fa-gem" title="diamond">
  105. <meta name="select:Link 2 Icon" content="fa-heart" title="heart">
  106. <meta name="select:Link 2 Icon" content="fa-map" title="map">
  107. <meta name="select:Link 2 Icon" content="fa-magic" title="magic">
  108. <meta name="select:Link 2 Icon" content="fa-moon" title="moon">
  109. <meta name="select:Link 2 Icon" content="fa-music" title="music">
  110. <meta name="select:Link 2 Icon" content="fa-palette" title="palette">
  111. <meta name="select:Link 2 Icon" content="fa-pencil-alt" title="pencil">
  112. <meta name="select:Link 2 Icon" content="fa-puzzle-piece" title="puzzle piece">
  113. <meta name="select:Link 2 Icon" content="fa-snowflake" title="snowflake">
  114. <meta name="select:Link 2 Icon" content="fa-star" title="star">
  115. <meta name="select:Link 2 Icon" content="fa-sun" title="sun">
  116. <meta name="select:Link 2 Icon" content="fa-tags" title="tag">
  117.  
  118. <meta name="select:Link 3 Icon" content="fa-trash-alt" title="trashcan">
  119. <meta name="select:Link 3 Icon" content="fa-calendar-alt" title="calendar">
  120. <meta name="select:Link 3 Icon" content="fa-user" title="user">
  121. <meta name="select:Link 3 Icon" content="fa-inbox" title="inbox">
  122. <meta name="select:Link 3 Icon" content="fa-bars" title="bars">
  123. <meta name="select:Link 3 Icon" content="fa-archive" title="archive">
  124. <meta name="select:Link 3 Icon" content="fa-bell" title="bell">
  125. <meta name="select:Link 3 Icon" content="fa-book" title="book">
  126. <meta name="select:Link 3 Icon" content="fa-bookmark" title="bookmark">
  127. <meta name="select:Link 3 Icon" content="fa-camera" title="camera">
  128. <meta name="select:Link 3 Icon" content="fa-chart-pie" title="stats">
  129. <meta name="select:Link 3 Icon" content="fa-cog" title="cog">
  130. <meta name="select:Link 3 Icon" content="fa-clock" title="clock">
  131. <meta name="select:Link 3 Icon" content="fa-feather" title="feather">
  132. <meta name="select:Link 3 Icon" content="fa-file" title="file">
  133. <meta name="select:Link 3 Icon" content="fa-fire" title="fire">
  134. <meta name="select:Link 3 Icon" content="fa-folder-open" title="folder">
  135. <meta name="select:Link 3 Icon" content="fa-gem" title="diamond">
  136. <meta name="select:Link 3 Icon" content="fa-heart" title="heart">
  137. <meta name="select:Link 3 Icon" content="fa-map" title="map">
  138. <meta name="select:Link 3 Icon" content="fa-magic" title="magic">
  139. <meta name="select:Link 3 Icon" content="fa-moon" title="moon">
  140. <meta name="select:Link 3 Icon" content="fa-music" title="music">
  141. <meta name="select:Link 3 Icon" content="fa-palette" title="palette">
  142. <meta name="select:Link 3 Icon" content="fa-pencil-alt" title="pencil">
  143. <meta name="select:Link 3 Icon" content="fa-puzzle-piece" title="puzzle piece">
  144. <meta name="select:Link 3 Icon" content="fa-snowflake" title="snowflake">
  145. <meta name="select:Link 3 Icon" content="fa-star" title="star">
  146. <meta name="select:Link 3 Icon" content="fa-sun" title="sun">
  147. <meta name="select:Link 3 Icon" content="fa-tags" title="tag">
  148.  
  149. <meta name="select:Link 4 Icon" content="fa-archive" title="archive">
  150. <meta name="select:Link 4 Icon" content="fa-user" title="user">
  151. <meta name="select:Link 4 Icon" content="fa-trash-alt" title="trashcan">
  152. <meta name="select:Link 4 Icon" content="fa-calendar-alt" title="calendar">
  153. <meta name="select:Link 4 Icon" content="fa-inbox" title="inbox">
  154. <meta name="select:Link 4 Icon" content="fa-bars" title="bars">
  155. <meta name="select:Link 4 Icon" content="fa-bell" title="bell">
  156. <meta name="select:Link 4 Icon" content="fa-book" title="book">
  157. <meta name="select:Link 4 Icon" content="fa-bookmark" title="bookmark">
  158. <meta name="select:Link 4 Icon" content="fa-camera" title="camera">
  159. <meta name="select:Link 4 Icon" content="fa-chart-pie" title="stats">
  160. <meta name="select:Link 4 Icon" content="fa-cog" title="cog">
  161. <meta name="select:Link 4 Icon" content="fa-clock" title="clock">
  162. <meta name="select:Link 4 Icon" content="fa-feather" title="feather">
  163. <meta name="select:Link 4 Icon" content="fa-file" title="file">
  164. <meta name="select:Link 4 Icon" content="fa-fire" title="fire">
  165. <meta name="select:Link 4 Icon" content="fa-folder-open" title="folder">
  166. <meta name="select:Link 4 Icon" content="fa-gem" title="diamond">
  167. <meta name="select:Link 4 Icon" content="fa-heart" title="heart">
  168. <meta name="select:Link 4 Icon" content="fa-map" title="map">
  169. <meta name="select:Link 4 Icon" content="fa-magic" title="magic">
  170. <meta name="select:Link 4 Icon" content="fa-moon" title="moon">
  171. <meta name="select:Link 4 Icon" content="fa-music" title="music">
  172. <meta name="select:Link 4 Icon" content="fa-palette" title="palette">
  173. <meta name="select:Link 4 Icon" content="fa-pencil-alt" title="pencil">
  174. <meta name="select:Link 4 Icon" content="fa-puzzle-piece" title="puzzle piece">
  175. <meta name="select:Link 4 Icon" content="fa-snowflake" title="snowflake">
  176. <meta name="select:Link 4 Icon" content="fa-star" title="star">
  177. <meta name="select:Link 4 Icon" content="fa-sun" title="sun">
  178. <meta name="select:Link 4 Icon" content="fa-tags" title="tag">
  179.  
  180. <meta name="select:Custom Bullet Points" content="f07b" title="folder">
  181. <meta name="select:Custom Bullet Points" content="f075" title="comment">
  182. <meta name="select:Custom Bullet Points" content="f0f3" title="bell">
  183. <meta name="select:Custom Bullet Points" content="f02e" title="bookmark">
  184. <meta name="select:Custom Bullet Points" content="f004" title="heart">
  185. <meta name="select:Custom Bullet Points" content="f186" title="moon">
  186. <meta name="select:Custom Bullet Points" content="f0c8" title="square">
  187. <meta name="select:Custom Bullet Points" content="f005" title="star">
  188. <meta name="select:Custom Bullet Points" content="f185" title="sun">
  189.  
  190. <meta name="text:Link 1 Title" content="Link 1">
  191. <meta name="text:Link 1 URL" content="">
  192. <meta name="text:Link 2 Title" content="Link 2">
  193. <meta name="text:Link 2 URL" content="">
  194. <meta name="text:Link 3 Title" content="Link 3">
  195. <meta name="text:Link 3 URL" content="">
  196. <meta name="text:Link 4 Title" content="Link 4">
  197. <meta name="text:Link 4 URL" content="">
  198.  
  199. <meta name="text:First Suggestion Title" content="First search suggestion">
  200. <meta name="text:First Suggestion URL" content="">
  201. <meta name="text:Second Suggestion Title" content="Second search suggestion">
  202. <meta name="text:Second Suggestion URL" content="">
  203. <meta name="text:Third Suggestion Title" content="Third search suggestion">
  204. <meta name="text:Third Suggestion URL" content="">
  205.  
  206. <meta name="text:Update 1" content="a comment, by me">
  207. <meta name="text:Update 2" content="another comment, by me">
  208. <meta name="text:Update 3" content="more! comments!">
  209.  
  210. <meta name="color:Background" content="#000">
  211. <meta name="color:Blockquote" content="#eee">
  212. <meta name="color:Lightbox" content="#000">
  213. <meta name="color:Selection Background" content="#aad4f4">
  214. <meta name="color:Selection Text" content="#ccc">
  215. <meta name="color:Title and Border Background" content="#76b9ed">
  216. <meta name="color:Title Text" content="#111">
  217. <meta name="color:Post Text" content="#eee">
  218.  
  219. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  220.  
  221. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" type="text/css">
  222.  
  223. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  224.  
  225. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  226.  
  227. {block:ifFadeInEffect}
  228. <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
  229. {/block:ifFadeInEffect}
  230.  
  231. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  232.  
  233. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  234.  
  235. {block:ifFadeInEffect}
  236. <script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
  237. {/block:ifFadeInEffect}
  238.  
  239. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  240.  
  241. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  242.  
  243. <script>
  244. (function($){
  245. $(document).ready(function(){
  246. $("a[title]").style_my_tooltips({
  247. tip_follows_cursor:true,
  248. tip_delay_time:30,
  249. tip_fade_speed:300,
  250. attribute:"title"
  251. });
  252. });
  253. })(jQuery);
  254. </script>
  255.  
  256.  
  257. <style type="text/css">
  258.  
  259. body {
  260.     background:{color:Background};
  261. }
  262.  
  263. body p {
  264.     margin:8px 0px;
  265. }
  266.  
  267. body ul li {
  268.     {block:ifCustomBulletPoints}list-style-type:none;{/block:ifCustomBulletPoints}
  269.     margin:5px 0px;
  270. }
  271.  
  272. body ul li:first-of-type {
  273.     margin-top:0;
  274. }
  275.  
  276. body ul li:last-of-type {
  277.     margin-bottom:0;
  278. }
  279.  
  280. {block:ifCustomBulletPoints}
  281.  
  282. body ul > li::before {
  283.     content:"\{select:Custom Bullet Points}";
  284.     font-weight:900;
  285.     font-size:calc({select:Font Size}px - 2px);
  286.     margin-right:10px;
  287.     font-family:"Font Awesome\ 5 Free";
  288. }
  289.  
  290. body ul > ul > li::before {
  291.     content: "\{select:Custom Bullet Points}";
  292.     font-weight:300;
  293.     font-size:calc({select:Font Size}px - 2px);
  294.     margin-right:10px;
  295.     font-family:"Font Awesome\ 5 Free";
  296. }
  297.  
  298. {/block:ifCustomBulletPoints}
  299.  
  300. blockquote {
  301.     padding-left:10px;
  302.     border-left:2px solid {color:Blockquote};
  303. }
  304.  
  305. blockquote img {
  306.     max-width:100%;
  307.     height:auto;
  308. }
  309.  
  310. iframe.tmblr-iframe {
  311.     white-space:nowrap!important;
  312.     z-index:99999999999999!important;
  313.     top:auto!important;
  314.     bottom:-7px!important;
  315.     right:175px!important;
  316.     opacity:1!important;
  317.     user-select:none!important;
  318.     -webkit-user-select:none!important;
  319.     -ms-user-select:none!important;
  320.     -moz-user-select:none!important;
  321.     transform:scale(0.80);
  322.     transform-origin:100% 0;
  323.     -webkit-transform:scale(0.80);
  324.     -webkit-transform-origin:100% 0;
  325.     -o-transform:scale(0.80);
  326.     -o-transform-origin:100% 0;
  327.     -moz-transform:scale(0.80);
  328.     -moz-transform-origin:100% 0;
  329.     -ms-transform:scale(0.80);
  330.     -ms-transform-origin:100% 0;
  331. }
  332.  
  333.  
  334. ::-webkit-scrollbar {
  335.     width:12px;
  336.     height:12px;
  337.     background:#2d2d2d;
  338. }
  339.  
  340. ::-webkit-scrollbar-thumb {
  341.     background:#555;
  342. }
  343.  
  344. ::-webkit-scrollbar-button {
  345.     background:#2d2d2d;
  346.     background-size:83%;
  347.     background-position:center;
  348.     background-repeat:no-repeat;
  349. }
  350.  
  351. ::-webkit-scrollbar-button:horizontal:increment {
  352.     background-image:url(https://static.tumblr.com/uxq3xua/ONqp8ouux/lnr-chevron-right.png);
  353. }
  354.  
  355. ::-webkit-scrollbar-button:horizontal:decrement {
  356.     background-image:url(https://static.tumblr.com/uxq3xua/HE1p8ouqw/lnr-chevron-left.png);
  357. }
  358.  
  359. ::-webkit-scrollbar-button:vertical:increment {
  360.     background-image:url(https://static.tumblr.com/uxq3xua/3nOp8oulz/lnr-chevron-down.png);
  361. }
  362.  
  363. ::-webkit-scrollbar-button:vertical:decrement {
  364.     background-image:url(https://static.tumblr.com/uxq3xua/rS4p8ouie/lnr-chevron-up.png);
  365. }
  366.  
  367. ::selection {
  368.     background:{color:Selection Background};
  369.     color:{color:Selection Text};
  370. }
  371.  
  372. ::-moz-selection {
  373.     background:{color:Selection Background};
  374.     color:{color:Selection Text};
  375. }
  376.  
  377. #s-m-t-tooltip {
  378.     max-width:300px;
  379.     overflow-x:auto;
  380.     margin:25px 20px;
  381.     padding:7px;
  382.     background:#000;
  383.     color:#eee;
  384.     font-size:{select:Font Size}px;
  385.     height:auto;
  386.     font-family:monospace;
  387.     word-wrap:break-word;
  388.     z-index:9999!important;
  389.     text-transform:lowercase;
  390.     border:1px solid #76b9ed;
  391. }
  392.  
  393. a {
  394.     text-decoration:none;
  395.     transition:all .5s ease-in-out;
  396. }
  397.  
  398. aside.update {
  399.     position:fixed;
  400.     top:100px;
  401.     width:260px;
  402.     margin-left:-260px;
  403.     font-family:monospace;
  404.     user-select:none;
  405.     -webkit-user-select:none;
  406.     -ms-user-select:none;
  407.     -moz-user-select:none;
  408.     color:{color:Post Text};
  409.     font-size:{select:Font Size}px;
  410. }
  411.  
  412. aside.update h3 {
  413.     border:1px solid {color:Title and Border Background};
  414.     background:{color:Title and Border Background};
  415.     text-align:center;
  416.     margin:0;
  417.     padding:10px;
  418.     color:{color:Title Text};
  419.     font-size:calc({select:Font Size}px + 2px);
  420. }
  421.  
  422. aside.update #ud {
  423.     border-left:1px solid {color:Title and Border Background};
  424.     border-right:1px solid {color:Title and Border Background};
  425.     border-bottom:1px solid {color:Title and Border Background};
  426.     padding:0px 10px;
  427.     max-height:calc(100vh - 310px);
  428.     overflow:auto;
  429. }
  430.  
  431. aside.update p.start {
  432.     -webkit-margin-before:1em;
  433.     -webkit-margin-after:1em;
  434.     -webkit-margin-start:0px;
  435.     -webkit-margin-end:0px;
  436. }
  437.  
  438. footer {
  439.     position:fixed;
  440.     height:50px;
  441.     width:100%;
  442.     background:#212121;
  443.     left:0;
  444.     bottom:0;
  445.     color:#fff;
  446. }
  447.  
  448. footer nav {
  449.     display:inline-block;
  450. }
  451.  
  452. footer .icon {
  453.     position:relative;
  454.     height:50px;
  455.     width:55px;
  456.     display:inline-flex;
  457.     display:-webkit-inline-flex;
  458.     display:-ms-inline-flexbox;
  459.     justify-content:center;
  460.     -webkit-justify-content:center;
  461.     -ms-flex-pack:justify;
  462.     align-items:center;
  463.     -webkit-align-items:center;
  464.     -ms-flex-align:center;
  465.     background:transparent;
  466.     transition:all .2s ease-in-out;
  467. }
  468.  
  469. footer .icon:hover {
  470.     background:rgba(255,255,255,.1);
  471. }
  472.  
  473. footer .icon.active {
  474.     background:rgba(255,255,255,.2);
  475. }
  476.  
  477. footer .icon:not(.third)::after {
  478.     display:block;
  479.     content:'';
  480.     background:#76b9ed;
  481.     height:4px;
  482.     width:80%;
  483.     position:absolute;
  484.     margin:auto;
  485.     bottom:0;
  486.     transition:all .2s ease-in-out;
  487. }
  488.  
  489. footer .icon:hover::after {
  490.     width:100%;
  491. }
  492.  
  493. footer .icon.active::after {
  494.     width:100%;
  495. }
  496.  
  497. footer a {
  498.     color:#fff;
  499. }
  500.  
  501. footer a:active > .icon {
  502.     background:rgba(255,255,255,.05);
  503. }
  504.  
  505. footer a:active > .icon.active {
  506.     background:rgba(255,255,255,.15);
  507. }
  508.  
  509. footer .fas, footer .fab {
  510.     font-size:20px;
  511.     display:inline-block;
  512. }
  513.  
  514. footer .lnr {
  515.     font-size:18px;
  516.     display:inline-block;
  517. }
  518.  
  519. footer .right {
  520.     display:inline-flex;
  521.     display:-webkit-inline-flex;
  522.     display:-ms-inline-flexbox;
  523.     align-items:center;
  524.     -webkit-align-items:center;
  525.     -ms-flex-align:center;
  526.     height:50px;
  527.     position:fixed;
  528.     right:0;
  529. }
  530.  
  531. footer .right .fas:not(.fa-comment-alt) {
  532.     margin-right:15px;
  533.     font-size:19px;
  534. }
  535.  
  536. footer .fa-comment-alt {
  537.     padding:0px 15px;
  538.     font-size:19px;
  539. }
  540.  
  541. footer .info {
  542.     display:grid;
  543.     display:-ms-grid;
  544.     text-align:center;
  545.     margin-right:5px;
  546. }
  547.  
  548. footer #date, footer #time {
  549.     display:inline-block;
  550.     font-family:'Open Sans';
  551.     font-size:13px;
  552.     cursor:context-menu;
  553.     user-select:none;
  554. }
  555.  
  556. article.search {
  557.     margin-bottom:50px;
  558.     position:fixed;
  559.     bottom:0;
  560.     left:0;
  561.     background:#1d1e1f;
  562.     font-family:'Open Sans';
  563.     font-size:13px;
  564.     color:#fff;
  565.     box-sizing:border-box;
  566.     width:300px;  
  567.     display:none;
  568. }
  569.  
  570. article.search .suggestions {
  571.     margin-bottom:25px;
  572. }
  573.  
  574. article.search .suggestions a {
  575.     color:#fff;
  576.     display:block;
  577.     padding:7.5px 0px;
  578.     transition:all .3s ease-in-out;
  579. }
  580.  
  581. article.search .suggestions a:last-of-type {
  582.     padding-bottom:9px;
  583. }
  584.  
  585. article.search .suggestions a:hover {
  586.     background:rgba(255,255,255,.1);
  587. }
  588.  
  589. article.search .suggestions .fas {
  590.     font-size:17px;
  591.     width:40px;
  592.     text-align:center;
  593.     margin-right:5px;
  594. }
  595.  
  596. article.search .lnr-magnifier {
  597.     position:absolute;
  598.     bottom:0;
  599.     display:inline-flex;
  600.     display:-webkit-inline-flex;
  601.     display:-ms-inline-flexbox;
  602.     background:#fff;
  603.     color:#2b2b2b;
  604.     font-size:20px;
  605.     width:40px;
  606.     align-items:center;
  607.     -webkit-align-items:center;
  608.     -ms-flex-align:center;
  609.     justify-content:center;
  610.     -webkit-justify-content:center;
  611.     -ms-flex-pack:justify;
  612.     vertical-align:middle;
  613.     height:40px;
  614. }
  615.  
  616. article.search form {
  617.     display:inline-block;
  618.     margin-left:40px;
  619. }
  620.  
  621. article.search input {
  622.     width:260px;
  623.     border:0;
  624.     height:40px;
  625.     background:#fff;
  626.     font-family:'Open Sans';
  627.     position:absolute;
  628.     bottom:0px;
  629. }
  630.  
  631. ::placeholder {
  632.     color:#2b2b2b;
  633.     opacity:1;
  634. }
  635.  
  636. :-ms-input-placeholder {
  637.     color:#2b2b2b;
  638. }
  639.  
  640. ::-ms-input-placeholder {
  641.     color:#2b2b2b;
  642. }
  643.  
  644. article.search input:focus {
  645.     outline:0;
  646. }
  647.  
  648. article.desc {
  649.     margin-bottom:50px;
  650.     position:fixed;
  651.     bottom:0;
  652.     left:0;
  653.     background:#1d1e1f;
  654.     font-family:'Open Sans';
  655.     font-size:{select:Font Size}px;
  656.     color:#fff;
  657.     box-sizing:border-box;
  658.     width:710px;
  659.     display:none;
  660. }
  661.  
  662. .desc-inner {
  663.     padding:15px 15px 15px 0px!important;
  664.     display:grid;
  665.     display:-ms-grid;
  666.     grid-template-columns:55px auto;
  667.     -ms-grid-columns:55px auto;
  668.     grid-gap:15px;
  669.     -ms-grid-gap:15px;
  670. }
  671.  
  672. article.desc .buttons {
  673.     display:flex;
  674.     display:-webkit-flex;
  675.     display:-ms-flexbox;
  676.     align-items:center;
  677.     -webkit-align-items:center;
  678.     -ms-flex-align:center;
  679.     justify-content:flex-end;
  680.     -wekbit-justify-content:flex-end;
  681.     -ms-flex-pack:justify;
  682.     flex-direction:column;
  683.     -webkit-flex-direction:column;
  684.     -ms-flex-direction:column;
  685.     margin-bottom:-15px;
  686. }
  687.  
  688. article.desc .buttons img {
  689.     display:block;
  690.     width:30px;
  691.     border-radius:100%;
  692.     margin-bottom:15px;
  693. }
  694.  
  695. article.desc .buttons .button {
  696.     width:55px;
  697.     height:50px;
  698.     display:inline-flex;
  699.     display:-webkit-inline-flex;
  700.     display:-ms-inline-flexbox;
  701.     justify-content:center;
  702.     -webkit-justify-content:center;
  703.     -ms-flex-pack:justify;
  704.     align-items:center;
  705.     -webkit-align-items:center;
  706.     -ms-flex-align:center;
  707.     transition:all .3s ease-in-out;
  708. }
  709.  
  710. article.desc .buttons .button:hover {
  711.     background:rgba(255,255,255,.1);
  712. }
  713.  
  714. article.desc .buttons a {
  715.     color:#fff;
  716. }
  717.  
  718. article.desc .buttons a:active > .button {
  719.     background:rgba(255,255,255,.2);
  720. }
  721.  
  722. article.desc .buttons .lnr {
  723.     display:block;
  724.     font-size:17px;
  725. }
  726.  
  727. article.desc .text a {
  728.     color:#fff;
  729.     box-shadow:inset 0 -5px 0 rgba(255,255,255,.2);
  730. }
  731.  
  732. article.desc .text a:hover {
  733.     box-shadow:inset 0 -17px 0 rgba(255,255,255,.4);
  734. }
  735.  
  736. article.comments {
  737.     background:#1d1e1f;
  738.     color:#fff;
  739.     display:none;
  740.     position:fixed;
  741.     bottom:0;
  742.     right:0;
  743.     width:400px;
  744.     margin-bottom:50px;
  745.     font-family:'Open Sans';
  746.     font-size:{select:Font Size}px;
  747. }
  748.  
  749. .comments-inner {
  750.     padding:20px;
  751. }
  752.  
  753. article.comments .comment {
  754.     background:#272727;
  755.     padding:15px;
  756.     margin-bottom:20px;
  757.     display:grid;
  758.     display:-ms-grid;
  759.     grid-template-areas:
  760.         'image title title title title title title title title title title'
  761.         'image text text text text text text text text text text'
  762.     ;
  763.     -ms-grid-areas:
  764.         'image title title title title title title title title title title'
  765.         'image text text text text text text text text text text'
  766.     ;
  767. }
  768.  
  769. article.comments .comment:last-of-type {
  770.     margin-bottom:0px;
  771. }
  772.  
  773. article.comments .comment img {
  774.     width:50px;
  775.     grid-area:image;
  776.     -ms-grid-area:image;
  777. }
  778.  
  779. article.comments .comment .title {
  780.     grid-area:title;
  781.     -ms-grid-area:title;
  782.     font-weight:bold;
  783. }
  784.  
  785. article.comments .comment .text {
  786.     grid-area:text;
  787.     -ms-grid-area:text;
  788. }
  789.  
  790. #container {
  791.     margin:auto;
  792.     position:relative;
  793.     width:{select:Post Size}px;
  794. }
  795.  
  796. section#posts {
  797.     margin-left:50px;
  798.     margin-bottom:100px;
  799.     width:{select:Post Size}px;
  800. }
  801.  
  802. article.post {
  803.     width:{select:Post Size}px;
  804.     border:1px solid {color:Title and Border Background};
  805.     margin:30px 30px 60px 30px;
  806.     font-family:monospace;
  807.     color:{color:Post Text};
  808.     font-size:{select:Font Size}px;
  809. }
  810.  
  811. article.post:first-of-type {
  812.     margin-top:60px;
  813. }
  814.  
  815. article.post h2.title {
  816.     margin:0;
  817.     border-bottom:1px solid {color:Title and Border Background};
  818.     background:{color:Title and Border Background};
  819.     color:{color:Title Text};
  820.     padding:20px;
  821.     margin-top:-1px;
  822.     margin-left:-1px;
  823.     font-size:calc({select:Font Size}px + 6px);
  824. }
  825.  
  826. article.post h2.title a {
  827.     color:{color:Title Text};
  828. }
  829.  
  830. article.post h2.title.link .fas {
  831.     float:right;
  832.     display:inline-block;
  833. }
  834.  
  835. article.post h2.title.link .linktitle {
  836.     display:inline-block;
  837.     width:calc(100% - 21px - 15px);
  838. }
  839.  
  840. article.post .caption {
  841.     padding:15px 20px;
  842. }
  843.  
  844. article.post .reblog-header img.blog {
  845.     width:20px;
  846.     vertical-align:middle;
  847.     margin-top:4px;
  848.     margin-left:4px;
  849. }
  850.  
  851. article.post .reblog-header span.blog {
  852.     vertical-align:middle;
  853.     margin-left:6px;
  854.     margin-top:4px;
  855.     display:inline-block;
  856.     margin-right:4px;
  857.     color:{color:Title Text};
  858.     transition:all .5s ease-in-out;
  859. }
  860.  
  861. article.post .reblog-header:first-of-type {
  862.     margin:0px 0px 10px 0px;
  863. }
  864.  
  865. article.post .reblog-header {
  866.     margin:10px 0px;
  867. }
  868.  
  869. article.post .reblog-header span.inactive, article.post .reblog-header a.active  {
  870.     background:{color:Title and Border Background};
  871.     display:inline-block;
  872.     height:28px;
  873. }
  874.  
  875. article.post .reblog-header span.inactive {
  876.     cursor:default;
  877. }
  878.  
  879. article.post .reblog-header a.active:hover {
  880.     background:transparent;
  881. }
  882.  
  883. article.post .reblog-header a.active:hover > span.blog {
  884.     color:#fff;
  885. }
  886.  
  887. article.post .reblog-content a, article.post figcaption a {
  888.     color:{color:Title and Border Background};
  889. }
  890.  
  891. article.post .reblog-content a:hover, article.post figcaption a:hover {
  892.     color:{color:Post Text};
  893. }
  894.  
  895. article.post .caption p.read_more_container {
  896.     text-align:center;
  897.     margin-top:17px;
  898. }
  899.  
  900. article.post .caption p.read_more_container a.read_more {
  901.     border:1px solid transparent;
  902.     background:{color:Title and Border Background};
  903.     color:{color:Title Text};
  904.     padding:7px;
  905. }
  906.  
  907. article.post .caption p.read_more_container a.read_more:hover {
  908.     border-color:{color:Title and Border Background};
  909.     color:{color:Post Text};
  910.     background:transparent;
  911. }
  912.  
  913. article.post figure img {
  914.     max-width:100%;
  915.     height:auto;
  916. }
  917.  
  918. article.post p.tmblr-attribution {
  919.     background:{color:Title and Border Background};
  920.     font-size:calc({select:Font Size}px - 1px);
  921.     margin:0;
  922.     padding:5px;
  923.     margin-top:-3px;
  924. }
  925.  
  926. article.post p.tmblr-attribution a {
  927.     color:{color:Title Text};
  928. }
  929.  
  930. article.post .pic img {
  931.     width:100%;
  932.     height:auto;
  933. }
  934.  
  935. .vignette, #vignette {
  936.     opacity:0;
  937. }
  938.    
  939. .lightbox-image, #tumblr_lightbox img {
  940.     box-shadow:none!important;
  941.     max-width:none;
  942. }
  943.  
  944. .tmblr-lightbox, #tumblr_lightbox {
  945.     background:rgba({RGBColor:Lightbox},.78)!important;
  946. }
  947.  
  948. .quote {
  949.     background:{color:Title and Border Background};
  950.     position:relative;
  951.     color:{color:Title Text};
  952.     padding:15px;
  953.     margin-left:-1px;
  954.     margin-top:-1px;
  955. }
  956.  
  957. .quote::after {
  958.     position:absolute;
  959.     content:'';
  960.     top:100%;
  961.     left:50%;
  962.     margin-left:-10px;
  963.     width:0;
  964.     height:0;
  965.     border-top:solid 10px {color:Title and Border Background};
  966.     border-left:solid 10px transparent;
  967.     border-right:solid 10px transparent;
  968. }
  969.  
  970. .qsource {
  971.     text-align:center;
  972.     margin:15px 0px;
  973. }
  974.  
  975. .cursor {
  976.     animation:blink step-end 1s infinite;
  977.     margin-left:5px;
  978. }
  979.  
  980. @keyframes "blink" {
  981.   from, to {
  982.     color:transparent;
  983.   }
  984.   50% {
  985.     color:{color:Title Text};
  986.   }
  987. }
  988.  
  989. @-moz-keyframes blink {
  990.   from, to {
  991.     color:transparent;
  992.   }
  993.   50% {
  994.     color:{color:Title Text};
  995.   }
  996. }
  997.  
  998. @-webkit-keyframes "blink" {
  999.   from, to {
  1000.     color:transparent;
  1001.   }
  1002.   50% {
  1003.     color:{color:Title Text};
  1004.   }
  1005. }
  1006.  
  1007. @-ms-keyframes "blink" {
  1008.   from, to {
  1009.     color:transparent;
  1010.   }
  1011.   50% {
  1012.     color:{color:Title Text};
  1013.   }
  1014. }
  1015.  
  1016. @-o-keyframes "blink" {
  1017.   from, to {
  1018.     color:transparent;
  1019.   }
  1020.   50% {
  1021.     color:{color:Title Text};
  1022.   }
  1023. }
  1024.  
  1025. article.post ol.chat {
  1026.     list-style:none;
  1027.     padding:15px;
  1028.     margin:0;
  1029. }
  1030.  
  1031. article.post ol.chat li.line {
  1032.     margin:8px 0px;
  1033. }
  1034.  
  1035. article.post ol.chat li.line:first-of-type {
  1036.     margin-top:0;
  1037. }
  1038.  
  1039. article.post ol.chat li.line:last-of-type {
  1040.     margin-bottom:0;
  1041. }
  1042.  
  1043. article.post ol.chat .label {
  1044.     background:{color:Title and Border Background};
  1045.     padding:5px;
  1046.     text-align:center;
  1047.     display:inline-block;
  1048. }
  1049.  
  1050. article.post iframe.spotify_audio_player {
  1051.     height:80px!important;
  1052. }
  1053.  
  1054. article.post iframe.instagram-media {
  1055.     max-width:100%!important;
  1056.     width:100%!important;
  1057.     border-radius:0px!important;
  1058.     margin:0px 0px 12px -1px!important;
  1059. }
  1060.  
  1061. article.post .player {
  1062.     display:block;
  1063.     overflow:hidden;
  1064.     position:absolute;
  1065.     height:120px;
  1066.     width:120px;
  1067.     z-index:11;
  1068. }
  1069.  
  1070. article.post .audioplayer {
  1071.     position:relative;
  1072.     overflow:hidden;
  1073.     width:32px;
  1074.     height:32px;
  1075.     opacity:.5;
  1076.     margin-top:49px;
  1077.     margin-left:45px;
  1078. }
  1079.  
  1080. article.post .art {
  1081.     position:relative;
  1082.     float:left;
  1083.     width:120px;
  1084.     height:120px;
  1085.     z-index:10;
  1086. }
  1087.  
  1088. article.post .art img {
  1089.     width:120px;
  1090.     height:120px;
  1091. }
  1092.  
  1093. article.post .audioinfo {
  1094.     height:120px;
  1095.     position:relative;
  1096.     background:{color:Title and Border Background};
  1097.     margin-left:-1px;
  1098.     color:{color:Title Text};
  1099. }
  1100.  
  1101. article.post .inf {
  1102.     position:relative;
  1103.     display:flex;
  1104.     display:-webkit-flex;
  1105.     display:-ms-flexbox;
  1106.     align-items:center;
  1107.     -webkit-align-items:center;
  1108.     -ms-align-items:center;
  1109.     height:120px;
  1110. }
  1111.  
  1112. article.post .inf .part {
  1113.     margin-left:15px;
  1114. }
  1115.  
  1116. article.post .entireask {
  1117.     background:{color:Title and Border Background};
  1118.     margin-left:-1px;
  1119.     margin-top:-1px;
  1120.     color:{color:Title Text};
  1121. }
  1122.  
  1123. article.post .entireask img {
  1124.     margin-left:6px;
  1125.     margin-top:6px;
  1126.     margin-bottom:5px;
  1127.     display:inline-block;
  1128. }
  1129.  
  1130. article.post .entireask .thing {
  1131.     display:inline-block;
  1132.     width:calc(100% - 30px - 64px);
  1133.     padding:8px 0px;
  1134.     margin-left:15px;
  1135.     vertical-align:top;
  1136. }
  1137.  
  1138. article.post .entireask .thing .questioner {
  1139.     text-transform:lowercase;
  1140. }
  1141.  
  1142. article.post .entireask a {
  1143.     color:{color:Post Text};
  1144. }
  1145.  
  1146. article.post .entireask a:hover {
  1147.     color:{color:Title Text};
  1148. }
  1149.  
  1150. article.post .above {
  1151.     border-top:1px solid {color:Title and Border Background};
  1152.     width:100%;
  1153.     position:relative;
  1154.     height:calc(15.1111px + 10px);
  1155. }
  1156.  
  1157. article.post .above > span {
  1158.     display:inline-block;
  1159.     width:50%;
  1160.     text-align:center;
  1161.     padding:7px;
  1162.     box-sizing:border-box;
  1163.     background:{color:Title and Border Background};
  1164.     color:{color:Title Text};
  1165.     margin-top:-2px;
  1166.     position:absolute;
  1167. }
  1168.  
  1169. article.post .above span:first-of-type {
  1170.     border-right:1px solid {color:Title Text};
  1171.     width:calc(50% + 1px);
  1172.     margin-left:-1px;
  1173. }
  1174.  
  1175. article.post .above span:last-of-type {
  1176.     margin-left:50%;
  1177. }
  1178.  
  1179. article.post .postinfo {
  1180.     border-top:1px solid {color:Title and Border Background};
  1181.     width:100%;
  1182.     position:relative;
  1183.     height:calc(15.1111px + 10px);
  1184. }
  1185.  
  1186. article.post .postinfo > div {
  1187.     display:inline-block;
  1188.     width:50%;
  1189.     text-align:center;
  1190.     position:absolute;
  1191. }
  1192.  
  1193. article.post .postinfo > div:first-of-type {
  1194.     border-right:1px solid {color:Title and Border Background};
  1195.     width:calc(50% - 1px);
  1196.     margin-left:-1px;
  1197. }
  1198.  
  1199. article.post .postinfo > div:last-of-type {
  1200.     margin-left:50%;
  1201. }
  1202.  
  1203. article.post .postinfo > div > span {
  1204.     display:inline-block;
  1205.     width:50%;
  1206.     padding:5px;
  1207.     box-sizing:border-box;
  1208.     margin-left:-3%;
  1209. }
  1210.  
  1211. article.post .postinfo div > span:first-of-type {
  1212.     border-right:1px solid {color:Title and Border Background};
  1213.     width:calc(50% - 1px);
  1214. }
  1215.  
  1216. article.post .postinfo a {
  1217.     color:#fff;
  1218.     border-bottom:1px solid transparent;
  1219. }
  1220.  
  1221. article.post .postinfo a:hover {
  1222.     color:{color:Title and Border Background};
  1223. }
  1224.  
  1225. article.post .postinfo .like_button {
  1226.     display:inline-block;
  1227.     position:relative;
  1228.     padding-right:5px;
  1229. }
  1230.  
  1231. article.post .postinfo .like_button iframe {
  1232.     height:100%;
  1233.     left:0;
  1234.     opacity:0;
  1235.     position:absolute;
  1236.     top:0;
  1237.     width:100%;
  1238. }
  1239.  
  1240. article.post .postinfo .like_button::after{
  1241.     content:'like';
  1242. }
  1243.  
  1244. article.post .tags {
  1245.     border-top:1px solid {color:Title and Border Background};
  1246. }
  1247.  
  1248. article.post .tags .filed {
  1249.     display:inline-block;
  1250.     padding:7px;
  1251.     margin-bottom:-1px;
  1252.     background:{color:Title and Border Background};
  1253.     color:{color:Title Text};
  1254.     margin-left:-1px;
  1255. }
  1256.  
  1257. article.post .tags a {
  1258.     color:{color:Post Text};
  1259.     margin:0px 5px;
  1260. }
  1261.  
  1262. article.post .tags a:hover {
  1263.     color:{color:Title and Border Background};
  1264. }
  1265.  
  1266. article.post .tags .tag {
  1267.     display:inline-block;
  1268.     line-height:20px;
  1269.     margin:5px 0px;
  1270. }
  1271.  
  1272. section#posts #pagination {
  1273.     width:100%;
  1274.     text-align:center;
  1275.     margin-left:35px;
  1276.     font-size:{select:Font Size}px;
  1277. }
  1278.  
  1279. section#posts .pagi {
  1280.     background:{color:Title and Border Background};
  1281.     color:{color:Title Text};
  1282.     text-align:center;
  1283.     display:inline-block;
  1284.     font-family:monospace;
  1285.     padding:8px;
  1286. }
  1287.  
  1288. section#posts .pagi a {
  1289.     display:inline-block;
  1290.     vertical-align:middle;
  1291.     color:{color:Title Text};
  1292. }
  1293.  
  1294. section#posts .pagi a:hover {
  1295.     color:{color:Post Text};
  1296. }
  1297.  
  1298. section#posts .pagi a .fas {
  1299.     vertical-align:middle;
  1300.     font-size:calc({select:Font Size}px + 3px);
  1301. }
  1302.  
  1303. section#posts .pagi a .fa-long-arrow-alt-left {
  1304.     margin-right:9px;
  1305. }
  1306.  
  1307. section#posts .pagi a .fa-long-arrow-alt-right {
  1308.     margin-left:9px;
  1309. }
  1310.  
  1311. section#posts .pagi .total {
  1312.     display:inline-block;
  1313. }
  1314.  
  1315. section#posts .pagi .total p {
  1316.     margin:0;
  1317. }
  1318.  
  1319. section#posts .pn-title {
  1320.     font-family:monospace;
  1321.     background:{color:Title and Border Background};
  1322.     width:{select:Post Size}px;
  1323.     padding:7px;
  1324.     box-sizing:border-box;
  1325.     margin-left:30px;
  1326.     font-size:{select:Font Size}px;
  1327. }
  1328.  
  1329. section#posts ol.notes {
  1330.     border:1px solid {color:Title and Border Background};
  1331.     width:{select:Post Size}px;
  1332.     max-height:250px;
  1333.     overflow-y:auto;
  1334.     list-style:none;
  1335.     margin:0;
  1336.     margin-left:30px;
  1337.     color:{color:Post Text};
  1338.     text-align:left!important;
  1339.     box-sizing:border-box;
  1340.     padding:20px;
  1341.     font-family:monospace;
  1342.     font-size:{select:Font Size}px;
  1343. }
  1344.  
  1345. section#posts ol.notes li.note {
  1346.     padding:7px;
  1347. }
  1348.  
  1349. section#posts ol.notes img.avatar {
  1350.     width:20px;
  1351.     vertical-align:middle;
  1352. }
  1353.  
  1354. section#posts ol.notes a.avatar_frame {
  1355.     background:{color:Title and Border Background};
  1356.     padding:4px 4px 7px 4px;
  1357. }
  1358.  
  1359. section#posts ol.notes li.note .action {
  1360.     display:inline-block;
  1361. }
  1362.  
  1363. section#posts ol.notes li.note .action a:first-of-type {
  1364.     background:{color:Title and Border Background};
  1365.     color:{color:Title Text};
  1366.     padding:5.5px;
  1367.     vertical-align:middle;
  1368.     height:24px!important;
  1369. }
  1370.  
  1371. section#posts ol.notes li.note .action a:nth-of-type(2) {
  1372.     color:{color:Post Text};
  1373. }
  1374.  
  1375. section#posts ol.notes a.more_notes_link, section#posts ol.notes .notes_loading {
  1376.     color:{color:Title and Border Background};
  1377. }
  1378.  
  1379. section#posts ol.notes li.note blockquote {
  1380.     background:{color:Title and Border Background};
  1381.     padding:0;
  1382.     border:0;
  1383.     padding:7px;
  1384.     margin:0;
  1385.     margin-top:12px;
  1386. }
  1387.  
  1388. section#posts ol.notes li.note blockquote a {
  1389.     color:{color:Title Text};
  1390. }
  1391.  
  1392. .scroll {
  1393.     color:#fff;
  1394.     cursor:pointer;
  1395.     bottom:60px;
  1396.     right:10px;
  1397.     position:fixed;
  1398.     font-family:monospace;
  1399.     font-size:{select:Font Size}px;
  1400.     text-align:center;
  1401.     display:none;
  1402. }
  1403.  
  1404. /* DO NOT TOUCH THIS */
  1405.  
  1406. #credz {
  1407.     position:fixed;
  1408.     top:10px;
  1409.     right:10px;
  1410.     z-index:99!important;
  1411. }
  1412.  
  1413. #credz .ci {
  1414.     background:#fff;
  1415.     padding:7px 8px 5px 8px;
  1416.     border-radius:50px;
  1417.     box-shadow:0px 0px 1px rgba(0,0,0,.1);
  1418.     transition:all .5s ease-in-out;
  1419. }
  1420.  
  1421. #credz .ci:hover {
  1422.     transform:scale(1.1);
  1423. }
  1424.  
  1425. #credz img {
  1426.     width:20px;
  1427. }
  1428.  
  1429. @media only screen and (max-width:1024px) {
  1430.     section#posts {
  1431.         margin-left:120px;
  1432.     }
  1433.    
  1434.     aside.update {
  1435.         margin-left:-190px;
  1436.     }
  1437. }
  1438.  
  1439. </style>
  1440.  
  1441. <script>
  1442. $(document).ready(function(){
  1443.    $('.photo-slideshow').pxuPhotoset({
  1444.        highres: true,
  1445.        lightbox: true,
  1446.        rounded: false,
  1447.        gutter: '5px',
  1448.        photoset: '.photo-slideshow',
  1449.        photoWrap: '.photo-data',
  1450.        photo: '.pxu-photo'
  1451.    });
  1452. });
  1453. </script>
  1454.  
  1455. <script>
  1456. // minimal soundcloud player © shythemes.tumblr
  1457. $(document).ready(function(){
  1458.    var color = '{color:Title and Border Background}'; // color of play button (hex)
  1459.    $('.soundcloud_audio_player').each(function(){
  1460.        $(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=' + color.split('#')[1], height: 116, width: '100%' });
  1461.    });
  1462. });
  1463. </script>
  1464.  
  1465. </head>
  1466.  
  1467. <body>
  1468.  
  1469. <div id="container">
  1470.  
  1471. <aside class="update" data-aos="fade-up" data-aos-once="true">
  1472.    
  1473. <h3>update log</h3>
  1474. <div id="ud">
  1475. <p class="start"></p>
  1476. </div>
  1477.  
  1478. </aside>
  1479.  
  1480. <section id="posts">
  1481.  
  1482. {block:Posts}
  1483.  
  1484. <article class="post" id="{PostId}" data-aos-once="true" {block:Permalink}data-aos="fade-up"{/block:Permalink} {block:IndexPage} {block:Odd}data-aos="fade-left"{/block:Odd} {block:Even}data-aos="fade-right"{/block:Even} {/block:IndexPage}>
  1485.  
  1486. {block:Text}
  1487.  
  1488. {block:Title}
  1489. <h2 class="title"><a href="{Permalink}">{Title}</a></h2>
  1490. {/block:Title}
  1491.  
  1492. <div class="caption">
  1493. {block:NotReblog}
  1494.     <figcaption>
  1495.         {Body}
  1496.     </figcaption>
  1497. {/block:NotReblog}
  1498.  
  1499. {block:RebloggedFrom}
  1500. <div class="reblog-list">
  1501.     {block:Reblogs}
  1502.             <div class="reblog-header">
  1503.  
  1504.                 {block:IsActive}
  1505.                 <a href="{Permalink}" target="_blank" class="active">
  1506.                     <img src="{PortraitURL-64}" class="blog">
  1507.                     <span class="blog">{Username} said:</span>
  1508.                 </a>
  1509.                 {/block:IsActive}
  1510.  
  1511.                 {block:IsDeactivated}
  1512.                 <span class="inactive">
  1513.                     <img src="{PortraitURL-64}" class="blog">
  1514.                     <span class="blog">{Username} (inactive) said:</span>
  1515.                 </span>
  1516.                 {/block:IsDeactivated}
  1517.  
  1518.             </div>
  1519.             <div class="reblog-content">
  1520.                 {Body}
  1521.             </div>
  1522.     {/block:Reblogs}
  1523. </div>
  1524. {/block:RebloggedFrom}
  1525. </div>
  1526.  
  1527. {/block:Text}
  1528.  
  1529. {block:Photo}
  1530.  
  1531. <div class="pic">
  1532. <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">
  1533. <img src="{PhotoURL-HighRes}">
  1534. </a>
  1535. </div>
  1536.  
  1537. {block:Caption}
  1538. <div class="caption">
  1539. {block:NotReblog}
  1540.     <figcaption>
  1541.         {Caption}
  1542.     </figcaption>
  1543. {/block:NotReblog}
  1544.  
  1545. {block:RebloggedFrom}
  1546. <div class="reblog-list">
  1547.     {block:Reblogs}
  1548.             <div class="reblog-header">
  1549.  
  1550.                 {block:IsActive}
  1551.                 <a href="{Permalink}" target="_blank" class="active">
  1552.                     <img src="{PortraitURL-64}" class="blog">
  1553.                     <span class="blog">{Username} said:</span>
  1554.                 </a>
  1555.                 {/block:IsActive}
  1556.  
  1557.                 {block:IsDeactivated}
  1558.                 <span class="inactive">
  1559.                     <img src="{PortraitURL-64}" class="blog">
  1560.                     <span class="blog">{Username} (inactive) said:</span>
  1561.                 </span>
  1562.                 {/block:IsDeactivated}
  1563.  
  1564.             </div>
  1565.             <div class="reblog-content">
  1566.                 {Body}
  1567.             </div>
  1568.     {/block:Reblogs}
  1569. </div>
  1570. {/block:RebloggedFrom}
  1571. </div>
  1572. {/block:Caption}
  1573.  
  1574. {/block:Photo}
  1575.  
  1576. {block:Photoset}
  1577.  
  1578. <div class="img">
  1579. <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>
  1580. </div>
  1581.  
  1582. {block:Caption}
  1583. <div class="caption">
  1584. {block:NotReblog}
  1585.     <figcaption>
  1586.         {Caption}
  1587.     </figcaption>
  1588. {/block:NotReblog}
  1589.  
  1590. {block:RebloggedFrom}
  1591. <div class="reblog-list">
  1592.     {block:Reblogs}
  1593.             <div class="reblog-header">
  1594.  
  1595.                 {block:IsActive}
  1596.                 <a href="{Permalink}" target="_blank" class="active">
  1597.                     <img src="{PortraitURL-64}" class="blog">
  1598.                     <span class="blog">{Username} said:</span>
  1599.                 </a>
  1600.                 {/block:IsActive}
  1601.  
  1602.                 {block:IsDeactivated}
  1603.                 <span class="inactive">
  1604.                     <img src="{PortraitURL-64}" class="blog">
  1605.                     <span class="blog">{Username} (inactive) said:</span>
  1606.                 </span>
  1607.                 {/block:IsDeactivated}
  1608.  
  1609.             </div>
  1610.             <div class="reblog-content">
  1611.                 {Body}
  1612.             </div>
  1613.     {/block:Reblogs}
  1614. </div>
  1615. {/block:RebloggedFrom}
  1616. </div>
  1617. {/block:Caption}
  1618.  
  1619. {/block:Photoset}
  1620.  
  1621. {block:Quote}
  1622.  
  1623. <div class="quote">
  1624. {Quote}<span class="cursor">|</span>
  1625. </div>
  1626.  
  1627. {block:Source}
  1628. <div class="qsource">{Source}</div>
  1629. {/block:Source}
  1630.  
  1631. {/block:Quote}
  1632.  
  1633. {block:Link}
  1634.  
  1635. <a href="{URL}"><h2 class="title link"><span class="linktitle">{Name}</span> <span class="fas fa-external-link-square-alt"></span></h2></a>
  1636.  
  1637. {block:Description}
  1638. <div class="caption">
  1639. {block:NotReblog}
  1640.     <figcaption>
  1641.         {Description}
  1642.     </figcaption>
  1643. {/block:NotReblog}
  1644.  
  1645. {block:RebloggedFrom}
  1646. <div class="reblog-list">
  1647.     {block:Reblogs}
  1648.             <div class="reblog-header">
  1649.  
  1650.                 {block:IsActive}
  1651.                 <a href="{Permalink}" target="_blank" class="active">
  1652.                     <img src="{PortraitURL-64}" class="blog">
  1653.                     <span class="blog">{Username} said:</span>
  1654.                 </a>
  1655.                 {/block:IsActive}
  1656.  
  1657.                 {block:IsDeactivated}
  1658.                 <span class="inactive">
  1659.                     <img src="{PortraitURL-64}" class="blog">
  1660.                     <span class="blog">{Username} (inactive) said:</span>
  1661.                 </span>
  1662.                 {/block:IsDeactivated}
  1663.  
  1664.             </div>
  1665.             <div class="reblog-content">
  1666.                 {Body}
  1667.             </div>
  1668.     {/block:Reblogs}
  1669. </div>
  1670. {/block:RebloggedFrom}
  1671. </div>
  1672. {/block:Description}
  1673.  
  1674. {/block:Link}
  1675.  
  1676. {block:Chat}
  1677.  
  1678. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1679.  
  1680. <ol class="chat">
  1681. {block:Lines}
  1682. <li class="line">
  1683. {block:Label}
  1684. <span class="label">
  1685. {Label}
  1686. </span>
  1687. {/block:Label}
  1688. {Line}
  1689. </li>
  1690. {/block:Lines}
  1691. </ol>
  1692.  
  1693. {/block:Chat}
  1694.  
  1695. {block:Video}
  1696.  
  1697. <div class="video">
  1698. {Video-500}
  1699. </div>
  1700.  
  1701. {block:Caption}
  1702. <div class="caption">
  1703. {block:NotReblog}
  1704.     <figcaption>
  1705.         {Caption}
  1706.     </figcaption>
  1707. {/block:NotReblog}
  1708.  
  1709. {block:RebloggedFrom}
  1710. <div class="reblog-list">
  1711.     {block:Reblogs}
  1712.             <div class="reblog-header">
  1713.  
  1714.                 {block:IsActive}
  1715.                 <a href="{Permalink}" target="_blank" class="active">
  1716.                     <img src="{PortraitURL-64}" class="blog">
  1717.                     <span class="blog">{Username} said:</span>
  1718.                 </a>
  1719.                 {/block:IsActive}
  1720.  
  1721.                 {block:IsDeactivated}
  1722.                 <span class="inactive">
  1723.                     <img src="{PortraitURL-64}" class="blog">
  1724.                     <span class="blog">{Username} (inactive) said:</span>
  1725.                 </span>
  1726.                 {/block:IsDeactivated}
  1727.  
  1728.             </div>
  1729.             <div class="reblog-content">
  1730.                 {Body}
  1731.             </div>
  1732.     {/block:Reblogs}
  1733. </div>
  1734. {/block:RebloggedFrom}
  1735. </div>
  1736. {/block:Caption}
  1737.  
  1738. {/block:Video}
  1739.  
  1740. {block:Audio}
  1741.  
  1742. <div class="player">
  1743. <div class="audioplayer">{AudioPlayerWhite}</div>
  1744. </div>
  1745. <div class="art">
  1746. {block:AlbumArt}
  1747. <img src="{AlbumArtURL}">
  1748. {/block:AlbumArt}
  1749. </div>
  1750. <div class="audioinfo">
  1751. <div class="inf">
  1752. <div class="part">
  1753. {block:TrackName}
  1754. <b>file name: </b>{TrackName}
  1755. {/block:TrackName}
  1756. {block:Artist}
  1757. <br><b>author: </b>{Artist}
  1758. {/block:Artist}
  1759. {block:PlayCount}
  1760. <br><b>accessed: </b>{PlayCount} times
  1761. {/block:PlayCount}
  1762. </div>
  1763. </div>
  1764. </div>
  1765.  
  1766. {block:Caption}
  1767. <div class="caption">
  1768. {block:NotReblog}
  1769.     <figcaption>
  1770.         {Caption}
  1771.     </figcaption>
  1772. {/block:NotReblog}
  1773.  
  1774. {block:RebloggedFrom}
  1775. <div class="reblog-list">
  1776.     {block:Reblogs}
  1777.             <div class="reblog-header">
  1778.  
  1779.                 {block:IsActive}
  1780.                 <a href="{Permalink}" target="_blank" class="active">
  1781.                     <img src="{PortraitURL-64}" class="blog">
  1782.                     <span class="blog">{Username} said:</span>
  1783.                 </a>
  1784.                 {/block:IsActive}
  1785.  
  1786.                 {block:IsDeactivated}
  1787.                 <span class="inactive">
  1788.                     <img src="{PortraitURL-64}" class="blog">
  1789.                     <span class="blog">{Username} (inactive) said:</span>
  1790.                 </span>
  1791.                 {/block:IsDeactivated}
  1792.  
  1793.             </div>
  1794.             <div class="reblog-content">
  1795.                 {Body}
  1796.             </div>
  1797.     {/block:Reblogs}
  1798. </div>
  1799. {/block:RebloggedFrom}
  1800. </div>
  1801. {/block:Caption}
  1802.  
  1803. {/block:Audio}
  1804.  
  1805. {block:Answer}
  1806.  
  1807. <div class="entireask">
  1808. <img src="{AskerPortraitURL-64}">
  1809. <div class="thing">
  1810. <div class="questioner">
  1811. {Asker} typed:
  1812. </div>
  1813. <div class="question">
  1814. {Question}
  1815. </div>
  1816. </div>
  1817. </div>
  1818.  
  1819. <div class="caption">
  1820. {block:NotReblog}
  1821.     <figcaption>
  1822.         {Replies}
  1823.     </figcaption>
  1824. {/block:NotReblog}
  1825.  
  1826. {block:RebloggedFrom}
  1827. {block:Answerer}
  1828. <div class="reblog-header">
  1829.   <a href="{ReblogRootURL}" class="active">
  1830.     <img src="{AnswererPortraitURL-64}" class="blog">
  1831.     <span class="blog">{ReblogRootName} said:</span>
  1832.   </a>
  1833. </div>
  1834. <div class="reblog-content">
  1835.   {Answer}
  1836. </div>
  1837. {/block:Answerer}
  1838. <div class="reblog-list">
  1839.     {block:Reblogs}
  1840.             <div class="reblog-header">
  1841.  
  1842.                 {block:IsActive}
  1843.                 <a href="{Permalink}" target="_blank" class="active">
  1844.                     <img src="{PortraitURL-64}" class="blog">
  1845.                     <span class="blog">{Username} said:</span>
  1846.                 </a>
  1847.                 {/block:IsActive}
  1848.  
  1849.                 {block:IsDeactivated}
  1850.                 <span class="inactive">
  1851.                     <img src="{PortraitURL-64}" class="blog">
  1852.                     <span class="blog">{Username} (inactive) said:</span>
  1853.                 </span>
  1854.                 {/block:IsDeactivated}
  1855.  
  1856.             </div>
  1857.             <div class="reblog-content">
  1858.                 {Body}
  1859.             </div>
  1860.     {/block:Reblogs}
  1861. </div>
  1862. {/block:RebloggedFrom}
  1863. </div>
  1864.  
  1865. {/block:Answer}
  1866.  
  1867. {block:Date}
  1868.  
  1869. <div class="above">
  1870.  
  1871. <span>information</span>
  1872.  
  1873. <span>actions</span>
  1874.  
  1875. </div>
  1876.  
  1877. <div class="postinfo">
  1878. {block:RebloggedFrom}
  1879. <!-- <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img style="margin-bottom:-2px;" src="{ReblogParentPortraitURL-16}"></a> -->
  1880. {/block:RebloggedFrom}
  1881.  
  1882. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1883. <div>
  1884. <span>
  1885. <a href="{Permalink}">
  1886. {block:Text}
  1887. file type: txt
  1888. {/block:Text}
  1889. {block:Photo}
  1890. file type: img
  1891. {/block:Photo}
  1892. {block:Photoset}
  1893. file type: img
  1894. {/block:Photoset}
  1895. {block:Quote}
  1896. file type: qte
  1897. {/block:Quote}
  1898. {block:Link}
  1899. file type: link
  1900. {/block:Link}
  1901. {block:Audio}
  1902. file type: mp3
  1903. {/block:Audio}
  1904. {block:Video}
  1905. file type: mp4
  1906. {/block:Video}
  1907. {block:Chat}
  1908. file type: chat
  1909. {/block:Chat}
  1910. {block:Answer}
  1911. file type: ask
  1912. {/block:Answer}
  1913. </a>
  1914. </span>
  1915.  
  1916. <span>
  1917. <a href="{Permalink}">
  1918. {NoteCountWithLabel}
  1919. </a>
  1920. </span>
  1921. </div>
  1922.  
  1923. <div class="like">
  1924. <span>
  1925. <a href="#">{LikeButton}</a>
  1926. </span>
  1927.  
  1928. <span>
  1929. <a href="{ReblogURL}" target="_blank">reblog</a>
  1930. </span>
  1931. </div>
  1932.  
  1933. </div>
  1934.  
  1935. {/block:Date}
  1936.  
  1937. {block:HasTags}
  1938.  
  1939. <div class="tags">
  1940.  
  1941. <span class="filed">filed under:</span>
  1942.  
  1943. {block:Tags}
  1944. <a href="{TagURL}"><span class="tag">.{Tag}</span></a>
  1945. {/block:Tags}
  1946.  
  1947. </div>
  1948.  
  1949. {/block:HasTags}
  1950.  
  1951. </article>
  1952.  
  1953. {/block:Posts}
  1954.  
  1955. {block:Pagination}
  1956.  
  1957. <div id="pagination">
  1958.  
  1959. <div class="pagi" data-aos-anchor="#trigger" data-aos-once="true">
  1960. {block:PreviousPage}
  1961. <a href="{PreviousPage}"><span class="fas fa-long-arrow-alt-left"></span></a>
  1962. {/block:PreviousPage}
  1963. {block:HomePage}
  1964. <span class="total"></span>
  1965. {/block:HomePage}
  1966. {block:TagPage}
  1967. Showing files filed under "<span class="tag">{Tag}</span>"
  1968. {/block:TagPage}
  1969. {block:SearchPage}
  1970. Showing files containing "<span class="tag">{SearchQuery}</span>"
  1971. {/block:SearchPage}
  1972. {block:NextPage}
  1973. <a href="{NextPage}"><span class="fas fa-long-arrow-alt-right"></span></a>
  1974. {/block:NextPage}
  1975. </div>
  1976.  
  1977. </div>
  1978.  
  1979. {/block:Pagination}
  1980.  
  1981. {block:PostNotes}
  1982. <div data-aos="fade-up" data-aos-once="true">
  1983. <div class="pn-title">interactions</div>
  1984. {PostNotes-64}
  1985. </div>
  1986. {/block:PostNotes}
  1987.  
  1988. </section>
  1989.  
  1990. </div>
  1991.  
  1992. <article class="desc">
  1993. <div class="desc-inner">
  1994. <div class="buttons">
  1995. <img src="{PortraitURL-40}">
  1996. <a href="/archive"><span class="button"><span class="lnr lnr-cog" aria-hidden="true"></span></span></a>
  1997. <a href="http://tumblr.com/dashboard"><span class="button"><span class="lnr lnr-power-switch" aria-hidden="true"></span></span></a>
  1998. </div>
  1999. <div class="text">
  2000. {Description}
  2001. </div>
  2002. </div>
  2003. </article>
  2004.  
  2005. <article class="search">
  2006. <div class="search-inner">
  2007. <div class="suggestions">
  2008. {block:ifFirstSuggestionTitle}
  2009. <a href="{text:First Suggestion URL}"><span class="fas fa-hashtag" aria-hidden="true"></span>{text:First Suggestion Title}</a>
  2010. {/block:ifFirstSuggestionTitle}
  2011. {block:ifSecondSuggestionTitle}
  2012. <a href="{text:Second Suggestion URL}"><span class="fas fa-hashtag" aria-hidden="true"></span>{text:Second Suggestion Title}</a>
  2013. {/block:ifSecondSuggestionTitle}
  2014. {block:ifThirdSuggestionTitle}
  2015. <a href="{text:Third Suggestion URL}"><span class="fas fa-hashtag" aria-hidden="true"></span>{text:Third Suggestion Title}</a>
  2016. {/block:ifThirdSuggestionTitle}
  2017. </div>
  2018. <span class="lnr lnr-magnifier" aria-hidden="true"></span>
  2019. <form action="/search" method="get" class="sb" autocomplete="off">
  2020. <input type="search" name="q" placeholder="Search this blog" class="sinput">
  2021. </form>
  2022. </div>
  2023. </article>
  2024.  
  2025. {block:ifUpdatesTab}
  2026. <article class="comments">
  2027. <div class="comments-inner">
  2028.  
  2029. {block:ifUpdate1}
  2030. <div class="comment">
  2031. <img src="{PortraitURL-64}"><div class="title">{Name}</div>
  2032. <div class="text">
  2033. {text:Update 1}
  2034. </div>
  2035. </div>
  2036. {/block:ifUpdate1}
  2037.  
  2038. {block:ifUpdate2}
  2039. <div class="comment">
  2040. <img src="{PortraitURL-64}"><div class="title">{Name}</div>
  2041. <div class="text">
  2042. {text:Update 2}
  2043. </div>
  2044. </div>
  2045. {/block:ifUpdate2}
  2046.  
  2047. {block:ifUpdate3}
  2048. <div class="comment">
  2049. <img src="{PortraitURL-64}"><div class="title">{Name}</div>
  2050. <div class="text">
  2051. {text:Update 3}
  2052. </div>
  2053. </div>
  2054. {/block:ifUpdate3}
  2055.  
  2056. </div>
  2057. </article>
  2058. {/block:ifUpdatesTab}
  2059.  
  2060. <footer>
  2061.  
  2062. <a href="#" title="About this system"><span class="icon first"><span class="fab fa-microsoft" aria-hidden="true"></span></span></a>
  2063.  
  2064. <a href="#" title="Search this system"><span class="icon second"><span class="lnr lnr-magnifier" aria-hidden="true"></span></span></a>
  2065.  
  2066. <nav>
  2067.  
  2068. <a href="/" title="Back to desktop"><span class="icon"><span class="fas fa-home" aria-hidden="true"></span></span></a>
  2069.  
  2070. <a href="/ask" title="Send a message"><span class="icon"><span class="fas fa-envelope" aria-hidden="true"></span></span></a>
  2071.  
  2072. {block:ifLink1Title}
  2073. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}"><span class="icon"><span class="fas {select:Link 1 Icon}" aria-hidden="true"></span></span></a>
  2074. {/block:ifLink1Title}
  2075. {block:ifLink2Title}
  2076. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}"><span class="icon"><span class="fas {select:Link 2 Icon}" aria-hidden="true"></span></span></a>
  2077. {/block:ifLink2Title}
  2078. {block:ifLink3Title}
  2079. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}"><span class="icon"><span class="fas {select:Link 3 Icon}" aria-hidden="true"></span></span></a>
  2080. {/block:ifLink3Title}
  2081. {block:ifLink4Title}
  2082. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}"><span class="icon"><span class="fas {select:Link 4 Icon}" aria-hidden="true"></span></span></a>
  2083. {/block:ifLink4Title}
  2084.  
  2085. </nav>
  2086.  
  2087. <article class="right">
  2088. <span class="fas fa-battery-{select:Battery Volume}" aria-hidden="true"></span>
  2089. <div class="info">
  2090. <span id="time"></span>
  2091. <span id="date"></span>
  2092. </div>
  2093. {block:ifNotUpdatesTab}
  2094. <a title="no new notifications" style="cursor:default;"><span class="far fa-comment-alt" aria-hidden="true"></span></a>
  2095. {/block:ifNotUpdatesTab}
  2096. {block:ifUpdatesTab}<a href="#" class="icon third" title="New notifications"><span class="fas fa-comment-alt" aria-hidden="true"></span></a>{/block:ifUpdatesTab}
  2097. </article>
  2098.  
  2099. </footer>
  2100.  
  2101. <!-- DO NOT TOUCH THIS -->
  2102.  
  2103. <div id="credz" data-aos="fade" data-aos-once="true">
  2104. <a href="http://cactusthemes.tumblr.com" title="theme by cactusthemes">
  2105. <div class="ci">
  2106. <img src="https://static.tumblr.com/uxq3xua/6i1p5p058/cactus_icon_green.png">
  2107. </div>
  2108. </a>
  2109. </div>
  2110.  
  2111. <div class="scroll"><span class="fas fa-long-arrow-alt-up" aria-hidden="true"></span><br>go up</div>
  2112.  
  2113. </body>
  2114.  
  2115. <script src="https://static.tumblr.com/uxq3xua/bI7px2b19/cactusthemeslaptopgen.js"></script>
  2116.  
  2117. {block:ifNotAmericanDate}
  2118. <script src="https://static.tumblr.com/uxq3xua/Z7kp9b3p6/cactusthemeseudate.js"></script>
  2119. {/block:ifNotAmericanDate}
  2120.  
  2121. {block:ifAmericanDate}
  2122. <script src="https://static.tumblr.com/uxq3xua/5MFp9b3lw/cactusthemesamdate.js"></script>
  2123. {/block:ifAmericanDate}
  2124.  
  2125. <script src="https://static.tumblr.com/uxq3xua/cyPp9b3k4/cactusthemeslaptoptoggles.js"></script>
  2126.  
  2127. <script>
  2128. $(document).ready(function(){
  2129.     var currentPage = location.pathname;
  2130. switch(currentPage){
  2131.     case "/ask":
  2132.         $('nav > a[href="/ask"] > .icon').addClass("current active");
  2133.         break;
  2134.     case "{text:Link 1 URL}":
  2135.         $('nav > a[href="{text:Link 1 URL}"] > .icon').addClass("current active");
  2136.         break;
  2137.     case "{text:Link 2 URL}":
  2138.         $('nav > a[href="{text:Link 2 URL}"] > .icon').addClass("current active");
  2139.         break;
  2140.     case "{text:Link 3 URL}":
  2141.         $('nav > a[href="{text:Link 3 URL}"] > .icon').addClass("current active");
  2142.         break;
  2143.     case "{text:Link 4 URL}":
  2144.         $('nav > a[href="{text:Link 4 URL}"] > .icon').addClass("current active");
  2145.         break;
  2146.     default:
  2147.         $('nav > a[href="/"] > .icon').addClass("current active");
  2148.         break;
  2149. }
  2150.     $('.tag').each(function(){
  2151.         $(this).text($(this).text().replace(/ /g, '{select:Spaces Tags}'));
  2152.     });
  2153.     $.get("https://{Name}.tumblr.com/api/read/json", () => {
  2154.         var count = $('#posts .post').length;
  2155.         var low = count * {CurrentPage} - (count - 1);
  2156.         var high = count * {CurrentPage};
  2157.         var total = (tumblr_api_read['posts-total']);
  2158.         if ({CurrentPage} == {TotalPages}) {
  2159.             $('.pagi .total').append('<p>Showing ' + (total - count + 1) + ' through ' + total + ' of ' + total + ' files</p>');  
  2160.         } else {
  2161.             $('.pagi .total').append('<p>Showing ' + low + ' through ' + high + ' of ' + total + ' files </p>');
  2162.         }
  2163.     });
  2164.     {block:IfFadeInEffect}
  2165.     AOS.init({
  2166.         duration: 1000
  2167.     })
  2168.     {/block:IfFadeInEffect}
  2169.     {block:ifUpdatesTab}
  2170.     $('.icon.third').click(function(){
  2171.     $('.comments').slideToggle(300);
  2172.     $('.comments').toggleClass("open");
  2173.     $(this).toggleClass("active");
  2174.     if ($(this).hasClass("active")) {
  2175.         $('.icon.current').removeClass("active");
  2176.     } else if ($(this).attr('class').indexOf('active') < 0) {
  2177.        $('.icon.current').addClass("active");
  2178.    }
  2179.    if ($('.desc').hasClass("open")) {
  2180.        $('.desc').slideToggle(300);
  2181.        $('.desc').removeClass("open");
  2182.        $('.icon.first').removeClass("active");
  2183.    } else if ($('.search').hasClass("open")) {
  2184.        $('.search').slideToggle(300);
  2185.        $('.search').removeClass("open");
  2186.        $('.icon.second').removeClass("active");
  2187.    }
  2188.        return false;
  2189.    });
  2190.    {/block:ifUpdatesTab}
  2191. });
  2192. </script>
  2193.  
  2194. <script src="https://static.tumblr.com/uxq3xua/j0zp8onbz/typeit.min.js"></script>
  2195.  
  2196. <script src="https://static.tumblr.com/uxq3xua/y27p9gnh8/cactusthemeslaptoptypingscript.js"></script>
  2197.  
  2198. </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!