API tools faq
paste
os2d

dantafans

os2d
Jun 16th, 2020 (edited)
1,002
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. theme by dantalion @ramdons
  7. idgaf what you do with this theme go crazy for all i care
  8. BUT please show me if you use it :pleading:
  9.  
  10. ----->
  11.  
  12. <meta charset="utf-8">
  13. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <title>{Title}</title>
  19.  
  20. {block:ifredirect}
  21. {block:IndexPage}<script type="text/javascript">
  22. var url = location.href;
  23. if (url == "{BlogURL}") {
  24. window.location = "{BlogURL}tagged/{text:redirect tag}";
  25. }
  26. </script>{/block:IndexPage}
  27. {/block:ifredirect}
  28.  
  29. {block:ifwobbletitle}
  30. <script type="text/javascript">
  31. // <![CDATA[
  32. var speed=100; // speed of wobbling, lower is faster
  33. var height=3; // height of wobbling in pixels
  34. var alink="/"; // page to link text to (set to ="" for no link)
  35.  
  36. /****************************
  37. * Wobbly Text Effect *
  38. *(c) 2003-6 mf2fm web-design*
  39. * http://www.mf2fm.com/rv *
  40. * DON'T EDIT BELOW THIS BOX *
  41. ****************************/
  42. var wobtxt, wobble, wobcnt=0;
  43. window.onload=function() { if (document.getElementById) {
  44. var i, wobli;
  45. wobble=document.getElementById("wobble");
  46. wobtxt=wobble.firstChild.nodeValue;
  47. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  48. for (i=0; i<wobtxt.length; i++) {
  49. wobli=document.createElement("span");
  50. wobli.setAttribute("id", "wobb"+i);
  51. wobli.style.position="relative";
  52. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  53. if (alink) {
  54. wobli.style.cursor="pointer";
  55. wobli.onclick=function() { top.location.href=alink; }
  56. }
  57. wobble.appendChild(wobli);
  58. }
  59. setInterval("wobbler()", speed);
  60. }}
  61.  
  62. function wobbler() {
  63. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  64. wobcnt++;
  65. }
  66. // ]]>
  67. </script>
  68. {/block:ifwobbletitle}
  69.  
  70. {block:ifrainbowtitle}
  71. <script type="text/javascript">
  72. // <![CDATA[
  73. var speed=100; // speed colours change, 1 second = 1000
  74. var glow=3; // can be set from '0' for no glow, to 10
  75. 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
  76. var alink="/"; // page to link text to (set to ="" for no link)
  77.  
  78. /****************************
  79. * Rainbow Text Effect *
  80. *(c)2003-13 mf2fm web-design*
  81. * http://www.mf2fm.com/rv *
  82. * DON'T EDIT BELOW THIS BOX *
  83. ****************************/
  84. var rainbow, raintxt, raincnt=0;
  85.  
  86. function addLoadEvent(funky) {
  87. var oldonload=window.onload;
  88. if (typeof(oldonload)!='function') window.onload=funky;
  89. else window.onload=function() {
  90. if (oldonload) oldonload();
  91. funky();
  92. }
  93. }
  94.  
  95. addLoadEvent(regenbogen);
  96.  
  97. function regenbogen() { if (document.getElementById) {
  98. var i, rainbeau;
  99. rainbow=document.getElementById("rainbow");
  100. raintxt=rainbow.firstChild.nodeValue;
  101. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  102. for (i=0; i<raintxt.length; i++) {
  103. rainbeau=document.createElement("span");
  104. rainbeau.setAttribute("id", "rain"+i);
  105. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  106. if (alink) {
  107. rainbeau.style.cursor="pointer";
  108. rainbeau.onclick=function() { top.location.href=alink; }
  109. }
  110. rainbow.appendChild(rainbeau);
  111. }
  112. rainbow=setInterval ("raining()", speed);
  113. }}
  114.  
  115. function raining() {
  116. var i, c;
  117. for (i=0; i<raintxt.length; i++) {
  118. c=raincol[(i+raincnt)%raincol.length];
  119. document.getElementById("rain"+i).style.color=c;
  120. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  121. }
  122. raincnt++;
  123. }
  124. // ]]>
  125. </script>
  126. {/block:ifrainbowtitle}
  127.  
  128. {block:ifsparkles}<script type="text/javascript">
  129. // <![CDATA[
  130. var colour="{color:sparkles}"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  131. var sparkles=50;
  132.  
  133. /****************************
  134. * Tinkerbell Magic Sparkle *
  135. *(c)2005-13 mf2fm web-design*
  136. * http://www.mf2fm.com/rv *
  137. * DON'T EDIT BELOW THIS BOX *
  138. ****************************/
  139. var x=ox=400;
  140. var y=oy=300;
  141. var swide=800;
  142. var shigh=600;
  143. var sleft=sdown=0;
  144. var tiny=new Array();
  145. var star=new Array();
  146. var starv=new Array();
  147. var starx=new Array();
  148. var stary=new Array();
  149. var tinyx=new Array();
  150. var tinyy=new Array();
  151. var tinyv=new Array();
  152.  
  153. window.onload=function() { if (document.getElementById) {
  154. var i, rats, rlef, rdow;
  155. for (var i=0; i<sparkles; i++) {
  156. var rats=createDiv(3, 3);
  157. rats.style.visibility="hidden";
  158. rats.style.zIndex="999";
  159. document.body.appendChild(tiny[i]=rats);
  160. starv[i]=0;
  161. tinyv[i]=0;
  162. var rats=createDiv(5, 5);
  163. rats.style.backgroundColor="transparent";
  164. rats.style.visibility="hidden";
  165. rats.style.zIndex="999";
  166. var rlef=createDiv(1, 5);
  167. var rdow=createDiv(5, 1);
  168. rats.appendChild(rlef);
  169. rats.appendChild(rdow);
  170. rlef.style.top="2px";
  171. rlef.style.left="0px";
  172. rdow.style.top="0px";
  173. rdow.style.left="2px";
  174. document.body.appendChild(star[i]=rats);
  175. }
  176. set_width();
  177. sparkle();
  178. }}
  179.  
  180. function sparkle() {
  181. var c;
  182. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  183. ox=x;
  184. oy=y;
  185. for (c=0; c<sparkles; c++) if (!starv[c]) {
  186. star[c].style.left=(starx[c]=x)+"px";
  187. star[c].style.top=(stary[c]=y+1)+"px";
  188. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  189. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  190. star[c].style.visibility="visible";
  191. starv[c]=50;
  192. break;
  193. }
  194. }
  195. for (c=0; c<sparkles; c++) {
  196. if (starv[c]) update_star(c);
  197. if (tinyv[c]) update_tiny(c);
  198. }
  199. setTimeout("sparkle()", 40);
  200. }
  201.  
  202. function update_star(i) {
  203. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  204. if (starv[i]) {
  205. stary[i]+=1+Math.random()*3;
  206. starx[i]+=(i%5-2)/5;
  207. if (stary[i]<shigh+sdown) {
  208. star[i].style.top=stary[i]+"px";
  209. star[i].style.left=starx[i]+"px";
  210. }
  211. else {
  212. star[i].style.visibility="hidden";
  213. starv[i]=0;
  214. return;
  215. }
  216. }
  217. else {
  218. tinyv[i]=50;
  219. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  220. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  221. tiny[i].style.width="2px";
  222. tiny[i].style.height="2px";
  223. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  224. star[i].style.visibility="hidden";
  225. tiny[i].style.visibility="visible"
  226. }
  227. }
  228.  
  229. function update_tiny(i) {
  230. if (--tinyv[i]==25) {
  231. tiny[i].style.width="1px";
  232. tiny[i].style.height="1px";
  233. }
  234. if (tinyv[i]) {
  235. tinyy[i]+=1+Math.random()*3;
  236. tinyx[i]+=(i%5-2)/5;
  237. if (tinyy[i]<shigh+sdown) {
  238. tiny[i].style.top=tinyy[i]+"px";
  239. tiny[i].style.left=tinyx[i]+"px";
  240. }
  241. else {
  242. tiny[i].style.visibility="hidden";
  243. tinyv[i]=0;
  244. return;
  245. }
  246. }
  247. else tiny[i].style.visibility="hidden";
  248. }
  249.  
  250. document.onmousemove=mouse;
  251. function mouse(e) {
  252. if (e) {
  253. y=e.pageY;
  254. x=e.pageX;
  255. }
  256. else {
  257. set_scroll();
  258. y=event.y+sdown;
  259. x=event.x+sleft;
  260. }
  261. }
  262.  
  263. window.onscroll=set_scroll;
  264. function set_scroll() {
  265. if (typeof(self.pageYOffset)=='number') {
  266. sdown=self.pageYOffset;
  267. sleft=self.pageXOffset;
  268. }
  269. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  270. sdown=document.body.scrollTop;
  271. sleft=document.body.scrollLeft;
  272. }
  273. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  274. sleft=document.documentElement.scrollLeft;
  275. sdown=document.documentElement.scrollTop;
  276. }
  277. else {
  278. sdown=0;
  279. sleft=0;
  280. }
  281. }
  282.  
  283. window.onresize=set_width;
  284. function set_width() {
  285. var sw_min=999999;
  286. var sh_min=999999;
  287. if (document.documentElement && document.documentElement.clientWidth) {
  288. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  289. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  290. }
  291. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  292. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  293. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  294. }
  295. if (document.body.clientWidth) {
  296. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  297. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  298. }
  299. if (sw_min==999999 || sh_min==999999) {
  300. sw_min=800;
  301. sh_min=600;
  302. }
  303. swide=sw_min;
  304. shigh=sh_min;
  305. }
  306.  
  307. function createDiv(height, width) {
  308. var div=document.createElement("div");
  309. div.style.position="absolute";
  310. div.style.height=height+"px";
  311. div.style.width=width+"px";
  312. div.style.overflow="hidden";
  313. return (div);
  314. }
  315.  
  316. function newColour() {
  317. var c=new Array();
  318. c[0]=255;
  319. c[1]=Math.floor(Math.random()*256);
  320. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  321. c.sort(function(){return (0.5 - Math.random());});
  322. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  323. }
  324. // ]]>
  325. </script>{/block:ifsparkles}
  326.  
  327.  
  328. <meta name="image:favicon" content="">
  329. <meta name="image:icon" content="">
  330. <meta name="image:side img" content=""/>
  331. <meta name="image:popup" content="">
  332.  
  333. <meta name="image:pixel 1" content=""/>
  334. <meta name="image:pixel 2" content=""/>
  335. <meta name="image:pixel 3" content=""/>
  336. <meta name="image:pixel 4" content=""/>
  337. <meta name="image:pixel 5" content=""/>
  338. <meta name="image:pixel 6" content=""/>
  339. <meta name="image:pixel 7" content=""/>
  340. <meta name="image:pixel 8" content=""/>
  341.  
  342. <meta name="image:bg" content=""/>
  343. <meta name="image:container bg" content=""/>
  344. <meta name="image:post bg" content="">
  345. <meta name="image:header bg" content="">
  346. <meta name="image:popup bg" content="">
  347. <meta name="image:sidebar bg" content="">
  348. <meta name="image:desc bg" content="">
  349. <meta name="image:text post bg" content="">
  350.  
  351. <meta name="color:bg" content="#fff">
  352. <meta name="color:container bg" content=""/>
  353. <meta name="color:post bg" content="#999">
  354. <meta name="color:header bg" content="#999">
  355. <meta name="color:popup bg" content="#999">
  356. <meta name="color:sidebar bg" content="">
  357. <meta name="color:desc bg" content="#999">
  358. <meta name="color:text post bg" content="#999">
  359. <meta name="color:post hover" content="#999">
  360.  
  361. <meta name="color:sparkles" content="black">
  362. <meta name="color:close button" content="#bdbdbd">
  363. <meta name="color:border" content="">
  364. <meta name="color:inner border" content="">
  365. <meta name="color:container glow" content=""/>
  366.  
  367. <meta name="color:text" content="">
  368. <meta name="color:text glow" content="">
  369.  
  370. <meta name="color:link" content="">
  371. <meta name="color:link outline" content="">
  372. <meta name="color:link glow" content="">
  373. <meta name="color:link hover" content="">
  374. <meta name="color:link outline hover" content="">
  375. <meta name="color:link glow hover" content="">
  376.  
  377. <meta name="color:tooltip text" content="#000">
  378. <meta name="color:tooltip bg" content="#fff">
  379. <meta name="color:selection" content="#fff">
  380. <meta name="color:selection bg" content="#efefef">
  381. <meta name="color:scrollbar thumb" content="">
  382. <meta name="color:scrollbar bg" content="">
  383.  
  384. <meta name="if:cover bg" content="">
  385.  
  386. <meta name="if:show title" content="" >
  387. <meta name="if:rainbow title" content="" >
  388. <meta name="if:wobble title" content="" >
  389. <meta name="if:pop title" content="" >
  390. <meta name="if:normal title" content="" >
  391.  
  392. <meta name="if:shake image" content="" >
  393. <meta name="if:image blur on hover" content="" >
  394.  
  395. <meta name="if:icon tooltip" content="" >
  396. <meta name="if:marquee desc" content="" >
  397. <meta name="if:pixel desc" content="" >
  398. <meta name="if:sparkles" content="">
  399. <meta name="if:fancy scrollbar" content="">
  400.  
  401. <meta name="if:text glow" content="">
  402. <meta name="if:link glow" content="">
  403. <meta name="if:link outline" content="">
  404. <meta name="if:link drop" content="">
  405. <meta name="if:link blur" content="">
  406. <meta name="if:link strikethrough" content="">
  407. <meta name="if:link italic" content="">
  408. <meta name="if:link bold" content="">
  409. <meta name="if:rainbow links" content="">
  410. <meta name="if:pastel rainbow links" content="">
  411.  
  412. <meta name="if:container glow" content="" >
  413. <meta name="if:container drop shadow" content="" >
  414. <meta name="if:post drop shadow" content="" >
  415. <meta name="if:post hover" content="1" >
  416.  
  417. <meta name="if:redirect" content="" >
  418. <meta name="if:captions" content="" >
  419. <meta name="if:rounded" content="" >
  420. <meta name="if:fuzzyborder" content="" >
  421. <meta name="if:rainbowborder" content="" >
  422. <meta name="if:gutter" content="" >
  423. <meta name="if:footer" content="" >
  424. <meta name="if:footer below" content="" >
  425. <meta name="if:tags" content="" >
  426. <meta name="if:500px posts" content="" >
  427.  
  428. <meta name="select:border" content="none">
  429. <meta name="select:border" content="solid">
  430. <meta name="select:border" content="dotted">
  431. <meta name="select:border" content="dashed">
  432. <meta name="select:border" content="outset">
  433. <meta name="select:border" content="double">
  434.  
  435. <meta name="select:innerborder" content="none">
  436. <meta name="select:innerborder" content="solid">
  437. <meta name="select:innerborder" content="dotted">
  438. <meta name="select:innerborder" content="dashed">
  439. <meta name="select:innerborder" content="outset">
  440. <meta name="select:innerborder" content="double">
  441.  
  442. <meta name="select:marqueedirection" content="left">
  443. <meta name="select:marqueedirection" content="up">
  444. <meta name="select:marqueedirection" content="right">
  445. <meta name="select:marqueedirection" content="down">
  446.  
  447. <meta name="select:footeralign" content="left">
  448. <meta name="select:footeralign" content="right">
  449. <meta name="select:footeralign" content="center">
  450.  
  451. <meta name="select:font" content="arial">
  452. <meta name="select:font" content="ms pgothic">
  453. <meta name="select:font" content="times">
  454. <meta name="select:font" content="short stack">
  455. <meta name="select:font" content="bellota">
  456. <meta name="select:font" content="Liu Jian Mao Cao">
  457. <meta name="select:font" content="Playfair Display">
  458. <meta name="select:font" content="Pacifico">
  459. <meta name="select:font" content="Rajdhani">
  460. <meta name="select:font" content="Bebas Neue">
  461. <meta name="select:font" content="Advent Pro">
  462. <meta name="select:font" content="Orbitron">
  463. <meta name="select:font" content="Metal Mania">
  464. <meta name="select:font" content="MuseoModerno">
  465. <meta name="select:font" content="Press Start 2P">
  466. <meta name="select:font" content="Staatliches">
  467.  
  468. <meta name="select:titlefont" content="arial">
  469. <meta name="select:titlefont" content="ms pgothic">
  470. <meta name="select:titlefont" content="times">
  471. <meta name="select:titlefont" content="short stack">
  472. <meta name="select:titlefont" content="bellota">
  473. <meta name="select:titlefont" content="Liu Jian Mao Cao">
  474. <meta name="select:titlefont" content="Playfair Display">
  475. <meta name="select:titlefont" content="Pacifico">
  476. <meta name="select:titlefont" content="Rajdhani">
  477. <meta name="select:titlefont" content="Bebas Neue">
  478. <meta name="select:titlefont" content="Advent Pro">
  479. <meta name="select:titlefont" content="Orbitron">
  480. <meta name="select:titlefont" content="Metal Mania">
  481. <meta name="select:titlefont" content="MuseoModerno">
  482. <meta name="select:titlefont" content="Press Start 2P">
  483. <meta name="select:titlefont" content="Staatliches">
  484.  
  485. <meta name="text:font size" content="12">
  486. <meta name="text:desc font size" content="12">
  487. <meta name="text:title font size" content="12">
  488. <meta name="text:nav font size" content="12">
  489.  
  490. <meta name="text:desc" content="evil">
  491. <meta name="text:title" content="violence and anger on earth">
  492. <meta name="text:search" content="ヽ( ￣∀￣)ﾉ┌┛Σ(ノ ・Д・)ノ">
  493.  
  494. <meta name="text:footer note thingy" content=".99$">
  495. <meta name="text:icon hover" content="hm">
  496.  
  497. <meta name="text:popup title" content="gayass.exe">
  498. <meta name="text:link divider" content="">
  499. <meta name="text:link 1" content="">
  500. <meta name="text:link 1 url" content="/">
  501. <meta name="text:link 2" content="">
  502. <meta name="text:link 2 url" content="/">
  503. <meta name="text:link 3" content="">
  504. <meta name="text:link 3 url" content="/">
  505.  
  506. <meta name="text:border width" content="2px">
  507. <meta name="text:inner border width" content="2px">
  508. <meta name="text:redirect tag" content="">
  509. <meta name="text:marquee speed" content="10">
  510. <meta name="text:popup width" content="250">
  511.  
  512. <meta name="text:next page" content="forward">
  513. <meta name="text:previous page" content="return">
  514.  
  515. <link rel="shortcut icon" href="{image:favicon}">
  516. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  517. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  518.  
  519. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  520.  
  521. <link href="https://fonts.googleapis.com/css?family=Advent+Pro|Bebas+Neue|Bellota|Liu+Jian+Mao+Cao|Orbitron|Pacifico|Playfair+Display|Rajdhani&display=swap" rel="stylesheet">
  522.  
  523. <link href="https://fonts.googleapis.com/css2?family=Metal+Mania&family=MuseoModerno:wght@531&family=Press+Start+2P&family=Short+Stack&family=Staatliches&display=swap" rel="stylesheet">
  524.  
  525.  
  526. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  527.  
  528. <style type="text/css">
  529.  
  530. /*Scrollbar and Selection*/
  531.  
  532. ::selection {
  533. background: {color:selection bg};
  534. color: {color:selection};
  535. }
  536. ::-moz-selection {
  537. background: {color:selection bg};
  538. color: {color:selection};
  539. }
  540.  
  541. {block:iffancyscrollbar}
  542. ::-webkit-scrollbar {
  543. width: 16px;
  544. height: 10px;
  545. }
  546. ::-webkit-scrollbar-thumb {
  547. background-color: #fff;
  548. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  549. border-top: 1px solid #bdbdbd;
  550. border-left: 1px solid #bdbdbd;
  551. border-right: 1px solid black;
  552. border-bottom: 1px solid black;
  553. }
  554. ::-webkit-scrollbar-track {
  555. background-color: #fff;
  556. background-image: url(https://i.imgur.com/IGXGYKz.png);
  557. }
  558. ::-webkit-scrollbar-button:vertical:increment {
  559. background-image: url(https://i.imgur.com/WhC8iy3.png);
  560. width: 14px;
  561. height: 16px;
  562. border-top: 1px solid #bdbdbd;
  563. border-left: 1px solid #bdbdbd;
  564. border-right: 1px solid black;
  565. border-bottom: 1px solid black;
  566. }
  567. ::-webkit-scrollbar-button:vertical:decrement {
  568. background-image: url(https://i.imgur.com/fQ18mrR.png);
  569. border-top: 1px solid #bdbdbd;
  570. border-left: 1px solid #bdbdbd;
  571. border-right: 1px solid black;
  572. border-bottom: 1px solid black;
  573. width: 14px;
  574. height: 16px;
  575. }
  576. {/block:iffancyscrollbar}
  577.  
  578.  
  579. {block:ifnotfancyscrollbar}
  580. ::-webkit-scrollbar {
  581. width: 16px;
  582. height: 10px;
  583. }
  584. ::-webkit-scrollbar-thumb {
  585. background:{color:scrollbar thumb};
  586. border: 1px outset {color:scrollbar thumb};
  587. {block:ifrounded}
  588. border-radius:5px;
  589. {/block:ifrounded}
  590. }
  591. ::-webkit-scrollbar-track {
  592. background:{color:scrollbar bg};
  593. }
  594.  
  595. ::-webkit-scrollbar-button:vertical:increment {
  596. background:{color:scrollbar thumb};
  597. border: 1px outset {color:scrollbar thumb};
  598. width: 14px;
  599. height: 16px;
  600. }
  601. ::-webkit-scrollbar-button:vertical:decrement {
  602. background:{color:scrollbar thumb};
  603. border: 1px outset {color:scrollbar thumb};
  604. width: 14px;
  605. height: 16px;
  606. }
  607. {/block:ifnotfancyscrollbar}
  608.  
  609. /*
  610. general text styles, fonts and colours
  611. */
  612. *{
  613. padding:0;
  614. margin:0;
  615. }
  616.  
  617. body {
  618. margin:0px;
  619. background:{color:bg};
  620. font-family:{select:font}, cursive;
  621. font-size:{text:font size}px;
  622. line-height:140%;
  623. color:{color:text};
  624.  
  625. {block:iftextglow}
  626. text-shadow: 0 0 2px {color:text glow};
  627. {/block:iftextglow}
  628.  
  629. background-image: url('{image:bg}');
  630.  
  631. {block:ifnotcoverbg}
  632. background-repeat: repeat;
  633. background-attachment: fixed;
  634. {/block:ifnotcoverbg}
  635. {block:ifcoverbg}
  636. background-size: cover;
  637. background-attachment: fixed;
  638. {/block:ifcoverbg}
  639.  
  640. overflow:hidden;
  641. }
  642.  
  643. p{
  644. margin:0 0 10px 0;
  645. padding:0;
  646. }
  647.  
  648. pre {
  649. white-space: pre-wrap;
  650. white-space: -moz-pre-wrap;
  651. white-space: -pre-wrap;
  652. white-space: -o-pre-wrap;
  653. word-wrap: break-word;
  654. }
  655.  
  656. /*Links styling*/
  657. a{
  658. color:{color:link};
  659. text-decoration:none;
  660.  
  661. {block:iflinkglow}
  662. text-shadow:0 0 2px {color:link glow}, 0 0 2px {color:link glow};
  663. {/block:iflinkglow}
  664.  
  665. {block:iflinkoutline}
  666.  
  667. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline}{block:iflinkglow}, 0 0 3px {color:link glow}, 0 0 3px {color:link glow} {/block:iflinkglow};
  668.  
  669. {/block:iflinkoutline}
  670.  
  671.  
  672. {block:iflinkbold}
  673. font-weight:bold;
  674. {/block:iflinkbold}
  675.  
  676. transition:0.3s;
  677. -o-transition: all 0.3s ease-out;
  678. -webkit-transition: all 0.3s ease-out;
  679. -moz-transition: all 0.3s ease-out;
  680.  
  681. }
  682.  
  683. a:hover{
  684. color:{color:link hover};
  685.  
  686. {block:iflinkglow}
  687. text-shadow:0 0 2px {color:link glow hover}, 0 0 2px {color:link glow hover};
  688. {/block:iflinkglow}
  689.  
  690. {block:iflinkstrikethrough}
  691. text-decoration: line-through;
  692. {/block:iflinkstrikethrough}
  693.  
  694. {block:iflinkitalic}
  695. font-style: italic;
  696. {/block:iflinkitalic}
  697.  
  698. {block:iflinkblur}
  699. filter: blur(1px);
  700. {/block:iflinkblur}
  701.  
  702. {block:ifrainbowlinks}
  703. -webkit-animation:rainbow 1s infinite;
  704. -ms-animation:rainbow 1s infinite;
  705. -o-animation:rainbow 1s infinite;
  706. animation:rainbow 1s infinite;
  707. {/block:ifrainbowlinks}
  708.  
  709. {block:ifpastelrainbowlinks}
  710. -webkit-animation:pastelrainbow 1s infinite;
  711. -ms-animation:pastelrainbow 1s infinite;
  712. -o-animation:pastelrainbow 1s infinite;
  713. animation:pastelrainbow 1s infinite;
  714. {/block:ifpastelrainbowlinks}
  715.  
  716.  
  717. {block:iflinkoutline}
  718. text-shadow: -1px 0 {color:link outline hover}, 0 1px {color:link outline hover}, 1px 0 {color:link outline hover}, 0 -1px {color:link outline hover}{block:iflinkglow}, 0 0 3px {color:link glow hover}, 0 0 3px {color:link glow hover} {/block:iflinkglow};
  719. {/block:iflinkoutline}
  720.  
  721.  
  722. {block:iflinkblur}
  723. filter: blur(1px);
  724. {/block:iflinkblur}
  725.  
  726. {block:iflinkdrop}
  727. text-shadow: 0 1px 1px {color:link outline hover}, 0 1px 1px {color:link outline hover}, 0 1px 0px{color:link outline hover}, 0px 1px 0px {color:link outline hover}, 0px 2px 0px {color:link outline hover}, 0px 3px 0px {color:link outline hover},0px 4px 0px {color:link outline hover};
  728. {/block:iflinkdrop}
  729.  
  730. transition:0.3s;
  731. -o-transition: all 0.3s ease-out;
  732. -webkit-transition: all 0.3s ease-out;
  733. -moz-transition: all 0.3s ease-out;
  734. cursor:help;
  735. }
  736.  
  737. li{
  738. margin-left:-15px;
  739. }
  740.  
  741. img{
  742. transition:0.3s;
  743. }
  744.  
  745. img:hover {
  746. {block:ifimagebluronhover}
  747. filter:blur(1px);
  748. {/block:ifimagebluronhover}
  749. transition:0.3s;
  750. {block:ifshakeimage}
  751. /* Start the shake animation and make the animation last for 0.5 seconds */
  752. animation: shake 0.5s;
  753.  
  754. /* When the animation is finished, start again */
  755. animation-iteration-count: infinite;
  756. {/block:ifshakeimage}
  757.  
  758. }
  759.  
  760.  
  761. @keyframes shake {
  762. 0% { transform: translate(1px, 1px) rotate(0deg); }
  763. 10% { transform: translate(-1px, -2px) rotate(-1deg); }
  764. 20% { transform: translate(-3px, 0px) rotate(1deg); }
  765. 30% { transform: translate(3px, 2px) rotate(0deg); }
  766. 40% { transform: translate(1px, -1px) rotate(1deg); }
  767. 50% { transform: translate(-1px, 2px) rotate(-1deg); }
  768. 60% { transform: translate(-3px, 1px) rotate(0deg); }
  769. 70% { transform: translate(3px, 1px) rotate(-1deg); }
  770. 80% { transform: translate(-1px, -1px) rotate(1deg); }
  771. 90% { transform: translate(1px, 2px) rotate(0deg); }
  772. 100% { transform: translate(1px, -2px) rotate(-1deg); }
  773. }
  774.  
  775. /*
  776. containers etc
  777. */
  778. #wrapper{
  779. width:600px;
  780. margin:50px auto;
  781. }
  782.  
  783. #amelia{
  784. position: absolute;
  785. left: 50%;
  786. transform: translate(-50%, 0);
  787. height:500px;
  788. width:850px;
  789. {block:if500pxposts}
  790. width:950px;
  791. {/block:if500pxposts}
  792.  
  793. }
  794.  
  795. #ameliaheader{
  796.  
  797. {block:ifrounded}
  798. border-top-left-radius: 5px;
  799. border-top-right-radius: 5px;
  800. {/block:ifrounded}
  801. background:{color:header bg};
  802. background-image: url('{image:header bg}');
  803. border: {text:border width} {select:border} {color:border};
  804. {block:ifrainbowborder}
  805. border: {text:border width} {select:border} transparent;
  806. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  807. border-image-slice: 1;
  808. {/block:ifrainbowborder}
  809. padding:10px;
  810. display:flex;
  811. margin-bottom:-{text:border width};
  812. font-size:{text:nav font size}px;
  813. line-height:100%;
  814.  
  815. {block:ifcontainerglow}
  816. box-shadow: 2px -2px 3px {color:container glow}, -2px -2px 3px {color:container glow};
  817. {/block:ifcontainerglow}
  818.  
  819. align-items:center;
  820.  
  821. {block:ifcontainerdropshadow}
  822. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  823. {/block:ifcontainerdropshadow}
  824. }
  825.  
  826. #fanta{
  827. height:100%;
  828. background:{color:sidebar bg};
  829. background-image: url('{image:sidebar bg}');
  830. border: {text:border width} {select:border} {color:border};
  831. {block:ifrainbowborder}
  832. border: {text:border width} {select:border} transparent;
  833. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  834. border-image-slice: 1;
  835. {/block:ifrainbowborder}
  836. {block:ifrounded}
  837. border-bottom-left-radius: 5px;
  838. border-bottom-right-radius: 5px;
  839. {/block:ifrounded}
  840. {block:ifcontainerglow}
  841. box-shadow:2px 2px 3px {color:container glow}, -2px 2px 3px {color:container glow};;
  842. {/block:ifcontainerglow}
  843.  
  844. {block:ifcontainerdropshadow}
  845. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  846. {/block:ifcontainerdropshadow}
  847.  
  848.  
  849. }
  850.  
  851. #sidebar{
  852. position:fixed;
  853. margin-top:40px;
  854. margin-left:40px;
  855. padding:10px;
  856. background:{color:desc bg};
  857. background-image: url('{image:desc bg}');
  858. border: {text:border width} {select:border} {color:border};
  859. {block:ifrainbowborder}
  860. border: {text:border width} {select:border} transparent;
  861. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  862. border-image-slice: 1;
  863. {/block:ifrainbowborder}
  864.  
  865. {block:iffuzzyborder}
  866. border:none;
  867. box-shadow:0 0 5px 5px {color:post bg};
  868. {/block:iffuzzyborder}
  869.  
  870.  
  871. {block:ifrounded}
  872. border-radius: 5px;
  873. {/block:ifrounded}
  874. transition:0.3s;
  875. -o-transition: all 0.3s ease-out;
  876. -webkit-transition: all 0.3s ease-out;
  877. -moz-transition: all 0.3s ease-out;
  878. width:200px;
  879. }
  880.  
  881. #sidebar:hover{
  882.  
  883. {block:ifposthover}
  884. box-shadow:0 0 5px {color:post hover};
  885. transition:0.3s;
  886. -o-transition: all 0.3s ease-out;
  887. -webkit-transition: all 0.3s ease-out;
  888. -moz-transition: all 0.3s ease-out;
  889. {/block:ifposthover}
  890. }
  891.  
  892. #content{
  893. margin-left:300px;
  894. padding-left:50px;
  895. overflow:hidden;
  896. height:100%;
  897. overflow-y: scroll;
  898. overflow-x: hidden;
  899. background:{color:container bg};
  900. background-image: url('{image:container bg}');
  901. {block:ifgutter}
  902. border-left: {text:border width} {select:border} {color:border};
  903. {block:ifrainbowborder}
  904. border-left: {text:border width} {select:border} transparent;
  905. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  906. border-image-slice: 1;
  907. {/block:ifrainbowborder}
  908. {/block:ifgutter}
  909. {block:iffuzzyborder}
  910. border:none;
  911. box-shadow: inset 10px 0 5px -5px {color:sidebar bg};
  912. {/block:iffuzzyborder}
  913.  
  914.  
  915. }
  916.  
  917.  
  918.  
  919. .post{
  920. padding:0;
  921. width:400px;
  922.  
  923. {block:if500pxposts}
  924. width:500px;
  925. {/block:if500pxposts}
  926.  
  927. margin:0 0 50px 0;
  928. overflow:hidden;
  929. background:{color:post bg};
  930. background-image: url('{image:post bg}');
  931. border: {text:border width} {select:border} {color:border};
  932. {block:ifrainbowborder}
  933. border: {text:border width} {select:border} transparent;
  934. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  935. border-image-slice: 1;
  936. {/block:ifrainbowborder}
  937.  
  938. {block:ifpostdropshadow}
  939. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  940. {/block:ifpostdropshadow}
  941.  
  942.  
  943. {block:iffuzzyborder}
  944. border:none;
  945. box-shadow:0 0 5px 5px {color:post bg};
  946. {/block:iffuzzyborder}
  947.  
  948. padding: 10px 10px 0 10px;
  949.  
  950. {block:ifrounded}
  951. border-radius: 5px;
  952. {/block:ifrounded}
  953. transition:0.3s;
  954. -o-transition: all 0.3s ease-out;
  955. -webkit-transition: all 0.3s ease-out;
  956. -moz-transition: all 0.3s ease-out;
  957. }
  958.  
  959.  
  960. .post:hover{
  961. {block:ifposthover}
  962. box-shadow:0 0 5px {color:post hover};
  963. transition:0.3s;
  964. -o-transition: all 0.3s ease-out;
  965. -webkit-transition: all 0.3s ease-out;
  966. -moz-transition: all 0.3s ease-out;
  967. {/block:ifposthover}
  968. }
  969.  
  970. .post img{
  971. max-width:100%;
  972. }
  973.  
  974. .insides{
  975. background:{color:text post bg};
  976. background-image: url('{image:text post bg}');
  977. padding:10px;
  978. margin-bottom:10px;
  979. border: {text:inner border width} {select:innerborder} {color:inner border};
  980. {block:ifrainbowborder}
  981. border: {text:inner border width} {select:innerborder} transparent;
  982. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  983. border-image-slice: 1;
  984. {/block:ifrainbowborder}
  985. {block:ifrounded}
  986. border-radius: 5px;
  987. {/block:ifrounded}
  988.  
  989. }
  990.  
  991. #destroy{
  992. margin-top:50px;
  993. }
  994.  
  995. #lion{
  996. background:{color:popup bg};
  997. background-image: url('{image:popup bg}');
  998.  
  999. position: absolute;
  1000. z-index:69;
  1001. text-align:center;
  1002. top:30%;
  1003. left:10%;
  1004. width:{text:popup width}px;
  1005. {block:ifcontainerdropshadow}
  1006. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  1007. {/block:ifcontainerdropshadow}
  1008. {block:ifrounded}
  1009. border-radius: 5px;
  1010. {/block:ifrounded}
  1011.  
  1012. }
  1013.  
  1014. #lionheader{
  1015. {block:ifrounded}
  1016. border-top-left-radius: 5px;
  1017. border-top-right-radius: 5px;
  1018. {/block:ifrounded}
  1019. background:{color:header bg};
  1020. background-image: url('{image:header bg}');
  1021. border: {text:border width} {select:border} {color:border};
  1022. {block:ifrainbowborder}
  1023. border: {text:border width} {select:border} transparent;
  1024. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1025. border-image-slice: 1;
  1026. {/block:ifrainbowborder}
  1027. padding:10px;
  1028. text-align:center;
  1029. margin-bottom:-{text:border width};
  1030. }
  1031.  
  1032. #vandal{
  1033. border: {text:border width} {select:border} {color:border};
  1034. {block:ifrainbowborder}
  1035. border: {text:border width} {select:border} transparent;
  1036. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1037. border-image-slice: 1;
  1038. {/block:ifrainbowborder}
  1039. {block:ifrounded}
  1040. border-bottom-left-radius: 5px;
  1041. border-bottom-right-radius: 5px;
  1042. {/block:ifrounded}
  1043. }
  1044.  
  1045. #vandal img{
  1046. max-width:100%;
  1047. }
  1048.  
  1049. #scooby{
  1050. text-align:{select:footeralign};
  1051. }
  1052.  
  1053.  
  1054. /*Sidebar*/
  1055.  
  1056. #description{
  1057. font-size:{text:desc font size}px;
  1058. display:flex;
  1059. align-items:center;
  1060. word-break: break-all;
  1061. justify-content:space-around;
  1062. }
  1063.  
  1064. #description:hover, #closebutton:hover{
  1065. cursor:help;
  1066. }
  1067.  
  1068. #closebutton{
  1069. background-color: {color:close button};
  1070. border-top: 1px solid #bdbdbd;
  1071. border-left: 1px solid #bdbdbd;
  1072. border-right: 1px solid black;
  1073. border-bottom: 1px solid black;
  1074. padding: 0 0.5em;
  1075. float:right;
  1076. }
  1077.  
  1078. #closebutton:active{
  1079. border-bottom: 1px solid #bdbdbd;
  1080. border-right: 1px solid #bdbdbd;
  1081. border-top: 1px solid black;
  1082. border-left: 1px solid black;
  1083. }
  1084.  
  1085. .sextitle{
  1086. font-size:{text:title font size}px;
  1087. font-family:{select:titlefont}, cursive;
  1088. line-height: 100%;
  1089. margin-top: -0.75em;
  1090. }
  1091.  
  1092. .pop{
  1093. -webkit-animation:majime 0.5s infinite;
  1094. -ms-animation:majime 0.5s infinite;
  1095. -o-animation:majime 0.5s infinite;
  1096. animation:majime 0.5s infinite;
  1097. }
  1098.  
  1099. #ceoofsex img{
  1100. width:200px;
  1101. }
  1102.  
  1103. #doma{
  1104. max-width:200px;
  1105. position:absolute;
  1106. max-height:200px;
  1107. left: 50%;
  1108. transform: translate(-50%, 0);
  1109. margin-top:15px;
  1110. }
  1111.  
  1112. /*
  1113. content in the body of the posts - quotes, asks, etc
  1114. "media" contains photos, photosets, videos, audio posts
  1115. */
  1116. .media{
  1117. margin:0 0 5px 0;
  1118. }
  1119.  
  1120. .title{
  1121. font-weight:bold;
  1122. font-size:1.5em;
  1123. margin:0 0 10px 0;
  1124. }
  1125.  
  1126. .quote{
  1127. font-weight:normal;
  1128. font-size:16px;
  1129. font-style:italic;
  1130. margin:0 0 10px 0;
  1131. }
  1132.  
  1133. .question{
  1134. margin-bottom:10px;
  1135. }
  1136.  
  1137. blockquote{
  1138. margin:0 0 10px 10px;
  1139. padding:0 0 0 10px;
  1140. border-left:solid 1px #000;
  1141. }
  1142.  
  1143. /*
  1144. post footers - date, tags, via and source
  1145. */
  1146. .post .footer{
  1147. margin:0;
  1148. text-align:left;
  1149. }
  1150.  
  1151. /*tags*/
  1152. .tags {
  1153. {block:ifrounded}
  1154. border-radius: 5px;
  1155. {/block:ifrounded}
  1156. max-height:0px;
  1157. line-height:140%;
  1158. text-align:left;
  1159. opacity:0;
  1160. -webkit-transition: all 0.5s ease;
  1161. transition: all 0.5s ease;
  1162. -moz-transition: all 0.5s ease;
  1163. -o-transition: all 0.5s ease;
  1164. background:{color:text post bg};
  1165.  
  1166. border: {text:border width} {select:border} {color:border};
  1167.  
  1168. }
  1169.  
  1170. .post:hover .tags{
  1171. opacity:1;
  1172. max-height:300px;
  1173. -webkit-transition: all 0.5s ease;
  1174. transition: all 0.5s ease;
  1175. -moz-transition: all 0.5s ease;
  1176. -o-transition: all 0.5s ease;
  1177. padding:10px;
  1178. margin-bottom:10px;
  1179.  
  1180. }
  1181.  
  1182. /*
  1183. post notes
  1184. */
  1185. ol.notes{
  1186. list-style-type:none;
  1187. padding:0;
  1188. margin:0;
  1189. }
  1190.  
  1191. ol.notes li.note img{
  1192. width:16px;
  1193. height:16px;
  1194. }
  1195.  
  1196. ol.notes li.note{
  1197. margin:0px;
  1198. }
  1199.  
  1200. /*Search styling*/
  1201. #search{
  1202. display:inline;
  1203. margin:auto;
  1204. text-align: center;
  1205. }
  1206.  
  1207. #ameliaheader a{
  1208. line-height:140%;
  1209. }
  1210.  
  1211. #search input{
  1212. padding:4px;
  1213. border-radius: 10px;
  1214. border-top: 1px solid #bdbdbd;
  1215. border-left: 1px solid #bdbdbd;
  1216. border-right: 1px solid black;
  1217. border-bottom: 1px solid black;
  1218. background-image: url(https://66.media.tumblr.com/dec8650ab4f63748a65d18ea100ea078/fc229c53671ba990-7e/s2048x3072/72b2e8e278c4a9052f3a352006a56492a32c2e46.png);
  1219. }
  1220.  
  1221.  
  1222. /*Fade in/ Fade out css*/
  1223. @-webkit-keyframes fadeIn {
  1224. from { opacity: 0; }
  1225. to { opacity: 1; }
  1226. }
  1227. @keyframes fadeIn {
  1228. from { opacity: 0; }
  1229. to { opacity: 1; }
  1230. }
  1231.  
  1232. .show{
  1233. display:block;
  1234. -webkit-animation: fadeIn 0.3s;
  1235. animation: fadeIn 0.3s;
  1236. }
  1237.  
  1238. .hide{
  1239. -webkit-animation: fadeIn 0.3s reverse;
  1240. animation: fadeIn 0.3s reverse;
  1241. display:none;
  1242. }
  1243.  
  1244. /*pop*/
  1245.  
  1246. @-webkit-keyframes majime {
  1247. from {
  1248. transform:scale(0.95)
  1249. }
  1250. 50% {
  1251. transform:scale(1.25)
  1252. }
  1253. to {
  1254. transform:scale(0.95)
  1255. }
  1256. }
  1257. @-ms-keyframes majime {
  1258. from {
  1259. transform:scale(0.95)
  1260. }
  1261. 50% {
  1262. transform:scale(1.25)
  1263. }
  1264. to {
  1265. transform:scale(0.95)
  1266. }
  1267. }
  1268. @-o-keyframes majime {
  1269. from {
  1270. transform:scale(0.95)
  1271. }
  1272. 50% {
  1273. transform:scale(1.25)
  1274. }
  1275. to {
  1276. transform:scale(0.95)
  1277. }
  1278. }
  1279. @keyframes majime {
  1280. from {
  1281. transform:scale(0.95)
  1282. }
  1283. 50% {
  1284. transform:scale(1.25)
  1285. }
  1286. to {
  1287. transform:scale(0.95)
  1288. }
  1289. }
  1290.  
  1291.  
  1292. /*rainbow*/
  1293.  
  1294. @-webkit-keyframes rainbow {
  1295. 0% {color: #ff0000;}
  1296. 10% {color: #ff8000;}
  1297. 20% {color: #ffff00;}
  1298. 30% {color: #80ff00;}
  1299. 40% {color: #00ff00;}
  1300. 50% {color: #00ff80;}
  1301. 60% {color: #00ffff;}
  1302. 70% {color: #0080ff;}
  1303. 80% {color: #0000ff;}
  1304. 90% {color: #8000ff;}
  1305. 100% {color: #ff0080;}
  1306. }
  1307. @-ms-keyframes rainbow {
  1308. 0% {color: #ff0000;}
  1309. 10% {color: #ff8000;}
  1310. 20% {color: #ffff00;}
  1311. 30% {color: #80ff00;}
  1312. 40% {color: #00ff00;}
  1313. 50% {color: #00ff80;}
  1314. 60% {color: #00ffff;}
  1315. 70% {color: #0080ff;}
  1316. 80% {color: #0000ff;}
  1317. 90% {color: #8000ff;}
  1318. 100% {color: #ff0080;}
  1319. }
  1320. @-o-keyframes rainbow {
  1321. 0% {color: #ff0000;}
  1322. 10% {color: #ff8000;}
  1323. 20% {color: #ffff00;}
  1324. 30% {color: #80ff00;}
  1325. 40% {color: #00ff00;}
  1326. 50% {color: #00ff80;}
  1327. 60% {color: #00ffff;}
  1328. 70% {color: #0080ff;}
  1329. 80% {color: #0000ff;}
  1330. 90% {color: #8000ff;}
  1331. 100% {color: #ff0080;}
  1332. }
  1333. @keyframes rainbow {
  1334. 0% {color: #ff0000;}
  1335. 10% {color: #ff8000;}
  1336. 20% {color: #ffff00;}
  1337. 30% {color: #80ff00;}
  1338. 40% {color: #00ff00;}
  1339. 50% {color: #00ff80;}
  1340. 60% {color: #00ffff;}
  1341. 70% {color: #0080ff;}
  1342. 80% {color: #0000ff;}
  1343. 90% {color: #8000ff;}
  1344. 100% {color: #ff0080;}
  1345. }
  1346.  
  1347. /*PASTEL RAINBOW*/
  1348. @-webkit-keyframes pastelrainbow {
  1349. 0% {color: #ff9494; }
  1350. 16% {color: #ffbb94; }
  1351. 32% {color: #ffe194; }
  1352. 48% {color: #b1f2ba; }
  1353. 64% {color: #b8f5ff; }
  1354. 80% {color: #d8b8ff; }
  1355. 100% {color: #ffb8ee; }
  1356. }
  1357. @-ms-keyframes pastelrainbow {
  1358. 0% {color: #ff9494; }
  1359. 16% {color: #ffbb94; }
  1360. 32% {color: #ffe194; }
  1361. 48% {color: #b1f2ba; }
  1362. 64% {color: #b8f5ff; }
  1363. 80% {color: #d8b8ff; }
  1364. 100% {color: #ffb8ee; }
  1365. }
  1366. @-o-keyframes pastelrainbow {
  1367. 0% {color: #ff9494; }
  1368. 16% {color: #ffbb94; }
  1369. 32% {color: #ffe194; }
  1370. 48% {color: #b1f2ba; }
  1371. 64% {color: #b8f5ff; }
  1372. 80% {color: #d8b8ff; }
  1373. 100% {color: #ffb8ee; }
  1374. }
  1375. @keyframes pastelrainbow {
  1376. 0% {color: #ff9494; }
  1377. 16% {color: #ffbb94; }
  1378. 32% {color: #ffe194; }
  1379. 48% {color: #b1f2ba; }
  1380. 64% {color: #b8f5ff; }
  1381. 80% {color: #d8b8ff; }
  1382. 100% {color: #ffb8ee; }
  1383. }
  1384.  
  1385. /*tooltip*/
  1386.  
  1387. #s-m-t-tooltip {
  1388. z-index: 9999;
  1389. background: {color:tooltip bg};
  1390. font-size: {text:font size}px;
  1391. line-height: 140%;
  1392. text-align:center;
  1393. font-family:{text:font};
  1394. letter-spacing: 1px;
  1395. -o-transition: all 0.3s ease-out;
  1396. -webkit-transition: all 0.3s ease-out;
  1397. -moz-transition: all 0.3s ease-out;
  1398. text-transform: normal;
  1399. color: {color:tooltip text};
  1400. max-width: 200px;
  1401. word-wrap: break-word;
  1402. padding: 7px;
  1403. display: block;
  1404. margin: 24px 14px 7px 12px;
  1405. box-shadow: 0 0 5px 5px {color:tooltip bg};
  1406. }
  1407.  
  1408.  
  1409. @media only screen and (min-height: 800px) {
  1410. #amelia{
  1411. position: absolute;
  1412. left: 50%;
  1413. top:40%;
  1414. transform: translate(-50%, -40%);
  1415. height:500px;
  1416. width:850px;
  1417. {block:if500pxposts}
  1418. width:950px;
  1419. {/block:if500pxposts}
  1420.  
  1421. }
  1422. }
  1423.  
  1424. /*AUDIO*/
  1425.  
  1426. .playbutton {
  1427. position:relative;
  1428. margin-top:45px;
  1429. margin-left:44px;
  1430. z-index:9;
  1431. width:33px;
  1432. height:30px;
  1433. overflow:hidden;
  1434.  
  1435. }
  1436.  
  1437. .albumart{
  1438. padding-bottom:-10px;
  1439. }
  1440.  
  1441. .albumart img {
  1442. position:relative;
  1443. margin-top:-75px;
  1444. margin-left:0px
  1445. height:120px;
  1446. width:120px;
  1447. border: {text:border width} {select:border} {color:border};
  1448.  
  1449. {block:ifrounded}
  1450. -webkit-border-top-left-radius: 5px;
  1451. -webkit-border-bottom-left-radius: 5px;
  1452. -moz-border-radius-topleft: 5px;
  1453. -moz-border-radius-bottomleft: 5px;
  1454. border-top-left-radius: 5px;
  1455. border-bottom-left-radius: 5px;
  1456. {/block:ifrounded}
  1457.  
  1458.  
  1459. }
  1460.  
  1461. .trackinfo {
  1462. border: {text:border width} {select:border} {color:border};
  1463. background:#000;
  1464. background:url(https://i.imgur.com/IGXGYKz.png);
  1465. color:black;
  1466. top:-9px;
  1467. position:relative;
  1468. margin-left:120px;
  1469. height:120px;
  1470. margin-top:-120px;
  1471. {block:ifrounded}
  1472. -webkit-border-top-left-radius: 5px;
  1473. -webkit-border-bottom-left-radius: 5px;
  1474. -moz-border-radius-topleft: 5px;
  1475. -moz-border-radius-bottomleft: 5px;
  1476. border-top-left-radius: 5px;
  1477. border-bottom-left-radius: 5px;
  1478. {/block:ifrounded}
  1479.  
  1480. }
  1481.  
  1482. .trackname {
  1483. position:relative;
  1484. padding-top:1em;
  1485. text-align:center;
  1486. text-transform:uppercase;
  1487.  
  1488. }
  1489.  
  1490. .artist {
  1491. text-align:center;
  1492. text-transform:uppercase;
  1493. font-style: italic;
  1494. }
  1495.  
  1496. .album {
  1497. text-align:center;
  1498. font-style: italic;
  1499.  
  1500. }
  1501.  
  1502. .playcount {
  1503. font-weight: bold;
  1504. margin-top:5px;
  1505. text-align:center;
  1506. }
  1507.  
  1508.  
  1509. {CustomCSS}
  1510. </style>
  1511.  
  1512. </head>
  1513.  
  1514. <body>
  1515.  
  1516. <div class='hide' id='lion'>
  1517. <div id='lionheader'>
  1518. {text:popup title}
  1519. <span id='closebutton'>x</span>
  1520. </div>
  1521. <div id='vandal'>
  1522. <img src="{image:popup}">
  1523. <br>
  1524. <a href='{text:link 1 url}'>{text:link 1}</a>
  1525. {text:link divider}
  1526. <a href='{text:link 2 url}'>{text:link 2}</a>
  1527. {text:link divider}
  1528. <a href='{text:link 3 url}'>{text:link 3}</a>
  1529. </div>
  1530. </div>
  1531.  
  1532. <div id="wrapper">
  1533.  
  1534. <div id='amelia'>
  1535.  
  1536. <div id='ameliaheader'>
  1537. {block:Pagination}
  1538. {block:PreviousPage}<a style='float:left;' href="{PreviousPage}">{text:previous page}</a>{/block:PreviousPage}
  1539.  
  1540. <form id='search' action="/search" method="get">
  1541. <input type="text" id='fruitlan' placeholder='{text:search}' name="q" value="{SearchQuery}"/>
  1542. </form>
  1543.  
  1544. {block:NextPage}<a style='float:right;' href="{NextPage}">{text:next page}</a>{/block:NextPage}
  1545. {/block:Pagination}
  1546. </div>
  1547.  
  1548.  
  1549. <div id='fanta'>
  1550.  
  1551. <div id="sidebar">
  1552.  
  1553. {block:ifshowtitle}
  1554. {block:ifrainbowtitle}
  1555. <div class='sextitle' id='rainbow' style='text-align:center;'>
  1556. {text:title}
  1557. </div>
  1558. {/block:ifrainbowtitle}
  1559. {block:ifwobbletitle}
  1560. <div class='sextitle' id='wobble' style='text-align:center;'>
  1561. {text:title}
  1562. </div>
  1563. {/block:ifwobbletitle}
  1564. {block:ifpoptitle}
  1565. <div class='sextitle pop' style='text-align:center;'>
  1566. {text:title}
  1567. </div>
  1568. {/block:ifpoptitle}
  1569. {block:ifnormaltitle}
  1570. <div class='sextitle' style='text-align:center;'>
  1571. {text:title}
  1572. </div>
  1573. {/block:ifnormaltitle}
  1574. {/block:ifshowtitle}
  1575.  
  1576. <div id='ceoofsex'>
  1577. {block:ifnoticontooltip}
  1578. <a href='/'><img src="{image:icon}"></a>
  1579. {/block:ifnoticontooltip}
  1580. {block:ificontooltip}
  1581. <a href='/' title='{text:icon hover}'><img src="{image:icon}"></a>
  1582. {/block:ificontooltip}
  1583. </div>
  1584.  
  1585.  
  1586.  
  1587. {block:ifnotpixeldesc}
  1588. {block:ifnotmarqueedesc}
  1589. <div id='description' style='text-align:center;'>
  1590. <a>{text:desc}</a>
  1591. </div>
  1592. {/block:ifnotmarqueedesc}
  1593. {block:ifmarqueedesc}
  1594. <div id='description'>
  1595. <marquee style='text-align:center;' direction='{select:marqueedirection}' scrollamount='{text:marquee speed}'><a>{text:desc}</a></marquee>
  1596. </div>
  1597.  
  1598. {/block:ifmarqueedesc}
  1599. {/block:ifnotpixeldesc}
  1600. {block:ifpixeldesc}
  1601. <div id='description' style='text-align:center;'>
  1602. <img src='{image:pixel 1}'>
  1603. <img src='{image:pixel 2}'>
  1604. <img src='{image:pixel 3}'>
  1605. <img src='{image:pixel 4}'>
  1606. <img src='{image:pixel 5}'>
  1607. <img src='{image:pixel 6}'>
  1608. <img src='{image:pixel 7}'>
  1609. <img src='{image:pixel 8}'>
  1610.  
  1611. </div>
  1612. {/block:ifpixeldesc}
  1613.  
  1614.  
  1615. <img id='doma' src='{image:side img}'>
  1616.  
  1617. </div>
  1618.  
  1619.  
  1620.  
  1621. <div id="content">
  1622.  
  1623. <div id='destroy'>
  1624. {block:Posts}
  1625.  
  1626. {block:iffooter}
  1627.  
  1628. {block:ifnotfooterbelow}
  1629. <div id='scooby'>
  1630. <a href="{Permalink}">{NoteCount}{text:footer note thingy}</a>
  1631. </div>
  1632. {/block:ifnotfooterbelow}
  1633.  
  1634. {/block:iffooter}
  1635.  
  1636. <div class="post">
  1637.  
  1638. {block:Text}
  1639. <div class='insides'>
  1640. {block:Title}
  1641. <div class="title">{Title}</div>
  1642. {/block:Title}
  1643. {Body}
  1644. </div>
  1645. {/block:Text}
  1646.  
  1647. {block:Photo}
  1648. <div class="media">
  1649. {LinkOpenTag}
  1650. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1651. {LinkCloseTag}
  1652.  
  1653. {block:ifcaptions}
  1654. {block:Caption}
  1655. <div class="caption insides">
  1656. {Caption}
  1657. </div>
  1658. {/block:Caption}
  1659. {/block:ifcaptions}
  1660.  
  1661. </div>
  1662. {/block:Photo}
  1663.  
  1664. {block:Photoset}
  1665.  
  1666. {block:ifnot500pxposts}
  1667. <div class="media">{Photoset-400}</div>
  1668. {/block:ifnot500pxposts}
  1669.  
  1670. {block:if500pxposts}
  1671. <div class="media">{Photoset-500}</div>
  1672. {/block:if500pxposts}
  1673.  
  1674. {block:Caption}
  1675. {block:ifcaptions}
  1676. {block:Caption}
  1677. <div class="caption insides">
  1678. {Caption}
  1679. </div>
  1680. {/block:Caption}
  1681. {/block:ifcaptions}
  1682. {/block:Caption}
  1683. {/block:Photoset}
  1684.  
  1685. {block:Quote}
  1686. <div class='insides'>
  1687.  
  1688. <div class="quote">"{Quote}"</div>
  1689. {block:Source}
  1690. <div class="quotesource">{Source}</div>
  1691. {/block:Source}
  1692. </div>
  1693. {/block:Quote}
  1694.  
  1695. {block:Link}
  1696. <div class='insides'>
  1697.  
  1698. <div class="title"><a href="{URL}">{Name}</a></div>
  1699. {block:Description}
  1700. <div class="description">{Description}</div>
  1701. {/block:Description}
  1702. </div>
  1703. {/block:Link}
  1704.  
  1705. {block:Chat}
  1706. <div class='insides'>
  1707.  
  1708. {block:Title}
  1709. <div class="title">{Title}</div>
  1710.  
  1711. {/block:Title}
  1712.  
  1713. {block:Lines}
  1714. <div class="{Alt} user_{UserNumber}">
  1715. {block:Label}
  1716. <b>{Label}</b>{/block:Label}
  1717. &nbsp;{Line}
  1718. </div>
  1719. {/block:Lines}
  1720. </div>
  1721. {/block:Chat}
  1722.  
  1723. {block:Video}
  1724. <div class="media">{Video-400}</div>
  1725. {block:Caption}<div class="caption insides">{Caption}</div>{/block:Caption}
  1726. {/block:Video}
  1727.  
  1728. {block:Audio}
  1729. <div class='insides'>
  1730. {block:AudioPlayer}
  1731. <div class='playbutton'>{AudioPlayerGrey}</div>
  1732. {block:AlbumArt}<div class='albumart'><img src='{AlbumArtURL}'></div>{/block:AlbumArt}
  1733. <div class='trackinfo'>
  1734. <div class='trackname'>
  1735. {block:TrackName}{TrackName}{/block:TrackName}
  1736. </div>
  1737. <div class='artist'>
  1738. {block:Artist}{Artist}{/block:Artist}
  1739. </div>
  1740. <div class='album'>
  1741. {block:Album}{Album}{/block:Album}
  1742. </div>
  1743. <div class='playcount'>
  1744. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  1745. </div>
  1746. </div>
  1747. {block:Caption}{Caption}{/block:Caption}
  1748. {/block:AudioPlayer}
  1749. </div>
  1750. {/block:Audio}
  1751.  
  1752. {block:Answer}
  1753. <div class='insides'>
  1754.  
  1755. <div class="question">{Asker}: {Question}</div>
  1756. <div class="caption">{Answer}</div>
  1757. </div>
  1758. {/block:Answer}
  1759.  
  1760. {block:iffooter}
  1761.  
  1762. {block:iffooterbelow}
  1763. <div id='scooby' style='margin-bottom: 10px;'>
  1764. <a href="{Permalink}">{NoteCount}{text:footer note thingy}</a>
  1765. </div>
  1766. {/block:iffooterbelow}
  1767.  
  1768. {/block:iffooter}
  1769.  
  1770. {block:iftags}
  1771. {block:HasTags}
  1772. <div class='tags'>
  1773. {block:Tags}
  1774. <a href="{TagURL}">#{Tag}</a>
  1775. {/block:Tags}
  1776. </div>
  1777. {/block:HasTags}
  1778. {/block:iftags}
  1779.  
  1780. <!--{block:Date}-->
  1781. <!--<div class="footer">-->
  1782. <!--<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>-->
  1783. <!--{block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}-->
  1784. <!--{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}-->
  1785. <!--{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}-->
  1786. <!--</div>-->
  1787.  
  1788. <!--{block:PermalinkPage}-->
  1789. <!--{block:NoteCount}-->
  1790. <!--{block:PostNotes}{PostNotes}{/block:PostNotes}-->
  1791. <!--{/block:NoteCount}-->
  1792. <!--{/block:PermalinkPage}-->
  1793. <!--{/block:Date}-->
  1794.  
  1795. </div>
  1796. {/block:Posts}
  1797. </div>
  1798. </div>
  1799. </div>
  1800. </div>
  1801. </div>
  1802.  
  1803. </div>
  1804.  
  1805. <script>
  1806. var $egg = document.querySelector('#description');
  1807. var $pop = document.querySelector('#lion');
  1808. var $ponyo = document.querySelector('#closebutton');
  1809.  
  1810. function shimeji(){
  1811. $pop.className = "show";
  1812. }
  1813. function tkmiz(){
  1814. $pop.className = "hide";
  1815. }
  1816.  
  1817. $egg.addEventListener('click', shimeji)
  1818. $ponyo.addEventListener('click', tkmiz)
  1819. </script>
  1820.  
  1821. <script>
  1822. //Make the DIV element draggagle:
  1823. dragElement(document.getElementById("amelia"));
  1824. dragElement(document.getElementById("lion"));
  1825.  
  1826. function dragElement(elmnt) {
  1827. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  1828. if (document.getElementById(elmnt.id + "header")) {
  1829.  
  1830. /* if present, the header is where you move the DIV from:*/
  1831. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  1832. } else {
  1833. /* otherwise, move the DIV from anywhere inside the DIV:*/
  1834. elmnt.onmousedown = dragMouseDown;
  1835. }
  1836.  
  1837. function dragMouseDown(e) {
  1838. if(e.target != document.querySelector('#fruitlan')){
  1839. e = e || window.event;
  1840. e.preventDefault();
  1841. // get the mouse cursor position at startup:
  1842. pos3 = e.clientX;
  1843. pos4 = e.clientY;
  1844. document.onmouseup = closeDragElement;
  1845. // call a function whenever the cursor moves:
  1846. document.onmousemove = elementDrag;
  1847. }
  1848. }
  1849.  
  1850. function elementDrag(e) {
  1851. e = e || window.event;
  1852. e.preventDefault();
  1853. // calculate the new cursor position:
  1854. pos1 = pos3 - e.clientX;
  1855. pos2 = pos4 - e.clientY;
  1856. pos3 = e.clientX;
  1857. pos4 = e.clientY;
  1858. // set the element's new position:
  1859. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  1860. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  1861. }
  1862.  
  1863. function closeDragElement() {
  1864. /* stop moving when mouse button is released:*/
  1865. document.onmouseup = null;
  1866. document.onmousemove = null;
  1867. }
  1868. }
  1869. </script>
  1870. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1871. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1872. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1873. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1874. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1875. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1876. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1877. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1878.  
  1879. <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>
  1880. </body>
  1881. </html>
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!