API tools faq
paste
Advertisement
Sky_Blue

LET'S F****NG GOOOOO theme

Sky_Blue
Jul 15th, 2020 (edited)
1,567
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 47.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. LET'S F*****G GOOOOO THEME by @puella
  7.  
  8. hello... <3
  9.  
  10. pastebin is making me censor f*****g lmao
  11.  
  12. don't remove credit or i'll erase you from existance
  13.  
  14. ----->
  15.  
  16. <meta charset="utf-8">
  17. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.    
  22. <title>{Title}</title>
  23.        
  24. <link rel="shortcut icon" href="{image:favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  27.  
  28. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  29.  
  30. {block:ifsmoothscrolling}
  31. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  32. {/block:ifsmoothscrolling}
  33.  
  34. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  35. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  36. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  37.  
  38. <!--- GOOGLE FONTS --->
  39. <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
  40. <link href="https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@700&display=swap" rel="stylesheet">
  41. <!--- --->
  42.        
  43. <meta name="image:favicon" content=""/>
  44. <meta name="image:icon" content=""/>
  45. <meta name="image:background" content=""/>
  46. <meta name="image:post background" content=""/>
  47. <meta name="image:container background" content=""/>
  48. <meta name="image:description background" content=""/>
  49. <meta name="image:links background" content=""/>
  50. <meta name="image:nav background" content=""/>
  51. <meta name="image:tags background" content=""/>
  52. <meta name="image:footer background" content=""/>
  53. <meta name="image:footer pixel" content=""/>
  54. <meta name="image:right image" content=""/>
  55. <meta name="image:left image" content=""/>
  56.  
  57. <meta name="color:background" content=""/>
  58. <meta name="color:container background" content=""/>
  59. <meta name="color:description background" content=""/>
  60. <meta name="color:footer background" content=""/>
  61. <meta name="color:post background" content=""/>
  62. <meta name="color:header border color" content=""/>
  63. <meta name="color:inner border color" content=""/>
  64. <meta name="color:container border color" content=""/>
  65. <meta name="color:button border color" content=""/>
  66. <meta name="color:gradient one" content=""/>
  67. <meta name="color:gradient two" content=""/>
  68. <meta name="color:text" content=""/>
  69. <meta name="color:title" content=""/>
  70. <meta name="color:title hover" content=""/>
  71. <meta name="color:title glow" content=""/>
  72. <meta name="color:title glow hover" content=""/>
  73. <meta name="color:title outline" content=""/>
  74. <meta name="color:title outline hover" content=""/>
  75. <meta name="color:links" content=""/>
  76. <meta name="color:links hover" content=""/>
  77. <meta name="color:links glow" content=""/>
  78. <meta name="color:links glow hover" content=""/>
  79. <meta name="color:links outline" content=""/>
  80. <meta name="color:links outline hover" content=""/>
  81. <meta name="color:links background" content=""/>
  82. <meta name="color:nav background" content=""/>
  83. <meta name="color:tags background" content=""/>
  84. <meta name="color:box glow" content=""/>
  85. <meta name="color:hover background" content=""/>
  86. <meta name="color:selection background" content=""/>
  87. <meta name="color:selection text" content=""/>
  88.  
  89. <meta name="if:smooth scrolling" content="1"/>
  90. <meta name="if:redirect" content=""/>
  91. <meta name="if:rainbow title" content=""/>
  92. <meta name="if:rainbow links" content=""/>
  93. <meta name="if:gradient links" content=""/>
  94. <meta name="if:gradient title" content=""/>
  95. <meta name="if:title glow" content=""/>
  96. <meta name="if:title outline" content=""/>
  97. <meta name="if:links glow" content=""/>
  98. <meta name="if:links outline" content=""/>
  99. <meta name="if:hover blur" content=""/>
  100. <meta name="if:captions" content=""/>
  101. <meta name="if:rainbow borders" content=""/>
  102. <meta name="if:gradient borders" content=""/>
  103. <meta name="if:round borders" content=""/>
  104. <meta name="if:box glow" content=""/>
  105. <meta name="if:box hover glow" content=""/>
  106. <meta name="if:grayscale header" content=""/>
  107. <meta name="if:background cover" content=""/>
  108. <meta name="if:post background cover" content=""/>
  109. <meta name="if:container background cover" content=""/>
  110. <meta name="if:tags" content="1"/>
  111. <meta name="if:flip right image" content=""/>
  112. <meta name="if:flip left image" content=""/>
  113.  
  114. <meta name="select:header border style" content="solid"/>
  115. <meta name="select:header border style" content="dashed"/>
  116. <meta name="select:header border style" content="dotted"/>
  117. <meta name="select:header border style" content="double"/>
  118. <meta name="select:header border style" content="inset"/>
  119. <meta name="select:header border style" content="outset"/>
  120. <meta name="select:header border style" content="groove"/>
  121. <meta name="select:header border style" content="ridge"/>
  122. <meta name="select:container border style" content="solid"/>
  123. <meta name="select:container border style" content="dashed"/>
  124. <meta name="select:container border style" content="dotted"/>
  125. <meta name="select:container border style" content="double"/>
  126. <meta name="select:container border style" content="inset"/>
  127. <meta name="select:container border style" content="outset"/>
  128. <meta name="select:container border style" content="groove"/>
  129. <meta name="select:container border style" content="ridge"/>
  130. <meta name="select:inner border style" content="solid"/>
  131. <meta name="select:inner border style" content="dashed"/>
  132. <meta name="select:inner border style" content="dotted"/>
  133. <meta name="select:inner border style" content="double"/>
  134. <meta name="select:inner border style" content="inset"/>
  135. <meta name="select:inner border style" content="outset"/>
  136. <meta name="select:inner border style" content="groove"/>
  137. <meta name="select:inner border style" content="ridge"/>
  138. <meta name="select:button border style" content="solid"/>
  139. <meta name="select:button border style" content="dashed"/>
  140. <meta name="select:button border style" content="dotted"/>
  141. <meta name="select:button border style" content="double"/>
  142. <meta name="select:button border style" content="inset"/>
  143. <meta name="select:button border style" content="outset"/>
  144. <meta name="select:button border style" content="groove"/>
  145. <meta name="select:button border style" content="ridge"/>
  146.  
  147. <meta name="text:font size" content="30"/>
  148. <meta name="text:font" content=""/>
  149. <meta name="text:title size" content="50"/>
  150. <meta name="text:title font" content=""/>
  151. <meta name="text:title" content=""/>
  152. <meta name="text:description" content=""/>
  153. <meta name="text:link 1" content=""/>
  154. <meta name="text:link 1 url" content=""/>
  155. <meta name="text:link 2" content=""/>
  156. <meta name="text:link 2 url" content=""/>
  157. <meta name="text:link 3" content=""/>
  158. <meta name="text:link 3 url" content=""/>
  159. <meta name="text:header border width" content="5"/>
  160. <meta name="text:inner border width" content="5"/>
  161. <meta name="text:container border width" content="5"/>
  162. <meta name="text:button border width" content="5"/>
  163. <meta name="text:nav width" content="430"/>
  164. <meta name="text:next" content="โ†’"/>
  165. <meta name="text:previous" content="โ†"/>
  166. <meta name="text:redirect" content=""/>
  167.        
  168. <style type="text/css">
  169.  
  170. /* DOWNLOADED FONTS */
  171. @font-face{
  172.     font-family: 'DEAD END';
  173.     src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
  174. }
  175. @font-face{
  176.     font-family: 'Decibil';
  177.     src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
  178. }
  179. @font-face{
  180.     font-family: 'Aachen';
  181.     src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
  182. }
  183. @font-face{
  184.     font-family: 'Hearts';
  185.     src: url(https://static.tumblr.com/pvnotae/i9rqdjgpb/heart.ttf);
  186. }
  187. /* DOWNLOADED FONTS */
  188.  
  189. ::selection {
  190. background: {color:selection background};
  191. color:{color:selection text};
  192. }
  193.  
  194. ::-moz-selection {
  195. background: {color:selection background};
  196. color:{color:selection text};
  197. }
  198.  
  199. ::-webkit-scrollbar {
  200. width: 16px;
  201. height: 10px;
  202. }
  203.  
  204. ::-webkit-scrollbar-thumb {
  205. background-color: #fff;
  206. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  207. border-top: 1px solid #bdbdbd;
  208. border-left: 1px solid #bdbdbd;
  209. border-right: 1px solid black;
  210. border-bottom: 1px solid black;
  211. }
  212.  
  213. ::-webkit-scrollbar-track {
  214. background-color: #fff;
  215. background-image: url(https://i.imgur.com/IGXGYKz.png);
  216. }
  217.  
  218. ::-webkit-scrollbar-button:vertical:increment {
  219. background-image: url(https://i.imgur.com/WhC8iy3.png);
  220. width: 14px;
  221. height: 16px;
  222. border-top: 1px solid #bdbdbd;
  223. border-left: 1px solid #bdbdbd;
  224. border-right: 1px solid black;
  225. border-bottom: 1px solid black;
  226. }
  227.  
  228. ::-webkit-scrollbar-button:vertical:decrement {
  229. background-image: url(https://i.imgur.com/fQ18mrR.png);
  230. border-top: 1px solid #bdbdbd;
  231. border-left: 1px solid #bdbdbd;
  232. border-right: 1px solid black;
  233. border-bottom: 1px solid black;
  234. width: 14px;
  235. height: 16px;
  236. }
  237.  
  238. #s-m-t-tooltip {
  239.     z-index:99999999999999999;
  240.     background-color: {color:post background};
  241.     max-width: 300px;
  242.     margin: 20px;
  243.     padding: 5px;
  244.     color:{color:text};
  245.     border:{text:inner border width}px {select:inner border style} {color:inner border color};
  246.     {block:ifroundborders}
  247.     border-radius:5px;
  248.     {/block:ifroundborders}
  249.    
  250.     {block:ifrainbowborders}
  251.     border: {text:inner border width}px {select:inner border style} transparent;
  252.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  253.     border-image-slice: 1;
  254.     {block:ifroundborders}
  255.     border-radius:5px;
  256.     background-image:url(https://i.imgur.com/GK9LBut.gif), url();
  257.     {/block:ifroundborders}
  258.     {/block:ifrainbowborders}
  259.    
  260.     {block:ifgradientborders}
  261.     border: {text:inner border width}px {select:inner border style} transparent;
  262.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  263.     border-image-slice: 1;
  264.     {block:ifroundborders}
  265.     border-radius:5px;
  266.     background-image:url(https://i.imgur.com/GK9LBut.gif), url();
  267.     {/block:ifroundborders}
  268.     {/block:ifgradientborders}
  269.  
  270.     {block:ifboxglow}
  271.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  272.     {/block:ifboxglow}
  273.    
  274.     {block:ifboxhoverglow}
  275.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  276.     {/block:ifboxhoverglow}
  277. }
  278.  
  279. body {
  280.     margin:0px;
  281.     background:{color:background};
  282.     background-image: url('{image:background}');
  283.     {block:ifbackgroundcover}
  284.     background-size: cover;
  285.     {/block:ifbackgroundcover}
  286.     {block:ifnotbackgroundcover}
  287.     background-repeat:repeat;
  288.     {/block:ifnotbackgroundcover}
  289.     background-attachment:fixed;
  290.     font-family:{text:font};
  291.     font-size:{text:font size}px;
  292.     color:{color:text};
  293. }
  294.  
  295. p{
  296.     margin:0 0 0px 0;
  297.     padding:0;
  298. }
  299.  
  300. pre {
  301.     white-space: pre-wrap;
  302.     white-space: -moz-pre-wrap;
  303.     white-space: -pre-wrap;
  304.     white-space: -o-pre-wrap;
  305.     word-wrap: break-word;
  306. }
  307.  
  308. a{
  309.     text-decoration:none;
  310.     color:{color:links};
  311.     {block:ifnotrainbowlinks}
  312.     {block:ifnotgradientlinks}
  313.     color:{color:links};
  314.     {block:iflinksglow}
  315.     text-shadow:0 0 2px rgb({RGBcolor:links glow}, 0.75),0 0 2px rgb({RGBcolor:links glow}, 0.75),0 0 2px rgb({RGBcolor:links glow}, 0.75), 0 0 2px rgb({RGBcolor:links glow}, 0.75);
  316.     {/block:iflinksglow}
  317.     {block:iflinksoutline}
  318.     text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  319.     {/block:iflinksoutline}
  320.     transition:0.5s;
  321.     {/block:ifnotgradientlinks}
  322.     {/block:ifnotrainbowlinks}
  323.     transition:0.5s;
  324.    
  325.     {block:ifrainbowlinks}
  326.     background-image: linear-gradient(to left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  327.     -webkit-background-clip:text;
  328.     color:transparent;
  329.     {/block:ifrainbowlinks}
  330.    
  331.     {block:ifgradientlinks}
  332.     background-image: linear-gradient(to right, {color:gradient one} 0%, {color:gradient two} 100%);
  333.     -webkit-background-clip:text;
  334.     color:transparent;
  335.     {/block:ifgradientlinks}
  336. }
  337.  
  338. a:hover{
  339.     {block:ifnotrainbowlinks}
  340.     {block:ifnotgradientlinks}
  341.     color:{color:links hover};
  342.     {block:iflinksglow}
  343.     text-shadow:0 0 2px rgb({RGBcolor:links glow hover}, 0.75),0 0 2px rgb({RGBcolor:links glow hover}, 0.75),0 0 2px rgb({RGBcolor:links glow hover}, 0.75),0 0 2px rgb({RGBcolor:links glow hover}, 0.75);
  344.     {/block:iflinksglow}
  345.     {block:iflinksoutline}
  346.     text-shadow: -1px 0 {color:links outline hover}, 0 1px {color:links outline hover}, 1px 0 {color:links outline hover}, 0 -1px           {color:links outline hover};
  347.     {/block:iflinksoutline}
  348.     transition:0.5s;
  349.     {/block:ifnotgradientlinks}
  350.     {/block:ifnotrainbowlinks}
  351.     {block:ifhoverblur}
  352.     -webkit-filter: blur(.9px);
  353.     {/block:ifhoverblur}
  354.     cursor:help;
  355.     transition:0.5s;
  356. }
  357.  
  358. a.tumblr_blog{
  359.     display:inline-block;
  360.     margin-bottom:5px;
  361.     z-index:100;
  362.     position:relative;
  363. }
  364.  
  365. li{
  366.     margin-left:-15px;
  367. }
  368.  
  369. #wrapper{
  370.     width:fit-content;
  371.     height:fit-content;
  372.     width: -moz-fit-content;
  373.     height: -moz-fit-content;
  374.     position:fixed;
  375.     display: inline-block;
  376.     top: 0;
  377.     bottom: 0;
  378.     left: 0;
  379.     right: 0;
  380.     margin: auto;
  381.     {block:iffadeinout}
  382.     animation: fadeEffect 1s;
  383.     {block:iffadeinout}
  384. }
  385.  
  386. @keyframes fadeEffect {
  387.   from {opacity: 0;}
  388.   to {opacity: 1;}
  389. }
  390.  
  391. #content{
  392.     padding-bottom:20px;
  393. }
  394.  
  395. #title{
  396.     text-align:center;
  397.     max-width:calc(500px + ({text:header border width}px * 2));
  398.     font-size:{text:title size}px;
  399.     font-family:{text:title font};
  400.     position:relative;
  401.     margin-bottom:5px;
  402.     z-index:101;
  403.     {block:ifrainbowtitle}
  404.     background-image: linear-gradient(to left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  405.     -webkit-background-clip:text;
  406.     color:transparent;
  407.     {/block:ifrainbowtitle}
  408.    
  409.     {block:ifgradienttitle}
  410.     background-image: linear-gradient(to right, {color:gradient one} 0%, {color:gradient two} 100%);
  411.     -webkit-background-clip:text;
  412.     color:transparent;
  413.     {/block:ifgradienttitle}
  414. }
  415.  
  416. #title a{
  417.     {block:ifnotrainbowtitle}
  418.     {block:ifnotgradienttitle}
  419.     color:{color:title};
  420.     {block:iftitleglow}
  421.     text-shadow:0 0 2px rgb({RGBcolor:title glow}, 0.75),0 0 2px rgb({RGBcolor:title glow}, 0.75),0 0 2px rgb({RGBcolor:title glow}, 0.75), 0 0 2px rgb({RGBcolor:title glow}, 0.75);
  422.     {/block:iftitleglow}
  423.     {block:iftitleoutline}
  424.     text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
  425.     transition:0.5s;
  426.     {/block:iftitleoutline}
  427.     {/block:ifnotgradienttitle}
  428.     {/block:ifnotrainbowtitle}
  429. }
  430.  
  431. #title a:hover{
  432.     {block:ifnotrainbowtitle}
  433.     {block:ifnotgradienttitle}
  434.     color:{color:title hover};
  435.     {block:iftitleglow}
  436.     text-shadow:0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75),0 0 2px rgb({RGBcolor:title glow hover}, 0.75);
  437.     {/block:iftitleglow}
  438.     {block:iftitleoutline}
  439.     text-shadow: -1px 0 {color:title outline hover}, 0 1px {color:title outline hover}, 1px 0 {color:title outline hover}, 0 -1px {color:title outline hover};
  440.     {/block:iftitleoutline}
  441.     transition:0.5s;
  442.     {/block:ifnotgradienttitle}
  443.     {/block:ifnotrainbowtitle}
  444.     {block:ifhoverblur}
  445.     -webkit-filter: blur(.9px);
  446.     {/block:ifhoverblur}
  447.     cursor:help;
  448. }
  449.  
  450. #header{
  451.     width:500px;
  452.     text-align:center;
  453.     {block:ifroundborders}
  454.     border-radius:5px;
  455.     {/block:ifroundborders}
  456.     border: {text:header border width}px {select:header border style} {color:header border color};
  457.     overflow:hidden;
  458.    
  459.     {block:ifrainbowborders}
  460.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  461.     border-image-slice: 1;
  462.     {block:ifroundborders}
  463.     border-radius:5px;
  464.     background-image:url(https://i.imgur.com/GK9LBut.gif), url();
  465.     {/block:ifroundborders}
  466.     {/block:ifrainbowborders}
  467.    
  468.     {block:ifgradientborders}
  469.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  470.     border-image-slice: 1;
  471.     {block:ifroundborders}
  472.     border-radius:5px;
  473.     background-image:url(https://i.imgur.com/GK9LBut.gif), url();
  474.     {/block:ifroundborders}
  475.     {/block:ifgradientborders}
  476.    
  477.     {block:ifboxglow}
  478.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  479.     {/block:ifboxglow}
  480.    
  481.     transition:0.2s;
  482.     -o-transition: 0.2s ease-in-out;
  483.     -webkit-transition: 0.2s ease-in-out;
  484.     -moz-transition: 0.2s ease-in-out;
  485.    
  486.     display:inline-block;
  487.     position:relative;
  488. }
  489.  
  490. {block:ifboxhoverglow}
  491. #header:hover{
  492.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  493.     transition:0.2s;
  494.     -o-transition: 0.2s ease-in-out;
  495.     -webkit-transition: 0.2s ease-in-out;
  496.     -moz-transition: 0.2s ease-in-out;
  497. }
  498. {/block:ifboxhoverglow}
  499.  
  500. #header:after {
  501.     content:"";
  502.     position: absolute;
  503.     z-index: 200;
  504.     top: 0;
  505.     bottom: 0;
  506.     left: 50%;
  507.     border-left: {text:header border width}px {select:header border style} {color:header border color};
  508.     transform: translate(-50%);
  509.     background-color:{color:description background};
  510.    
  511.     {block:ifrainbowborders}
  512.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  513.     border-image-slice: 1;
  514.     {/block:ifrainbowborders}
  515.    
  516.     {block:ifgradientborders}
  517.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  518.     border-image-slice: 1;
  519.     {/block:ifgradientborders}
  520. }
  521.  
  522. #header img{
  523.     width:250px;
  524.     height:250px;
  525.     box-sizing: border-box;
  526.     float:left;
  527.     {block:ifroundborders}
  528.     border-radius:5px 0px 0px 5px;
  529.     {/block:ifroundborders}
  530.     {block:ifgrayscaleheader}
  531.     filter: grayscale(100%);
  532.     {/block:ifgrayscaleheader}
  533.     position:relative;
  534.     z-index:-2;
  535.     margin-bottom:-10px;
  536.    
  537. }
  538.  
  539. #links1, #links2, #links3{
  540.     text-align:center;
  541.     padding:10px;
  542.     min-width:75px;
  543.     margin:5px;
  544.    
  545.     {block:ifroundborders}
  546.     border-radius:5px;
  547.     {/block:ifroundborders}
  548.     border: {text:button border width}px {select:button border style} {color:button border color};
  549.    
  550.     {block:ifrainbowborders}
  551.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  552.     border-image-slice: 1;
  553.     {block:ifroundborders}
  554.     border-radius:5px;
  555.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:links background});
  556.     background-attachment: fixed;
  557.     {/block:ifroundborders}
  558.     {block:ifnotroundborders}
  559.     background-image: url('{image:links background}');
  560.     {/block:ifnotroundborders}
  561.     background-color:{color:links background};
  562.     background-attachment: fixed;
  563.     {/block:ifrainbowborders}
  564.    
  565.     {block:ifgradientborders}
  566.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  567.     border-image-slice: 1;
  568.     {block:ifroundborders}
  569.     border-radius:5px;
  570.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:links background});
  571.     background-attachment: fixed;
  572.     {/block:ifroundborders}
  573.     {block:ifnotroundborders}
  574.     background-image: url('{image:links background}');
  575.     {/block:ifnotroundborders}
  576.     background-color:{color:links background};
  577.     background-attachment: fixed;
  578.     {/block:ifgradientborders}
  579.    
  580.     {block:ifnotrainbowborders}
  581.     {block:ifnotgradientborders}
  582.     background-color:{color:links background};
  583.     background-image: url('{image:links background}');
  584.     background-attachment: fixed;
  585.     {/block:ifnotgradientborders}
  586.     {/block:ifnotrainbowborders}
  587.    
  588.     {block:ifboxglow}
  589.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  590.     {/block:ifboxglow}
  591.    
  592.     transition:0.2s;
  593.     -o-transition: 0.2s ease-in-out;
  594.     -webkit-transition: 0.2s ease-in-out;
  595.     -moz-transition: 0.2s ease-in-out;
  596. }
  597.  
  598. {block:ifboxhoverglow}
  599. #links1:hover, #links2:hover, #links3:hover{
  600.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  601.     transition:0.2s;
  602.     -o-transition: 0.2s ease-in-out;
  603.     -webkit-transition: 0.2s ease-in-out;
  604.     -moz-transition: 0.2s ease-in-out;
  605. }
  606. {/block:ifboxhoverglow}
  607.  
  608. #headerlinks{
  609.     position:relative;
  610.     width:250px;
  611.     height:250px;
  612.     float:left;
  613. }
  614.  
  615. #hoverlinks{
  616.     position: absolute;
  617.     top: 0;
  618.     bottom: 0;
  619.     left: 0;
  620.     right: 0;
  621.     background: rgb({RGBcolor:hover background}, .3);
  622.     display: flex;
  623.     flex-direction:column;
  624.     align-items: center;
  625.     justify-content: center;
  626.     visibility: hidden;
  627.     opacity: 0;
  628.     transition: opacity .2s, visibility .2s;
  629.     z-index:-1;
  630. }
  631.  
  632. #headerlinks:hover #hoverlinks{
  633.     visibility: visible;
  634.     opacity: 1;
  635.     z-index:102;
  636. }
  637.  
  638. #description{
  639.     text-align:center;
  640.     float:left;
  641.     width:250px;
  642.     height:250px;
  643.     overflow:auto;
  644.     box-sizing:border-box;
  645.     padding:10px;
  646.     line-height:100%;
  647.     background-color:{color:description background};
  648.     background-image:url('{image:description background}');
  649.     background-attachment: fixed;
  650. }
  651.  
  652. #container{
  653.     margin:16px auto;
  654.     width:calc(500px + ({text:header border width}px + 5px));
  655.     height:415px;
  656.     padding-top:30px;
  657.     {block:PermalinkPage}
  658.     padding-bottom:30px;
  659.     {/block:PermalinkPage}
  660.     overflow:auto;
  661.     box-sizing:border-box;
  662.     {block:ifroundborders}
  663.     border-radius:5px;
  664.     {/block:ifroundborders}
  665.     border:{text:container border width}px {select:container border style} {color:container border color};
  666.    
  667.     {block:ifrainbowborders}
  668.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  669.     border-image-slice: 1;
  670.     {block:ifroundborders}
  671.     border-radius:5px;
  672.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:container background});
  673.     background-attachment: fixed;
  674.     {/block:ifroundborders}
  675.     {block:ifnotroundborders}
  676.     background-image: url('{image:container background}');
  677.     {/block:ifnotroundborders}
  678.     background-color:{color:container background};
  679.     {block:ifcontainerbackgroundcover}
  680.     background-size: cover;
  681.     {/block:ifcontainerbackgroundcover}
  682.     {block:ifnotcontainerbackgroundcover}
  683.     background-repeat:repeat;
  684.     {/block:ifnotcontainerbackgroundcover}
  685.     background-attachment: fixed;
  686.     {/block:ifrainbowborders}
  687.    
  688.     {block:ifgradientborders}
  689.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  690.     border-image-slice: 1;
  691.     {block:ifroundborders}
  692.     border-radius:5px;
  693.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:container background});
  694.     background-attachment: fixed;
  695.     {/block:ifroundborders}
  696.     {block:ifnotroundborders}
  697.     background-image: url('{image:container background}');
  698.     {/block:ifnotroundborders}
  699.     background-color:{color:container background};
  700.     {block:ifcontainerbackgroundcover}
  701.     background-size: cover;
  702.     {/block:ifcontainerbackgroundcover}
  703.     {block:ifnotcontainerbackgroundcover}
  704.     background-repeat:repeat;
  705.     {/block:ifnotcontainerbackgroundcover}
  706.     background-attachment: fixed;
  707.     {/block:ifgradientborders}
  708.    
  709.     {block:ifnotrainbowborders}
  710.     {block:ifnotgradientborders}
  711.     background-color:{color:container background};
  712.     background-image: url('{image:container background}');
  713.     {block:ifcontainerbackgroundcover}
  714.     background-size: cover;
  715.     {/block:ifcontainerbackgroundcover}
  716.     {block:ifnotcontainerbackgroundcover}
  717.     background-repeat:repeat;
  718.     {/block:ifnotcontainerbackgroundcover}
  719.     background-attachment: fixed;
  720.     {/block:ifnotgradientborders}
  721.     {/block:ifnotrainbowborders}
  722.    
  723.     {block:ifboxglow}
  724.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  725.     {/block:ifboxglow}
  726.    
  727.     transition:0.2s;
  728.     -o-transition: 0.2s ease-in-out;
  729.     -webkit-transition: 0.2s ease-in-out;
  730.     -moz-transition: 0.2s ease-in-out;
  731. }
  732.  
  733. {block:ifboxhoverglow}
  734. #container:hover{
  735.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  736.     transition:0.2s;
  737.     -o-transition: 0.2s ease-in-out;
  738.     -webkit-transition: 0.2s ease-in-out;
  739.     -moz-transition: 0.2s ease-in-out;
  740. }
  741. {/block:ifboxhoverglow}
  742.  
  743. .post{
  744.     width:400px;
  745.     padding:10px;
  746.     {block:ifroundborders}
  747.     border-radius:5px;
  748.     {/block:ifroundborders}
  749.     border:{text:inner border width}px {select:inner border style} {color:inner border color};
  750.     position:relative;
  751.     word-wrap:break-word;
  752.     margin:0px auto;
  753.    
  754.     {block:ifrainbowborders}
  755.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  756.     border-image-slice: 1;
  757.     {block:ifroundborders}
  758.     border-radius:5px;
  759.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:post background});
  760.     {/block:ifroundborders}
  761.     {block:ifnotroundborders}
  762.     background-image: url('{image:post background}');
  763.     {/block:ifnotroundborders}
  764.     background-color:{color:post background};
  765.     {block:ifpostbackgroundcover}
  766.     background-size: cover;
  767.     {/block:ifpostbackgroundcover}
  768.     {block:ifnotpostbackgroundcover}
  769.     background-repeat:repeat;
  770.     {/block:ifnotpostbackgroundcover}
  771.     {/block:ifrainbowborders}
  772.    
  773.     {block:ifgradientborders}
  774.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  775.     border-image-slice: 1;
  776.     {block:ifroundborders}
  777.     border-radius:5px;
  778.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:post background});
  779.     {/block:ifroundborders}
  780.     {block:ifnotroundborders}
  781.     background-image: url('{image:post background}');
  782.     {/block:ifnotroundborders}
  783.     background-color:{color:post background};
  784.     {block:ifpostbackgroundcover}
  785.     background-size: cover;
  786.     {/block:ifpostbackgroundcover}
  787.     {block:ifnotpostbackgroundcover}
  788.     background-repeat:repeat;
  789.     {/block:ifnotpostbackgroundcover}
  790.     {/block:ifgradientborders}
  791.    
  792.     {block:ifnotrainbowborders}
  793.     {block:ifnotgradientborders}
  794.     background-color:{color:post background};
  795.     background-image: url('{image:post background}');
  796.     {block:ifpostbackgroundcover}
  797.     background-size: cover;
  798.     {/block:ifpostbackgroundcover}
  799.     {block:ifnotpostbackgroundcover}
  800.     background-repeat:repeat;
  801.     {/block:ifnotpostbackgroundcover}
  802.     {/block:ifnotgradientborders}
  803.     {/block:ifnotrainbowborders}
  804.    
  805.     {block:ifboxglow}
  806.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  807.     {/block:ifboxglow}
  808.    
  809.     transition:0.2s;
  810.     -o-transition: 0.2s ease-in-out;
  811.     -webkit-transition: 0.2s ease-in-out;
  812.     -moz-transition: 0.2s ease-in-out;
  813. }
  814.  
  815. {block:ifboxhoverglow}
  816. .post:hover{
  817.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  818.     transition:0.2s;
  819.     -o-transition: 0.2s ease-in-out;
  820.     -webkit-transition: 0.2s ease-in-out;
  821.     -moz-transition: 0.2s ease-in-out;
  822. }
  823. {/block:ifboxhoverglow}
  824.  
  825. .post img{
  826.     max-width:100%;
  827.     height:auto;
  828.     position:relative;
  829.     z-index:100;
  830.     {block:ifroundborders}
  831.     border-radius:5px;
  832.     {/block:ifroundborders}
  833. }
  834.  
  835. .post img:hover{
  836.     {block:ifhoverblur}
  837.     -webkit-filter: blur(.9px);
  838.     {/block:ifhoverblur}
  839. }
  840.  
  841. .footer{
  842.     text-align:center;
  843.     padding:10px;
  844.     width:400px;
  845.     {block:IndexPage}
  846.     margin:10px auto 30px;
  847.     {/block:IndexPage}
  848.     {block:PermalinkPage}
  849.     margin:10px auto;
  850.     {/block:PermalinkPage}
  851.     {block:ifroundborders}
  852.     border-radius:5px;
  853.     {/block:ifroundborders}
  854.     position:relative;
  855.     z-index:100;
  856.     border:{text:inner border width}px {select:inner border style} {color:inner border color};
  857.    
  858.     {block:ifrainbowborders}
  859.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  860.     border-image-slice: 1;
  861.     {block:ifroundborders}
  862.     border-radius:5px;
  863.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:footer background});
  864.     {/block:ifroundborders}
  865.     {block:ifnotroundborders}
  866.     background-image: url('{image:footer background}');
  867.     {/block:ifnotroundborders}
  868.     background-color:{color:footer background};
  869.     {/block:ifrainbowborders}
  870.    
  871.     {block:ifgradientborders}
  872.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  873.     border-image-slice: 1;
  874.     {block:ifroundborders}
  875.     border-radius:5px;
  876.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:footer background});
  877.     {/block:ifroundborders}
  878.     {block:ifnotroundborders}
  879.     background-image: url('{image:footer background}');
  880.     {/block:ifnotroundborders}
  881.     background-color:{color:footer background};
  882.     {/block:ifgradientborders}
  883.    
  884.     {block:ifnotrainbowborders}
  885.     {block:ifnotgradientborders}
  886.     background-color:{color:footer background};
  887.     background-image: url('{image:footer background}');
  888.     {/block:ifnotgradientborders}
  889.     {/block:ifnotrainbowborders}
  890.    
  891.     {block:ifboxglow}
  892.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  893.     {/block:ifboxglow}
  894.    
  895.     transition:0.2s;
  896.     -o-transition: 0.2s ease-in-out;
  897.     -webkit-transition: 0.2s ease-in-out;
  898.     -moz-transition: 0.2s ease-in-out;
  899. }
  900.  
  901. {block:ifboxhoverglow}
  902. .footer:hover{
  903.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  904.     transition:0.2s;
  905.     -o-transition: 0.2s ease-in-out;
  906.     -webkit-transition: 0.2s ease-in-out;
  907.     -moz-transition: 0.2s ease-in-out;
  908. }
  909. {/block:ifboxhoverglow}
  910.  
  911. #nav{
  912.     width:{text:nav width}px;
  913.     margin:10px auto;
  914. }
  915.  
  916. #navbutton{
  917.     margin:5px 0px 30px 0px;
  918.    
  919.     border:{text:button border width}px {select:button border style} {color:button border color};
  920.     padding:10px;
  921.     {block:ifroundborders}
  922.     border-radius:5px;
  923.     {/block:ifroundborders}
  924.     {block:ifrainbowborders}
  925.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  926.     border-image-slice: 1;
  927.     {block:ifroundborders}
  928.     border-radius:5px;
  929.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:nav background});
  930.     {/block:ifroundborders}
  931.     {block:ifnotroundborders}
  932.     background-image: url('{image:nav background}');
  933.     {/block:ifnotroundborders}
  934.     background-color:{color:nav background};
  935.     {/block:ifrainbowborders}
  936.    
  937.     {block:ifgradientborders}
  938.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  939.     border-image-slice: 1;
  940.     {block:ifroundborders}
  941.     border-radius:5px;
  942.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:nav background});
  943.     {/block:ifroundborders}
  944.     {block:ifnotroundborders}
  945.     background-image: url('{image:nav background}');
  946.     {/block:ifnotroundborders}
  947.     background-color:{color:nav background};
  948.     {/block:ifgradientborders}
  949.    
  950.     {block:ifnotrainbowborders}
  951.     {block:ifnotgradientborders}
  952.     background-color:{color:nav background};
  953.     background-image: url('{image:nav background}');
  954.     {/block:ifnotgradientborders}
  955.     {/block:ifnotrainbowborders}
  956.    
  957.     {block:ifboxglow}
  958.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  959.     {/block:ifboxglow}
  960.    
  961.     transition:0.2s;
  962.     -o-transition: 0.2s ease-in-out;
  963.     -webkit-transition: 0.2s ease-in-out;
  964.     -moz-transition: 0.2s ease-in-out;
  965. }
  966.  
  967. {block:ifboxhoverglow}
  968. #navbutton:hover{
  969.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  970.     transition:0.2s;
  971.     -o-transition: 0.2s ease-in-out;
  972.     -webkit-transition: 0.2s ease-in-out;
  973.     -moz-transition: 0.2s ease-in-out;
  974. }
  975. {/block:ifboxhoverglow}
  976.  
  977. video{
  978.     max-width:100%;
  979.     height:auto!important;
  980. }
  981.  
  982. .video-container {
  983.     overflow: hidden;
  984. }
  985.        
  986. .video-container iframe,
  987. .video-container object,
  988. .video-container embed {
  989.     position: center;
  990.     max-width: 400px;
  991.     max-height: 400px;
  992. }
  993.        
  994. .video-wrapper {
  995.     max-width: 400px;
  996.     max-height: 400px;
  997.  
  998. }
  999.  
  1000. .media{
  1001.     margin:0 0 -7px 0;
  1002.     text-align:center;
  1003.     position:relative;
  1004. }
  1005.  
  1006. .media:hover{
  1007.     {block:ifhoverblur}
  1008.     -webkit-filter: blur(.9px);
  1009.     {/block:ifhoverblur}
  1010. }
  1011.  
  1012. .title{
  1013.     font-size:{text:title size}px;
  1014.     font-weight:bold;
  1015.     margin:10px 0 10px 0;
  1016.     color:{color:text};
  1017. }
  1018.  
  1019. h1, h2, h3, h4, h5, h6{
  1020.     font-size:{text:title size};
  1021.     font-weight:bold;
  1022.     margin:10px 0 10px 0;
  1023.     color:{color:text};
  1024. }
  1025.  
  1026. .quote{
  1027.     font-weight:normal;
  1028.     font-size:{text:font size};
  1029.     font-style:italic;
  1030.     margin:0 0 10px 0;
  1031. }
  1032.  
  1033. .question{
  1034.     margin-bottom:10px;
  1035.     padding:10px;
  1036.     border:{text:inner border width}px {select:inner border style} {color:inner border color};
  1037.     {block:ifroundborders}
  1038.     border-radius:5px;
  1039.     {/block:ifroundborders}
  1040.    
  1041.     {block:ifrainbowborders}
  1042.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1043.     border-image-slice: 1;
  1044.     {block:ifroundborders}
  1045.     border-radius:5px;
  1046.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:footer background});
  1047.     {/block:ifroundborders}
  1048.     {block:ifnotroundborders}
  1049.     background-image: url({image:footer background});
  1050.     {/block:ifnotroundborders}
  1051.     background-color:{color:footer background};
  1052.     {/block:ifrainbowborders}
  1053.    
  1054.     {block:ifgradientborders}
  1055.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  1056.     border-image-slice: 1;
  1057.     {block:ifroundborders}
  1058.     border-radius:5px;
  1059.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:footer background});
  1060.     {/block:ifroundborders}
  1061.     {block:ifnotroundborders}
  1062.     background-image: url({image:footer background});
  1063.     {/block:ifnotroundborders}
  1064.     background-color:{color:footer background};
  1065.     {/block:ifgradientborders}
  1066.    
  1067.     {block:ifnotrainbowborders}
  1068.     {block:ifnotgradientborders}
  1069.     background-color:{color:footer background};
  1070.     background-image: url('{image:footer background}');
  1071.     {/block:ifnotgradientborders}
  1072.     {/block:ifnotrainbowborders}
  1073. }
  1074.  
  1075. .caption{
  1076.     margin-top:19px;
  1077.     z-index:100;
  1078.     position:relative;
  1079. }
  1080.  
  1081. .postnotes{
  1082.     width:400px;
  1083.     height:200px;
  1084.     overflow:auto;
  1085.     padding:10px;
  1086.     margin:0px auto;
  1087.     {block:ifroundborders}
  1088.     border-radius:5px;
  1089.     {/block:ifroundborders}
  1090.     position:relative;
  1091.     z-index:100;
  1092.     word-wrap:break-word;
  1093.     border:{text:inner border width}px {select:inner border style} {color:inner border color};
  1094.    
  1095.     {block:ifrainbowborders}
  1096.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1097.     border-image-slice: 1;
  1098.     {block:ifroundborders}
  1099.     border-radius:5px;
  1100.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:footer background});
  1101.     {/block:ifroundborders}
  1102.     {block:ifnotroundborders}
  1103.     background-image: url({image:footer background});
  1104.     {/block:ifnotroundborders}
  1105.     background-color:{color:footer background};
  1106.     {/block:ifrainbowborders}
  1107.    
  1108.     {block:ifgradientborders}
  1109.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  1110.     border-image-slice: 1;
  1111.     {block:ifroundborders}
  1112.     border-radius:5px;
  1113.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:footer background});
  1114.     {/block:ifroundborders}
  1115.     {block:ifnotroundborders}
  1116.     background-image: url({image:footer background});
  1117.     {/block:ifnotroundborders}
  1118.     background-color:{color:footer background};
  1119.     {/block:ifgradientborders}
  1120.    
  1121.     {block:ifnotrainbowborders}
  1122.     {block:ifnotgradientborders}
  1123.     background-color:{color:footer background};
  1124.     background-image: url('{image:footer background}');
  1125.     {/block:ifnotgradientborders}
  1126.     {/block:ifnotrainbowborders}
  1127.    
  1128.     {block:ifboxglow}
  1129.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  1130.     {/block:ifboxglow}
  1131.    
  1132.     transition:0.2s;
  1133.     -o-transition: 0.2s ease-in-out;
  1134.     -webkit-transition: 0.2s ease-in-out;
  1135.     -moz-transition: 0.2s ease-in-out;
  1136. }
  1137.  
  1138. {block:ifboxhoverglow}
  1139. .postnotes:hover{
  1140.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  1141.     transition:0.2s;
  1142.     -o-transition: 0.2s ease-in-out;
  1143.     -webkit-transition: 0.2s ease-in-out;
  1144.     -moz-transition: 0.2s ease-in-out;
  1145. }
  1146. {/block:ifboxhoverglow}
  1147.  
  1148. blockquote{
  1149.     margin:0px 0 10px 10px;
  1150.     padding:0 0 0 10px;
  1151.     border-radius:5px;
  1152.     border-left:dotted 0.5px {color:text};
  1153. }
  1154.  
  1155. blockquote img{
  1156.     {block:ifroundborders}
  1157.     border-radius:5px
  1158.     {/block:ifroundborders}
  1159. }
  1160.  
  1161. ol.notes{
  1162.     list-style-type:none;
  1163.     padding:0;
  1164.     margin:0;
  1165. }
  1166.  
  1167. ol.notes li.note img{
  1168.     width:16px;
  1169.     height:16px;
  1170.     margin-right:3px;
  1171. }
  1172.  
  1173. ol.notes li.note{
  1174.     margin:0px;
  1175. }
  1176.  
  1177. .rightimage{
  1178.     position:fixed;
  1179.     bottom:0px;
  1180.     right:0px;
  1181.     {block:iffliprightimage}
  1182.     -webkit-transform: scaleX(-1);
  1183.     transform: scaleX(-1);
  1184.     {/block:iffliprightimage}
  1185. }
  1186.  
  1187. .leftimage{
  1188.     position:fixed;
  1189.     bottom:0px;
  1190.     left:0px;
  1191.     {block:ifflipleftimage}
  1192.     -webkit-transform: scaleX(-1);
  1193.     transform: scaleX(-1);
  1194.     {/block:ifflipleftimage}
  1195. }
  1196.  
  1197. {block:iftags}
  1198. .tags {
  1199.     position: absolute;
  1200.     top: 0;
  1201.     bottom: 0;
  1202.     left: 0;
  1203.     right: 0;
  1204.     display: flex;
  1205.     align-items: center;
  1206.     justify-content: center;
  1207.     opacity: 0;
  1208.     z-index: 200;
  1209.     text-align:center;
  1210.     background: rgb({RGBcolor:hover background}, .3);
  1211.     transition: opacity .2s, visibility .2s;
  1212. }
  1213.  
  1214. .scroll-container {
  1215.   margin: auto;
  1216.   max-height: 100%;
  1217.   overflow: auto;
  1218. }
  1219.  
  1220. .flex-container {
  1221.   display: flex;
  1222.   flex-direction: column;
  1223.   justify-content: center;
  1224. }
  1225.  
  1226. .tagsbutton{
  1227.     text-align:center;
  1228.     padding:10px;
  1229.     margin:5px;
  1230.    
  1231.     {block:ifroundborders}
  1232.     border-radius:5px;
  1233.     {/block:ifroundborders}
  1234.     border: {text:button border width}px {select:button border style} {color:button border color};
  1235.    
  1236.     {block:ifrainbowborders}
  1237.     border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1238.     border-image-slice: 1;
  1239.     {block:ifroundborders}
  1240.     border-radius:5px;
  1241.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:tags background});
  1242.     background-attachment: fixed;
  1243.     {/block:ifroundborders}
  1244.     {block:ifnotroundborders}
  1245.     background-image: url('{image:tags background}');
  1246.     {/block:ifnotroundborders}
  1247.     background-color:{color:tags background};
  1248.     background-attachment: fixed;
  1249.     {/block:ifrainbowborders}
  1250.    
  1251.     {block:ifgradientborders}
  1252.     border-image: linear-gradient(to bottom right, {color:gradient one} 0%, {color:gradient two} 100%);
  1253.     border-image-slice: 1;
  1254.     {block:ifroundborders}
  1255.     border-radius:5px;
  1256.     background-image:url(https://i.imgur.com/GK9LBut.gif), url({image:tags background});
  1257.     background-attachment: fixed;
  1258.     {/block:ifroundborders}
  1259.     {block:ifnotroundborders}
  1260.     background-image: url('{image:tags background}');
  1261.     {/block:ifnotroundborders}
  1262.     background-color:{color:tags background};
  1263.     background-attachment: fixed;
  1264.     {/block:ifgradientborders}
  1265.    
  1266.     {block:ifnotrainbowborders}
  1267.     {block:ifnotgradientborders}
  1268.     background-color:{color:tags background};
  1269.     background-image: url('{image:tags background}');
  1270.     background-attachment: fixed;
  1271.     {/block:ifnotgradientborders}
  1272.     {/block:ifnotrainbowborders}
  1273.    
  1274.     {block:ifboxglow}
  1275.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  1276.     {/block:ifboxglow}
  1277.    
  1278.     transition:0.2s;
  1279.     -o-transition: 0.2s ease-in-out;
  1280.     -webkit-transition: 0.2s ease-in-out;
  1281.     -moz-transition: 0.2s ease-in-out;
  1282. }
  1283.  
  1284. {block:ifboxhoverglow}
  1285. .tagsbutton:hover{
  1286.     box-shadow: 0px 0px 5px rgb({RGBcolor:box glow}, 0.75);
  1287.     transition:0.2s;
  1288.     -o-transition: 0.2s ease-in-out;
  1289.     -webkit-transition: 0.2s ease-in-out;
  1290.     -moz-transition: 0.2s ease-in-out;
  1291. }
  1292. {/block:ifboxhoverglow}
  1293.  
  1294. .post:hover .tags {
  1295.       opacity: 1;
  1296. }
  1297. {/block:iftags}
  1298.  
  1299. {block:ifnotrainbowlinks}
  1300. {block:ifnotgradientlinks}
  1301. .heartbeat:hover{
  1302.     animation: heartbeat 1s infinite;
  1303. }
  1304.  
  1305. @keyframes heartbeat
  1306. {
  1307.   0%
  1308.   {
  1309.     transform: scale( .90 );
  1310.   }
  1311.   20%
  1312.   {
  1313.     transform: scale( 1 );
  1314.   }
  1315.   40%
  1316.   {
  1317.     transform: scale( .90 );
  1318.   }
  1319.   60%
  1320.   {
  1321.     transform: scale( 1 );
  1322.   }
  1323.   80%
  1324.   {
  1325.     transform: scale( .90 );
  1326.   }
  1327.   100%
  1328.   {
  1329.     transform: scale( .90 );
  1330.   }
  1331. }
  1332. {/block:ifnotgradientlinks}
  1333. {/block:ifnotrainbowlinks}
  1334.  
  1335. {CustomCSS}
  1336. </style>
  1337. </head>
  1338.  
  1339. <body>
  1340.  
  1341. <div class="rightimage"><img src="{image:right image}"></div>
  1342. <div class="leftimage"><img src="{image:left image}"></div>
  1343.  
  1344. {block:ifredirect}
  1345. {block:IndexPage}
  1346. <script type="text/javascript">
  1347.     var url = location.href;
  1348.     if (url == "{BlogURL}") {
  1349.         window.location = "{BlogURL}tagged/{text:redirect}";
  1350.     }
  1351. </script>
  1352. {/block:IndexPage}
  1353. {/block:ifredirect}
  1354.  
  1355. <div id="wrapper">
  1356.  
  1357. <div id="title"><a href="/">{text:title}</a></div>
  1358.  
  1359. <div id="header">
  1360. <div id="headerlinks">
  1361. <img src="{image:icon}">
  1362. <div id="hoverlinks">
  1363. <div id="links1"><a href="{text:link 1 url}">{text:link 1}</a></div>
  1364. <div id="links2"><a href="{text:link 2 url}">{text:link 2}</a></div>
  1365. <div id="links3"><a href="{text:link 3 url}">{text:link 3}</a></div>
  1366. </div></div>
  1367. <div id="description">
  1368. {text:description}
  1369. </div>
  1370. </div>
  1371.  
  1372. <div id="container">
  1373. <div id="content">
  1374. {block:Posts}
  1375.  
  1376. <div class="post">
  1377.  
  1378. {block:Text}
  1379. {block:Title}
  1380. <div class="title">{Title}</div>
  1381. {/block:Title}
  1382. {Body}
  1383. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1384. {/block:Text}
  1385.  
  1386. {block:Photo}
  1387. <div class="media" style="z-index:100;">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1388. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  1389. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1390. {/block:Photo}
  1391.  
  1392. {block:Photoset}
  1393. <div class="media" style="z-index:100;">{Photoset-400}</div>
  1394. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  1395. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1396. {/block:Photoset}
  1397.  
  1398. {block:Quote}
  1399. <div class="quote">"{Quote}"</div>
  1400. {block:Source}
  1401. <div class="quotesource">{Source}</div>
  1402. {/block:Source}
  1403. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1404. {/block:Quote}
  1405.  
  1406. {block:Link}
  1407. <div class="title"><a href="{URL}">{Name}</a></div>
  1408. {block:Description}
  1409. <div class="description">{Description}</div>
  1410. {/block:Description}
  1411. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1412. {/block:Link}
  1413.  
  1414. {block:Chat}
  1415. {block:Title}
  1416. <div class="title">{Title}</div>
  1417. {/block:Title}
  1418.  
  1419. {block:Lines}
  1420. <div class="{Alt} user_{UserNumber}">
  1421. {block:Label}
  1422. <b>{Label}</b>{/block:Label}
  1423. &nbsp;{Line}
  1424. </div>
  1425. {/block:Lines}
  1426. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1427. {/block:Chat}
  1428.  
  1429. {block:Video}
  1430. <div class="media" style="margin-bottom:10px"><div class="video-wrapper">
  1431. <div class="video-container">{video-400}</div>
  1432. </div></div>
  1433. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  1434. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1435. {/block:Video}
  1436.  
  1437. {block:Audio}
  1438. <div class="media" style="margin-bottom:-90px">
  1439. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-400}</div></div>{/block:AudioEmbed}
  1440. </div>
  1441. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  1442. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1443. {/block:Audio}
  1444.                
  1445. {block:Answer}
  1446. <div class="question">{Asker}: {Question}</div>
  1447. {Answer}
  1448. {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div class="tagsbutton">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
  1449. {/block:Answer}
  1450.  
  1451. </div>
  1452.  
  1453. {block:Date}
  1454. <div class="footer">
  1455. <div style="display:inline-block; width:6%; float:left"><a href="{Permalink}" title="{notecount}%">{24hourwithzero}:{minutes}</a></div>
  1456. <div style="display:inline-block;"><img src="{image:footer pixel}"></div>
  1457. <div style="display:inline-block;float:right"><a href="{ReblogURL}" class="reblog" target="_blank" title="reblog">โ†ป</a></div>
  1458.  
  1459. <!-- {block:NoRebloggedFrom}
  1460. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1461. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  1462. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1463. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1464. {/block:ContentSource}
  1465.  
  1466. </div>
  1467.  
  1468. {block:PermalinkPage}
  1469. {block:NoteCount}
  1470. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  1471. {/block:NoteCount}
  1472. {/block:Date}
  1473. {/block:PermalinkPage}
  1474. {/block:Date}
  1475.  
  1476. {/block:Posts}
  1477.  
  1478. {block:Pagination}
  1479. <div id="nav">
  1480. {block:PreviousPage}<div id="navbutton" style="float:left;"><a href="{PreviousPage}">{text:previous}</a></div>{/block:PreviousPage}
  1481.  
  1482. {block:NextPage}<div id="navbutton" style="float:right;"><a href="{NextPage}">{text:next}</a></div>{/block:NextPage}
  1483. </div>
  1484. {/block:Pagination}
  1485. </div>
  1486. </div>
  1487. </div>
  1488.  
  1489.  
  1490.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1491.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1492.  
  1493. <a href="https://puella.tumblr.com" title="by @puella" style="position:fixed;left:12px;bottom:-12px;font-size:20px;"><div class="heartbeat"><3</div>๏ธ</a>
  1494.  
  1495.     </body>
  1496. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!