API tools faq
paste
jellyparty

girlfriend lover tumblr theme

jellyparty
Jul 13th, 2022 (edited)
2,810
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!----- ----- ----- ----- ----- ----- ----- -----
  4. ,-"-,-"-.
  5. ( )
  6. ". girlfriend lover by emoticon ^___^
  7. "._."
  8.  
  9.  
  10. Notes:
  11.  
  12. 1) Please don't change the credit link, you can change the shooting star to a pixel/something else, but please don't edit the redirect path :'o(
  13.  
  14. 2) Please don't use as a base code; you can edit this code for your own use as much as needed, but please don't share it as your own ,>_<,
  15.  
  16. 3) Make sure you use a color's RGB for the floatie glow color or else it won't work! You can use this website to find a colors RGB https://www.color-hex.com/... Here is an example: 24, 41, 255
  17.  
  18. 4) Also the floatie looks best if it's a transparent. (Transparent gifs are okay). Just my advice tho
  19.  
  20. 5) Download a song you like, convert it into an mp3 and upload it to this website (https://catbox.moe/) and put it into the song url box for music :o)
  21.  
  22. 6) You'll need to do a bit of experimenting with the title sizes if you use the title bounce until you find something you like
  23.  
  24. ----- ----- ----- ----- ----- ----- ----- -----
  25.  
  26. If you are having trouble with the theme or something doesn't work properly/etc, then feel free to contact me
  27.  
  28. Special thanks to @gaalactea (twitter), @cod and @puella (tumblr)
  29. AND YOU FOR USING MY THEME!!!!!!!
  30.  
  31. ----- ----- ----- ----- ----- ----- ----- ----->
  32.  
  33.  
  34. <!---------------- images ---------------->
  35. <meta name="image:favicon" content="">
  36. <meta name="image:cursor" content="">
  37. <meta name="image:cursor hover" content="">
  38.  
  39. <meta name="image:background" content="">
  40. <meta name="image:container" content="">
  41. <meta name="image:content" content="">
  42. <meta name="image:description" content="">
  43. <meta name="image:footer" content="">
  44.  
  45. <meta name="image:sidebar" content="">
  46.  
  47. <meta name="image:footer pixel" content="">
  48. <meta name="image:floatie" content="">
  49.  
  50.  
  51. <!---------------- fonts ---------------->
  52. <meta name="select:font" content="arial">
  53. <meta name="select:font" content="magica">
  54. <meta name="select:font" content="short stack">
  55. <meta name="select:font" content="ms gothic">
  56. <meta name="select:font" content="roboto mono">
  57.  
  58.  
  59. <!---------------- footer borders ---------------->
  60. <meta name="select:description border type" content="solid">
  61. <meta name="select:description border type" content="double">
  62. <meta name="select:description border type" content="dashed">
  63. <meta name="select:description border type" content="dotted">
  64. <meta name="select:description border type" content="ridge">
  65. <meta name="select:description border type" content="groove">
  66. <meta name="select:description border type" content="outset">
  67. <meta name="select:description border type" content="inset">
  68. <meta name="select:description border type" content="none">
  69.  
  70.  
  71. <!---------------- content borders ---------------->
  72. <meta name="select:content border type" content="solid">
  73. <meta name="select:content border type" content="double">
  74. <meta name="select:content border type" content="dashed">
  75. <meta name="select:content border type" content="dotted">
  76. <meta name="select:content border type" content="ridge">
  77. <meta name="select:content border type" content="groove">
  78. <meta name="select:content border type" content="outset">
  79. <meta name="select:content border type" content="inset">
  80. <meta name="select:content border type" content="none">
  81.  
  82. <meta name="text:content border size" content="2">
  83.  
  84.  
  85. <!---------------- footer borders ---------------->
  86. <meta name="select:footer border type" content="solid">
  87. <meta name="select:footer border type" content="double">
  88. <meta name="select:footer border type" content="dashed">
  89. <meta name="select:footer border type" content="dotted">
  90. <meta name="select:footer border type" content="ridge">
  91. <meta name="select:footer border type" content="groove">
  92. <meta name="select:footer border type" content="outset">
  93. <meta name="select:footer border type" content="inset">
  94. <meta name="select:footer border type" content="none">
  95.  
  96. <meta name="text:footer border size" content="2">
  97.  
  98. <meta name="select:footer alignment" content="left">
  99. <meta name="select:footer alignment" content="center">
  100. <meta name="select:footer alignment" content="right">
  101.  
  102.  
  103. <!---------------- txt ---------------->
  104. <meta name="text:text size" content="18">
  105. <meta name="text:title size" content="21">
  106. <meta name="text:title bounce size" content="25">
  107. <meta name="text:title" content="long title look best">
  108. <meta name="text:title left" content="20">
  109. <meta name="text:description" content="woo this is my description">
  110.  
  111. <meta name="text:song url" content="https://files.catbox.moe/w57jfk.mp3">
  112. <meta name="text:song name" content="Wherever You Are (Nightcore)">
  113. <meta name="text:song artist" content="DJ Laava">
  114.  
  115. <meta name="text:floatie glow" content="255, 58, 240">
  116. <meta name="text:floatie size" content="150">
  117. <meta name="text:floatie right" content="5">
  118.  
  119. <meta name="text:redirect path" content="/tagged/hello">
  120.  
  121.  
  122. <!---------------- opt ---------------->
  123. <meta name="if:draggable container" content="">
  124. <meta name="if:draggable floatie" content="">
  125.  
  126. <meta name="if:link glow" content="">
  127. <meta name="if:link border" content="">
  128. <meta name="if:bold links" content="">
  129. <meta name="if:link underline" content="">
  130. <meta name="if:link underline on hover" content="">
  131.  
  132. <meta name="if:rainbow links" content="">
  133.  
  134. <meta name="if:heart sidebar" content="">
  135. <meta name="if:circle sidebar" content="">
  136.  
  137. <meta name="if:cursor hearts" content="">
  138. <meta name="if:custom cursor" content="">
  139. <meta name="if:title bounce" content="">
  140. <meta name="if:pastel rainbow title" content="">
  141. <meta name="if:rounded borders" content="">
  142.  
  143. <meta name="if:bright rainbow container 1" content="">
  144. <meta name="if:bright rainbow container 2" content="">
  145.  
  146. <meta name="if:light rainbow container" content="">
  147.  
  148. <meta name="if:pastel rainbow container 1" content="">
  149. <meta name="if:pastel rainbow container 2" content="">
  150.  
  151. <meta name="if:full background" content="">
  152. <meta name="if:redirect">
  153. <meta name="if:image hue shift on hover" content="">
  154.  
  155.  
  156. <!---------------- colors ---------------->
  157. <meta name="color:background" content="">
  158.  
  159. <meta name="color:container" content="">
  160. <meta name="color:container border" content="">
  161.  
  162. <meta name="color:text" content="">
  163. <meta name="color:link" content="">
  164. <meta name="color:rainbow link outline" content="">
  165. <meta name="color:link hover" content="">
  166.  
  167. <meta name="color:link glow" content="">
  168. <meta name="color:link glow hover" content="">
  169.  
  170. <meta name="color:link border" content="">
  171. <meta name="color:link border hover" content="">
  172.  
  173. <meta name="color:text selection" content="">
  174. <meta name="color:text selection background" content="">
  175.  
  176. <meta name="color:content" content="">
  177. <meta name="color:content border" content="">
  178.  
  179. <meta name="color:footer" content="">
  180. <meta name="color:footer border" content="">
  181. <meta name="color:footer link" content="">
  182. <meta name="color:footer link hover" content="">
  183.  
  184. <meta name="color:footer link border" content="">
  185. <meta name="color:footer link border hover" content="">
  186.  
  187. <meta name="color:description" content="">
  188. <meta name="color:description text" content="">
  189. <meta name="color:description link" content="">
  190. <meta name="color:description link hover" content="">
  191.  
  192. <meta name="color:description border" content="">
  193.  
  194.  
  195.  
  196. <!------ basic ------>
  197. <title>{Title}</title>
  198. <link rel="shortcut icon" href="{image:favicon}">
  199. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  200. {block:Description}
  201. <meta name="description" content="{MetaDescription}" />
  202. {/block:Description}
  203.  
  204. <!-- scripts -->
  205. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  206. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  207. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  208. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  209. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  210. <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  211. <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  212.  
  213. {block:ifredirect}
  214. <script>
  215. if(window.location.pathname == '/') location.replace('{text:redirect path}');
  216. </script>
  217. {block:ifredirect}
  218.  
  219. {block:ifcursorhearts}
  220. <script type="text/javascript">
  221. // <![CDATA[
  222. var colours=new Array('#ff0000', '#ff8000', '#ffff00', '#80ff00', '#00ff00', '#00ff80', '#00ffff', '#0080ff', '#0000ff', '#8000ff', '#ff00ff', '#ff0080'); // colours of the hearts
  223. var minisize=16; // smallest size of hearts in pixels
  224. var maxisize=28; // biggest size of hearts in pixels
  225. var hearts=66; // maximum number of hearts on screen
  226. 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
  227.  
  228. /*****************************
  229. *JavaScript Love Heart Cursor*
  230. * (c)2013+ mf2fm web-design *
  231. * http://www.mf2fm.com/rv *
  232. * DON'T EDIT BELOW THIS BOX *
  233. *****************************/
  234. var x=ox=400;
  235. var y=oy=300;
  236. var swide=800;
  237. var shigh=600;
  238. var sleft=sdown=0;
  239. var herz=new Array();
  240. var herzx=new Array();
  241. var herzy=new Array();
  242. var herzs=new Array();
  243. var kiss=false;
  244.  
  245. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  246. var oldonload=window.onload;
  247. if (typeof(oldonload)!='function') window.onload=funky;
  248. else window.onload=function() {
  249. if (oldonload) oldonload();
  250. funky();
  251. }
  252. }
  253.  
  254. addRVLoadEvent(mwah);
  255.  
  256. function mwah() { if (document.getElementById) {
  257. var i, heart;
  258. for (i=0; i<hearts; i++) {
  259. heart=createDiv("auto", "auto");
  260. heart.style.visibility="hidden";
  261. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  262. heart.style.color=colours[i%colours.length];
  263. heart.style.pointerEvents="none";
  264. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  265. else heart.style.opacity=0.75;
  266. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  267. document.body.appendChild(heart);
  268. herz[i]=heart;
  269. herzy[i]=false;
  270. }
  271. set_scroll();
  272. set_width();
  273. herzle();
  274. }}
  275.  
  276. function herzle() {
  277. var c;
  278. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  279. ox=x;
  280. oy=y;
  281. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  282. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  283. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  284. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  285. herz[c].style.fontSize=minisize+"px";
  286. herz[c].style.fontWeight='normal';
  287. herz[c].style.visibility='visible';
  288. herzs[c]=minisize;
  289. break;
  290. }
  291. }
  292. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  293. setTimeout("herzle()", 40);
  294. }
  295.  
  296. document.onmousedown=pucker;
  297. document.onmouseup=function(){clearTimeout(kiss);};
  298.  
  299. function pucker() {
  300. ox=-1;
  301. oy=-1;
  302. kiss=setTimeout('pucker()', 100);
  303. }
  304.  
  305. function blow_me_a_kiss(i) {
  306. herzy[i]-=herzs[i]/minisize+i%2;
  307. herzx[i]+=(i%5-2)/5;
  308. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  309. herz[i].style.visibility="hidden";
  310. herzy[i]=false;
  311. }
  312. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  313. else {
  314. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  315. herz[i].style.top=herzy[i]+"px";
  316. herz[i].style.left=herzx[i]+"px";
  317. }
  318. }
  319.  
  320. function break_my_heart(i) {
  321. var t;
  322. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  323. herz[i].style.fontWeight='bold';
  324. herzy[i]=false;
  325. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  326. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  327. }
  328.  
  329. document.onmousemove=mouse;
  330. function mouse(e) {
  331. if (e) {
  332. y=e.pageY;
  333. x=e.pageX;
  334. }
  335. else {
  336. set_scroll();
  337. y=event.y+sdown;
  338. x=event.x+sleft;
  339. }
  340. }
  341.  
  342. window.onresize=set_width;
  343. function set_width() {
  344. var sw_min=999999;
  345. var sh_min=999999;
  346. if (document.documentElement && document.documentElement.clientWidth) {
  347. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  348. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  349. }
  350. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  351. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  352. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  353. }
  354. if (document.body.clientWidth) {
  355. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  356. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  357. }
  358. if (sw_min==999999 || sh_min==999999) {
  359. sw_min=800;
  360. sh_min=600;
  361. }
  362. swide=sw_min;
  363. shigh=sh_min;
  364. }
  365.  
  366. window.onscroll=set_scroll;
  367. function set_scroll() {
  368. if (typeof(self.pageYOffset)=='number') {
  369. sdown=self.pageYOffset;
  370. sleft=self.pageXOffset;
  371. }
  372. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  373. sdown=document.body.scrollTop;
  374. sleft=document.body.scrollLeft;
  375. }
  376. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  377. sleft=document.documentElement.scrollLeft;
  378. sdown=document.documentElement.scrollTop;
  379. }
  380. else {
  381. sdown=0;
  382. sleft=0;
  383. }
  384. }
  385.  
  386. function createDiv(height, width) {
  387. var div=document.createElement("div");
  388. div.style.position="absolute";
  389. div.style.height=height;
  390. div.style.width=width;
  391. div.style.overflow="hidden";
  392. div.style.backgroundColor="transparent";
  393. return (div);
  394. }
  395. // ]]>
  396. </script>
  397.  
  398. {block:ifpastelrainbowtitle}
  399.  
  400. <script type="text/javascript">
  401. // <![CDATA[
  402. var colours=new Array('#f393fe', '#ce93ff', '#909cff', '#8fd4ff', '#90ffef', '#93ff92', '#e0fe93', '#fde091', '#ffba91', '#ffba91', '#ff939c', '#fe92dc'); // colours of the hearts
  403. var minisize=16; // smallest size of hearts in pixels
  404. var maxisize=28; // biggest size of hearts in pixels
  405. var hearts=66; // maximum number of hearts on screen
  406. 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
  407.  
  408. /*****************************
  409. *JavaScript Love Heart Cursor*
  410. * (c)2013+ mf2fm web-design *
  411. * http://www.mf2fm.com/rv *
  412. * DON'T EDIT BELOW THIS BOX *
  413. *****************************/
  414. var x=ox=400;
  415. var y=oy=300;
  416. var swide=800;
  417. var shigh=600;
  418. var sleft=sdown=0;
  419. var herz=new Array();
  420. var herzx=new Array();
  421. var herzy=new Array();
  422. var herzs=new Array();
  423. var kiss=false;
  424.  
  425. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  426. var oldonload=window.onload;
  427. if (typeof(oldonload)!='function') window.onload=funky;
  428. else window.onload=function() {
  429. if (oldonload) oldonload();
  430. funky();
  431. }
  432. }
  433.  
  434. addRVLoadEvent(mwah);
  435.  
  436. function mwah() { if (document.getElementById) {
  437. var i, heart;
  438. for (i=0; i<hearts; i++) {
  439. heart=createDiv("auto", "auto");
  440. heart.style.visibility="hidden";
  441. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  442. heart.style.color=colours[i%colours.length];
  443. heart.style.pointerEvents="none";
  444. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  445. else heart.style.opacity=0.75;
  446. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  447. document.body.appendChild(heart);
  448. herz[i]=heart;
  449. herzy[i]=false;
  450. }
  451. set_scroll();
  452. set_width();
  453. herzle();
  454. }}
  455.  
  456. function herzle() {
  457. var c;
  458. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  459. ox=x;
  460. oy=y;
  461. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  462. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  463. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  464. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  465. herz[c].style.fontSize=minisize+"px";
  466. herz[c].style.fontWeight='normal';
  467. herz[c].style.visibility='visible';
  468. herzs[c]=minisize;
  469. break;
  470. }
  471. }
  472. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  473. setTimeout("herzle()", 40);
  474. }
  475.  
  476. document.onmousedown=pucker;
  477. document.onmouseup=function(){clearTimeout(kiss);};
  478.  
  479. function pucker() {
  480. ox=-1;
  481. oy=-1;
  482. kiss=setTimeout('pucker()', 100);
  483. }
  484.  
  485. function blow_me_a_kiss(i) {
  486. herzy[i]-=herzs[i]/minisize+i%2;
  487. herzx[i]+=(i%5-2)/5;
  488. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  489. herz[i].style.visibility="hidden";
  490. herzy[i]=false;
  491. }
  492. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  493. else {
  494. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  495. herz[i].style.top=herzy[i]+"px";
  496. herz[i].style.left=herzx[i]+"px";
  497. }
  498. }
  499.  
  500. function break_my_heart(i) {
  501. var t;
  502. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  503. herz[i].style.fontWeight='bold';
  504. herzy[i]=false;
  505. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  506. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  507. }
  508.  
  509. document.onmousemove=mouse;
  510. function mouse(e) {
  511. if (e) {
  512. y=e.pageY;
  513. x=e.pageX;
  514. }
  515. else {
  516. set_scroll();
  517. y=event.y+sdown;
  518. x=event.x+sleft;
  519. }
  520. }
  521.  
  522. window.onresize=set_width;
  523. function set_width() {
  524. var sw_min=999999;
  525. var sh_min=999999;
  526. if (document.documentElement && document.documentElement.clientWidth) {
  527. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  528. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  529. }
  530. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  531. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  532. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  533. }
  534. if (document.body.clientWidth) {
  535. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  536. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  537. }
  538. if (sw_min==999999 || sh_min==999999) {
  539. sw_min=800;
  540. sh_min=600;
  541. }
  542. swide=sw_min;
  543. shigh=sh_min;
  544. }
  545.  
  546. window.onscroll=set_scroll;
  547. function set_scroll() {
  548. if (typeof(self.pageYOffset)=='number') {
  549. sdown=self.pageYOffset;
  550. sleft=self.pageXOffset;
  551. }
  552. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  553. sdown=document.body.scrollTop;
  554. sleft=document.body.scrollLeft;
  555. }
  556. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  557. sleft=document.documentElement.scrollLeft;
  558. sdown=document.documentElement.scrollTop;
  559. }
  560. else {
  561. sdown=0;
  562. sleft=0;
  563. }
  564. }
  565.  
  566. function createDiv(height, width) {
  567. var div=document.createElement("div");
  568. div.style.position="absolute";
  569. div.style.height=height;
  570. div.style.width=width;
  571. div.style.overflow="hidden";
  572. div.style.backgroundColor="transparent";
  573. return (div);
  574. }
  575. // ]]>
  576. </script>
  577.  
  578. {/block:ifpastelrainbowtitle}
  579. {/block:ifcursorhearts}
  580.  
  581.  
  582. {block:ifpastelrainbowtitle}
  583. <script type="text/javascript">
  584. // <![CDATA[
  585. var speed=100; // speed colours change, 1 second = 1000
  586. var glow=3; // can be set from '0' for no glow, to 10
  587. var raincol=new Array("#ffc9de", "#fdd97c", "#fbfdaa", "#c1f0b2", "#b2e4f0", "#d6b2f0"); // change the colours if you want to
  588. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  589.  
  590. /****************************
  591. * Rainbow Text Effect *
  592. *(c)2003-13 mf2fm web-design*
  593. * http://www.mf2fm.com/rv *
  594. * DON'T EDIT BELOW THIS BOX *
  595. ****************************/
  596. var rainbow, raintxt, raincnt=0;
  597.  
  598. function addLoadEvent(funky) {
  599. var oldonload=window.onload;
  600. if (typeof(oldonload)!='function') window.onload=funky;
  601. else window.onload=function() {
  602. if (oldonload) oldonload();
  603. funky();
  604. }
  605. }
  606.  
  607. addLoadEvent(regenbogen);
  608.  
  609. function regenbogen() { if (document.getElementById) {
  610. var i, rainbeau;
  611. rainbow=document.getElementById("rainbow");
  612. raintxt=rainbow.firstChild.nodeValue;
  613. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  614. for (i=0; i<raintxt.length; i++) {
  615. rainbeau=document.createElement("span");
  616. rainbeau.setAttribute("id", "rain"+i);
  617. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  618. if (alink) {
  619. rainbeau.style.cursor="pointer";
  620. rainbeau.onclick=function() { top.location.href=alink; }
  621. }
  622. rainbow.appendChild(rainbeau);
  623. }
  624. rainbow=setInterval ("raining()", speed);
  625. }}
  626.  
  627. function raining() {
  628. var i, c;
  629. for (i=0; i<raintxt.length; i++) {
  630. c=raincol[(i+raincnt)%raincol.length];
  631. document.getElementById("rain"+i).style.color=c;
  632. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  633. }
  634. raincnt++;
  635. }
  636. // ]]>
  637. </script>
  638. {/block:ifpastelrainbowtitle}
  639. {block:ifnotpastelrainbowtitle}
  640. <script type="text/javascript">
  641. // <![CDATA[
  642. var speed=100; // speed colours change, 1 second = 1000
  643. var glow=3; // can be set from '0' for no glow, to 10
  644. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  645. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  646.  
  647. /****************************
  648. * Rainbow Text Effect *
  649. *(c)2003-13 mf2fm web-design*
  650. * http://www.mf2fm.com/rv *
  651. * DON'T EDIT BELOW THIS BOX *
  652. ****************************/
  653. var rainbow, raintxt, raincnt=0;
  654.  
  655. function addLoadEvent(funky) {
  656. var oldonload=window.onload;
  657. if (typeof(oldonload)!='function') window.onload=funky;
  658. else window.onload=function() {
  659. if (oldonload) oldonload();
  660. funky();
  661. }
  662. }
  663.  
  664. addLoadEvent(regenbogen);
  665.  
  666. function regenbogen() { if (document.getElementById) {
  667. var i, rainbeau;
  668. rainbow=document.getElementById("rainbow");
  669. raintxt=rainbow.firstChild.nodeValue;
  670. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  671. for (i=0; i<raintxt.length; i++) {
  672. rainbeau=document.createElement("span");
  673. rainbeau.setAttribute("id", "rain"+i);
  674. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  675. if (alink) {
  676. rainbeau.style.cursor="pointer";
  677. rainbeau.onclick=function() { top.location.href=alink; }
  678. }
  679. rainbow.appendChild(rainbeau);
  680. }
  681. rainbow=setInterval ("raining()", speed);
  682. }}
  683.  
  684. function raining() {
  685. var i, c;
  686. for (i=0; i<raintxt.length; i++) {
  687. c=raincol[(i+raincnt)%raincol.length];
  688. document.getElementById("rain"+i).style.color=c;
  689. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  690. }
  691. raincnt++;
  692. }
  693. // ]]>
  694. </script>
  695. {/block:ifnotpastelrainbowtitle}
  696.  
  697. <style type="text/css">
  698.  
  699. /* ------------------------ body ------------------------ */
  700. body{
  701. color:{color:text};
  702. background-color:{color:background};
  703. background-image:url('{image:background}');
  704. background-attachment:fixed;
  705. {block:iffullbackground}
  706. background-size: cover;
  707. {/block:iffullbackground}
  708. {block:ifcustomcursor}
  709. cursor:url("{image:cursor}"), default;
  710. {/block:ifcustomcursor}
  711. font-size:{text:text size}px;
  712. word-wrap:break-word;
  713. font-family:{select:font};}
  714.  
  715. @font-face{
  716. font-family: 'Magica';
  717. src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);}
  718.  
  719. a{
  720. color:{color:link};
  721. text-decoration:none;
  722. {block:iflinkunderline}
  723. text-decoration:underline;
  724. {/block:iflinkunderline}
  725. {block:ifboldlinks}
  726. font-weight:bold;
  727. {/block:ifboldlinks}
  728. {block:ifrainbowlinks}
  729. -webkit-text-stroke: 0.5px {color:rainbow link outline};
  730. text-decoration: none;
  731. color: white;
  732. display: inline-block;
  733. background-size: 120% 100%;
  734. -webkit-background-clip: text;
  735. -webkit-text-fill-color: transparent;
  736. -moz-background-clip: text;
  737. -moz-text-fill-color: transparent;
  738. -ms-background-clip: text;
  739. -ms-text-fill-color: transparent;
  740. background-clip: text;
  741. text-fill-color: transparent;
  742. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  743. background-image: linear-gradient(45deg, #f393fe, #ce93ff, #909cff, #8fd4ff, #90ffef, #93ff92, #e0fe93, #fde091, #ffba91, #ff939c, #fe92dc);
  744. {/block:ifrainbowlinks}
  745. {block:iflinkglow}
  746. text-shadow: 0 0 10px {color:link glow}; 0 0 10px;
  747. {/block:iflinkglow};
  748. {block:iflinkborder}
  749. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  750. {/block:iflinkborder};}
  751.  
  752. a:hover{
  753. color:{color:link hover};
  754. font-style:italic;
  755. {block:ifcustomcursor}
  756. cursor:url("{image:cursor hover}"), default;
  757. {/block:ifcustomcursor}
  758. {block:iflinkunderlineonhover}
  759. text-decoration:underline;
  760. {/block:iflinkunderlineonhover}
  761. {block:iflinkglow}
  762. text-shadow: 0 0 10px {color:link glow hover}; 0 0 10px;
  763. {/block:iflinkglow};
  764. {block:iflinkborder}
  765. 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};
  766. {/block:iflinkborder};}
  767.  
  768. ::selection{
  769. color:{color:text selection};
  770. background-color:{color:text selection background};}
  771.  
  772. .npf_row {
  773. margin: 0 !important;}
  774.  
  775. blockquote{
  776. margin:0px;}
  777.  
  778. p{
  779. margin:5px 0 10px 0;
  780. padding:0;}
  781.  
  782. ::-webkit-scrollbar {
  783. width: 15px;
  784. height: 10px;}
  785. ::-webkit-scrollbar-thumb:vertical{
  786. background-color: #fff;
  787. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  788. border-top: 1px solid #bdbdbd;
  789. border-left: 1px solid #bdbdbd;
  790. border-right: 1px solid black;
  791. border-bottom: 1px solid black;}
  792. ::-webkit-scrollbar-track {
  793. background-color: #fff;
  794. background-image: url(https://i.imgur.com/IGXGYKz.png);}
  795. ::-webkit-scrollbar-button:vertical:increment {
  796. background-image: url(https://i.imgur.com/WhC8iy3.png);
  797. width: 14px;
  798. height: 16px;
  799. border-top: 1px solid #bdbdbd;
  800. border-left: 1px solid #bdbdbd;
  801. border-right: 1px solid black;
  802. border-bottom: 1px solid black;}
  803. ::-webkit-scrollbar-button:vertical:decrement {
  804. background-image: url(https://i.imgur.com/fQ18mrR.png);
  805. border-top: 1px solid #bdbdbd;
  806. border-left: 1px solid #bdbdbd;
  807. border-right: 1px solid black;
  808. border-bottom: 1px solid black;
  809. width: 14px;
  810. height: 16px;}
  811.  
  812.  
  813. /* ----------------------- wrapper ----------------------- */
  814. #wrapper{
  815. width:750px;
  816. height:600px;
  817. overflow-y:hidden;
  818. overflow-x:hidden;
  819. position:absolute;
  820. top: 50%;
  821. left: 50%;
  822. {block:ifroundedborders}
  823. border-radius:10px;
  824. {/block:ifroundedborders};
  825. background-color:{color:container};
  826. background-image:url('{image:container}');
  827. background-attachment:fixed;
  828. background-size: cover;
  829. transform: translateX(-50%) translateY(-50%);
  830. border-bottom:3px solid {color:container border};
  831. border-left:3px solid {color:container border};
  832. border-right:3px solid {color:container border};
  833. border-top:25px solid {color:container border};
  834.  
  835. {block:ifbrightrainbowcontainer1}
  836. border-bottom: 3px solid transparent;
  837. border-top: 25px solid transparent;
  838. border-left: 3px solid transparent;
  839. border-right: 3px solid transparent;
  840. border-image: linear-gradient(to bottom right, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);
  841. border-image-slice: 1;
  842. {/block:ifbrightrainbowcontainer1};
  843.  
  844. {block:ifbrightrainbowcontainer2}
  845. border-bottom: 3px solid transparent;
  846. border-top: 25px solid transparent;
  847. border-left: 3px solid transparent;
  848. border-right: 3px solid transparent;
  849. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  850. border-image-slice: 1;
  851. {/block:ifbrightrainbowcontainer2};
  852.  
  853. {block:iflightrainbowcontainer}
  854. border-bottom: 3px solid transparent;
  855. border-top: 25px solid transparent;
  856. border-left: 3px solid transparent;
  857. border-right: 3px solid transparent;
  858. border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);
  859. border-image-slice: 1;
  860. {/block:iflightrainbowcontainer};
  861.  
  862. {block:ifpastelrainbowcontainer1}
  863. border-bottom: 3px solid transparent;
  864. border-top: 25px solid transparent;
  865. border-left: 3px solid transparent;
  866. border-right: 3px solid transparent;
  867. border-image: linear-gradient(to bottom right, #fcafcb, #eebaf6, #c9c4fc, #c9d3fc, #d5f6f6, #dcfce4, #e6fce4, #f8fced);
  868. border-image-slice: 1;
  869. {/block:ifpastelrainbowcontainer1};
  870.  
  871. {block:ifpastelrainbowcontainer2}
  872. border-bottom: 3px solid transparent;
  873. border-top: 25px solid transparent;
  874. border-left: 3px solid transparent;
  875. border-right: 3px solid transparent;
  876. border-image: linear-gradient(to bottom right, #f393fe, #ce93ff, #909cff, #8fd4ff, #90ffef, #93ff92, #e0fe93, #fde091, #ffba91, #ff939c, #fe92dc);
  877. border-image-slice: 1;
  878. {/block:ifpastelrainbowcontainer2};}
  879.  
  880.  
  881. /* ------------------------ post ------------------------ */
  882. #postwrap{
  883. width:440px;
  884. height:600px;
  885. overflow-y:scroll;
  886. overflow-x:hidden;
  887. margin-left:311px;
  888. border:none;}
  889.  
  890. #postcontent{
  891. margin-top:20px;
  892. margin-left:5px;
  893. width:400px;}
  894.  
  895. .post, .naviga{
  896. margin:0 0 15px 0;
  897. overflow:hidden;
  898. padding:5px;
  899. background-color:{color:content};
  900. background-image:url('{image:content}');
  901. background-attachment:fixed;
  902. background-size: cover;
  903. border:{text:content border size}px {select:content border type} {color:content border};
  904. {block:ifroundedborders}
  905. border-radius:10px;
  906. {/block:ifroundedborders};}
  907.  
  908. .post img {
  909. max-width:100%;
  910. height:auto;}
  911.  
  912.  
  913. /* -------------------- sidebar -------------------- */
  914. #sidewrapper{
  915. padding:5px;
  916. position:fixed;
  917. width:240px;
  918. top:15px;
  919. left:40px;}
  920.  
  921. #sidebar{
  922. padding:5px;
  923. border:{text:content border size}px {select:content border type} {color:content border};
  924. {block:ifroundedborders}
  925. border-radius:10px;
  926. {/block:ifroundedborders}
  927. background-color:{color:content};
  928. background-image:url('{image:content}');
  929. background-attachment:fixed;
  930. background-size: cover;
  931. width:225px;}
  932.  
  933. .sidebar img{
  934. {block:ifheartsidebar}
  935. -webkit-mask-image:url(https://64.media.tumblr.com/530d6f82ba12efe719853b50499b1d5d/b58a88777157fa9c-6e/s500x750/69a0aa24e15c4c98f2b7ce62f6c00544e0b3a1c3.png);
  936. -webkit-mask-repeat:no-repeat;
  937. -webkit-mask-size:cover;
  938. {/block:ifheartsidebar}
  939. {block:ifcirclesidebar}
  940. border-radius:100%;
  941. {/block:ifcirclesidebar}
  942. height:auto;
  943. border:2px ridge {color:description border};}
  944.  
  945. .button{
  946. border:2px {select:description border type} {color:description border};
  947. {block:ifroundedborders}
  948. border-radius:10px;
  949. {/block:ifroundedborders}
  950. background-color:{color:description};
  951. background-image:url('{image:description}');
  952. background-attachment:fixed;
  953. background-size: cover;padding:5px;}
  954. .button:hover{
  955. cursor:help;}
  956.  
  957. #description{
  958. border:2px {select:description border type} {color:description border};
  959. {block:ifroundedborders}
  960. border-radius:10px;
  961. {/block:ifroundedborders}
  962. text-align:center;
  963. padding:5px;
  964. color:{color:description text};
  965. background-color:{color:description};
  966. background-image:url('{image:description}');
  967. background-attachment:fixed;
  968. background-size: cover;
  969. max-height:110px;
  970. overflow-y:auto;
  971. overflow-x:hidden;
  972. margin:5px 0 5px 0;}
  973. #description a{
  974. color:{color:description link};}
  975. #description a:hover{
  976. color:{color:description link hover};}
  977.  
  978. .search{
  979. width:132px;
  980. height:13px;
  981. margin-top:5px;
  982. padding:5px;
  983. color:black;
  984. {block:ifroundedborders}
  985. border-radius:10px;
  986. {/block:ifroundedborders}
  987. border:2px outset;}
  988. .enter{
  989. height:27px;
  990. font-family:arial;
  991. font-size:18px;
  992. {block:ifroundedborders}
  993. border-radius:10px;
  994. {/block:ifroundedborders}
  995. border:2px outset;}
  996.  
  997. #paginationer{
  998. padding:5px;
  999. background-color:{color:content};
  1000. background-image:url('{image:content}');
  1001. background-attachment:fixed;
  1002. background-size: cover;
  1003. border:{text:content border size}px {select:content border type} {color:content border};
  1004. {block:ifroundedborders}
  1005. border-radius:10px;
  1006. {/block:ifroundedborders}
  1007. position:fixed;
  1008. width:225px;
  1009. margin:10px 0 0 0;
  1010. {block:PermalinkPage}
  1011. background:transparent;
  1012. border:none;
  1013. {/block:PermalinkPage};}
  1014.  
  1015.  
  1016. /* -------------------- footer -------------------- */
  1017. .footer{
  1018. padding:5px;
  1019. text-align:{select:footer alignment};
  1020. border:{text:footer border size}px {select:footer border type} {color:footer border};
  1021. {block:ifroundedborders}
  1022. border-radius:10px;
  1023. {/block:ifroundedborders}
  1024. background-color:{color:footer};
  1025. background-image:url('{image:footer}');
  1026. background-attachment:fixed;}
  1027.  
  1028. .footer a{
  1029. color:{color:footer link};
  1030. {block:iflinkborder}
  1031. 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};
  1032. {/block:iflinkborder};}
  1033.  
  1034. .footer a:hover{
  1035. color:{color:footer link hover};
  1036. {block:iflinkborder}
  1037. 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};
  1038. {/block:iflinkborder};}
  1039.  
  1040. .footer:hover .tags{
  1041. opacity:1;
  1042. transition:0.4s ease;
  1043. max-height:1000px;
  1044. margin-bottom:10px;
  1045. padding-bottom:15px;
  1046. margin-top:5px;}
  1047.  
  1048. .tags{
  1049. opacity:0;
  1050. transition:0.4s ease;
  1051. margin-top:5px;
  1052. max-height:0px;}
  1053.  
  1054. ol.notes{
  1055. list-style-type:none;
  1056. padding:3px;
  1057. overflow:auto;}
  1058.  
  1059. /* -------------------- decor -------------------- */
  1060.  
  1061. #rainbowtitle{
  1062. font-size:{text:title size}px;
  1063. position: fixed;
  1064. z-index: 11;
  1065. left:{text:title left}px;
  1066. transform: rotate(-10deg);
  1067. {block:iftitlebounce}
  1068. -webkit-animation: pulsate 2s ease-out;
  1069. -webkit-animation-iteration-count: infinite;
  1070. font-size: 25px; }
  1071. @-webkit-keyframes pulsate {
  1072. 0% { font-size: {text:title size}px; }
  1073. 50% { font-size: {text:title bounce size}px; }
  1074. 100% { font-size: {text:title size}px; } }
  1075. {/block:iftitlebounce};}
  1076.  
  1077. #floatie{
  1078. position:fixed;
  1079. right:{text:floatie right}px;
  1080. bottom:5px;
  1081. filter: drop-shadow(0 0 0.75rem rgb({text:floatie glow}));}
  1082.  
  1083. #audioplayer{
  1084. width:30px;
  1085. height:25px;
  1086. overflow:hidden;
  1087. position:absolute;
  1088. margin-top:40px;
  1089. margin-bottom:40px;
  1090. margin-left:35px;
  1091. border-radius: 40px;
  1092. opacity: 0.7;}
  1093.  
  1094. .trackstuff{
  1095. overflow:auto;
  1096. margin-left:110px;
  1097. margin-top:-75px;
  1098. margin-bottom:50px;
  1099. display:block;}
  1100.  
  1101. .playbutton{
  1102. margin-bottom:30px;
  1103. margin-top:-60px;
  1104. margin-left:35px;
  1105. z-index:9;
  1106. width:33px;
  1107. height:30px;
  1108. overflow:hidden;}
  1109.  
  1110. video{
  1111. max-width: 100%;
  1112. height: auto;}
  1113.  
  1114. #credit{
  1115. font-size:25px;
  1116. position:fixed;
  1117. left:5px;
  1118. bottom:5px;}
  1119.  
  1120. .ask{
  1121. margin:0 0 10px 0;
  1122. padding:2px;
  1123. border:4px double {color:footer border};
  1124. {block:ifroundedborders}
  1125. border-radius:10px;
  1126. {/block:ifroundedborders};}
  1127.  
  1128. {block:ifimagehueshiftonhover}
  1129. img{
  1130. -webkit-filter: hue-rotate(0deg);
  1131. -webkit-transition: 5s ease-in-out;
  1132. -moz-filter: grayscale(0%);
  1133. -moz-transition: 5s ease-in-out;
  1134. -o-filter: grayscale(0%);
  1135. -o-transition: 5s ease-in-out;}
  1136.  
  1137. img:hover{
  1138. animation-iteration-count:infinite;
  1139. -webkit-filter: hue-rotate(360deg);
  1140. -webkit-transition: 5s ease-in-out;
  1141. -moz-filter: hue-rotate(360deg);
  1142. -moz-transition: 5s ease-in-out;
  1143. -o-filter: hue-rotate(360deg);
  1144. -o-transition: 5s ease-in-out;}
  1145. {block:ifimagehueshiftonhover}
  1146.  
  1147.  
  1148.  
  1149. {CustomCss}
  1150. </style>
  1151. </head>
  1152. <body>
  1153.  
  1154. <div id="wrapper">
  1155.  
  1156. <!-- sidebar -->
  1157. <div id="sidewrapper">
  1158. <div id="sidebar">
  1159. <div id="rainbowtitle">
  1160. <span id="rainbow">{text:title}</span>
  1161. </div>
  1162. <div class="sidebar img">
  1163. <center>
  1164. <a href="/"><img style='height: 190px; width:215px; object-fit: cover' src='{image:sidebar}'/></a>
  1165. </center>
  1166. </div>
  1167.  
  1168. <audio id="music" src="{text:song url}"></audio>
  1169. <button style="font-family:{select:font}; color:{color:text}; background:transparent; width:237px; margin-left:-6px; font-size:18px; border:none;" onclick="playpause()">
  1170. <div class="button">&#9654; <marquee style="width:190px; font-size:18px; margin-bottom:-5px; color:{color:text}; background:transparent;">{text:song name} &#9733; {text:song artist}</marquee></div></button>
  1171. <script>
  1172. let player = document.getElementById("music"); //the audio id
  1173. let btn = document.getElementById("btn"); //the button id
  1174. isPlaying = false; //set to false because it is not playing yet
  1175.  
  1176. function playpause() {
  1177. if (!isPlaying) play(); //if isPlaying is false, then play the music
  1178. else pause(); //if isPlaying is true, then pause the music
  1179. }
  1180.  
  1181. function play(){
  1182. player.play(); //play the music
  1183. isPlaying = true; //set to true because the music is playing
  1184. btn.innerHTML = "pause"; //change the button to say pause
  1185. }
  1186.  
  1187. function pause(){
  1188. player.pause(); //pause the music
  1189. isPlaying = false; //set to false because the music is not playing
  1190. btn.innerHTML = "play"; //change the button to say play
  1191. }
  1192.  
  1193. player.onended = function(){
  1194. isPlaying = false; //the song has ended, isPlaying is false
  1195. btn.innerHTML = "play"; //change the button to say play
  1196. }
  1197. </script>
  1198.  
  1199. <div id="description">
  1200. {text:description}
  1201. </div>
  1202.  
  1203. <form action="/search" method="get">
  1204. <input class="search" type="text" placeholder="{text:searchbar text}" name="q" value="" style="outline:none;">
  1205. <input class="enter" type="submit" value="Search" id="sb"/>
  1206. </form>
  1207.  
  1208.  
  1209. </div>
  1210. <div id="paginationer">
  1211. {block:Pagination}
  1212. <center>
  1213. {block:PreviousPage}
  1214. <a href="{PreviousPage}">&#171;</a>
  1215. {/block:PreviousPage}
  1216. {block:JumpPagination length="10"}
  1217. {block:CurrentPage}
  1218. <span class="current_page">{PageNumber}</span>
  1219. {/block:CurrentPage}
  1220. {block:JumpPage}
  1221. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1222. {/block:JumpPage}
  1223. {/block:JumpPagination}
  1224. {block:NextPage}
  1225. <a href="{NextPage}">&#187;</a>
  1226. {/block:NextPage}
  1227. {block:PermalinkPage}
  1228. {/block:PermalinkPage}
  1229. {/block:Pagination}
  1230. </div>
  1231. </div>
  1232.  
  1233. <div id="postwrap">
  1234. <div id="postcontent">
  1235. {block:Posts}
  1236. <!--{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}
  1237. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1238. {/block:ContentSource}
  1239. <div class="post">
  1240. <!-- Text -->
  1241. {block:Text}
  1242. {block:Title}
  1243. <div class="title">{Title}</div>
  1244. {/block:Title}
  1245. {Body}
  1246. {/block:Text}
  1247. {block:Chat}
  1248. {block:Title}
  1249. <div class="title">
  1250. <h3><a href="{Permalink}">{Title}</a></h3></div>
  1251. {/block:Title}
  1252. {block:Lines}
  1253. <div class="{Alt} user_{UserNumber}">
  1254. {block:Label}
  1255. <span class="label">{Label}</span>
  1256. {/block:Label}{Line}
  1257. </div>
  1258. {/block:Lines}
  1259. {/block:Chat}
  1260.  
  1261. <!-- Images --->
  1262. {block:Photo}
  1263. {LinkOpenTag}
  1264. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1265. {LinkCloseTag}
  1266. {block:Caption}
  1267. {Caption}
  1268. {/block:Caption}
  1269. {/block:Photo}
  1270. {block:Photoset}
  1271. <div class="media">{Photoset}</div>
  1272. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1273. {/block:Photoset}
  1274.  
  1275. <!-- Video -->
  1276. {block:Video}
  1277. {Video-500}
  1278. {block:Caption}
  1279. {Caption}
  1280. {/block:Caption}
  1281. {/block:Video}
  1282.  
  1283. <!-- Audio -->
  1284. {block:Audio}
  1285. <div id= "audioplayer">{AudioPlayerWhite}</div>
  1286. {block:AlbumArt}
  1287. <div id="albumart">
  1288. <img src="{AlbumArtURL}" width="100">
  1289. </div>
  1290. {/block:AlbumArt}
  1291. <div class="trackstuff">
  1292. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  1293. {Caption}
  1294. {/block:Audio}
  1295.  
  1296. <!-- Quote -->
  1297. {block:Quote}
  1298. <div class="quote">
  1299. "{Quote}"
  1300. {block:Source}
  1301. <div class="source">- <i>{Source}</i></div>
  1302. {/block:Source}
  1303. </div>
  1304. {/block:Quote}
  1305.  
  1306. <!-- Link -->
  1307. {block:Link}
  1308. <a href="{URL}" class="link" {Target}>{Name}</a>
  1309. {block:Description}
  1310. {Description}
  1311. {/block:Description}
  1312. {/block:Link}
  1313.  
  1314. <!-- Ask -->
  1315. {block:Answer}
  1316. <div class="ask">
  1317. <div class="question">{Asker}: <b>{Question}</b></div>
  1318. </div>
  1319. <div class="caption">{Answer}</div>
  1320. {/block:Answer}
  1321.  
  1322. <!-- foooter more like...farter -->
  1323. {block:Date}
  1324. <div class="footer">
  1325. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a> <img src="{image:footer pixel}"> <a href="{ReblogUrl}">REBLOG?</a>
  1326. <center>{block:HasTags}<div class="tags">{block:Tags} <b>#</b><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center>
  1327. {block:PermalinkPage}
  1328. <text style="text-align:left">
  1329. <table style="background:transparent; overflow:auto; width:400px">
  1330. <tbody>
  1331. <tr>
  1332. <td style="width:400px">
  1333. <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  1334. </td>
  1335. <td style="width:50px">
  1336. {12Hour}{AmPm}
  1337. </td>
  1338. </tr>
  1339. </tbody>
  1340. </table>
  1341. {block:NoteCount}
  1342. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1343. {/block:NoteCount}
  1344. </text>
  1345. {/block:PermalinkPage}
  1346. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1347. {/block:Date}
  1348. </div>
  1349. </div>
  1350. {/block:Posts}
  1351.  
  1352. </div>
  1353. </div>
  1354. </div>
  1355. {block:ifdraggablecontainer}
  1356. <script>
  1357. $( "#wrapper" ).draggable();
  1358. </script>
  1359. {/block:ifdraggablecontainer}
  1360.  
  1361.  
  1362. <div id="floatie">
  1363. <img src="{image:floatie}" width="{text:floatie size}px">
  1364. </div>
  1365. {block:ifdraggablefloatie}
  1366. <script>
  1367. $( "#floatie" ).draggable();
  1368. </script>
  1369. {/block:ifdraggablefloatie}
  1370.  
  1371. <!-- please do not edit the credit link :( -->
  1372. <div id="credit">
  1373. <a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a>
  1374. </div>
  1375. <!-- thank you -->
  1376.  
  1377.  
  1378. </body>
  1379. </html>
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!