API tools faq
paste
Advertisement
jellyparty

izels tumblr theme

jellyparty
May 30th, 2022 (edited)
3,124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!--
  4.  
  5. theme for izel 💖
  6.  
  7. ,-"-,-"-.
  8. ( )
  9. ". thank you
  10. "._."
  11.  
  12.  
  13. -->
  14.  
  15.  
  16. <!-- img -->
  17. <meta name="image:background" content="">
  18. <meta name="image:post" content="">
  19. <meta name="image:sidebar" content="">
  20. <meta name="image:favicon" content="">
  21. <meta name="image:custom cursor" content="">
  22. <meta name="image:sidebar icon" content="">
  23. <meta name="image:floatie" content="">
  24. <meta name="image:footer pixel" content="">
  25.  
  26. <!-- txt -->
  27. <meta name="text:text size" content="18">
  28. <meta name="text:title" content="happy smile">
  29. <meta name="text:title size" content="25">
  30. <meta name="text:description" content="i love u">
  31. <meta name="text:description 2" content="i love u">
  32.  
  33. <meta name="text:link one" content="link one">
  34. <meta name="text:link two" content="link two">
  35. <meta name="text:link three" content="link three">
  36. <meta name="text:link four" content="link four">
  37. <meta name="text:link five" content="link five">
  38. <meta name="text:link one url" content="/">
  39. <meta name="text:link two url" content="/">
  40. <meta name="text:link three url" content="/">
  41. <meta name="text:link four url" content="/">
  42. <meta name="text:link five url" content="/">
  43.  
  44. <meta name="text:redirect path" content="/tagged/hello">
  45. <meta name="text:floatie size" content="100">
  46.  
  47. <!-- if -->
  48. <meta name="if:cursor sparkles" content="">
  49. <meta name="if:cursor hearts" content="">
  50. <meta name="if:custom cursor" content="">
  51. <meta name="if:full background" content="">
  52. <meta name="if:bold links" content="">
  53. <meta name="if:link border" content="">
  54. <meta name="if:glow links" content="">
  55. <meta name="if:link underline" content="">
  56. <meta name="if:redirect">
  57. <meta name="if:pastel rainbow borders" content="">
  58. <meta name="if:bright rainbow borders" content="">
  59.  
  60. <!-- select -->
  61. <meta name="select:table text align" content="left">
  62. <meta name="select:table text align" content="center">
  63. <meta name="select:table text align" content="right">
  64.  
  65. <!-- color -->
  66. <meta name="color:background" content="">
  67. <meta name="color:post" content="">
  68. <meta name="color:sidebar" content="">
  69. <meta name="color:border" content="#000000">
  70.  
  71. <meta name="color:footer" content="#000000">
  72. <meta name="color:footer border" content="#000000">
  73. <meta name="color:footer text" content="#000000">
  74. <meta name="color:footer link" content="#000000">
  75. <meta name="color:footer link hover" content="#000000">
  76. <meta name="color:footer link border" content="">
  77. <meta name="color:footer link border hover" content="">
  78. <meta name="color:footer link glow" content="">
  79. <meta name="color:footer link glow hover" content="">
  80.  
  81. <meta name="color:title" content="">
  82. <meta name="color:text" content="">
  83. <meta name="color:link" content="">
  84. <meta name="color:link hover" content="">
  85. <meta name="color:link glow" content="">
  86. <meta name="color:link glow hover" content="">
  87. <meta name="color:link border" content="">
  88. <meta name="color:link border hover" content="">
  89.  
  90. <meta name="color:text selection" content="">
  91. <meta name="color:text selection bg" content="">
  92.  
  93. <meta name="color:table column 1" content="#ff8888">
  94. <meta name="color:table column 2" content="#fffa88">
  95. <meta name="color:table column 3" content="#a4ff88">
  96. <meta name="color:table column 4" content="#fffa88">
  97. <meta name="color:table column 5" content="#a4ff88">
  98. <meta name="color:table column 1 link" content="#c30000">
  99. <meta name="color:table column 2 link" content="#ff9a00">
  100. <meta name="color:table column 3 link" content="#009d62">
  101. <meta name="color:table column 4 link" content="#c30000">
  102. <meta name="color:table column 5 link" content="#ff9a00">
  103. <meta name="color:table link border" content="">
  104.  
  105. <meta name="color:ask background" content="pink">
  106.  
  107. <!-- font -->
  108. <meta name="select:font" content="arial">
  109. <meta name="select:font" content="short stack">
  110. <meta name="select:font" content="ms gothic">
  111. <meta name="select:font" content="roboto mono">
  112.  
  113. <!-- border styles n' sizes -->
  114. <meta name="select:border type" content="solid">
  115. <meta name="select:border type" content="double">
  116. <meta name="select:border type" content="dashed">
  117. <meta name="select:border type" content="dotted">
  118. <meta name="select:border type" content="ridge">
  119. <meta name="select:border type" content="groove">
  120. <meta name="select:border type" content="outset">
  121. <meta name="select:border type" content="inset">
  122. <meta name="text:border size" content="2">
  123.  
  124. <!-- footer border styles n' sizes -->
  125. <meta name="select:footer border type" content="solid">
  126. <meta name="select:footer border type" content="double">
  127. <meta name="select:footer border type" content="dashed">
  128. <meta name="select:footer border type" content="dotted">
  129. <meta name="select:footer border type" content="ridge">
  130. <meta name="select:footer border type" content="groove">
  131. <meta name="select:footer border type" content="outset">
  132. <meta name="select:footer border type" content="inset">
  133. <meta name="text:footer border size" content="2">
  134.  
  135. <!-- other -->
  136. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  137. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  138. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  139. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  140. <link href="https://fonts.googleapis.com/css2?family=Tangerine&display=swap" rel="stylesheet">
  141. <link href="https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap" rel="stylesheet">
  142. <title>{Title}</title>
  143. <link rel="shortcut icon" href="{image:favicon}">
  144. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  145. {block:Description}
  146. <meta name="description" content="{MetaDescription}" />
  147. {/block:Description}
  148. {block:ifredirect}
  149. <script>
  150. if(window.location.pathname == '/') location.replace('{text:redirect path}');
  151. </script>
  152. {block:ifredirect}
  153. <script type="text/javascript">
  154. // <![CDATA[
  155. var speed=100; // speed of wobbling, lower is faster
  156. var height=3; // height of wobbling in pixels
  157. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  158.  
  159. /****************************
  160. * Wobbly Text Effect *
  161. *(c) 2003-6 mf2fm web-design*
  162. * http://www.mf2fm.com/rv *
  163. * DON'T EDIT BELOW THIS BOX *
  164. ****************************/
  165. var wobtxt, wobble, wobcnt=0;
  166. window.onload=function() { if (document.getElementById) {
  167. var i, wobli;
  168. wobble=document.getElementById("wobble");
  169. wobtxt=wobble.firstChild.nodeValue;
  170. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  171. for (i=0; i<wobtxt.length; i++) {
  172. wobli=document.createElement("span");
  173. wobli.setAttribute("id", "wobb"+i);
  174. wobli.style.position="relative";
  175. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  176. if (alink) {
  177. wobli.style.cursor="pointer";
  178. wobli.onclick=function() { top.location.href=alink; }
  179. }
  180. wobble.appendChild(wobli);
  181. }
  182. setInterval("wobbler()", speed);
  183. }}
  184.  
  185. function wobbler() {
  186. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  187. wobcnt++;
  188. }
  189. // ]]>
  190. </script>
  191. {block:ifcursorhearts}
  192. <script type="text/javascript">
  193. // <![CDATA[
  194. var colours=new Array('#f00', '#f06', '#f0f', '#f6f', '#f39', '#f9c'); // colours of the hearts
  195. var minisize=16; // smallest size of hearts in pixels
  196. var maxisize=28; // biggest size of hearts in pixels
  197. var hearts=66; // maximum number of hearts on screen
  198. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  199.  
  200. /*****************************
  201. *JavaScript Love Heart Cursor*
  202. * (c)2013+ mf2fm web-design *
  203. * http://www.mf2fm.com/rv *
  204. * DON'T EDIT BELOW THIS BOX *
  205. *****************************/
  206. var x=ox=400;
  207. var y=oy=300;
  208. var swide=800;
  209. var shigh=600;
  210. var sleft=sdown=0;
  211. var herz=new Array();
  212. var herzx=new Array();
  213. var herzy=new Array();
  214. var herzs=new Array();
  215. var kiss=false;
  216.  
  217. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  218. var oldonload=window.onload;
  219. if (typeof(oldonload)!='function') window.onload=funky;
  220. else window.onload=function() {
  221. if (oldonload) oldonload();
  222. funky();
  223. }
  224. }
  225.  
  226. addRVLoadEvent(mwah);
  227.  
  228. function mwah() { if (document.getElementById) {
  229. var i, heart;
  230. for (i=0; i<hearts; i++) {
  231. heart=createDiv("auto", "auto");
  232. heart.style.visibility="hidden";
  233. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  234. heart.style.color=colours[i%colours.length];
  235. heart.style.pointerEvents="none";
  236. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  237. else heart.style.opacity=0.75;
  238. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  239. document.body.appendChild(heart);
  240. herz[i]=heart;
  241. herzy[i]=false;
  242. }
  243. set_scroll();
  244. set_width();
  245. herzle();
  246. }}
  247.  
  248. function herzle() {
  249. var c;
  250. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  251. ox=x;
  252. oy=y;
  253. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  254. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  255. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  256. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  257. herz[c].style.fontSize=minisize+"px";
  258. herz[c].style.fontWeight='normal';
  259. herz[c].style.visibility='visible';
  260. herzs[c]=minisize;
  261. break;
  262. }
  263. }
  264. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  265. setTimeout("herzle()", 40);
  266. }
  267.  
  268. document.onmousedown=pucker;
  269. document.onmouseup=function(){clearTimeout(kiss);};
  270.  
  271. function pucker() {
  272. ox=-1;
  273. oy=-1;
  274. kiss=setTimeout('pucker()', 100);
  275. }
  276.  
  277. function blow_me_a_kiss(i) {
  278. herzy[i]-=herzs[i]/minisize+i%2;
  279. herzx[i]+=(i%5-2)/5;
  280. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  281. herz[i].style.visibility="hidden";
  282. herzy[i]=false;
  283. }
  284. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  285. else {
  286. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  287. herz[i].style.top=herzy[i]+"px";
  288. herz[i].style.left=herzx[i]+"px";
  289. }
  290. }
  291.  
  292. function break_my_heart(i) {
  293. var t;
  294. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  295. herz[i].style.fontWeight='bold';
  296. herzy[i]=false;
  297. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  298. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  299. }
  300.  
  301. document.onmousemove=mouse;
  302. function mouse(e) {
  303. if (e) {
  304. y=e.pageY;
  305. x=e.pageX;
  306. }
  307. else {
  308. set_scroll();
  309. y=event.y+sdown;
  310. x=event.x+sleft;
  311. }
  312. }
  313.  
  314. window.onresize=set_width;
  315. function set_width() {
  316. var sw_min=999999;
  317. var sh_min=999999;
  318. if (document.documentElement && document.documentElement.clientWidth) {
  319. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  320. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  321. }
  322. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  323. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  324. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  325. }
  326. if (document.body.clientWidth) {
  327. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  328. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  329. }
  330. if (sw_min==999999 || sh_min==999999) {
  331. sw_min=800;
  332. sh_min=600;
  333. }
  334. swide=sw_min;
  335. shigh=sh_min;
  336. }
  337.  
  338. window.onscroll=set_scroll;
  339. function set_scroll() {
  340. if (typeof(self.pageYOffset)=='number') {
  341. sdown=self.pageYOffset;
  342. sleft=self.pageXOffset;
  343. }
  344. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  345. sdown=document.body.scrollTop;
  346. sleft=document.body.scrollLeft;
  347. }
  348. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  349. sleft=document.documentElement.scrollLeft;
  350. sdown=document.documentElement.scrollTop;
  351. }
  352. else {
  353. sdown=0;
  354. sleft=0;
  355. }
  356. }
  357.  
  358. function createDiv(height, width) {
  359. var div=document.createElement("div");
  360. div.style.position="absolute";
  361. div.style.height=height;
  362. div.style.width=width;
  363. div.style.overflow="hidden";
  364. div.style.backgroundColor="transparent";
  365. return (div);
  366. }
  367. // ]]>
  368. </script>
  369. {/block:ifcursorhearts}
  370. {block:ifcursorsparkles}
  371. <script type="text/javascript">
  372. // <![CDATA[
  373. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  374. var sparkles=50;
  375.  
  376. /****************************
  377. * Tinkerbell Magic Sparkle *
  378. *(c)2005-13 mf2fm web-design*
  379. * http://www.mf2fm.com/rv *
  380. * DON'T EDIT BELOW THIS BOX *
  381. ****************************/
  382. var x=ox=400;
  383. var y=oy=300;
  384. var swide=800;
  385. var shigh=600;
  386. var sleft=sdown=0;
  387. var tiny=new Array();
  388. var star=new Array();
  389. var starv=new Array();
  390. var starx=new Array();
  391. var stary=new Array();
  392. var tinyx=new Array();
  393. var tinyy=new Array();
  394. var tinyv=new Array();
  395.  
  396. window.onload=function() { if (document.getElementById) {
  397. var i, rats, rlef, rdow;
  398. for (var i=0; i<sparkles; i++) {
  399. var rats=createDiv(3, 3);
  400. rats.style.visibility="hidden";
  401. rats.style.zIndex="999";
  402. document.body.appendChild(tiny[i]=rats);
  403. starv[i]=0;
  404. tinyv[i]=0;
  405. var rats=createDiv(5, 5);
  406. rats.style.backgroundColor="transparent";
  407. rats.style.visibility="hidden";
  408. rats.style.zIndex="999";
  409. var rlef=createDiv(1, 5);
  410. var rdow=createDiv(5, 1);
  411. rats.appendChild(rlef);
  412. rats.appendChild(rdow);
  413. rlef.style.top="2px";
  414. rlef.style.left="0px";
  415. rdow.style.top="0px";
  416. rdow.style.left="2px";
  417. document.body.appendChild(star[i]=rats);
  418. }
  419. set_width();
  420. sparkle();
  421. }}
  422.  
  423. function sparkle() {
  424. var c;
  425. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  426. ox=x;
  427. oy=y;
  428. for (c=0; c<sparkles; c++) if (!starv[c]) {
  429. star[c].style.left=(starx[c]=x)+"px";
  430. star[c].style.top=(stary[c]=y+1)+"px";
  431. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  432. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  433. star[c].style.visibility="visible";
  434. starv[c]=50;
  435. break;
  436. }
  437. }
  438. for (c=0; c<sparkles; c++) {
  439. if (starv[c]) update_star(c);
  440. if (tinyv[c]) update_tiny(c);
  441. }
  442. setTimeout("sparkle()", 40);
  443. }
  444.  
  445. function update_star(i) {
  446. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  447. if (starv[i]) {
  448. stary[i]+=1+Math.random()*3;
  449. starx[i]+=(i%5-2)/5;
  450. if (stary[i]<shigh+sdown) {
  451. star[i].style.top=stary[i]+"px";
  452. star[i].style.left=starx[i]+"px";
  453. }
  454. else {
  455. star[i].style.visibility="hidden";
  456. starv[i]=0;
  457. return;
  458. }
  459. }
  460. else {
  461. tinyv[i]=50;
  462. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  463. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  464. tiny[i].style.width="2px";
  465. tiny[i].style.height="2px";
  466. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  467. star[i].style.visibility="hidden";
  468. tiny[i].style.visibility="visible"
  469. }
  470. }
  471.  
  472. function update_tiny(i) {
  473. if (--tinyv[i]==25) {
  474. tiny[i].style.width="1px";
  475. tiny[i].style.height="1px";
  476. }
  477. if (tinyv[i]) {
  478. tinyy[i]+=1+Math.random()*3;
  479. tinyx[i]+=(i%5-2)/5;
  480. if (tinyy[i]<shigh+sdown) {
  481. tiny[i].style.top=tinyy[i]+"px";
  482. tiny[i].style.left=tinyx[i]+"px";
  483. }
  484. else {
  485. tiny[i].style.visibility="hidden";
  486. tinyv[i]=0;
  487. return;
  488. }
  489. }
  490. else tiny[i].style.visibility="hidden";
  491. }
  492.  
  493. document.onmousemove=mouse;
  494. function mouse(e) {
  495. if (e) {
  496. y=e.pageY;
  497. x=e.pageX;
  498. }
  499. else {
  500. set_scroll();
  501. y=event.y+sdown;
  502. x=event.x+sleft;
  503. }
  504. }
  505.  
  506. window.onscroll=set_scroll;
  507. function set_scroll() {
  508. if (typeof(self.pageYOffset)=='number') {
  509. sdown=self.pageYOffset;
  510. sleft=self.pageXOffset;
  511. }
  512. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  513. sdown=document.body.scrollTop;
  514. sleft=document.body.scrollLeft;
  515. }
  516. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  517. sleft=document.documentElement.scrollLeft;
  518. sdown=document.documentElement.scrollTop;
  519. }
  520. else {
  521. sdown=0;
  522. sleft=0;
  523. }
  524. }
  525.  
  526. window.onresize=set_width;
  527. function set_width() {
  528. var sw_min=999999;
  529. var sh_min=999999;
  530. if (document.documentElement && document.documentElement.clientWidth) {
  531. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  532. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  533. }
  534. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  535. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  536. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  537. }
  538. if (document.body.clientWidth) {
  539. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  540. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  541. }
  542. if (sw_min==999999 || sh_min==999999) {
  543. sw_min=800;
  544. sh_min=600;
  545. }
  546. swide=sw_min;
  547. shigh=sh_min;
  548. }
  549.  
  550. function createDiv(height, width) {
  551. var div=document.createElement("div");
  552. div.style.position="absolute";
  553. div.style.height=height+"px";
  554. div.style.width=width+"px";
  555. div.style.overflow="hidden";
  556. return (div);
  557. }
  558.  
  559. function newColour() {
  560. var c=new Array();
  561. c[0]=255;
  562. c[1]=Math.floor(Math.random()*256);
  563. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  564. c.sort(function(){return (0.5 - Math.random());});
  565. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  566. }
  567. // ]]>
  568. </script>
  569. {/block:ifcursorsparkles}
  570. <style type="text/css">
  571.  
  572. /* base */
  573. body{
  574. background-image:Url('{image:background}');
  575. background-attachment:fixed;
  576. {block:iffullbackground}
  577. background-size: cover;
  578. {/block:iffullbackground}
  579. {block:ifcustomcursor}
  580. cursor:url("{image:custom cursor}"), default;
  581. {/block:ifcustomcursor};
  582. background-color:{color:background};
  583. word-wrap:break-word;
  584. font-size:{text:text size}px;
  585. font-family:{select:font};
  586. color:{color:text};}
  587. a{
  588. color:{color:link};
  589. text-decoration:none;
  590. {block:ifglowlinks}
  591. text-shadow: 0 0 10px {color:link glow}; 0 0 10px
  592. {/block:ifglowlinks}
  593. {block:ifboldlinks}
  594. font-weight:bold;
  595. {/block:ifboldlinks}
  596. {block:iflinkunderline}
  597. text-decoration:underline;
  598. {/block:iflinkunderline};
  599. {block:iflinkborder};
  600. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  601. {/block:iflinkborder}}
  602. a:hover{
  603. color:{color:link hover};
  604. {block:ifglowlinks}
  605. text-shadow: 0 0 10px {color:link glow hover}; 0 0 10px
  606. {/block:ifglowlinks}
  607. {block:iflinkborder};
  608. text-shadow: -1px 0 {color:link border hover}, 0 1px {color:link border hover}, 1px 0 {color:link border hover}, 0 -1px {color:link border hover};
  609. {/block:iflinkborder}
  610. text-decoration:none;
  611. {block:ifboldlinks}
  612. font-weight:bold;
  613. {/block:ifboldlinks}
  614. {block:iflinkunderline}
  615. text-decoration:underline;
  616. {/block:iflinkunderline};
  617. {block:ifcustomcursor}
  618. cursor:url("{image:custom cursor}"), default;
  619. {/block:ifcustomcursor};}
  620. ::selection{
  621. color:{color:text selection};
  622. background-color:{color:text selection bg};}
  623. .npf_row {
  624. margin: 0 !important;}
  625. blockquote{
  626. margin: 0;}
  627. p{
  628. margin:0 0 10px 0;
  629. padding:0;}
  630. ::-webkit-scrollbar {
  631. width: 15px;
  632. height: 10px;}
  633. ::-webkit-scrollbar-thumb:vertical{
  634. background-color: #fff;
  635. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  636. border-top: 1px solid #bdbdbd;
  637. border-left: 1px solid #bdbdbd;
  638. border-right: 1px solid black;
  639. border-bottom: 1px solid black;}
  640. ::-webkit-scrollbar-track {
  641. background-color: #fff;
  642. background-image: url(https://i.imgur.com/IGXGYKz.png);}
  643. ::-webkit-scrollbar-button:vertical:increment {
  644. background-image: url(https://i.imgur.com/WhC8iy3.png);
  645. width: 14px;
  646. height: 16px;
  647. border-top: 1px solid #bdbdbd;
  648. border-left: 1px solid #bdbdbd;
  649. border-right: 1px solid black;
  650. border-bottom: 1px solid black;}
  651. ::-webkit-scrollbar-button:vertical:decrement {
  652. background-image: url(https://i.imgur.com/fQ18mrR.png);
  653. border-top: 1px solid #bdbdbd;
  654. border-left: 1px solid #bdbdbd;
  655. border-right: 1px solid black;
  656. border-bottom: 1px solid black;
  657. width: 14px;
  658. height: 16px;}
  659.  
  660. /* sidebar */
  661. #tit{
  662. color:{color:title};
  663. font-size:{text:title size}px;}
  664. #side{
  665. left:0px;
  666. top:-1px;
  667. width:275px;
  668. height:100%;
  669. overflow-y:scroll;
  670. overflow-x:hidden;
  671. padding:5px;
  672. background-color:{color:sidebar};
  673. background-image:Url('{image:sidebar}');
  674. background-size: cover;
  675. position:fixed;}
  676. #desc{
  677. margin:0 0 10px 0;}
  678. #desc2{
  679. margin:10px 0 0 0;}
  680. #table, th, td{
  681. width:240px;
  682. margin:10px 0 0 0;
  683. text-align:{select:table text align};
  684. margin-left:-4px;
  685. border:2px outset white;}
  686. tr:nth-child(1){
  687. background-color:{color:table column 1};}
  688. tr:nth-child(1) a{
  689. color:{color:table column 1 link};}
  690. tr:nth-child(2){
  691. background-color:{color:table column 2};}
  692. tr:nth-child(2) a{
  693. color:{color:table column 2 link};}
  694. tr:nth-child(3){
  695. background-color:{color:table column 3};}
  696. tr:nth-child(3) a{
  697. color:{color:table column 3 link};}
  698. tr:nth-child(4){
  699. background-color:{color:table column 4};}
  700. tr:nth-child(4) a{
  701. color:{color:table column 4 link};}
  702. tr:nth-child(5){
  703. background-color:{color:table column 5};}
  704. tr:nth-child(5) a{
  705. color:{color:table column 5 link};}
  706.  
  707. /* posts */
  708. #postcontent{
  709. margin-top:10px;
  710. margin-left:400px;
  711. width:500px;}
  712. .post, .naviga{
  713. border:{text:border size}px {select:border type} {color:border};
  714. background-color:{color:post};
  715. background-image:Url('{image:post}');
  716. background-size: cover;
  717. {block:ifpastelrainbowborders}
  718. border: 3px solid transparent;
  719. border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);
  720. border-image-slice: 1;
  721. {/block:ifpastelrainbowborders};
  722. {block:ifbrightrainbowborders}
  723. border: 3px solid transparent;
  724. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  725. border-image-slice: 1;
  726. {/block:ifbrightrainbowborders};
  727. margin:0 0 20px 0;
  728. overflow:hidden;
  729. padding:5px;}
  730.  
  731. /* other */
  732. .footer{
  733. background-color:{color:footer};
  734. border:{text:footer border size}px {select:footer border type} {color:footer border};
  735. padding:3px;
  736. border-radius:5px;}
  737. .footer a{
  738. color:{color:footer link};
  739. {block:ifglowlinks}
  740. text-shadow: 0 0 10px {color:footer link glow}; 0 0 10px
  741. {/block:ifglowlinks}
  742. {block:iflinkborder};
  743. text-shadow: -1px 0 {color:footer link border}, 0 1px {color:footer link border}, 1px 0 {color:footer link border}, 0 -1px {color:footer link border};
  744. {/block:iflinkborder};}
  745. .footer a:hover{
  746. color:{color:footer link hover};
  747. {block:ifglowlinks}
  748. text-shadow: 0 0 10px {color:footer link glow hover}; 0 0 10px
  749. {/block:ifglowlinks}
  750. {block:iflinkborder};
  751. text-shadow: -1px 0 {color:footer link border hover}, 0 1px {color:footer link border hover}, 1px 0 {color:footer link border hover}, 0 -1px {color:footer link border hover};
  752. {/block:iflinkborder};}
  753. ol.notes{
  754. list-style-type:none;
  755. padding:3px;
  756. overflow:auto;}
  757. .questie{
  758. margin:0 0 10px 0;
  759. background-color:{color:ask background};
  760. text-align:right;
  761. padding:5px;}
  762. .post img{
  763. max-width:100%;}
  764. .sidebar img{
  765. -webkit-mask-image:url(https://64.media.tumblr.com/530d6f82ba12efe719853b50499b1d5d/b58a88777157fa9c-6e/s500x750/69a0aa24e15c4c98f2b7ce62f6c00544e0b3a1c3.png);
  766. -webkit-mask-repeat:no-repeat;
  767. -webkit-mask-size:cover;}
  768. #c{
  769. margin:10px 0 10px 0;
  770. font-size:15px;}
  771. #foatie{
  772. right:0px;
  773. bottom:0px;
  774. position:fixed;}
  775.  
  776.  
  777. {CustomCss}
  778. </style>
  779. </head>
  780. <body>
  781. <div id="side">
  782. <div id="tit"><center><div id="wobble">{text:title}</div></center></div>
  783. <div class="sidebar img">
  784. <center><a href="/"><img style='height: 240px; width:260px' src='{image:sidebar icon}'/></a></center></div>
  785. <center><div id="desc">{text:description}</div></center>
  786. <center><div id="table"><table><tbody> <tr><td><a href="{text:link one url}">{text:link one}</a></td></tr><tr><td><a href="{text:link two url}">{text:link two}</a></td></tr><tr><td><a href="{text:link three url}">{text:link three}</a></td></tr><tr><td><a href="{text:link four url}">{text:link four}</a></td></tr><tr><td><a href="{text:link five url}">{text:link five}</a></td></tr></tbody></table></div></center>
  787. <center><div id="desc2">{text:description 2}</div></center>
  788. <center>
  789. <div id="c">
  790. <a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a>
  791. </div>
  792. </center>
  793. </div>
  794.  
  795. <div id="postcontent">
  796. <div id="post">
  797. {block:Posts}
  798. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  799. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  800. {/block:ContentSource}
  801. <div class="post">
  802. <!-- Text -->
  803. {block:Text}
  804. {block:Title}
  805. <div class="title">{Title}</div>
  806. {/block:Title}
  807. {Body}
  808. {/block:Text}
  809. {block:Chat}
  810. {block:Title}
  811. <div class="title">
  812. <h3><a href="{Permalink}">{Title}</a></h3></div>
  813. {/block:Title}
  814. {block:Lines}
  815. <div class="{Alt} user_{UserNumber}">
  816. {block:Label}
  817. <span class="label">{Label}</span>
  818. {/block:Label}{Line}
  819. </div>
  820. {/block:Lines}
  821. {/block:Chat}
  822.  
  823. <!-- Images --->
  824. {block:Photo}
  825. {LinkOpenTag}
  826. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  827. {LinkCloseTag}
  828. {block:Caption}
  829. {Caption}
  830. {/block:Caption}
  831. {/block:Photo}
  832. {block:Photoset}
  833. {Photoset-400}
  834. {block:Photos}
  835. {/block:Photos}
  836. {block:Caption}
  837. {Caption}
  838. {/block:Caption}
  839. {/block:Photoset}
  840.  
  841. <!-- Video -->
  842. {block:Video}
  843. {Video-500}
  844. {block:Caption}
  845. {Caption}
  846. {/block:Caption}
  847. {/block:Video}
  848.  
  849. <!-- Audio -->
  850. {block:Audio}
  851. <div id= "audioplayer">{AudioPlayerWhite}</div>
  852. {block:AlbumArt}
  853. <div id="albumart">
  854. <img src="{AlbumArtURL}" width="100">
  855. </div>
  856. {/block:AlbumArt}
  857. <div class="trackstuff">
  858. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  859. {Caption}
  860. {/block:Audio}
  861.  
  862. <!-- Quote -->
  863. {block:Quote}
  864. <div class="quote">
  865. "{Quote}"
  866. {block:Source}
  867. <div class="source">- <i>{Source}</i></div>
  868. {/block:Source}
  869. </div>
  870. {/block:Quote}
  871.  
  872. <!-- Link -->
  873. {block:Link}
  874. <a href="{URL}" class="link" {Target}>{Name}</a>
  875. {block:Description}
  876. {Description}
  877. {/block:Description}
  878. {/block:Link}
  879.  
  880. <!-- Ask -->
  881. {block:Answer}
  882. <div class="questie">
  883. <div class="question"><b>{Asker}:</b> {Question}</div>
  884. </div>
  885. <div class="caption">{Answer}</div>
  886. {/block:Answer}
  887.  
  888. <!-- Footer -->
  889. {block:Date}
  890. <div class="footer">
  891. <center>
  892. <a href="{Permalink}">&#9825;</a>
  893. <img src="{image:footer pixel}">
  894. <a href="{ReblogUrl}">&#8634;</a>
  895. <br>
  896. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  897. {block:PermalinkPage}
  898. </center>
  899. <br>
  900. <center>
  901. {block:HasTags}
  902. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  903. </center>
  904. {block:NoteCount}
  905. {block:PostNotes}{PostNotes}{/block:PostNotes}
  906. {/block:NoteCount}
  907. {/block:PermalinkPage}
  908. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  909. {/block:Date}
  910. </div>
  911. </div>
  912. {/block:Posts}
  913. {block:Pagination}
  914. <center>
  915. {block:PreviousPage}
  916. <a href="{PreviousPage}">&#171; Back</a>
  917. {/block:PreviousPage}
  918. {block:JumpPagination length="10"}
  919. {block:CurrentPage}
  920. <span class="current_page">{PageNumber}</span>
  921. {/block:CurrentPage}
  922. {block:JumpPage}
  923. <a class="jump_page" href="{URL}">{PageNumber}</a>
  924. {/block:JumpPage}
  925. {/block:JumpPagination}
  926. {block:NextPage}
  927. <a href="{NextPage}">Next &#187;</a>
  928. {/block:NextPage}
  929. </center>
  930. {/block:Pagination}
  931. </div>
  932. </div>
  933.  
  934.  
  935. <div id="foatie">
  936. <img src="{image:floatie}" width="{text:floatie size}px">
  937. </div>
  938. </body>
  939. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!