API tools faq
paste
os2d

p word 🤭

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