API tools faq
paste
os2d

play lobcorp

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