API tools faq
paste
os2d

its love, isn't it?

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