API tools faq
paste
os2d

grr hiss growl bark

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