API tools faq
paste
os2d

pain

os2d
Oct 15th, 2020 (edited)
2,650
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme by @ramdons
  6. dont steal + dont remove credit + dm me if u run into bugs
  7. ----->
  8.  
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
  12. <link href="https://allfont.net/allfont.css?fonts=comic-sans-ms" rel="stylesheet" type="text/css" />
  13. <link href="https://allfont.net/allfont.css?fonts=silkscreen-expanded" rel="stylesheet" type="text/css" />
  14. <link href="https://allfont.net/allfont.css?fonts=00-starmap-truetype" rel="stylesheet" type="text/css" />
  15. <link href="https://allfont.net/allfont.css?fonts=lombardina-initial-one" rel="stylesheet" type="text/css" />
  16. <link href="https://allfont.net/allfont.css?fonts=cyrillicgoth" rel="stylesheet" type="text/css" />
  17. <link href="https://allfont.net/allfont.css?fonts=zx-spectrum" rel="stylesheet" type="text/css" />
  18.  
  19.  
  20. <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">
  21. <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">
  22.  
  23.  
  24. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  25.  
  26.  
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <title>{Title}</title>
  32.  
  33.  
  34. {block:ifredirect}
  35. {block:IndexPage}<script type="text/javascript">
  36. var url = location.href;
  37. if (url == "{BlogURL}") {
  38. window.location = "{BlogURL}tagged/{text:redirect tag}";
  39. }
  40. </script>{/block:IndexPage}
  41. {/block:ifredirect}
  42.  
  43. {block:ifsparkles}<script type="text/javascript">
  44. // <![CDATA[
  45. var colour="{color:sparkles}"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  46. var sparkles=50;
  47.  
  48. /****************************
  49. * Tinkerbell Magic Sparkle *
  50. *(c)2005-13 mf2fm web-design*
  51. * http://www.mf2fm.com/rv *
  52. * DON'T EDIT BELOW THIS BOX *
  53. ****************************/
  54. var x=ox=400;
  55. var y=oy=300;
  56. var swide=800;
  57. var shigh=600;
  58. var sleft=sdown=0;
  59. var tiny=new Array();
  60. var star=new Array();
  61. var starv=new Array();
  62. var starx=new Array();
  63. var stary=new Array();
  64. var tinyx=new Array();
  65. var tinyy=new Array();
  66. var tinyv=new Array();
  67.  
  68. window.onload=function() { if (document.getElementById) {
  69. var i, rats, rlef, rdow;
  70. for (var i=0; i<sparkles; i++) {
  71. var rats=createDiv(3, 3);
  72. rats.style.visibility="hidden";
  73. rats.style.zIndex="999";
  74. document.body.appendChild(tiny[i]=rats);
  75. starv[i]=0;
  76. tinyv[i]=0;
  77. var rats=createDiv(5, 5);
  78. rats.style.backgroundColor="transparent";
  79. rats.style.visibility="hidden";
  80. rats.style.zIndex="999";
  81. var rlef=createDiv(1, 5);
  82. var rdow=createDiv(5, 1);
  83. rats.appendChild(rlef);
  84. rats.appendChild(rdow);
  85. rlef.style.top="2px";
  86. rlef.style.left="0px";
  87. rdow.style.top="0px";
  88. rdow.style.left="2px";
  89. document.body.appendChild(star[i]=rats);
  90. }
  91. set_width();
  92. sparkle();
  93. }}
  94.  
  95. function sparkle() {
  96. var c;
  97. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  98. ox=x;
  99. oy=y;
  100. for (c=0; c<sparkles; c++) if (!starv[c]) {
  101. star[c].style.left=(starx[c]=x)+"px";
  102. star[c].style.top=(stary[c]=y+1)+"px";
  103. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  104. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  105. star[c].style.visibility="visible";
  106. starv[c]=50;
  107. break;
  108. }
  109. }
  110. for (c=0; c<sparkles; c++) {
  111. if (starv[c]) update_star(c);
  112. if (tinyv[c]) update_tiny(c);
  113. }
  114. setTimeout("sparkle()", 40);
  115. }
  116.  
  117. function update_star(i) {
  118. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  119. if (starv[i]) {
  120. stary[i]+=1+Math.random()*3;
  121. starx[i]+=(i%5-2)/5;
  122. if (stary[i]<shigh+sdown) {
  123. star[i].style.top=stary[i]+"px";
  124. star[i].style.left=starx[i]+"px";
  125. }
  126. else {
  127. star[i].style.visibility="hidden";
  128. starv[i]=0;
  129. return;
  130. }
  131. }
  132. else {
  133. tinyv[i]=50;
  134. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  135. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  136. tiny[i].style.width="2px";
  137. tiny[i].style.height="2px";
  138. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  139. star[i].style.visibility="hidden";
  140. tiny[i].style.visibility="visible"
  141. }
  142. }
  143.  
  144. function update_tiny(i) {
  145. if (--tinyv[i]==25) {
  146. tiny[i].style.width="1px";
  147. tiny[i].style.height="1px";
  148. }
  149. if (tinyv[i]) {
  150. tinyy[i]+=1+Math.random()*3;
  151. tinyx[i]+=(i%5-2)/5;
  152. if (tinyy[i]<shigh+sdown) {
  153. tiny[i].style.top=tinyy[i]+"px";
  154. tiny[i].style.left=tinyx[i]+"px";
  155. }
  156. else {
  157. tiny[i].style.visibility="hidden";
  158. tinyv[i]=0;
  159. return;
  160. }
  161. }
  162. else tiny[i].style.visibility="hidden";
  163. }
  164.  
  165. document.onmousemove=mouse;
  166. function mouse(e) {
  167. if (e) {
  168. y=e.pageY;
  169. x=e.pageX;
  170. }
  171. else {
  172. set_scroll();
  173. y=event.y+sdown;
  174. x=event.x+sleft;
  175. }
  176. }
  177.  
  178. window.onscroll=set_scroll;
  179. function set_scroll() {
  180. if (typeof(self.pageYOffset)=='number') {
  181. sdown=self.pageYOffset;
  182. sleft=self.pageXOffset;
  183. }
  184. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  185. sdown=document.body.scrollTop;
  186. sleft=document.body.scrollLeft;
  187. }
  188. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  189. sleft=document.documentElement.scrollLeft;
  190. sdown=document.documentElement.scrollTop;
  191. }
  192. else {
  193. sdown=0;
  194. sleft=0;
  195. }
  196. }
  197.  
  198. window.onresize=set_width;
  199. function set_width() {
  200. var sw_min=999999;
  201. var sh_min=999999;
  202. if (document.documentElement && document.documentElement.clientWidth) {
  203. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  204. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  205. }
  206. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  207. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  208. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  209. }
  210. if (document.body.clientWidth) {
  211. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  212. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  213. }
  214. if (sw_min==999999 || sh_min==999999) {
  215. sw_min=800;
  216. sh_min=600;
  217. }
  218. swide=sw_min;
  219. shigh=sh_min;
  220. }
  221.  
  222. function createDiv(height, width) {
  223. var div=document.createElement("div");
  224. div.style.position="absolute";
  225. div.style.height=height+"px";
  226. div.style.width=width+"px";
  227. div.style.overflow="hidden";
  228. return (div);
  229. }
  230.  
  231. function newColour() {
  232. var c=new Array();
  233. c[0]=255;
  234. c[1]=Math.floor(Math.random()*256);
  235. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  236. c.sort(function(){return (0.5 - Math.random());});
  237. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  238. }
  239. // ]]>
  240. </script>{/block:ifsparkles}
  241.  
  242.  
  243. <meta name="image:favicon" content="">
  244. <meta name="image:icon" content="">
  245. <meta name="image:header" content="">
  246.  
  247. <meta name="image:floaty" content=""/>
  248. <meta name="image:floaty 2" content=""/>
  249.  
  250. <meta name="image:custom cursor" content=""/>
  251. <meta name="image:perma pixel" content=""/>
  252. <meta name="image:icon pixel" content=""/>
  253. <meta name="image:music pixel" content="https://audial.ist/capture/load/fOCgsZwQ-HQtADDQp42SUBDQ.gif"/>
  254.  
  255. <meta name="image:top pixel 1" content=""/>
  256. <meta name="image:top pixel 2" content=""/>
  257. <meta name="image:top pixel 3" content=""/>
  258. <meta name="image:top pixel 4" content=""/>
  259. <meta name="image:top pixel 5" content=""/>
  260. <meta name="image:top pixel 6" content=""/>
  261. <meta name="image:top pixel 7" content=""/>
  262.  
  263. <meta name="image:bottom pixel 1" content=""/>
  264. <meta name="image:bottom pixel 2" content=""/>
  265. <meta name="image:bottom pixel 3" content=""/>
  266. <meta name="image:bottom pixel 4" content=""/>
  267. <meta name="image:bottom pixel 5" content=""/>
  268. <meta name="image:bottom pixel 6" content=""/>
  269. <meta name="image:bottom pixel 7" content=""/>
  270.  
  271. <meta name="image:bg" content=""/>
  272. <meta name="image:container bg" content="">
  273. <meta name="image:post bg" content="">
  274. <meta name="image:inner post bg" content="">
  275. <meta name="image:sidebar bg" content="">
  276. <meta name="image:sidebar bg 2 lol" content="">
  277. <meta name="image:inner sidebar bg" content="">
  278. <meta name="image:search button bg" content="">
  279.  
  280. <meta name="image:scrollbar thumb" content="">
  281. <meta name="image:scrollbar bg" content="">
  282.  
  283. <meta name="color:sparkles" content="black">
  284.  
  285. <meta name="color:bg" content=""/>
  286. <meta name="color:container bg" content="">
  287. <meta name="color:post bg" content="">
  288. <meta name="color:inner post bg" content="">
  289. <meta name="color:sidebar bg" content="">
  290. <meta name="color:sidebar bg 2 lol" content="">
  291. <meta name="color:inner sidebar bg" content="#fff">
  292. <meta name="color:search button bg" content="#eee">
  293. <meta name="color:question bg" content="#fff">
  294.  
  295. <meta name="color:container glow" content="">
  296. <meta name="color:icon glow" content="">
  297.  
  298. <meta name="color:post glow" content="">
  299. <meta name="color:post hover" content="">
  300. <meta name="color:post drop shadow" content="">
  301.  
  302. <meta name="color:scrollbar thumb" content="">
  303. <meta name="color:scrollbar bg" content="">
  304. <meta name="color:tooltip text" content="">
  305. <meta name="color:tooltip bg" content="">
  306.  
  307. <meta name="color:container border" content="">
  308. <meta name="color:inner container border" content="">
  309. <meta name="color:border" content="">
  310. <meta name="color:inner border" content="">
  311. <meta name="color:inner sidebar border" content="#000000">
  312. <meta name="color:icon border" content="">
  313.  
  314. <meta name="color:text" content="">
  315. <meta name="color:text glow" content="">
  316. <meta name="color:text outline" content="">
  317.  
  318. <meta name="color:link" content="">
  319. <meta name="color:link outline" content="">
  320. <meta name="color:link glow" content="">
  321. <meta name="color:link hover" content="">
  322. <meta name="color:link outline hover" content="">
  323. <meta name="color:link glow hover" content="">
  324.  
  325. <meta name="color:selection" content="#000">
  326. <meta name="color:selection bg" content="#efefef">
  327.  
  328. <meta name="if:cover bg" content="">
  329. <meta name="if:cover container bg" content="">
  330. <meta name="if:cover sidebar bg" content="">
  331.  
  332. <meta name="if:container margin" content="" >
  333. <meta name="if:container glow" content="" >
  334. <meta name="if:flip sidebar" content="" >
  335. <meta name="if:icon tooltip" content="" >
  336. <meta name="if:icon half up" content="">
  337. <meta name="if:icon circle" content="">
  338. <meta name="if:icon glow" content="">
  339. <meta name="if:jump pagination" content="">
  340. <meta name="if:search" content="">
  341. <meta name="if:music" content="">
  342. <meta name="if:drop down links" content="">
  343. <meta name="if:normal links" content="">
  344.  
  345. <meta name="if:top pixels" content="">
  346. <meta name="if:top pixel 4" content="">
  347. <meta name="if:top pixel 5" content="">
  348. <meta name="if:top pixel 6" content="">
  349. <meta name="if:top pixel 7" content="">
  350.  
  351. <meta name="if:bottom pixels" content="">
  352. <meta name="if:bottom pixel 4" content="">
  353. <meta name="if:bottom pixel 5" content="">
  354. <meta name="if:bottom pixel 6" content="">
  355. <meta name="if:bottom pixel 7" content="">
  356.  
  357. <meta name="if:text glow" content="">
  358. <meta name="if:text outline" content="">
  359. <meta name="if:link glow" content="">
  360. <meta name="if:link outline" content="">
  361. <meta name="if:link drop" content="">
  362. <meta name="if:link blur" content="">
  363. <meta name="if:link strikethrough" content="">
  364. <meta name="if:link italic" content="">
  365. <meta name="if:link bold" content="">
  366. <meta name="if:link underline" content="">
  367. <meta name="if:rainbow links" content="">
  368. <meta name="if:pastel rainbow links" content="">
  369.  
  370. <meta name="if:inner post" content="" >
  371. <meta name="if:inner description" content="" >
  372.  
  373. <meta name="if:post glow" content="" >
  374. <meta name="if:post drop shadow" content="" >
  375. <meta name="if:post hover" content="0">
  376. <meta name="if:rainbow border" content="" >
  377. <meta name="if:rounded" content="" >
  378.  
  379. <meta name="if:captions" content="" >
  380. <meta name="if:tags" content="" >
  381. <meta name="if:tags 2" content="" >
  382. <meta name="if:footer" content="" >
  383. <meta name="if:footer 2" content="" >
  384.  
  385. <meta name="if:redirect" content="" >
  386. <meta name="if:custom cursor" content="">
  387. <meta name="if:sparkles" content="">
  388.  
  389. <meta name="if:fancy scrollbar" content="">
  390. <meta name="if:shake image" content="" >
  391. <meta name="if:image blur on hover" content="" >
  392.  
  393. <meta name="select:description alignment" content="left">
  394. <meta name="select:description alignment" content="center">
  395. <meta name="select:description alignment" content="right">
  396.  
  397. <meta name="select:post size" content="250">
  398. <meta name="select:post size" content="325">
  399. <meta name="select:post size" content="400">
  400. <meta name="select:post size" content="450">
  401. <meta name="select:post size" content="500">
  402.  
  403. <meta name="select:sidebar size" content="200">
  404. <meta name="select:sidebar size" content="225">
  405. <meta name="select:sidebar size" content="250">
  406. <meta name="select:sidebar size" content="275">
  407. <meta name="select:sidebar size" content="300">
  408. <meta name="select:sidebar size" content="325">
  409.  
  410. <meta name="select:font" content="arial">
  411. <meta name="select:font" content="ms pgothic">
  412. <meta name="select:font" content="times">
  413. <meta name="select:font" content="Fantasy">
  414. <meta name="select:font" content="Monospace">
  415. <meta name="select:font" content="Verdana">
  416. <meta name="select:font" content="Courier New">
  417. <meta name="select:font" content="Calibri">
  418. <meta name="select:font" content="Cambria">
  419. <meta name="select:font" content="Comic Sans MS">
  420. <meta name="select:font" content="short stack">
  421. <meta name="select:font" content="bellota">
  422. <meta name="select:font" content="Liu Jian Mao Cao">
  423. <meta name="select:font" content="Playfair Display">
  424. <meta name="select:font" content="Pacifico">
  425. <meta name="select:font" content="Rajdhani">
  426. <meta name="select:font" content="Bebas Neue">
  427. <meta name="select:font" content="Advent Pro">
  428. <meta name="select:font" content="Orbitron">
  429. <meta name="select:font" content="Metal Mania">
  430. <meta name="select:font" content="MuseoModerno">
  431. <meta name="select:font" content="Staatliches">
  432. <meta name="select:font" content="Silkscreen Expanded">
  433. <meta name="select:font" content="'00 Starmap Truetype'">
  434. <meta name="select:font" content="Lombardina Initial One">
  435. <meta name="select:font" content="CyrillicGoth">
  436. <meta name="select:font" content="ZX Spectrum">
  437.  
  438. <meta name="select:container border" content="solid">
  439. <meta name="select:container border" content="dotted">
  440. <meta name="select:container border" content="dashed">
  441. <meta name="select:container border" content="outset">
  442. <meta name="select:container border" content="ridge">
  443. <meta name="select:container border" content="double">
  444.  
  445. <meta name="select:container border width" content="0">
  446. <meta name="select:container border width" content="1">
  447. <meta name="select:container border width" content="2">
  448. <meta name="select:container border width" content="3">
  449. <meta name="select:container border width" content="4">
  450. <meta name="select:container border width" content="5">
  451. <meta name="select:container border width" content="6">
  452.  
  453. <meta name="select:inner container border" content="solid">
  454. <meta name="select:inner container border" content="dotted">
  455. <meta name="select:inner container border" content="dashed">
  456. <meta name="select:inner container border" content="outset">
  457. <meta name="select:inner container border" content="ridge">
  458. <meta name="select:inner container border" content="double">
  459.  
  460. <meta name="select:inner container border width" content="0">
  461. <meta name="select:inner container border width" content="1">
  462. <meta name="select:inner container border width" content="2">
  463. <meta name="select:inner container border width" content="3">
  464. <meta name="select:inner container border width" content="4">
  465. <meta name="select:inner container border width" content="5">
  466. <meta name="select:inner container border width" content="6">
  467.  
  468. <meta name="select:border" content="solid">
  469. <meta name="select:border" content="dotted">
  470. <meta name="select:border" content="dashed">
  471. <meta name="select:border" content="outset">
  472. <meta name="select:border" content="ridge">
  473. <meta name="select:border" content="double">
  474.  
  475. <meta name="select:border width" content="0">
  476. <meta name="select:border width" content="1">
  477. <meta name="select:border width" content="2">
  478. <meta name="select:border width" content="3">
  479. <meta name="select:border width" content="4">
  480. <meta name="select:border width" content="5">
  481. <meta name="select:border width" content="6">
  482.  
  483. <meta name="select:inner border" content="solid">
  484. <meta name="select:inner border" content="dotted">
  485. <meta name="select:inner border" content="dashed">
  486. <meta name="select:inner border" content="outset">
  487. <meta name="select:inner border" content="ridge">
  488. <meta name="select:inner border" content="double">
  489.  
  490. <meta name="select:inner border width" content="0">
  491. <meta name="select:inner border width" content="1">
  492. <meta name="select:inner border width" content="2">
  493. <meta name="select:inner border width" content="3">
  494. <meta name="select:inner border width" content="4">
  495. <meta name="select:inner border width" content="5">
  496. <meta name="select:inner border width" content="6">
  497.  
  498. <meta name="select:inner sidebar border" content="solid">
  499. <meta name="select:inner sidebar border" content="dotted">
  500. <meta name="select:inner sidebar border" content="dashed">
  501. <meta name="select:inner sidebar border" content="outset">
  502. <meta name="select:inner sidebar border" content="ridge">
  503. <meta name="select:inner sidebar border" content="double">
  504.  
  505. <meta name="select:inner sidebar border width" content="1">
  506. <meta name="select:inner sidebar border width" content="0">
  507. <meta name="select:inner sidebar border width" content="2">
  508. <meta name="select:inner sidebar border width" content="3">
  509. <meta name="select:inner sidebar border width" content="4">
  510. <meta name="select:inner sidebar border width" content="5">
  511. <meta name="select:inner sidebar border width" content="6">
  512.  
  513. <meta name="select:icon border" content="solid">
  514. <meta name="select:icon border" content="dotted">
  515. <meta name="select:icon border" content="dashed">
  516. <meta name="select:icon border" content="outset">
  517. <meta name="select:icon border" content="ridge">
  518. <meta name="select:icon border" content="double">
  519.  
  520. <meta name="select:icon border width" content="0">
  521. <meta name="select:icon border width" content="1">
  522. <meta name="select:icon border width" content="2">
  523. <meta name="select:icon border width" content="3">
  524. <meta name="select:icon border width" content="4">
  525. <meta name="select:icon border width" content="5">
  526. <meta name="select:icon border width" content="6">
  527.  
  528. <meta name="text:icon hover" content="hi hi ^_^">
  529. <meta name="text:note text" content="%">
  530.  
  531. <meta name="text:icon pixel rotation" content="0deg">
  532. <meta name="text:icon pixel top margin" content="">
  533. <meta name="text:icon pixel left margin" content="">
  534.  
  535. <meta name="text:description text" content="pixels and search will show up here ; turn on top/bottom pixels to see them along with the search ; turn on music for music player ; turn on normal/dropdown links to use those (its optional lol), etc etc have fun go wild">
  536.  
  537. <meta name="text:music url" content="https://audial.ist/capture/load/2BHpNdS-2y0bH4gDkixl7XLF.mp3">
  538. <meta name="text:song info" content="bloody destiny - p1 ost">
  539. <meta name="text:song marquee speed" content="5">
  540.  
  541. <meta name="text:search text" content=" :zany_face:">
  542. <meta name="text:search button text" content="GO!!">
  543.  
  544. <meta name="text:dropdown text" content="">
  545. <meta name="text:link 1" content="">
  546. <meta name="text:link 1 url" content="">
  547. <meta name="text:link 2" content="">
  548. <meta name="text:link 2 url" content="">
  549. <meta name="text:link 3" content="">
  550. <meta name="text:link 3 url" content="">
  551. <meta name="text:link divider" content="/">
  552.  
  553.  
  554. <meta name="text:redirect tag" content="">
  555.  
  556. <meta name="text:font size" content="20">
  557. <meta name="text:description font size" content="20">
  558.  
  559. <meta name="text:floaty width" content="auto">
  560. <meta name="text:floaty bottom margin" content="0">
  561. <meta name="text:floaty right margin" content="0">
  562.  
  563. <meta name="text:floaty 2 width" content="auto">
  564. <meta name="text:floaty 2 bottom margin" content="0">
  565. <meta name="text:floaty 2 left margin" content="0">
  566.  
  567. <link rel="shortcut icon" href="{image:favicon}">
  568. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  569. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  570.  
  571. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  572.  
  573. <style type="text/css">
  574.  
  575. /*Scrollbar and Selection*/
  576.  
  577. ::selection {
  578. background: {color:selection bg};
  579. color: {color:selection};
  580. }
  581. ::-moz-selection {
  582. background: {color:selection bg};
  583. color: {color:selection};
  584. }
  585.  
  586. {block:iffancyscrollbar}
  587. ::-webkit-scrollbar {
  588. width: 16px;
  589. height: 10px;
  590. }
  591. ::-webkit-scrollbar-thumb {
  592. background-color: #fff;
  593. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  594. border-top: 1px solid #bdbdbd;
  595. border-left: 1px solid #bdbdbd;
  596. border-right: 1px solid black;
  597. border-bottom: 1px solid black;
  598. }
  599. ::-webkit-scrollbar-track {
  600. background-color: #fff;
  601. background-image: url(https://i.imgur.com/IGXGYKz.png);
  602. }
  603. ::-webkit-scrollbar-button:vertical:increment {
  604. background-image: url(https://i.imgur.com/WhC8iy3.png);
  605. width: 14px;
  606. height: 16px;
  607. border-top: 1px solid #bdbdbd;
  608. border-left: 1px solid #bdbdbd;
  609. border-right: 1px solid black;
  610. border-bottom: 1px solid black;
  611. }
  612. ::-webkit-scrollbar-button:vertical:decrement {
  613. background-image: url(https://i.imgur.com/fQ18mrR.png);
  614. border-top: 1px solid #bdbdbd;
  615. border-left: 1px solid #bdbdbd;
  616. border-right: 1px solid black;
  617. border-bottom: 1px solid black;
  618. width: 14px;
  619. height: 16px;
  620. }
  621.  
  622. {/block:iffancyscrollbar}
  623.  
  624.  
  625. {block:ifnotfancyscrollbar}
  626. ::-webkit-scrollbar {
  627. width: 16px;
  628. height: 10px;
  629. }
  630. ::-webkit-scrollbar-thumb {
  631. background:{color:scrollbar thumb};
  632. background-image: url('{image:scrollbar thumb}');
  633. border: 1px outset {color:scrollbar thumb};
  634. {block:ifrounded}
  635. border-radius:5px;
  636. {/block:ifrounded}
  637. }
  638. ::-webkit-scrollbar-track {
  639. background:{color:scrollbar bg};
  640. background-image: url('{image:scrollbar bg}');
  641. }
  642.  
  643. ::-webkit-scrollbar-button:vertical:increment {
  644. background:{color:scrollbar thumb};
  645. background-image: url('{image:scrollbar thumb}');
  646. border: 1px outset {color:scrollbar thumb};
  647. width: 14px;
  648. height: 16px;
  649. }
  650. ::-webkit-scrollbar-button:vertical:decrement {
  651. background:{color:scrollbar thumb};
  652. background-image: url('{image:scrollbar thumb}');
  653. border: 1px outset {color:scrollbar thumb};
  654. width: 14px;
  655. height: 16px;
  656. }
  657.  
  658. {/block:ifnotfancyscrollbar}
  659.  
  660. {block:ifcontainermargin}
  661.  
  662. {block:ifrounded}
  663.  
  664. {block:ifnotflipsidebar}
  665.  
  666. #content::-webkit-scrollbar-button:vertical:increment {
  667. border-bottom-right-radius:7px;
  668. }
  669.  
  670. {/block:ifnotflipsidebar}
  671.  
  672. {block:ifrounded}
  673.  
  674. {/block:ifcontainermargin}
  675.  
  676.  
  677. /*
  678. general text styles, fonts and colours
  679. */
  680.  
  681. *{
  682. padding:0;
  683. margin:0;
  684. }
  685.  
  686. body {
  687. padding:0px;
  688. margin:0px;
  689.  
  690. background:{color:bg};
  691. background-image: url('{image:bg}');
  692. {block:ifnotcoverbg}
  693. background-repeat: repeat;
  694. background-attachment: fixed;
  695. {/block:ifnotcoverbg}
  696. {block:ifcoverbg}
  697. background-size: cover;
  698. background-attachment: fixed;
  699. {/block:ifcoverbg}
  700. overflow:hidden;
  701.  
  702. font-family:{select:font}, arial;
  703. font-size:{text:font size}px;
  704. line-height:140%;
  705.  
  706. color:{color:text};
  707. {block:iftextglow}
  708. text-shadow: 0 0 2px {color:text glow};
  709. {/block:iftextglow}
  710. {block:iftextoutline}
  711. text-shadow: -1px 0 {color:text outline}, 0 1px {color:text outline}, 1px 0 {color:text outline}, 0 -1px {color:text outline}{block:iftextglow}, 0 0 3px {color:text glow}, 0 0 3px {color:text glow} {/block:iftextglow};
  712. {/block:iftextoutline}
  713.  
  714.  
  715. {block:ifcustomcursor}
  716. cursor:url({image:custom cursor}), auto;
  717. {/block:ifcustomcursor}
  718. }
  719.  
  720. p{
  721. margin:0;
  722. padding:0;
  723. }
  724.  
  725. pre {
  726. white-space: pre-wrap;
  727. white-space: -moz-pre-wrap;
  728. white-space: -pre-wrap;
  729. white-space: -o-pre-wrap;
  730. word-wrap: break-word;
  731. }
  732.  
  733. li{
  734. margin-left:-15px;
  735. }
  736.  
  737. img{
  738. transition:0.3s;
  739. -o-transition: all 0.3s ease-out;
  740. -webkit-transition: all 0.3s ease-out;
  741. -moz-transition: all 0.3s ease-out;
  742. }
  743.  
  744. img:hover {
  745.  
  746.  
  747. {block:ifimagebluronhover}
  748. filter:blur(1px);
  749. {/block:ifimagebluronhover}
  750. {block:ifshakeimage}
  751. animation: shake 0.5s;
  752. animation-iteration-count: infinite;
  753. {/block:ifshakeimage}
  754.  
  755. transition:0.3s;
  756. -o-transition: all 0.3s ease-out;
  757. -webkit-transition: all 0.3s ease-out;
  758. -moz-transition: all 0.3s ease-out;
  759.  
  760. }
  761.  
  762. /*Links styling*/
  763. a{
  764. color:{color:link};
  765. text-decoration:none;
  766.  
  767. {block:iflinkglow}
  768. text-shadow:0 0 2px {color:link glow}, 0 0 2px {color:link glow};
  769. {/block:iflinkglow}
  770.  
  771. {block:iflinkoutline}
  772.  
  773. 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};
  774.  
  775. {/block:iflinkoutline}
  776.  
  777. {block:iflinkbold}
  778. font-weight:bold;
  779. {/block:iflinkbold}
  780.  
  781. {block:iflinkunderline}
  782. text-decoration:underline;
  783. {/block:iflinkunderline}
  784.  
  785. transition:0.3s;
  786. -o-transition: all 0.3s ease-out;
  787. -webkit-transition: all 0.3s ease-out;
  788. -moz-transition: all 0.3s ease-out;
  789.  
  790. }
  791.  
  792. a:hover{
  793. color:{color:link hover};
  794.  
  795. {block:iflinkstrikethrough}
  796. text-decoration: line-through;
  797. {/block:iflinkstrikethrough}
  798.  
  799. {block:iflinkitalic}
  800. font-style: italic;
  801. {/block:iflinkitalic}
  802.  
  803. {block:iflinkblur}
  804. filter: blur(1px);
  805. {/block:iflinkblur}
  806.  
  807. {block:ifrainbowlinks}
  808. -webkit-animation:rainbow 1s infinite;
  809. -ms-animation:rainbow 1s infinite;
  810. -o-animation:rainbow 1s infinite;
  811. animation:rainbow 1s infinite;
  812. {/block:ifrainbowlinks}
  813.  
  814. {block:ifpastelrainbowlinks}
  815. -webkit-animation:pastelrainbow 1s infinite;
  816. -ms-animation:pastelrainbow 1s infinite;
  817. -o-animation:pastelrainbow 1s infinite;
  818. animation:pastelrainbow 1s infinite;
  819. {/block:ifpastelrainbowlinks}
  820.  
  821. {block:iflinkglow}
  822. text-shadow:0 0 2px {color:link glow hover}, 0 0 2px {color:link glow hover};
  823. {/block:iflinkglow}
  824.  
  825. {block:iflinkoutline}
  826. 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};
  827. {/block:iflinkoutline}
  828.  
  829. {block:iflinkblur}
  830. filter: blur(1px);
  831. {/block:iflinkblur}
  832.  
  833. {/block:iflinkglow}
  834.  
  835. {block:iflinkdrop}
  836. 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};
  837. {/block:iflinkdrop}
  838.  
  839. transition:0.3s;
  840. -o-transition: all 0.3s ease-out;
  841. -webkit-transition: all 0.3s ease-out;
  842. -moz-transition: all 0.3s ease-out;
  843.  
  844. cursor:help;
  845.  
  846. {block:ifcustomcursor}
  847. cursor:url({image:custom cursor}), auto;
  848. {/block:ifcustomcursor}
  849. }
  850.  
  851. /*Tumblr Controls*/
  852.  
  853.  
  854. /*
  855. Wrapper and Content
  856. */
  857.  
  858. #wrapper{
  859. width: fit-content;
  860.  
  861. box-sizing: border-box;
  862.  
  863. height: 100vh;
  864. display: grid;
  865.  
  866. grid-template-columns: {select:sidebar size}px calc({select:post size}px + 20px + 16px + {select:inner container border width}px);
  867. align-items: start;
  868. justify-content: start;
  869.  
  870. {block:ifflipsidebar}
  871. grid-template-columns: calc({select:post size}px + 20px + 16px + {select:inner container border width}px) {select:sidebar size}px;
  872. {/block:ifflipsidebar}
  873.  
  874. margin: auto;
  875.  
  876. background:{color:sidebar bg 2 lol};
  877. background-image: url({image:sidebar bg 2 lol});
  878.  
  879. {block:ifcontainerglow}
  880. box-shadow: 0 0 5px {color:container glow};
  881. {/block:ifcontainerglow}
  882.  
  883. border: {select:container border width}px {select:container border} {color:container border};
  884. {block:ifrainbowborder}
  885. border: {select:container border width}px {select:container border} transparent;
  886. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  887. border-image-slice: 1;
  888. {/block:ifrainbowborder}
  889.  
  890. border-top: none;
  891. border-bottom: none;
  892.  
  893. {block:ifcontainermargin}
  894. margin: calc(20px - {select:container border width}px*2) auto;
  895.  
  896. height: calc(100vh - (40px + {select:container border width}px*2));
  897. border: {select:container border width}px {select:container border} {color:container border};
  898. {block:ifrainbowborder}
  899. border: {select:container border width}px {select:container border} transparent;
  900. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  901. border-image-slice: 1;
  902. {/block:ifrainbowborder}
  903.  
  904. {block:ifrounded}
  905. border-radius:12px;
  906. {block:ifrounded}
  907.  
  908. {/block:ifcontainermargin}
  909.  
  910. }
  911.  
  912. #header{
  913. grid-column: 1/3;
  914.  
  915. border-bottom: {select:inner container border width}px {select:inner container border} {color:inner container border};
  916. {block:ifrainbowborder}
  917. border-bottom: {select:inner container border width}px {select:inner container border} transparent;
  918. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  919. border-image-slice: 1;
  920. {/block:ifrainbowborder}
  921.  
  922. }
  923.  
  924. #header img{
  925. display:block;
  926. max-width:100%;
  927.  
  928. {block:ifcontainermargin}
  929.  
  930. {block:ifrounded}
  931. border-top-left-radius: 9px;
  932. border-top-right-radius: 9px;
  933. {block:ifrounded}
  934.  
  935. {/block:ifcontainermargin}
  936.  
  937. }
  938.  
  939. #content{
  940. padding:10px;
  941. height: 100%;
  942. grid-column: 2/3;
  943.  
  944. margin:auto;
  945. text-align:center;
  946. box-sizing: border-box;
  947.  
  948. overflow-x:hidden;
  949. overflow-y:auto;
  950.  
  951. background:{color:container bg};
  952. background-image: url('{image:container bg}');
  953.  
  954. border-left: {select:inner container border width}px {select:inner container border} {color:inner container border};
  955. {block:ifrainbowborder}
  956. border-left: {select:inner container border width}px {select:inner container border} transparent;
  957. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  958. border-image-slice: 1;
  959. {/block:ifrainbowborder}
  960.  
  961. {block:ifcoversidebarbg}
  962. background-size:cover;
  963. {/block:ifcoversidebarbg}
  964.  
  965. {block:ifrounded}
  966. border-bottom-right-radius: 7px;
  967. {/block:ifrounded}
  968.  
  969. {block:ifflipsidebar}
  970. grid-column: 1/2;
  971. grid-row:2/3;
  972.  
  973. border:none;
  974.  
  975. border-right: {select:inner container border width}px {select:inner container border} {color:inner container border};
  976. {block:ifrainbowborder}
  977. border-right: {select:inner container border width}px {select:inner container border} transparent;
  978. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  979. border-image-slice: 1;
  980. {/block:ifrainbowborder}
  981.  
  982. {block:ifrounded}
  983. border-bottom-right-radius: 0;
  984. border-bottom-left-radius: 10px;
  985. {/block:ifrounded}
  986.  
  987. {/block:ifflipsidebar}
  988.  
  989. }
  990.  
  991. /* Sidebar*/
  992.  
  993. #sidebar{
  994. max-width:100%;
  995.  
  996. z-index:25;
  997.  
  998. background:{color:sidebar bg};
  999. background-image: url('{image:sidebar bg}');
  1000.  
  1001. grid-column: 1/2;
  1002.  
  1003. border-bottom: {select:inner container border width}px {select:inner container border} {color:inner container border};
  1004. {block:ifrainbowborder}
  1005. border-bottom: {select:inner container border width}px {select:inner container border} transparent;
  1006. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1007. border-image-slice: 1;
  1008. {/block:ifrainbowborder}
  1009.  
  1010. {block:ifcoversidebarbg}
  1011. background-size:cover;
  1012. {/block:ifcoversidebarbg}
  1013.  
  1014. {block:ifflipsidebar}
  1015. grid-column: 2/3;
  1016. {/block:ifflipsidebar}
  1017.  
  1018. }
  1019.  
  1020. #bottom{
  1021.  
  1022. overflow:auto;
  1023. padding:5px;
  1024. font-size:{text:description font size}px;
  1025. text-align:{select:description alignment};
  1026. line-height:140%;
  1027.  
  1028. }
  1029.  
  1030. #pagin{
  1031. /*margin:0 5px 5px;*/
  1032. padding: 5px 10px;
  1033.  
  1034. text-align:center;
  1035.  
  1036. {block:ifinnerdescription}
  1037.  
  1038. margin:0 5px 5px;
  1039.  
  1040. border: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1041. {block:ifrainbowborder}
  1042. border: {select:inner sidebar border width}px {select:inner sidebar border} transparent;
  1043. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1044. border-image-slice: 1;
  1045. {/block:ifrainbowborder}
  1046.  
  1047. {block:ifrounded}
  1048. border-radius: 5px;
  1049. {/block:ifrounded}
  1050. {/block:ifinnerdescription}
  1051.  
  1052. }
  1053.  
  1054. /*music player*/
  1055. #musicplayer{
  1056. display:grid;
  1057. grid-template-columns:20px auto;
  1058. align-items:center;
  1059. width: inherit;
  1060. margin: 0 10px 10px;
  1061.  
  1062. font-size:{text:description font size}px;
  1063. line-height:140%;
  1064.  
  1065. background:{color:inner sidebar bg};
  1066. background-image: url('{image:inner sidebar bg}');
  1067.  
  1068. border: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1069. {block:ifrainbowborder}
  1070. border: {select:inner sidebar border width}px {select:inner sidebar border} transparent;
  1071. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1072. border-image-slice: 1;
  1073. {/block:ifrainbowborder}
  1074.  
  1075. {block:ifrounded}
  1076. border-radius: 5px;
  1077. {/block:ifrounded}
  1078.  
  1079. }
  1080.  
  1081. #musictitle{
  1082. overflow: hidden;
  1083. white-space: nowrap;
  1084. display:inline-block;
  1085. width: calc(100% - 10px - {select:inner sidebar border width}px);
  1086. margin-left: calc(10px + {select:inner sidebar border width}px);
  1087. }
  1088.  
  1089. #musicpixel{
  1090. width:100%;
  1091. padding:5px;
  1092. position:relative;
  1093.  
  1094. min-height: 20px;
  1095.  
  1096. background:{color:inner sidebar bg};
  1097. background-image: url('{image:inner sidebar bg}');
  1098.  
  1099. border-right: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1100. {block:ifrainbowborder}
  1101. border-right: {select:inner sidebar border width}px {select:inner sidebar border} transparent;
  1102. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1103. border-image-slice: 1;
  1104. {/block:ifrainbowborder}
  1105.  
  1106. {block:ifrounded}
  1107. border-top-left-radius: 5px;
  1108. border-bottom-left-radius: 5px;
  1109. {/block:ifrounded}
  1110.  
  1111.  
  1112. }
  1113.  
  1114.  
  1115. .overlay {
  1116. opacity:0;
  1117. position:absolute;
  1118. top:0;
  1119. left:0;
  1120. text-align:center;
  1121. width:100%;
  1122. height:100%;
  1123. transition:0.3s ease;
  1124.  
  1125. background:{color:inner sidebar bg};
  1126. background-image: url('{image:inner sidebar bg}');
  1127.  
  1128. {block:ifrounded}
  1129. border-top-left-radius: 5px;
  1130. border-bottom-left-radius: 5px;
  1131. {/block:ifrounded}
  1132.  
  1133. }
  1134.  
  1135. #musicplayer:hover .overlay {
  1136. opacity: 1;
  1137. transition:0.3s ease;
  1138. }
  1139.  
  1140. .playpause{
  1141. position: absolute;
  1142. top: 50%;
  1143. left: 50%;
  1144. transform: translate(-50%, -50%);
  1145. }
  1146.  
  1147. .playpause:hover{
  1148. cursor:help;
  1149. }
  1150.  
  1151. #musicpixel img{
  1152. display:block;
  1153. }
  1154.  
  1155. .marquee{
  1156. display: inline-block;
  1157. padding-left: 100%;
  1158. animation: marquee {text:song marquee speed}s linear infinite;
  1159. }
  1160.  
  1161. @keyframes marquee{
  1162. 0% {
  1163. transform: translate(0, 0);
  1164. }
  1165. 100% {
  1166. transform: translate(-100%, 0);
  1167. }
  1168. }
  1169.  
  1170. /*dropdown*/
  1171.  
  1172. #dropdown{
  1173. padding: 5px;
  1174. }
  1175.  
  1176. #dropdown select{
  1177. font-family:{select:font}, arial;
  1178. width: 100%;
  1179. padding:5px;
  1180.  
  1181. background:{color:inner sidebar bg};
  1182. background-image: url('{image:inner sidebar bg}');
  1183.  
  1184. border: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1185.  
  1186. {block:ifrainbowborder}
  1187. border: 1px {select:border} transparent;
  1188. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1189. border-image-slice: 1;
  1190. {/block:ifrainbowborder}
  1191.  
  1192. {block:ifrounded}
  1193. border-radius:5px;
  1194. {/block:ifrounded}
  1195.  
  1196. }
  1197.  
  1198. /*Search*/
  1199. #googoo{
  1200. margin: 0 10px 10px;
  1201.  
  1202. z-index: 49875;
  1203.  
  1204. border: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1205.  
  1206. {block:ifrainbowborder}
  1207. border: 1px {select:border} transparent;
  1208. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1209. border-image-slice: 1;
  1210. {/block:ifrainbowborder}
  1211.  
  1212. {block:ifrounded}
  1213. border-radius:5px;
  1214. {/block:ifrounded}
  1215.  
  1216. }
  1217.  
  1218. #googoo form{
  1219. height:100%;
  1220. display: grid;
  1221. grid-template-columns: auto auto;
  1222. }
  1223.  
  1224. #googoo .meow{
  1225. border-radius: 0;
  1226. border: none;
  1227. border-left: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1228. padding:5px;
  1229. font-family:{select:font}, arial;
  1230. font-size:20px;
  1231.  
  1232. {block:ifrounded}
  1233. border-top-right-radius:5px;
  1234. border-bottom-right-radius:5px;
  1235. {/block:ifrounded}
  1236.  
  1237. background:{color:search button bg};
  1238. background-image: url('{image:search button bg}');
  1239.  
  1240. }
  1241.  
  1242. input.search{
  1243. width: 100%;
  1244. box-sizing: border-box;
  1245. border: none;
  1246. height:100%;
  1247. font-family:{select:font}, arial;
  1248. font-size:20px;
  1249. padding:5px;
  1250.  
  1251. background:{color:inner sidebar bg};
  1252. background-image: url('{image:inner sidebar bg}');
  1253.  
  1254. {block:ifrounded}
  1255. border-top-left-radius:5px;
  1256. border-bottom-left-radius:5px;
  1257. {/block:ifrounded}
  1258.  
  1259. }
  1260. input.search:focus{
  1261. outline:none;
  1262. }
  1263.  
  1264. .desc{
  1265. overflow: auto;
  1266.  
  1267. {block:ifnotinnerdescription}
  1268. max-height:150px;
  1269. overflow:auto;
  1270. {/block:ifnotinnerdescription}
  1271. }
  1272.  
  1273. #innerdesc{
  1274. background:{color:inner sidebar bg};
  1275. background-image: url('{image:inner sidebar bg}');
  1276. padding: 0 5px;
  1277. margin: 5px;
  1278.  
  1279. max-height:150px;
  1280. overflow:auto;
  1281.  
  1282. border: {select:inner sidebar border width}px {select:inner sidebar border} {color:inner sidebar border};
  1283. {block:ifrainbowborder}
  1284. border: {select:inner sidebar border width}px {select:inner sidebar border} transparent;
  1285. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1286. border-image-slice: 1;
  1287. {/block:ifrainbowborder}
  1288.  
  1289. {block:ifrounded}
  1290. border-radius: 5px;
  1291. {/block:ifrounded}
  1292. }
  1293.  
  1294.  
  1295.  
  1296. #icon{
  1297. display: flex;
  1298. justify-content: center;
  1299. align-items: center;
  1300. max-height: 400px;
  1301.  
  1302. {block:ificonhalfup}
  1303. margin-top: calc(-50% - {select:icon border width}px);
  1304. {block:ificonhalfup}
  1305.  
  1306. padding:10px;
  1307. padding-bottom:5px;
  1308. }
  1309.  
  1310.  
  1311. #icon a img{
  1312. max-width:calc(100% - {select:icon border width}px*2);
  1313. max-height:100%;
  1314. display:block;
  1315.  
  1316. margin:auto;
  1317. flex-shrink: 0;
  1318.  
  1319. border: {select:icon border width}px {select:icon border} {color:icon border};
  1320. {block:ifrainbowborder}
  1321. border: {select:icon border width}px {select:icon border} transparent;
  1322. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1323. border-image-slice: 1;
  1324. {/block:ifrainbowborder}
  1325.  
  1326. {block:ifrounded}
  1327. border-radius:12px;
  1328. {block:ifrounded}
  1329.  
  1330. {block:ificoncircle}
  1331. border-radius:50%;
  1332. {block:ificoncircle}
  1333.  
  1334. {block:ificonglow}
  1335. box-shadow: 0 0 5px {color:icon glow};
  1336. {/block:ificonglow}
  1337.  
  1338. transition:0.3s;
  1339. -o-transition: all 0.3s ease-out;
  1340. -webkit-transition: all 0.3s ease-out;
  1341. -moz-transition: all 0.3s ease-out;
  1342.  
  1343. }
  1344.  
  1345. #iconpixel{
  1346. display:block;
  1347. position:absolute;
  1348. margin-top:{text:icon pixel top margin}px;
  1349. margin-left:{text:icon pixel left margin}px;
  1350. transform: rotate({text:icon pixel rotation});
  1351. }
  1352.  
  1353.  
  1354. .midpag{
  1355. text-align:center;
  1356. display:inline-block;
  1357. }
  1358.  
  1359.  
  1360. .pixels{
  1361. display: flex;
  1362. align-items: center;
  1363. justify-content: space-around;
  1364. margin:10px 0;
  1365. }
  1366.  
  1367. .pixels img{
  1368. display: inline-block;
  1369. vertical-align: middle;
  1370. margin-bottom: 0px;
  1371. }
  1372.  
  1373. #fewhehe{
  1374. min-height:105vh;
  1375. }
  1376.  
  1377.  
  1378. /*Post Styling*/
  1379. .post{
  1380. box-sizing:border-box;
  1381. padding:10px 10px 0 10px;
  1382. margin: 25px auto;
  1383. overflow:hidden;
  1384. z-index:2;
  1385.  
  1386. text-align:left;
  1387.  
  1388. width:{select:post size}px;
  1389.  
  1390. background:{color:post bg};
  1391. background-image: url('{image:post bg}');
  1392.  
  1393. border: {select:border width}px {select:border} {color:border};
  1394. {block:ifrainbowborder}
  1395. border: {select:border width}px {select:border} transparent;
  1396. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1397. border-image-slice: 1;
  1398. {/block:ifrainbowborder}
  1399.  
  1400. {block:ifrounded}
  1401. border-radius: 10px;
  1402. {/block:ifrounded}
  1403.  
  1404. {block:ifpostdropshadow}
  1405. box-shadow: 10px 10px 5px {color:post drop shadow}6b;
  1406. {/block:ifpostdropshadow}
  1407.  
  1408. {block:ifpostglow}
  1409.  
  1410. box-shadow: 0 0 5px {color:post glow}
  1411. {block:ifpostdropshadow}, 10px 10px 5px {color:post drop shadow}6b{/block:ifpostdropshadow};
  1412. {/block:ifpostglow}
  1413.  
  1414. {block:iffooter}
  1415. {block:ifnotfooter2}
  1416. padding-top:0;
  1417. {/block:ifnotfooter2}
  1418. {/block:iffooter}
  1419.  
  1420. {block:ifnotinnerpost}
  1421. padding:10px;
  1422. {/block:ifnotinnerpost}
  1423.  
  1424.  
  1425. transition:0.3s;
  1426. -o-transition: all 0.3s ease-out;
  1427. -webkit-transition: all 0.3s ease-out;
  1428. -moz-transition: all 0.3s ease-out;
  1429.  
  1430. -webkit-animation: fadeIn 0.3s;
  1431. animation: fadeIn 0.3s;
  1432. }
  1433.  
  1434.  
  1435. .post:hover{
  1436. {block:ifposthover}
  1437. box-shadow:0 0 5px {color:post hover}{block:ifpostdropshadow}, 10px 10px 5px {color:post drop shadow}6b{/block:ifpostdropshadow};;
  1438. {/block:ifposthover}
  1439.  
  1440. transition:0.3s;
  1441. -o-transition: all 0.3s ease-out;
  1442. -webkit-transition: all 0.3s ease-out;
  1443. -moz-transition: all 0.3s ease-out;
  1444. }
  1445.  
  1446. .post img{
  1447. max-width:100%;
  1448. }
  1449.  
  1450. #content .post:first-of-type{
  1451. margin-top:0;
  1452. }
  1453.  
  1454. #content .post:last-of-type{
  1455. margin-bottom:0;
  1456. }
  1457.  
  1458.  
  1459. .insides{
  1460. padding-top:1px;
  1461. {block:ifinnerpost}
  1462. box-sizing:border-box;
  1463. background:{color:inner post bg};
  1464. background-image: url('{image:inner post bg}');
  1465. padding:10px;
  1466. margin-bottom:10px;
  1467. border: {select:inner border width}px {select:inner border} {color:inner border};
  1468. {block:ifrainbowborder}
  1469. border: {select:inner border width}px {select:inner border} transparent;
  1470. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1471. border-image-slice: 1;
  1472. {/block:ifrainbowborder}
  1473. {block:ifrounded}
  1474. border-radius: 5px;
  1475. {/block:ifrounded}
  1476. {/block:ifinnerpost}
  1477. }
  1478.  
  1479.  
  1480. /*
  1481. content in the body of the posts - quotes, asks, etc
  1482. "media" contains photos, photosets, videos, audio posts
  1483. */
  1484.  
  1485. h2{
  1486. margin:10px 0;
  1487. }
  1488.  
  1489. .media{
  1490. box-sizing:border-box;
  1491.  
  1492. margin:0 0 10px 0;
  1493.  
  1494. {block:ifnotinnerpost}
  1495. margin: 0;
  1496. {/block:ifnotinnerpost}
  1497.  
  1498. }
  1499.  
  1500. .media img{
  1501. {block:ifrounded}
  1502. border-radius: 5px;
  1503. {/block:ifrounded}
  1504. display:block;
  1505. }
  1506.  
  1507. .tmblr-full img{
  1508. height:auto;
  1509. }
  1510.  
  1511. .title{
  1512. font-weight:normal;
  1513. font-size:18px;
  1514. margin:0 0 10px 0;
  1515. }
  1516.  
  1517. .quote{
  1518. font-weight:normal;
  1519. font-size:16px;
  1520. font-style:italic;
  1521. margin:0 0 10px 0;
  1522. }
  1523.  
  1524. .question{
  1525. margin-bottom:10px;
  1526. border: 1px outset gray;
  1527. background-image: url(https://i.imgur.com/IGXGYKz.png);
  1528. display: grid;
  1529. grid-template-columns: 100px auto;
  1530. {block:ifrounded}
  1531. border-radius: 5px;
  1532. {/block:ifrounded}
  1533.  
  1534. }
  1535.  
  1536. blockquote{
  1537. margin:0 0 10px 10px;
  1538. padding:0 0 0 10px;
  1539. border-left:solid 1px #000;
  1540. }
  1541.  
  1542. /*Audio*/
  1543. .musicholder{
  1544. display: grid;
  1545. grid-template-columns: 40% 60%;
  1546. justify-content: space-evenly;
  1547. align-items: center;
  1548. }
  1549. .albumart{
  1550. position: relative;
  1551. }
  1552.  
  1553. .playbutton{
  1554. width: 32px;
  1555. overflow: hidden;
  1556. position: absolute;
  1557. top: 50%;
  1558. left: 50%;
  1559. transform: translate(-50%, -50%);
  1560. }
  1561.  
  1562. .albumart img{
  1563. border-radius: 50%;
  1564. display: block;
  1565. }
  1566.  
  1567. .trackinfo{
  1568. margin-left: 10px;
  1569. max-height: 100px;
  1570. overflow: auto;
  1571.  
  1572. }
  1573.  
  1574. /*Photoset*/
  1575. .photoset{
  1576. {block:ifinnerpost}
  1577. margin-bottom:10px;
  1578. {/block:ifinnerpost}
  1579. }
  1580.  
  1581. .photo-row {
  1582. padding:0.2em 0;
  1583. display:flex;
  1584. }
  1585.  
  1586. .photo-row:first-child {
  1587. padding-top:0;
  1588. }
  1589.  
  1590. .photo-row:last-child {
  1591. padding-bottom:0;
  1592. }
  1593.  
  1594. .image-container {
  1595. cursor:help;
  1596.  
  1597. {block:ifcustomcursor}
  1598. cursor:url({image:custom cursor}), auto;
  1599. {/block:ifcustomcursor}
  1600. padding:0 0.2em;
  1601. flex-grow:1;
  1602. }
  1603.  
  1604. .image-container:first-child {
  1605. padding-left:0;
  1606. }
  1607.  
  1608. .image-container:last-child {
  1609. padding-right:0;
  1610. }
  1611.  
  1612. .image {
  1613. width:100%;
  1614. height:100%;
  1615. display:block;
  1616. {block:ifrounded}
  1617. border-radius:5px;
  1618. {/block:ifrounded}
  1619. object-fit:cover; /* technically not needed, but helps when browsers glitch */
  1620. }
  1621.  
  1622. .tumblr_video_container, .tumblr_video_container iframe{
  1623. max-width:100%;
  1624. }
  1625. /*
  1626. post footers - date, tags, via and source
  1627. */
  1628. .post .footer{
  1629. margin:0;
  1630. text-align:left;
  1631. }
  1632.  
  1633. .caption{
  1634. margin-top:10px;
  1635. }
  1636.  
  1637. #footer{
  1638. {block:iffooter2}
  1639. text-align:center;
  1640. display: grid;
  1641. grid-template-columns: 33% auto 33%;
  1642. align-items: center;
  1643. margin-top:10px;
  1644. {block:ifnotinnerpost}
  1645. margin-top:10px;
  1646. {/block:ifnotinnerpost}
  1647. {/block:iffooter2}
  1648. }
  1649.  
  1650. #footer a img{
  1651. margin-bottom:0px;
  1652. {block:iffooter2}
  1653. margin-bottom:-3px;
  1654. {/block:iffooter2}
  1655. }
  1656.  
  1657. /*
  1658. post notes
  1659. */
  1660. ol.notes{
  1661. box-sizing:border-box;
  1662. padding: 10px;
  1663. margin: 0;
  1664. margin-bottom: 10px;
  1665.  
  1666. {block:ifnotinnerpost}
  1667. padding: 0;
  1668. margin: 10px 0;
  1669. {/block:ifnotinnerpost}
  1670.  
  1671. list-style-type: none;
  1672. max-height: 300px;
  1673. overflow: auto;
  1674.  
  1675. {block:ifinnerpost}
  1676. background:{color:inner post bg};
  1677. background-image: url('{image:inner post bg}');
  1678.  
  1679. border: {select:inner border width}px {select:inner border} {color:inner border};
  1680. {block:ifrainbowborder}
  1681. border: {select:inner border width}px {select:inner border} transparent;
  1682. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1683. border-image-slice: 1;
  1684. {/block:ifrainbowborder}
  1685.  
  1686. {block:ifrounded}
  1687. border-radius: 5px;
  1688. {/block:ifrounded}
  1689. {/block:ifinnerpost}
  1690.  
  1691. }
  1692.  
  1693. ol.notes li.note img{
  1694. width: 1em;
  1695. height: 1em;
  1696. margin: 5px;
  1697. margin-bottom: -4px;
  1698. }
  1699.  
  1700. ol.notes li.note{
  1701. margin:0px;
  1702. }
  1703.  
  1704.  
  1705. /*tags*/
  1706. .tags {
  1707. line-height:140%;
  1708. text-align:left;
  1709. max-height:0px;
  1710. opacity:0;
  1711.  
  1712. {block:ifinnerpost}
  1713. background:{color:inner post bg};
  1714. background-image: url('{image:inner post bg}');
  1715.  
  1716. border: {select:inner border width}px {select:inner border} {color:inner border};
  1717.  
  1718. {block:ifrainbowborder}
  1719. border: {select:inner border width}px {select:inner border} transparent;
  1720. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1721. border-image-slice: 1;
  1722. {/block:ifrainbowborder}
  1723.  
  1724. {block:ifrounded}
  1725. border-radius: 5px;
  1726. {/block:ifrounded}
  1727. {/block:ifinnerpost}
  1728.  
  1729. transition: all 0.5s ease;
  1730. -webkit-transition: all 0.5s ease;
  1731. -moz-transition: all 0.5s ease;
  1732. -o-transition: all 0.5s ease;
  1733. }
  1734.  
  1735. .post:hover .tags{
  1736. padding:10px;
  1737. margin-bottom:10px;
  1738. max-height:300px;
  1739. opacity:1;
  1740.  
  1741. {block:ifnotinnerpost}
  1742. padding:0;
  1743. padding-top:10px;
  1744. margin:0;
  1745. {/block:ifnotinnerpost}
  1746.  
  1747. overflow:auto;
  1748.  
  1749. transition: all 0.5s ease;
  1750. -webkit-transition: all 0.5s ease;
  1751. -moz-transition: all 0.5s ease;
  1752. -o-transition: all 0.5s ease;
  1753. }
  1754.  
  1755.  
  1756. .tags2{
  1757. text-align:center;
  1758. margin-top: 10px;
  1759. padding-top: 10px;
  1760. border-top: {select:border width}px {select:border} {color:border};
  1761. {block:ifrainbowborder}
  1762. border-top: {select:border width}px {select:border} transparent;
  1763. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1764. border-image-slice: 1;
  1765. {/block:ifrainbowborder}
  1766.  
  1767. {block:ifinnerpost}
  1768. border-top: {select:inner border width}px {select:inner border} {color:inner border};
  1769. {block:ifrainbowborder}
  1770. border-top: {select:inner border width}px {select:inner border} transparent;
  1771. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  1772. border-image-slice: 1;
  1773. {/block:ifrainbowborder}
  1774. {/block:ifinnerpost}
  1775.  
  1776. }
  1777.  
  1778. /*Animations*/
  1779.  
  1780. @keyframes shake {
  1781. 0% { transform: translate(1px, 1px) rotate(0deg); }
  1782. 10% { transform: translate(-1px, -2px) rotate(-1deg); }
  1783. 20% { transform: translate(-3px, 0px) rotate(1deg); }
  1784. 30% { transform: translate(3px, 2px) rotate(0deg); }
  1785. 40% { transform: translate(1px, -1px) rotate(1deg); }
  1786. 50% { transform: translate(-1px, 2px) rotate(-1deg); }
  1787. 60% { transform: translate(-3px, 1px) rotate(0deg); }
  1788. 70% { transform: translate(3px, 1px) rotate(-1deg); }
  1789. 80% { transform: translate(-1px, -1px) rotate(1deg); }
  1790. 90% { transform: translate(1px, 2px) rotate(0deg); }
  1791. 100% { transform: translate(1px, -2px) rotate(-1deg); }
  1792. }
  1793.  
  1794. @-webkit-keyframes fadeIn {
  1795. from { opacity: 0; }
  1796. to { opacity: 1; }
  1797. }
  1798. @keyframes fadeIn {
  1799. from { opacity: 0; }
  1800. to { opacity: 1; }
  1801. }
  1802.  
  1803. @-webkit-keyframes rainbow {
  1804. 0% {color: #ff0000;}
  1805. 10% {color: #ff8000;}
  1806. 20% {color: #ffff00;}
  1807. 30% {color: #80ff00;}
  1808. 40% {color: #00ff00;}
  1809. 50% {color: #00ff80;}
  1810. 60% {color: #00ffff;}
  1811. 70% {color: #0080ff;}
  1812. 80% {color: #0000ff;}
  1813. 90% {color: #8000ff;}
  1814. 100% {color: #ff0080;}
  1815. }
  1816. @-ms-keyframes rainbow {
  1817. 0% {color: #ff0000;}
  1818. 10% {color: #ff8000;}
  1819. 20% {color: #ffff00;}
  1820. 30% {color: #80ff00;}
  1821. 40% {color: #00ff00;}
  1822. 50% {color: #00ff80;}
  1823. 60% {color: #00ffff;}
  1824. 70% {color: #0080ff;}
  1825. 80% {color: #0000ff;}
  1826. 90% {color: #8000ff;}
  1827. 100% {color: #ff0080;}
  1828. }
  1829. @-o-keyframes rainbow {
  1830. 0% {color: #ff0000;}
  1831. 10% {color: #ff8000;}
  1832. 20% {color: #ffff00;}
  1833. 30% {color: #80ff00;}
  1834. 40% {color: #00ff00;}
  1835. 50% {color: #00ff80;}
  1836. 60% {color: #00ffff;}
  1837. 70% {color: #0080ff;}
  1838. 80% {color: #0000ff;}
  1839. 90% {color: #8000ff;}
  1840. 100% {color: #ff0080;}
  1841. }
  1842. @keyframes rainbow {
  1843. 0% {color: #ff0000;}
  1844. 10% {color: #ff8000;}
  1845. 20% {color: #ffff00;}
  1846. 30% {color: #80ff00;}
  1847. 40% {color: #00ff00;}
  1848. 50% {color: #00ff80;}
  1849. 60% {color: #00ffff;}
  1850. 70% {color: #0080ff;}
  1851. 80% {color: #0000ff;}
  1852. 90% {color: #8000ff;}
  1853. 100% {color: #ff0080;}
  1854. }
  1855.  
  1856. /*PASTEL RAINBOW*/
  1857. @-webkit-keyframes pastelrainbow {
  1858. 0% {color: #ff9494; }
  1859. 16% {color: #ffbb94; }
  1860. 32% {color: #ffe194; }
  1861. 48% {color: #b1f2ba; }
  1862. 64% {color: #b8f5ff; }
  1863. 80% {color: #d8b8ff; }
  1864. 100% {color: #ffb8ee; }
  1865. }
  1866. @-ms-keyframes pastelrainbow {
  1867. 0% {color: #ff9494; }
  1868. 16% {color: #ffbb94; }
  1869. 32% {color: #ffe194; }
  1870. 48% {color: #b1f2ba; }
  1871. 64% {color: #b8f5ff; }
  1872. 80% {color: #d8b8ff; }
  1873. 100% {color: #ffb8ee; }
  1874. }
  1875. @-o-keyframes pastelrainbow {
  1876. 0% {color: #ff9494; }
  1877. 16% {color: #ffbb94; }
  1878. 32% {color: #ffe194; }
  1879. 48% {color: #b1f2ba; }
  1880. 64% {color: #b8f5ff; }
  1881. 80% {color: #d8b8ff; }
  1882. 100% {color: #ffb8ee; }
  1883. }
  1884. @keyframes pastelrainbow {
  1885. 0% {color: #ff9494; }
  1886. 16% {color: #ffbb94; }
  1887. 32% {color: #ffe194; }
  1888. 48% {color: #b1f2ba; }
  1889. 64% {color: #b8f5ff; }
  1890. 80% {color: #d8b8ff; }
  1891. 100% {color: #ffb8ee; }
  1892. }
  1893.  
  1894. @keyframes meow{
  1895. 0%{
  1896. box-shadow:10px 10px 10px {color:sidebar drop shadow}8a, -10px -10px 10px {color:sidebar drop shadow}8a;
  1897. }
  1898. 25%{
  1899. box-shadow:-10px 10px 10px {color:sidebar drop shadow}8a, 10px -10px 10px {color:sidebar drop shadow}8a;
  1900. }
  1901. 50%{
  1902. box-shadow:10px -10px 10px {color:sidebar drop shadow}8a, -10px 10px 10px {color:sidebar drop shadow}8a;
  1903. }
  1904. 100%{
  1905. box-shadow:-10px -10px 10px {color:sidebar drop shadow}8a, 10px 10px 10px {color:sidebar drop shadow}8a;
  1906. }
  1907. }
  1908.  
  1909. /*custom tooltip*/
  1910. #s-m-t-tooltip {
  1911. z-index: 938458935;
  1912. background: {color:tooltip bg}a3;
  1913. color: {color:tooltip text};
  1914. font-size: {text:font size}px;
  1915. line-height: 140%;
  1916. text-align:center;
  1917. font-family:{text:font};
  1918. letter-spacing: 1px;
  1919. text-transform: normal;
  1920. {block:ifrounded}
  1921. border-radius: 5px;
  1922. {/block:ifrounded}
  1923. max-width: 300px;
  1924. word-wrap: normal;
  1925. padding: 5px;
  1926. display: block;
  1927. margin:10px;
  1928.  
  1929. -o-transition: all 0.3s ease-out;
  1930. -webkit-transition: all 0.3s ease-out;
  1931. -moz-transition: all 0.3s ease-out;
  1932. }
  1933.  
  1934. {CustomCSS}
  1935. </style>
  1936. </head>
  1937.  
  1938. <body>
  1939. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1940.  
  1941.  
  1942. <img style='position:fixed; bottom:{text:floaty bottom margin}px; width:{text:floaty width}px; z-index:-1; right:{text:floaty right margin}px;' src='{image:floaty}'>
  1943.  
  1944. <img style='position:fixed; bottom:{text:floaty 2 bottom margin}px; width:{text:floaty 2 width}px; z-index:-1; left:{text:floaty 2 left margin}px;' src='{image:floaty 2}'>
  1945.  
  1946. <a title='ramdons' href='https://ramdons.tumblr.com' style='filter:none;'><img style='position:fixed; bottom:5px; left:5px; width:20px; filter:none;' src='https://cdn.discordapp.com/attachments/392883996952100887/734223693206782025/723745494513221652.png'></a>
  1947.  
  1948. <div id="wrapper">
  1949.  
  1950. <div id='header'>
  1951. <a href='/'><img src='{image:header}'></a>
  1952. </div>
  1953.  
  1954. <!--Sidebar Start-->
  1955. <div id='sidebar'>
  1956.  
  1957. <!--Icon-->
  1958. <div id='icon'>
  1959. {block:ifnoticontooltip}
  1960. <a href='/'><img src="{image:icon}"></a>
  1961. {/block:ifnoticontooltip}
  1962.  
  1963. {block:ificontooltip}
  1964. <a href='/' title='{text:icon hover}'><img src="{image:icon}"></a>
  1965. {/block:ificontooltip}
  1966.  
  1967. <img id='iconpixel' src='{image:icon pixel}'>
  1968. </div>
  1969. <!--End Icon-->
  1970.  
  1971.  
  1972. <!--Description-->
  1973. <div id='bottom'>
  1974.  
  1975. <!--Pagination-->
  1976.  
  1977. {block:Pagination}
  1978. <div id='pagin'>
  1979. {block:PreviousPage}
  1980. <a href='{PreviousPage}' style='float:left;'><i class="fas fa-arrow-left"></i></a>
  1981. {/block:PreviousPage}
  1982.  
  1983. <div class='midpag'>
  1984. {block:ifnotjumppagination}{CurrentPage}/{TotalPages}{/block:ifnotjumppagination}
  1985. {block:ifjumppagination}
  1986. {block:JumpPagination length="5"}
  1987. {block:CurrentPage}
  1988. <span class="current_page">{PageNumber}</span>
  1989. {/block:CurrentPage}
  1990. {block:JumpPage}
  1991. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1992. {/block:JumpPage}
  1993. {/block:JumpPagination}
  1994. {/block:ifjumppagination}
  1995. </div>
  1996.  
  1997. {block:NextPage}
  1998. <a href='{NextPage}' style='float:right;'><i class="fas fa-arrow-right"></i></a>
  1999. {/block:NextPage}
  2000. </div>
  2001. {/block:Pagination}
  2002.  
  2003. <!--Pagination end-->
  2004.  
  2005. <!--Dropdown start-->
  2006. {block:ifdropdownlinks}
  2007. <div id="dropdown">
  2008. <select onchange='location=this.options[this.selectedIndex].value;'>
  2009. <option>{text:dropdown text}</option>
  2010. <option value="{text:link 1 url}">{text:link 1}</option>
  2011. <option value="{text:link 2 url}">{text:link 2}</option>
  2012. <option value="{text:link 3 url}">{text:link 3}</option>
  2013. </select>
  2014. </div>
  2015. {/block:ifdropdownlinks}
  2016. <!--Dropdown end-->
  2017.  
  2018. <div class='desc'>
  2019.  
  2020. {block:ifinnerdescription}
  2021. <div id='innerdesc'>
  2022.  
  2023. {block:ifnormallinks}
  2024. <div style='margin:5px auto;'>
  2025. <a href='{text:link 1 url}'>{text:link 1}</a>
  2026. {text:link divider}
  2027. <a href='{text:link 2 url}'>{text:link 2}</a>
  2028. {text:link divider}
  2029. <a href='{text:link 3 url}'>{text:link 3}</a>
  2030. </div>
  2031. {/block:ifnormallinks}
  2032.  
  2033. {block:iftoppixels}
  2034. <div class='pixels tpixels'>
  2035. <img src='{image:top pixel 1}'>
  2036. <img src='{image:top pixel 2}'>
  2037. <img src='{image:top pixel 3}'>
  2038. {block:iftoppixel4}
  2039. <img src='{image:top pixel 4}'>
  2040. {/block:iftoppixel4}
  2041. {block:iftoppixel5}
  2042. <img src='{image:top pixel 5}'>
  2043. {/block:iftoppixel5}
  2044. {block:iftoppixel6}
  2045. <img src='{image:top pixel 6}'>
  2046. {/block:iftoppixel6}
  2047. {block:iftoppixel7}
  2048. <img src='{image:top pixel 7}'>
  2049. {/block:iftoppixel7}
  2050. </div>
  2051. {/block:iftoppixels}
  2052. <div style='margin:10px 0;'>{text:description text}</div>
  2053. {block:ifbottompixels}
  2054. <div class='pixels bpixels'>
  2055. <img src='{image:bottom pixel 1}'>
  2056. <img src='{image:bottom pixel 2}'>
  2057. <img src='{image:bottom pixel 3}'>
  2058. {block:ifbottompixel4}
  2059. <img src='{image:bottom pixel 4}'>
  2060. {/block:ifbottompixel4}
  2061. {block:ifbottompixel5}
  2062. <img src='{image:bottom pixel 5}'>
  2063. {/block:ifbottompixel5}
  2064. {block:ifbottompixel6}
  2065. <img src='{image:bottom pixel 6}'>
  2066. {/block:ifbottompixel6}
  2067. {block:ifbottompixel7}
  2068. <img src='{image:bottom pixel 7}'>
  2069. {/block:ifbottompixel7}
  2070. </div>
  2071. {/block:ifbottompixels}
  2072. </div>
  2073. {/block:ifinnerdescription}
  2074.  
  2075. {block:ifnotinnerdescription}
  2076.  
  2077. {block:ifnormallinks}
  2078. <div style='margin:5px;'>
  2079. <a href='{text:link 1 url}'>{text:link 1}</a>
  2080. {text:link divider}
  2081. <a href='{text:link 2 url}'>{text:link 2}</a>
  2082. {text:link divider}
  2083. <a href='{text:link 3 url}'>{text:link 3}</a>
  2084. </div>
  2085. {/block:ifnormallinks}
  2086.  
  2087. {block:iftoppixels}
  2088. <div class='pixels tpixels'>
  2089. <img src='{image:top pixel 1}'>
  2090. <img src='{image:top pixel 2}'>
  2091. <img src='{image:top pixel 3}'>
  2092. {block:iftoppixel4}
  2093. <img src='{image:top pixel 4}'>
  2094. {/block:iftoppixel4}
  2095. {block:iftoppixel5}
  2096. <img src='{image:top pixel 5}'>
  2097. {/block:iftoppixel5}
  2098. {block:iftoppixel6}
  2099. <img src='{image:top pixel 6}'>
  2100. {/block:iftoppixel6}
  2101. {block:iftoppixel7}
  2102. <img src='{image:top pixel 7}'>
  2103. {/block:iftoppixel7}
  2104. </div>
  2105. {/block:iftoppixels}
  2106. <div style='margin:10px 5px;'>{text:description text}</div>
  2107. {block:ifbottompixels}
  2108. <div class='pixels bpixels'>
  2109. <img src='{image:bottom pixel 1}'>
  2110. <img src='{image:bottom pixel 2}'>
  2111. <img src='{image:bottom pixel 3}'>
  2112. {block:ifbottompixel4}
  2113. <img src='{image:bottom pixel 4}'>
  2114. {/block:ifbottompixel4}
  2115. {block:ifbottompixel5}
  2116. <img src='{image:bottom pixel 5}'>
  2117. {/block:ifbottompixel5}
  2118. {block:ifbottompixel6}
  2119. <img src='{image:bottom pixel 6}'>
  2120. {/block:ifbottompixel6}
  2121. {block:ifbottompixel7}
  2122. <img src='{image:bottom pixel 7}'>
  2123. {/block:ifbottompixel7}
  2124. </div>
  2125. {/block:ifbottompixels}
  2126.  
  2127. {/block:ifnotinnerdescription}
  2128. </div>
  2129.  
  2130. </div>
  2131. <!--Description End-->
  2132.  
  2133. <!--Music-->
  2134. {block:ifmusic}
  2135. <div id='musicplayer'>
  2136. <div id='musicpixel'>
  2137. <img src='{image:music pixel}'>
  2138. <div class='overlay'>
  2139. <div class='playpause'><i class="fas fa-play"></i></div>
  2140. </div>
  2141. </div>
  2142. <div id='musictitle'>
  2143. <span class='marquee'>{text:song info}</span>
  2144. </div>
  2145. </div>
  2146.  
  2147. <audio id='musicsrc' loop src='{text:music url}'></audio>
  2148. {/block:ifmusic}
  2149. <!--Music end-->
  2150.  
  2151. <!--Search-->
  2152. {block:ifsearch}
  2153. <div id='googoo'>
  2154. <form action="/search" method="get" class="sfm" name="theform">
  2155. <input class="search" type="text" placeholder="{text:search text}" name="q">
  2156. <input type="submit" class='meow' value="{text:search button text}"/>
  2157. </form>
  2158. </div>
  2159. {/block:ifsearch}
  2160. <!--Search end-->
  2161.  
  2162. </div>
  2163. <!--Sidebar End-->
  2164.  
  2165. <div id="content">
  2166.  
  2167. <div id='fewhehe'>
  2168.  
  2169. {block:Posts}
  2170.  
  2171. <!--Posts-->
  2172.  
  2173. <div class="post">
  2174.  
  2175. <!--Footer 1-->
  2176. {block:ifnotfooter2}
  2177. {block:iffooter}
  2178.  
  2179. <div id='footer' style='font-size:15px; margin-bottom: 10px; {block:ifnotinnerpost}margin-top:-10px;{/block:ifnotinnerpost} border-bottom: {select:border width}px {select:border} {color:border};
  2180. {block:ifrainbowborder}
  2181. border-bottom: {select:border width}px {select:border} transparent;
  2182. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  2183. border-image-slice: 1;
  2184. {/block:ifrainbowborder} '>
  2185. <a><img height='15' style='margin-bottom: -1px;' src='{image:perma pixel}'></a>
  2186. <a href="{Permalink}" style='text-transform:uppercase;'>C://{name}/{PostType}</a>
  2187. <div style='display:inline; float:right;'>
  2188. <a href='{ReblogURL}'><img src='https://audial.ist/capture/load/u7svTEsfgTpAmiCD3YaouAOl.png'> </a>
  2189. <a href='{ReblogURL}'><img src='https://audial.ist/capture/load/TjkYvfNbXjYNGjfp0KHCEdgk.png'> </a>
  2190. <a href='{ReblogURL}'><img src='https://audial.ist/capture/load/p6UTmj7FootpcWgaTj4OLqzm.png'></a>
  2191. </div>
  2192. </div>
  2193.  
  2194. {/block:iffooter}
  2195. {/block:ifnotfooter2}
  2196.  
  2197. <!--End Footer 1-->
  2198.  
  2199.  
  2200. <!--General Post Formatting-->
  2201. {block:Text}
  2202. <div class='insides'>
  2203. {block:Title}
  2204. <div class="title" style='font-size:1.25em;'>
  2205. <b>{Title}</b>
  2206. </div>
  2207. {/block:Title}
  2208. {Body}
  2209. </div>
  2210. {/block:Text}
  2211.  
  2212. {block:Photo}
  2213. <div class="media">
  2214. {LinkOpenTag}
  2215. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  2216. {LinkCloseTag}
  2217.  
  2218. {block:ifcaptions}
  2219. {block:Caption}
  2220. <div class="caption insides">
  2221. {Caption}
  2222. </div>
  2223. {/block:Caption}
  2224. {/block:ifcaptions}
  2225.  
  2226. </div>
  2227.  
  2228. {/block:Photo}
  2229.  
  2230. {block:Photoset}
  2231.  
  2232. <div class="photoset" data-layout="{PhotosetLayout}">
  2233.  
  2234. {block:Photos}
  2235.  
  2236. <div class="image-container"
  2237. data-width="{PhotoWidth-HighRes}"
  2238. data-height="{PhotoHeight-HighRes}"
  2239. data-lowres="{PhotoURL-500}"
  2240. data-highres="{PhotoURL-HighRes}">
  2241. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="image"/>
  2242. </div>
  2243.  
  2244. {/block:Photos}
  2245.  
  2246. </div><!-- photoset -->
  2247.  
  2248. {block:Caption}
  2249. {block:ifcaptions}
  2250. {block:Caption}
  2251. <div class="caption insides">
  2252. {Caption}
  2253. </div>
  2254. {/block:Caption}
  2255. {/block:ifcaptions}
  2256. {/block:Caption}
  2257.  
  2258. {/block:Photoset}
  2259.  
  2260.  
  2261. {block:Quote}
  2262. <div class='insides'>
  2263.  
  2264. <div class="quote">"{Quote}"</div>
  2265. {block:Source}
  2266. <div class="quotesource">{Source}</div>
  2267. {/block:Source}
  2268. </div>
  2269. {/block:Quote}
  2270.  
  2271. {block:Link}
  2272. <div class='insides'>
  2273.  
  2274. <div class="title">
  2275. <a href="{URL}">{Name}</a>
  2276. </div>
  2277. {block:Description}
  2278. <div class="description">{Description}</div>
  2279. {/block:Description}
  2280. </div>
  2281. {/block:Link}
  2282.  
  2283. {block:Chat}
  2284. <div class='insides'>
  2285.  
  2286. {block:Title}
  2287. <div class="title">{Title}</div>
  2288.  
  2289. {/block:Title}
  2290.  
  2291. {block:Lines}
  2292. <div class="{Alt} user_{UserNumber}">
  2293. {block:Label}
  2294. <b>{Label}</b>
  2295. {/block:Label}
  2296. &nbsp;{Line}
  2297. </div>
  2298. {/block:Lines}
  2299. </div>
  2300. {/block:Chat}
  2301.  
  2302. {block:Video}
  2303. <div class="media">{Video-400}</div>
  2304. {block:Caption}
  2305. <div class="caption insides">{Caption}</div>
  2306. {/block:Caption}
  2307. {/block:Video}
  2308.  
  2309. {block:Audio}
  2310. <div class='insides' style='display:block'>
  2311.  
  2312. <div class='musicholder'>
  2313. {block:AudioPlayer}
  2314. {block:AlbumArt}
  2315. <div class='albumart'>
  2316. <img src='{AlbumArtURL}'>
  2317. <div class='playbutton'>{AudioPlayerGrey}</div>
  2318. </div>
  2319. {/block:AlbumArt}
  2320. <div class='trackinfo'>
  2321. <div class='trackname'>
  2322. {block:TrackName}{TrackName}{/block:TrackName}
  2323. </div>
  2324. <div class='artist'>
  2325. {block:Artist}{Artist}{/block:Artist}
  2326. </div>
  2327. </div>
  2328. {block:Caption}<span style='grid-column:1/3;'>{Caption}</span>{/block:Caption}
  2329. {/block:AudioPlayer}
  2330. </div>
  2331. </div>
  2332. {/block:Audio}
  2333.  
  2334. {block:Answer}
  2335. <div class='insides'>
  2336.  
  2337. <div class="question">
  2338. <img style='{block:ifrounded}border-top-left-radius: 5px; {/block:ifrounded}grid-column: 1/2;' src='{AskerPortraitURL-128}'>
  2339. <span style='grid-column: 1/2; text-align: center; color: white !important;font-size:15px; line-height: 140%; margin-top: -1.4em; background: #0000006b; overflow:auto;'>{Asker}</span>
  2340. <span style='grid-column: 2/3; grid-row: 1/3;padding: 5px; max-height: 90px;
  2341. overflow: auto; background:{color:question bg}; margin: 5px; border: 1px outset; {block:ifrounded}border-radius: 5px;{/block:ifrounded}'><i style='display:inline;'>asked:</i>{Question}</span>
  2342.  
  2343. </div>
  2344.  
  2345. <div class="caption">{Answer}</div>
  2346. </div>
  2347. {/block:Answer}
  2348.  
  2349. <!--General Post Formatting End-->
  2350.  
  2351.  
  2352. <!--Footer 2-->
  2353.  
  2354. {block:iffooter2}
  2355.  
  2356. <div id='footer' class='insides'>
  2357. <div style='text-align:left;'>
  2358. <a href="{Permalink}">{NoteCount}{text:note text}</a></div>
  2359. <div style='text-align:center;'>
  2360. <a href="{Permalink}"><img src='{image:perma pixel}'></a>
  2361. </div>
  2362. <div style='text-align:right;'>
  2363. <a href="{ReblogURL}"><i class="fas fa-undo-alt"></i></a>
  2364. </div>
  2365. </div>
  2366.  
  2367.  
  2368. {/block:iffooter2}
  2369.  
  2370. <!--Footer 2 End-->
  2371.  
  2372. <!--Tags-->
  2373.  
  2374. {block:ifnottags2}
  2375. {block:iftags}
  2376. {block:HasTags}
  2377. <div class='tags'>
  2378. {block:Tags}
  2379. #<a href="{TagURL}">{Tag}</a>
  2380. {/block:Tags}
  2381. </div>
  2382. {/block:HasTags}
  2383. {/block:iftags}
  2384. {/block:ifnottags2}
  2385.  
  2386. {block:iftags2}
  2387. {block:HasTags}
  2388. <div class='tags2 insides'>
  2389. <i class="fas fa-tags"></i>:
  2390. {block:Tags}
  2391. #<a href="{TagURL}">{Tag}</a>
  2392. {/block:Tags}
  2393. </div>
  2394. {/block:HasTags}
  2395. {/block:iftags2}
  2396.  
  2397. <!--Tags End-->
  2398.  
  2399.  
  2400. <!--{block:Date}-->
  2401. <!--<div class="footer">-->
  2402. <!--<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>-->
  2403. <!--{block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}-->
  2404. <!--{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}-->
  2405. <!--{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}-->
  2406. <!--</div>-->
  2407. <!--{/block:Date}-->
  2408.  
  2409. <!-- Permalink -->
  2410.  
  2411. {block:PermalinkPage}
  2412.  
  2413. <!--via/src-->
  2414. <div class='viasrc'>
  2415. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> x {/block:RebloggedFrom}
  2416. {block:ContentSource}<a href="{SourceURL}">src</a>{/block:ContentSource}
  2417. </div>
  2418.  
  2419. {block:NoteCount}
  2420. {block:ifnotcaptions}
  2421. {block:Caption}
  2422. <div class="caption insides">
  2423. {Caption}
  2424. </div>
  2425. {/block:Caption}
  2426. {/block:ifnotcaptions}
  2427. {block:ifnottags}
  2428. {block:HasTags}
  2429. <div class='tags'>
  2430. {block:Tags}
  2431. <a href="{TagURL}">#{Tag}</a>
  2432. {/block:Tags}
  2433. </div>
  2434. {/block:HasTags}
  2435. {/block:ifnottags}
  2436. {block:PostNotes}{PostNotes}{/block:PostNotes}
  2437. {/block:NoteCount}
  2438. {/block:PermalinkPage}
  2439.  
  2440. <!-- Permalink End -->
  2441.  
  2442. </div>
  2443.  
  2444. <!--End Posts-->
  2445.  
  2446. {/block:Posts}
  2447.  
  2448. </div>
  2449.  
  2450. </div>
  2451.  
  2452. </div>
  2453.  
  2454. </div>
  2455.  
  2456.  
  2457. <script>
  2458.  
  2459. function makeLightboxes(photoset) {
  2460. // get image containers in photoset
  2461. let image_containers = photoset.getElementsByClassName("image-container");
  2462.  
  2463. // loop over image containers
  2464. for (let i = 0, n = image_containers.length; i < n; i++) {
  2465. // add click event to image container
  2466. image_containers[i].addEventListener("click", function() {
  2467. // current is the image's index in the photoset
  2468. // due to tumblr reasons, it starts at 1
  2469. let current = i + 1;
  2470.  
  2471. // activate lightbox
  2472. lightbox(image_containers, current);
  2473. });
  2474. }
  2475. }
  2476.  
  2477. function lightbox(image_containers, current) {
  2478. // array of lightboxes for each image in photoset
  2479. // lightbox is represented by an object
  2480. let lightboxes = [];
  2481.  
  2482. // loop over image containers
  2483. for (let i = 0, n = image_containers.length; i < n; i++) {
  2484. // create object for image container
  2485. let image_container = image_containers[i]
  2486. let arrayContents = {
  2487. "width" : image_container.dataset.width,
  2488. "height" : image_container.dataset.height,
  2489. "low_res" : image_container.dataset.lowres,
  2490. "high_res" : image_container.dataset.highres,
  2491. }
  2492.  
  2493. // add object to array
  2494. lightboxes.push(arrayContents);
  2495. }
  2496.  
  2497. // activate built-in tumblr function
  2498. Tumblr.Lightbox.init(lightboxes, current);
  2499. }
  2500.  
  2501. function makePhotoset(photoset) {
  2502. // get image containers in photoset
  2503. let images = photoset.getElementsByClassName("image-container");
  2504.  
  2505. // get layout of photoset -- formatted as string of numbers of images per row
  2506. // e.g "231" means row of 2 images, row of 3 images, row of 1 image
  2507. let layout = photoset.dataset.layout;
  2508.  
  2509. // loop over each row
  2510. for (let i = 0, n = layout.length; i < n; i++) {
  2511. // get number of images in row
  2512. let cols = layout.charAt(i);
  2513.  
  2514. // create row
  2515. // row is a div with classes "photo-row" and "photo-row-n"
  2516. let row = document.createElement("div");
  2517. row.classList.add("photo-row-" + cols);
  2518. row.classList.add("photo-row");
  2519.  
  2520. // loop over number of images in row
  2521. // move the right amount of images to row
  2522. for (let j = 0; j < cols; j++) {
  2523. row.appendChild(images[0]);
  2524. }
  2525.  
  2526. // add row to the photoset
  2527. photoset.appendChild(row);
  2528. }
  2529. }
  2530. window.addEventListener('load', startup, false);
  2531.  
  2532. function startup() {
  2533. let photosets = document.getElementsByClassName("photoset");
  2534. for (let i = 0, n = photosets.length; i < n; i++) {
  2535. makeLightboxes(photosets[i]);
  2536. makePhotoset(photosets[i]);
  2537. }
  2538. }
  2539. </script>
  2540.  
  2541. {block:ifmusic}
  2542. <script>
  2543. document.querySelector('.playpause').addEventListener('click', playpause);
  2544.  
  2545. function playpause(){
  2546. if(document.querySelector('.playpause').innerHTML == '<i class="fas fa-play"></i>'){
  2547. document.querySelector('#musicsrc').play();
  2548. document.querySelector('.playpause').innerHTML = '<i class="fas fa-pause"></i>';
  2549. } else{
  2550. document.querySelector('#musicsrc').pause();
  2551. document.querySelector('.playpause').innerHTML = '<i class="fas fa-play"></i>';
  2552. }
  2553.  
  2554. }
  2555. </script>
  2556. {/block:ifmusic}
  2557.  
  2558. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  2559. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  2560.  
  2561. <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>
  2562.  
  2563. </body>
  2564. </html>
  2565.  
  2566.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!