API tools faq
paste
os2d

failing my classes

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