togahimiko

the word is you theme

Jun 6th, 2020
1,041
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. THE WORD IS YOU THEME BY ANNIE @NOODLE
  6.  
  7. The Word × Is × You (ヒトコト×ハ×ソノヒト, Hitokoto × Ha × Sonohito) is the 134th episode of the Hunter × Hunter 2011 series. It first aired on June 18th, 2014. Welfin finally utters the name of Komugi and the secret Shaiapouf was trying so hard to protect now is finally revealed with Meruem regaining all of his memories about Komugi. Happy pride month.
  8.  
  9. rainbow border credit (tho i slightly edited it & used the gradient for the links as well): https://codepen.io/unnegative/pen/dVwYBq
  10. ----->
  11.  
  12. {block:ifrainbowtitle}
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var speed=100; // speed colours change, 1 second = 1000
  16. var glow=2; // can be set from '0' for no glow, to 10
  17. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  18. var alink="/"; // page to link text to (set to ="" for no link)
  19.  
  20. /****************************
  21. *    Rainbow Text Effect    *
  22. *(c)2003-13 mf2fm web-design*
  23. *  http://www.mf2fm.com/rv  *
  24. * DON'T EDIT BELOW THIS BOX *
  25. ****************************/
  26. var rainbow, raintxt, raincnt=0;
  27.  
  28. function addLoadEvent(funky) {
  29.  var oldonload=window.onload;
  30.  if (typeof(oldonload)!='function') window.onload=funky;
  31.  else window.onload=function() {
  32.    if (oldonload) oldonload();
  33.    funky();
  34.  }
  35. }
  36.  
  37. addLoadEvent(regenbogen);
  38.  
  39. function regenbogen() { if (document.getElementById) {
  40.  var i, rainbeau;
  41.  rainbow=document.getElementById("rainbow");
  42.  raintxt=rainbow.firstChild.nodeValue;
  43.  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  44.  for (i=0; i<raintxt.length; i++) {
  45.    rainbeau=document.createElement("span");
  46.    rainbeau.setAttribute("id", "rain"+i);
  47.    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  48.    if (alink) {
  49.      
  50.      rainbeau.onclick=function() { top.location.href=alink; }
  51.    }
  52.    rainbow.appendChild(rainbeau);
  53.  }
  54.  rainbow=setInterval ("raining()", speed);
  55. }}
  56.  
  57. function raining() {
  58.  var i, c;
  59.  for (i=0; i<raintxt.length; i++) {
  60.    c=raincol[(i+raincnt)%raincol.length];
  61.    document.getElementById("rain"+i).style.color=c;
  62.     if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  63.  }
  64.  raincnt++;
  65. }
  66. // ]]>
  67. </script>
  68. {/block:ifrainbowtitle}
  69.  
  70. <script src="https://kit.fontawesome.com/dcb82e2ab6.js"></script>
  71.  
  72.  
  73. <meta charset="utf-8">
  74. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  75. {block:Description}
  76. <meta name="description" content="{MetaDescription}" />
  77. {/block:Description}
  78.    
  79. <title>{Title}</title>
  80.        
  81. <link rel="shortcut icon" href="{image:favicon}">
  82. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  83. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  84.  
  85. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  86.  
  87. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><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>
  88.  
  89. <link href="https://fonts.googleapis.com/css?family=Akronim|Amita|Bangers|Chewy|Creepster|Cute+Font|Dancing+Script|Do+Hyeon|Eater|Ewert|Faster+One|Finger+Paint|Frijole|Gamja+Flower|Gugi|Homemade+Apple|Inconsolata|Jua|Karla|Kirang+Haerang|Kosugi|Kosugi+Maru|Monofett|Monoton|Nanum+Brush+Script|Nosifer|Noto+Sans+SC|Permanent+Marker|Press+Start+2P|Raleway+Dots|Roboto|Short+Stack|Single+Day|Sniglet|Special+Elite|Sunflower|VT323|Zilla+Slab+Highlight&display=swap" rel="stylesheet">
  90.  
  91. <meta name="image:favicon">
  92. <meta name="image:custom cursor">
  93. <meta name="image:sidebar">
  94. <meta name="image:bg">
  95. <meta name="image:outsides">
  96. <meta name="image:side image">
  97. <meta name="color:bg">
  98. <meta name="color:outsides" content="#777">
  99. <meta name="color:insides" content="#fff">
  100. <meta name="color:text">
  101. <meta name="color:link">
  102. <meta name="color:link hover">
  103. <meta name="color:text glow">
  104. <meta name="color:link glow">
  105. <meta name="color:border color" content="#000">
  106. <meta name="color:inside border color" content="#000">
  107. <meta name="color:selection bg">
  108. <meta name="color:selection text">
  109.  
  110.  
  111. <meta name="select:link decoration" content="none">
  112. <meta name="select:link decoration" content="underline">
  113. <meta name="select:border style" content="solid">
  114. <meta name="select:border style" content="dashed">
  115. <meta name="select:border style" content="dotted">
  116. <meta name="select:border style" content="double">
  117. <meta name="select:border style" content="inset">
  118. <meta name="select:border style" content="outset">
  119. <meta name="select:border style" content="groove">
  120. <meta name="select:border style" content="ridge">
  121. <meta name="select:inside border style" content="solid">
  122. <meta name="select:inside border style" content="dashed">
  123. <meta name="select:inside border style" content="dotted">
  124. <meta name="select:inside border style" content="double">
  125. <meta name="select:inside border style" content="inset">
  126. <meta name="select:inside border style" content="outset">
  127. <meta name="select:inside border style" content="groove">
  128. <meta name="select:inside border style" content="ridge">
  129. <meta name="if:rainbowborder">
  130. <meta name="if:inside rainbowborder">
  131.  
  132. <meta name="if:custom cursor">
  133. <meta name="if:round">
  134. <meta name="if:shadowy">
  135. <meta name="if:blur">
  136. <meta name="if:bold links">
  137. <meta name="if:text glow">
  138. <meta name="if:link glow">
  139. <meta name="if:link border">
  140. <meta name="if:rainbow links">
  141. <meta name="if:rainbowtitle">
  142. <meta name="if:hover tags">
  143. <meta name="if:cover outsides bg">
  144. <meta name="if:cover bg">
  145. <meta name="if:hover tags">
  146. <meta name="if:captions">
  147. <meta name="if:redirect">
  148.  
  149. <meta name="text:font size" content="25">
  150. <meta name="text:font" content="arial">
  151. <meta name="text:title font" content="bangers">
  152. <meta name="text:title" content="TITLE">
  153. <meta name="text:info link url" content="/abt">
  154. <meta name="text:search" content="go google it">
  155. <meta name="text:border width" content="4">
  156. <meta name="text:inside border width" content="2">
  157. <meta name="text:image margin left" content="0"/>
  158. <meta name="text:image margin bottom" content="0"/>
  159. <meta name="text:image width">
  160. <meta name="text:redirect" content=""/>
  161.  
  162.        
  163. <style type="text/css">
  164.  
  165. @font-face {font-family:"pokemon"; src: url("https://dl.dropboxusercontent.com/s/d9hz0y1y7o8xgbk/Pokemon%20GB.ttf?dl=0")}
  166. @font-face {font-family:"nintendo ds"; src: url("https://dl.dropboxusercontent.com/s/j571mthzfwzqkce/Nintendo-DS-BIOS.ttf?dl=00")}
  167. @font-face {font-family:"dn2"; src: url("https://dl.dropboxusercontent.com/s/xhykp9q64q3jkbe/DEATHNOTEFont.ttf?dl=0")}
  168. @font-face {font-family:"dn1"; src: url("https://dl.dropboxusercontent.com/s/cui6sayi7n6i240/DEATH_FONT.TTF?dl=0")}
  169. @font-face {
  170. font-family:"saved by zero";
  171. src: url("https://static.tumblr.com/pf2nptu/e0nq95q1o/saved_by_zero_rg.ttf")
  172. }
  173.  
  174. ::selection {
  175. background: {color:selection bg};
  176. color:{color:selection text};
  177. }
  178. ::-moz-selection {
  179. background: {color:selection bg};
  180. color:{color:selection text};
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184. width: 16px;
  185. height: 10px;
  186. }
  187. ::-webkit-scrollbar-thumb {
  188. background-color: #fff;
  189. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  190. border-top: 1px solid #bdbdbd;
  191. border-left: 1px solid #bdbdbd;
  192. border-right: 1px solid black;
  193. border-bottom: 1px solid black;
  194. }
  195. ::-webkit-scrollbar-track {
  196. background-color: #fff;
  197. background-image: url(https://i.imgur.com/IGXGYKz.png);
  198. }
  199. ::-webkit-scrollbar-button:vertical:increment {
  200. background-image: url(https://i.imgur.com/WhC8iy3.png);
  201. width: 14px;
  202. height: 16px;
  203. border-top: 1px solid #bdbdbd;
  204. border-left: 1px solid #bdbdbd;
  205. border-right: 1px solid black;
  206. border-bottom: 1px solid black;
  207. }
  208. ::-webkit-scrollbar-button:vertical:decrement {
  209. background-image: url(https://i.imgur.com/fQ18mrR.png);
  210. border-top: 1px solid #bdbdbd;
  211. border-left: 1px solid #bdbdbd;
  212. border-right: 1px solid black;
  213. border-bottom: 1px solid black;
  214. width: 14px;
  215. height: 16px;
  216. }
  217.  
  218.     .tooltip {
  219. display: inline;
  220. position: relative;
  221. }
  222.  
  223.  #s-m-t-tooltip {
  224.         z-index:99999999999999999;
  225. background-color:rgba(0,0,0,0.5);
  226. color:white;
  227. text-shadow: -1px 0  black, 0 1px  black, 1px 0 black, 0 -1px black;
  228.         max-width: 250px;
  229.         margin: 20px;
  230.         padding:5px;
  231.         transition: 0.1s;
  232.         text-align:center;
  233.         {block:ifround}
  234. border-radius:5px;
  235. {/block:ifround}
  236. {block:ifshadowy}
  237. -webkit-filter: drop-shadow(0 0 3px #000);
  238. {/block:ifshadowy}
  239.     }
  240.  
  241. body {
  242. background-color: {color:bg};
  243. background-image: url('{image:bg}');
  244.         {block:ifnotcoverbg}
  245.         background-repeat: repeat;
  246.         background-attachment: fixed;
  247.         {/block:ifnotcoverbg}
  248.         {block:ifcoverbg}
  249.         background-size: cover;
  250.         background-attachment: fixed;
  251.         {/block:ifcoverbg}
  252. font-family:{text:font};
  253. font-size:{text:font size}px;
  254. color:{color:text};
  255. {block:iftextglow}
  256. text-shadow:0 0 2px {color:text glow};
  257. {/block:iftextglow}
  258. word-wrap:break-word;
  259. }
  260.  
  261. p{
  262. margin:0 0 10px 0;
  263. padding:0;
  264. }
  265.  
  266. pre {
  267. white-space: pre-wrap;
  268. white-space: -moz-pre-wrap;
  269. white-space: -pre-wrap;
  270. white-space: -o-pre-wrap;
  271. word-wrap: break-word;
  272. }
  273.  
  274. a{
  275. {block:ifrainbowlinks}
  276.   background: -webkit-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  277.   -webkit-background-clip: text;
  278.   -webkit-text-fill-color: transparent;
  279. {block:iflinkborder}
  280. -webkit-text-stroke: 0.5px {color:link glow};
  281. {/block:iflinkborder}
  282. {/block:ifrainbowlinks}    
  283. {block:ifnotrainbowlinks}    
  284. color:{color:link};
  285. {block:iflinkglow}
  286. text-shadow:-1px 0 {color:link glow}, 0 1px {color:link glow}, 1px 0 {color:link glow}, 0 -1px {color:link glow}, 0 0 3px {color:link glow}, 0 0 6px {color:link glow};
  287. {/block:iflinkglow}
  288. {block:iflinkborder}
  289. text-shadow: 1px 0 0 {color:link glow},
  290.     0 1px 0 {color:link glow},
  291.     -1px 0 0 {color:link glow},
  292.     0 -1px 0 {color:link glow},
  293.     1px 1px 0 {color:link glow},
  294.     -1px 1px 0 {color:link glow},
  295.     -1px -1px 0 {color:link glow},
  296.     1px -1px 0 {color:link glow};
  297. {/block:iflinkborder}
  298. {/block:ifnotrainbowlinks}
  299. text-decoration: {select:link decoration};
  300. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks}
  301. }
  302.  
  303. a:hover{
  304. color:{color:link hover};
  305. {block:iflinkglow}
  306. text-shadow:-1px 0 {color:link glow}, 0 1px {color:link glow}, 1px 0 {color:link glow}, 0 -1px {color:link glow}, 0 0 3px {color:link glow}, 0 0 6px {color:link glow}, 0 0.5px {color:link glow}, 0 1px {color:link glow}, 0 1.5px {color:link glow},0 2px {color:link glow},0 2.5px {color:link glow},0 3px {color:link glow},0 3.5px {color:link glow},0 4px {color:link glow}, 0 4.5px {color:link glow}, 0 5px 6px{color:link glow};
  307. {/block:iflinkglow}
  308. {block:ifnotrainbowlinks}
  309. {block:iflinkborder}
  310. text-shadow: 1px 0 0 {color:link glow},
  311.     0 1px 0 {color:link glow},
  312.     -1px 0 0 {color:link glow},
  313.     0 -1px 0 {color:link glow},
  314.     1px 1px 0 {color:link glow},
  315.     -1px 1px 0 {color:link glow},
  316.     -1px -1px 0 {color:link glow},
  317.     1px -1px 0 {color:link glow}, 0 0.5px {color:link glow}, 0 1px {color:link glow}, 0 1.5px {color:link glow},0 2px {color:link glow},0 2.5px {color:link glow},0 3px {color:link glow},0 3.5px {color:link glow},0 4px {color:link glow}, 0 4.5px {color:link glow}, 0 5px {color:link glow};
  318. {/block:iflinkborder}
  319. {/block:ifnotrainbowlinks}
  320. {block:ifrainbowlinks}
  321.   background: -webkit-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  322.   -webkit-background-clip: text;
  323.   -webkit-text-fill-color: transparent;
  324. {/block:ifrainbowlinks}
  325. transition: 0.2s;
  326. }
  327.  
  328. li{
  329. margin-left:-15px;
  330. }
  331.  
  332. #wrapper{
  333. width:901px;
  334. margin: 0 auto;
  335. margin-top:75px;
  336. }
  337.  
  338. #sidebar{
  339. margin-top:130px;
  340. width:300px;
  341. padding:20px;
  342. position:fixed;
  343. text-align:center;
  344. {block:ifround}
  345. border-radius:5px;
  346. {/block:ifround}
  347. background: {color:outsides};
  348. background-image: url('{image:outsides}');
  349. {block:ifnotcoveroutsidesbg}
  350.         background-repeat: repeat;
  351.         background-attachment: fixed;
  352.         {/block:ifnotcoveroutsidesbg}
  353.         {block:ifcoveroutsidesbg}
  354.         background-size: cover;
  355.         background-attachment: fixed;
  356.         {/block:ifcoveroutsidesbg}
  357. border: {text:border width}px {select:border style} {color:border color};
  358. {block:ifshadowy}
  359. -webkit-filter: drop-shadow(0 0 3px #000);
  360. {/block:ifshadowy}
  361.   {block:ifrainbowborder}
  362.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  363.   border-image-slice: 1;
  364. {/block:ifrainbowborder}
  365. box-sizing: border-box;  
  366. height:370px;
  367. }
  368.  
  369. #sidebar img{
  370. box-sizing: border-box;    
  371. {block:ifround}
  372. border-radius:5px;
  373. {/block:ifround}
  374. width:100%;
  375. background: {color:insides};
  376. background-image: url('{image:insides}');
  377. border: {text:inside border width}px {select:inside border style} {color:inside border color};
  378.   {block:ifinsiderainbowborder}
  379.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  380.   border-image-slice: 1;
  381. {/block:ifinsiderainbowborder}
  382. }
  383.  
  384. {block:ifblur}
  385. #sidebar img:hover{
  386.       -webkit-filter: blur(2px);
  387.       -o-transition: all 0.4s ease-out;
  388. -webkit-transition: all 0.4s ease-out;
  389. -moz-transition: all 0.4s ease-out;
  390. }
  391. {/block:ifblur}
  392.  
  393. #lmao{
  394. box-sizing: border-box;    
  395. width:100%;
  396. background: {color:insides};
  397. background-image: url('{image:insides}');
  398. border: {text:inside border width}px {select:inside border style} {color:inside border color};
  399. {block:ifround}
  400. border-radius:5px;
  401. {/block:ifround}
  402. text-align:center;
  403. margin-top:15px;
  404. padding:10px;
  405. font-size:.75em;
  406. height:auto;
  407.   {block:ifinsiderainbowborder}
  408.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  409.   border-image-slice: 1;
  410. {/block:ifinsiderainbowborder}
  411. }
  412.  
  413. .search {
  414. width:98%;    
  415. font-family:{text:font};
  416. border:none;
  417. background:none;
  418. box-sizing: border-box;  
  419. }
  420.  
  421. #whatbox{
  422. position:fixed;  
  423. font-size:30px;
  424. width:300px;
  425. max-height:110px;
  426. text-align:center;
  427. padding:20px;
  428. {block:ifround}
  429. border-radius:5px;
  430. {/block:ifround}
  431. background: {color:outsides};
  432. background-image: url('{image:outsides}');
  433. {block:ifnotcoveroutsidesbg}
  434.         background-repeat: repeat;
  435.         background-attachment: fixed;
  436.         {/block:ifnotcoveroutsidesbg}
  437.         {block:ifcoveroutsidesbg}
  438.         background-size: cover;
  439.         background-attachment: fixed;
  440.         {/block:ifcoveroutsidesbg}
  441. border: {text:border width}px {select:border style} {color:border color};
  442. {block:ifshadowy}
  443. -webkit-filter: drop-shadow(0 0 3px #000);
  444. {/block:ifshadowy}
  445. box-sizing: border-box;    
  446.   {block:ifrainbowborder}
  447.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  448.   border-image-slice: 1;
  449. {/block:ifrainbowborder}
  450. }
  451.  
  452. #what{
  453. box-sizing: border-box;    
  454. padding:10px;
  455. background: {color:insides};
  456. background-image: url('{image:insides}');
  457. border: {text:inside border width}px {select:inside border style} {color:inside border color};
  458. {block:ifround}
  459. border-radius:5px;
  460. {/block:ifround}
  461. text-align:center;    
  462. width:100%;
  463. vertical-align:middle;
  464.   {block:ifinsiderainbowborder}
  465.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  466.   border-image-slice: 1;
  467. {/block:ifinsiderainbowborder}
  468. }
  469.  
  470. .links{
  471. display:inline-block;  
  472. text-align:center;
  473. line-height:0%;
  474. }
  475.  
  476. #chimera{
  477. position:fixed;  
  478. width:880px;
  479. text-align:center;
  480. padding:20px;
  481. {block:ifround}
  482. border-radius:5px;
  483. {/block:ifround}
  484. background: {color:outsides};
  485. background-image: url('{image:outsides}');
  486. {block:ifnotcoveroutsidesbg}
  487.         background-repeat: repeat;
  488.         background-attachment: fixed;
  489.         {/block:ifnotcoveroutsidesbg}
  490.         {block:ifcoveroutsidesbg}
  491.         background-size: cover;
  492.         background-attachment: fixed;
  493.         {/block:ifcoveroutsidesbg}
  494. border: {text:border width}px {select:border style} {color:border color};
  495. {block:ifshadowy}
  496. -webkit-filter: drop-shadow(0 0 3px #000);
  497. {/block:ifshadowy}    
  498. margin-top:520px;
  499. box-sizing: border-box;  
  500. height:auto;
  501.   {block:ifrainbowborder}
  502.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  503.   border-image-slice: 1;
  504. {/block:ifrainbowborder}
  505. }
  506.  
  507. #ant{
  508. padding:10px;
  509. {block:ifnotrainbowtitle}
  510. padding-bottom:0px;
  511. {/block:ifnotrainbowtitle}
  512. {block:ifrainbowtitle}
  513. padding-bottom:10px;
  514. {/block:ifrainbowtitle}
  515. box-sizing: border-box;  
  516. background: {color:insides};
  517. background-image: url('{image:insides}');
  518. border: {text:inside border width}px {select:inside border style} {color:inside border color};
  519. {block:ifround}
  520. border-radius:5px;
  521. {/block:ifround}
  522. text-align:center;    
  523. font-size:1.3em;
  524. width:100%;
  525. font-family:{text:title font};
  526.   {block:ifinsiderainbowborder}
  527.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  528.   border-image-slice: 1;
  529. {/block:ifinsiderainbowborder}
  530. }
  531.  
  532.  
  533. #content {
  534. box-sizing: border-box;    
  535. background: {color:outsides};
  536. background-image: url('{image:outsides}');
  537. {block:ifnotcoveroutsidesbg}
  538.         background-repeat: repeat;
  539.         background-attachment: fixed;
  540.         {/block:ifnotcoveroutsidesbg}
  541.         {block:ifcoveroutsidesbg}
  542.         background-size: cover;
  543.         background-attachment: fixed;
  544.         {/block:ifcoveroutsidesbg}
  545. margin-left:320px;
  546. width:500px;
  547. height:500px;
  548. padding:20px;
  549. width:560px;
  550. border: {text:border width}px {select:border style} {color:border color};
  551. {block:ifshadowy}
  552. -webkit-filter: drop-shadow(0 0 3px #000);
  553. {/block:ifshadowy}  
  554. {block:ifround}
  555. border-radius:5px;
  556. {/block:ifround}
  557. overflow:auto;
  558. overflow-x:hidden;
  559. position:fixed;
  560.   {block:ifrainbowborder}
  561.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  562.   border-image-slice: 1;
  563. {/block:ifrainbowborder}
  564. }
  565.  
  566. .post{
  567. width:auto;    
  568. box-sizing: border-box;    
  569. background: {color:insides};
  570. padding:20px;
  571. margin-bottom:25px;
  572.         border: {text:inside border width}px {select:inside border style} {color:inside border color};
  573.         {block:ifround}
  574. border-radius:5px;
  575. {/block:ifround}
  576.   {block:ifinsiderainbowborder}
  577.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  578.   border-image-slice: 1;
  579. {/block:ifinsiderainbowborder}
  580. }
  581.  
  582. .post img{
  583. max-width:100%;
  584. height:auto;
  585. {block:ifround}
  586. border-radius:5px;
  587. {/block:ifround}
  588. }
  589. {block:ifblur}
  590. .post img:hover{
  591.       -webkit-filter: blur(2px);
  592.       -o-transition: all 0.4s ease-out;
  593. -webkit-transition: all 0.4s ease-out;
  594. -moz-transition: all 0.4s ease-out;
  595. }
  596. {/block:ifblur}
  597. }
  598.  
  599. #nav{
  600. text-align:center;
  601. }
  602.  
  603. #nav a{
  604. font-size: 1.75em;    
  605. line-height:75%;
  606. box-sizing: border-box;    
  607. background: {color:insides};
  608. padding:10px;
  609.  border: {text:inside border width}px {select:inside border style} {color:inside border color};
  610.         {block:ifround}
  611. border-radius:5px;
  612. {/block:ifround}
  613.   {block:ifinsiderainbowborder}
  614.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  615.   border-image-slice: 1;
  616. {/block:ifinsiderainbowborder}
  617. {block:ifrainbowlinks}
  618.   background: -webkit-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  619.   -webkit-background-clip: text;
  620.   -webkit-text-fill-color: transparent;
  621.   border:none;
  622. {/block:ifrainbowlinks}
  623. }
  624.  
  625. .media{
  626. margin:0 0 10px 0;
  627. text-align:center;
  628. }
  629.  
  630. {block:ifblur}
  631. .media:hover{
  632.       -webkit-filter: blur(2px);
  633.       -o-transition: all 0.4s ease-out;
  634. -webkit-transition: all 0.4s ease-out;
  635. -moz-transition: all 0.4s ease-out;}
  636. {/block:ifblur}
  637.  
  638. .title{
  639. font-weight:bold;
  640. font-size:1.5em;
  641. margin:0 0 10px 0;
  642. }
  643.  
  644. .quote{
  645. font-weight:normal;
  646. font-size:16px;
  647. font-style:italic;
  648. margin:0 0 10px 0;
  649. }
  650.  
  651. .question{
  652. margin-bottom:10px;
  653. }
  654.  
  655. blockquote{
  656. margin:0 0 10px 2.5px;
  657. padding:0 0 0 10px;
  658. border-left:solid 1px {color:text};
  659. }
  660.  
  661.  
  662. .footer{
  663. text-align:left;
  664. {block:ifround}
  665. border-radius:5px;
  666. {/block:ifround}
  667. }
  668.  
  669. ol.notes{
  670. list-style-type:none;
  671. padding:0px;
  672. margin-top:10px;
  673. overflow: scroll;
  674. max-height:200px;
  675. background:{color:post bg};
  676. }
  677.  
  678. ol.notes li.note img{
  679. width:16px;
  680. height:16px;
  681. }
  682.  
  683. ol.notes li.note{
  684. margin:0px;
  685. }
  686.  
  687. {block:ifhovertags}
  688.     .tags {
  689.    max-height:0px;
  690.    text-align:left;
  691.    opacity:0;
  692.     -webkit-transition: all 0.7s ease;
  693.    transition: all 0.7s ease;
  694.    -moz-transition: all 0.7s ease;
  695.    -o-transition: all 0.7s ease;}    
  696.  
  697. .post:hover .tags{
  698.    opacity:1;
  699.    max-height:300px;
  700.    -webkit-transition: all 0.7s ease;
  701.    transition: all 0.7s ease;
  702.    -moz-transition: all 0.7s ease;
  703.    -o-transition: all 0.7s ease;}
  704. {/block:ifhovertags}
  705.  
  706. {CustomCSS}
  707. </style>
  708. </head>
  709.  
  710. <body>
  711.  
  712. {block:ifredirect}
  713. {block:IndexPage}<script type="text/javascript">
  714.     var url = location.href;
  715.     if (url == "{BlogURL}") {
  716.         window.location = "{BlogURL}tagged/{text:redirect}";
  717.     }
  718. </script>{/block:IndexPage}
  719. {/block:ifredirect}
  720.  
  721. <div id="wrapper">
  722.  
  723. {block:ifcustomcursor}
  724. <style>html, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
  725. {/block:ifcustomcursor}
  726.  
  727. <div id="whatbox">
  728. <div id="what">
  729. <div class="links">
  730. <a href="/"><i class="fas fa-home"></i></a>&emsp;<a href="/ask"><i class="fas fa-envelope"></i></a>&emsp;<a href="{text:info link url}"><i class="fas fa-user-circle"></i></a>&emsp;<a href="/archive"><i class="fas fa-calendar-alt"></i></a>
  731. </div>
  732. </div>    
  733. </div>
  734.  
  735. <div id="sidebar">
  736.  
  737.  <img src="{image:sidebar}"></a>
  738.  
  739. <div id="lmao">
  740. <form action="/search"
  741. method="get" class="sfm" name="theform">
  742.     <input class="search" type="text" placeholder="{text:search}" name="q"
  743. onfocus="this.placeholder = ''"
  744. onblur="this.placeholder = '{text:search}'"/>
  745. </form></center>
  746. </form>
  747. </div> </div>
  748.  
  749. <div id="chimera">
  750. <div id="ant">
  751. {block:ifnotrainbowtitle}
  752. <marquee scrollamount="12"><a href="/">{text:title}</a></marquee>{/block:ifnotrainbowtitle}
  753. {block:ifrainbowtitle}
  754. <span id="rainbow">{text:title}</span>{/block:ifrainbowtitle}
  755. </div>    
  756. </div>
  757.  
  758. {block:HasPages}
  759. {block:Pages}
  760. <a href="{URL}">{Label}</a><br>
  761. {/block:Pages}
  762. {/block:HasPages}
  763.  
  764.  
  765. <div id="content">
  766. {block:Posts}
  767.  
  768. <div class="post">
  769.  
  770. {block:Text}
  771. {block:Title}
  772. <div class="title">{Title}</div>
  773. {/block:Title}
  774. {Body}
  775. {/block:Text}
  776.  
  777. {block:Photo}
  778. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  779. {block:ifCaptions}<div class="caption">{Caption}</div>{/block:ifCaptions}
  780. {/block:Photo}
  781.  
  782. {block:Photoset}
  783. <div class="media">{Photoset}</div>
  784. {block:ifCaptions}<div class="caption">{Caption}</div>{/block:ifCaptions}
  785. {/block:Photoset}
  786.  
  787. {block:Quote}
  788. <div class="quote">"{Quote}"</div>
  789. {block:Source}
  790. <div class="quotesource">{Source}</div>
  791. {/block:Source}
  792. {/block:Quote}
  793.  
  794. {block:Link}
  795. <div class="title"><a href="{URL}">{Name}</a></div>
  796. {block:Description}
  797. <div class="description">{Description}</div>
  798. {/block:Description}
  799. {/block:Link}
  800.  
  801. {block:Chat}
  802. {block:Title}
  803. <div class="title">{Title}</div>
  804. {/block:Title}
  805.  
  806. {block:Lines}
  807. <div class="{Alt} user_{UserNumber}">
  808. {block:Label}
  809. <b>{Label}</b>{/block:Label}
  810. &nbsp;{Line}
  811. </div>
  812. {/block:Lines}
  813. {/block:Chat}
  814.  
  815. {block:Video}
  816. <div class="media">{Video-400}</div>
  817. {block:ifCaptions}<div class="caption">{Caption}</div>{/block:ifCaptions}
  818. {/block:Video}
  819.  
  820.     {block:Audio}
  821.     <div class="media">
  822.     {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  823.     </div>
  824.     {block:ifCaptions}<div class="caption">{Caption}</div>{/block:ifCaptions}
  825.     {/block:Audio}
  826.                
  827. {block:Answer}
  828. <div class="question" style="padding:5px;
  829. {block:ifround}
  830. border-radius:5px;
  831. {block:ifround}
  832. border-top: 1px solid #bdbdbd;
  833. border-left: 1px solid #bdbdbd;
  834. border-right: 1px solid black;
  835. border-bottom: 1px solid black;
  836. background-image: url(https://i.imgur.com/IGXGYKz.png);
  837. box-sizing: border-box;">{Asker}: {Question}</div>
  838. <div class="caption">{Answer}</div>
  839. {/block:Answer}
  840.  
  841. {block:Date}
  842. <div class="footer">
  843. <a href="{Permalink}"><a href="{Permalink}" title="{notecount}%">{MonthNumberWithZero}.{DayofMonthWithZero}.{Year}</a> <a href="{ReblogURL}" class="reblog" style="float:right;" target="_blank" title="REBLOG"><i class="fas fa-retweet"></i></a></div>
  844.  
  845. <!-- {block:NoRebloggedFrom}
  846. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  847. {/block:NoRebloggedFrom} -->
  848. {block:ContentSource}<!-- {SourceURL}
  849. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  850. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  851. {/block:ContentSource}
  852.  
  853. {block:HasTags}<div class="tags"><i class="fas fa-tags"></i>:{block:Tags} <a href="{TagURL}">#{tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  854.  
  855.  
  856. {block:PermalinkPage}
  857. {block:ifnotcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnotcaptions}
  858. {block:NoteCount}
  859. {block:PostNotes}{PostNotes}{/block:PostNotes}
  860. {/block:NoteCount}
  861. {/block:PermalinkPage}
  862. {/block:Date}
  863.  
  864. </div>
  865. {/block:Posts}
  866.  
  867. {block:Pagination}
  868. <div id="nav">
  869. {block:PreviousPage}<a href="{PreviousPage}" style="float:left"><i class="fas fa-arrow-left"></i></a> {/block:PreviousPage}
  870.  
  871. {block:NextPage}<a href="{NextPage}" style="float:right"><i class="fas fa-arrow-right"></i></a>{/block:NextPage}
  872. </div>
  873. {/block:Pagination}
  874.  
  875. </div>
  876.  
  877. </div>
  878. </div>
  879. </div>
  880.  
  881. <div id="staticimage" style="position:fixed; bottom:{text:image margin bottom}px; z-index:-1; left:{text:image margin left}px;"><img src="{image:side image}"width="{text:image width}"></div>
  882.  
  883. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="theme by annie!!"><img src="https://66.media.tumblr.com/17766a0899ce861f4e627b0e294ba7fc/tumblr_inline_pn10q4FT4v1wz7toh_500.gif"></a>
  884.  
  885.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  886.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  887.  
  888.     </body>
  889. </html>
RAW Paste Data