API tools faq
paste
ninchuser

Theme 8 - Summer Night Horizon - cactusthemes

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