Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <head>
- <!-- -- -- -- -- -- -- --
- ⇉ Lucky Clover theme by Emoticon ꕤ𓂅
- ⇉ Notes
- 1. Edit your font size ACCORDINGLY depending on the
- font you choose, don't make your page unreadable!
- 2. Use https://www.color-hex.com/ to find the RGB for your floatie glow
- 3. Download a song mp3 and use https://catbox.moe to upload and use your music
- ⇉ Please do not delete or change the credit
- ⇉ Special thanks to glenthemes for photo script
- -- -- -- -- -- -- -- -- -->
- <!-- image -->
- <meta name="image:favicon" content="">
- <meta name="image:cursor" content="">
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="image:floatie" content="">
- <!-- text -->
- <meta name="text:font size" content="17">
- <meta name="text:description" content="">
- <meta name="text:content border" content="2">
- <meta name="text:footer border" content="2">
- <meta name="text:link 1" content="Link 1">
- <meta name="text:link 2" content="Link 2">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2 url" content="/">
- <meta name="text:song url" content="https://files.catbox.moe/hcn09f.mp3">
- <meta name="text:song title" content="My Little Pony">
- <meta name="text:footer symbol" content="★">
- <meta name="text:floatie glow" content="255, 255, 255">
- <meta name="text:floatie size" content="150">
- <meta name="text:floatie right" content="30">
- <!-- color -->
- <meta name="color:background" content="">
- <meta name="color:content" content="">
- <meta name="color:border" content="">
- <meta name="color:text" content="">
- <meta name="color:text select" content="">
- <meta name="color:text select bg" content="">
- <meta name="color:link" content="">
- <meta name="color:link hover" content="">
- <meta name="color:link bg hover" content="">
- <meta name="color:link box link" content="">
- <meta name="color:link box link hover" content="">
- <meta name="color:link box link bg" content="">
- <meta name="color:link box link bg hover" content="">
- <meta name="color:link box border" content="">
- <meta name="color:link box background" content="">
- <meta name="color:footer link" content="">
- <meta name="color:footer link hover" content="">
- <meta name="color:footer bg" content="">
- <meta name="color:footer border" content="">
- <meta name="color:cursor floaties 1" content="">
- <meta name="color:cursor floaties 2" content="">
- <meta name="color:cursor floaties 3" content="">
- <!-- fonts -->
- <meta name="select:font" content="arial">
- <meta name="select:font" content="magica">
- <meta name="select:font" content="short stack">
- <meta name="select:font" content="ms gothic">
- <meta name="select:font" content="roboto mono">
- <meta name="select:font" content="Unicorn">
- <meta name="select:font" content="Clover">
- <meta name="select:font" content="Spiral">
- <meta name="select:font" content="Shlop">
- <meta name="select:font" content="My Little Pony">
- <!-- opt -->
- <meta name="if:star cursor floaties" content="">
- <meta name="if:music note cursor floaties" content="">
- <meta name="if:heart cursor floaties" content="">
- <meta name="if:diamond cursor floaties" content="">
- <meta name="if:dashed link underline" content="">
- <meta name="if:full background" content="">
- <!-- border -->
- <meta name="select:footer border style" content="none">
- <meta name="select:footer border style" content="solid">
- <meta name="select:footer border style" content="dotted">
- <meta name="select:footer border style" content="dashed">
- <meta name="select:footer border style" content="ridge">
- <meta name="select:footer border style" content="groove">
- <meta name="select:footer border style" content="inset">
- <meta name="select:footer border style" content="outset">
- <meta name="select:border style" content="none">
- <meta name="select:border style" content="solid">
- <meta name="select:border style" content="dotted">
- <meta name="select:border style" content="dashed">
- <meta name="select:border style" content="double">
- <meta name="select:border style" content="ridge">
- <meta name="select:border style" content="groove">
- <meta name="select:border style" content="inset">
- <meta name="select:border style" content="outset">
- <!-- scripts -->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
- <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- {block:ifheartcursorfloaties}
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array('{color:cursor floaties 1}', '{color:cursor floaties 2}', '{color:cursor floaties 3}'); // colours of the hearts
- var minisize=15; // smallest size of hearts in pixels
- var maxisize=20; // biggest size of hearts in pixels
- var hearts=66; // maximum number of hearts on screen
- 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
- /*****************************
- *JavaScript Love Heart Cursor*
- * (c)2013+ mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- *****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var herz=new Array();
- var herzx=new Array();
- var herzy=new Array();
- var herzs=new Array();
- var kiss=false;
- if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addRVLoadEvent(mwah);
- function mwah() { if (document.getElementById) {
- var i, heart;
- for (i=0; i<hearts; i++) {
- heart=createDiv("auto", "auto");
- heart.style.visibility="hidden";
- heart.style.zIndex=(over_or_under=="over")?"1001":"0";
- heart.style.color=colours[i%colours.length];
- heart.style.pointerEvents="none";
- if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
- else heart.style.opacity=0.75;
- heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
- document.body.appendChild(heart);
- herz[i]=heart;
- herzy[i]=false;
- }
- set_scroll();
- set_width();
- herzle();
- }}
- function herzle() {
- var c;
- if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- ox=x;
- oy=y;
- for (c=0; c<hearts; c++) if (herzy[c]===false) {
- herz[c].firstChild.nodeValue=String.fromCharCode(9829);
- herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
- herz[c].style.top=(herzy[c]=y-minisize)+"px";
- herz[c].style.fontSize=minisize+"px";
- herz[c].style.fontWeight='normal';
- herz[c].style.visibility='visible';
- herzs[c]=minisize;
- break;
- }
- }
- for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
- setTimeout("herzle()", 40);
- }
- document.onmousedown=pucker;
- document.onmouseup=function(){clearTimeout(kiss);};
- function pucker() {
- ox=-1;
- oy=-1;
- kiss=setTimeout('pucker()', 100);
- }
- function blow_me_a_kiss(i) {
- herzy[i]-=herzs[i]/minisize+i%2;
- herzx[i]+=(i%5-2)/5;
- if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
- herz[i].style.visibility="hidden";
- herzy[i]=false;
- }
- else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
- else {
- if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
- herz[i].style.top=herzy[i]+"px";
- herz[i].style.left=herzx[i]+"px";
- }
- }
- function break_my_heart(i) {
- var t;
- herz[i].firstChild.nodeValue=String.fromCharCode(9676);
- herz[i].style.fontWeight='bold';
- herzy[i]=false;
- for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
- setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
- }
- document.onmousemove=mouse;
- function mouse(e) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- div.style.backgroundColor="transparent";
- return (div);
- }
- // ]]>
- </script>
- {/block:ifheartcursorfloaties}
- {block:ifdiamondcursorfloaties}
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array('{color:cursor floaties 1}', '{color:cursor floaties 2}', '{color:cursor floaties 3}'); // colours of the hearts
- var minisize=15; // smallest size of hearts in pixels
- var maxisize=20; // biggest size of hearts in pixels
- var hearts=66; // maximum number of hearts on screen
- 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
- /*****************************
- *JavaScript Love Heart Cursor*
- * (c)2013+ mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- *****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var herz=new Array();
- var herzx=new Array();
- var herzy=new Array();
- var herzs=new Array();
- var kiss=false;
- if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addRVLoadEvent(mwah);
- function mwah() { if (document.getElementById) {
- var i, heart;
- for (i=0; i<hearts; i++) {
- heart=createDiv("auto", "auto");
- heart.style.visibility="hidden";
- heart.style.zIndex=(over_or_under=="over")?"1001":"0";
- heart.style.color=colours[i%colours.length];
- heart.style.pointerEvents="none";
- if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
- else heart.style.opacity=0.75;
- heart.appendChild(document.createTextNode(String.fromCharCode(10022)));
- document.body.appendChild(heart);
- herz[i]=heart;
- herzy[i]=false;
- }
- set_scroll();
- set_width();
- herzle();
- }}
- function herzle() {
- var c;
- if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- ox=x;
- oy=y;
- for (c=0; c<hearts; c++) if (herzy[c]===false) {
- herz[c].firstChild.nodeValue=String.fromCharCode(10022);
- herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
- herz[c].style.top=(herzy[c]=y-minisize)+"px";
- herz[c].style.fontSize=minisize+"px";
- herz[c].style.fontWeight='normal';
- herz[c].style.visibility='visible';
- herzs[c]=minisize;
- break;
- }
- }
- for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
- setTimeout("herzle()", 40);
- }
- document.onmousedown=pucker;
- document.onmouseup=function(){clearTimeout(kiss);};
- function pucker() {
- ox=-1;
- oy=-1;
- kiss=setTimeout('pucker()', 100);
- }
- function blow_me_a_kiss(i) {
- herzy[i]-=herzs[i]/minisize+i%2;
- herzx[i]+=(i%5-2)/5;
- if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
- herz[i].style.visibility="hidden";
- herzy[i]=false;
- }
- else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
- else {
- if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
- herz[i].style.top=herzy[i]+"px";
- herz[i].style.left=herzx[i]+"px";
- }
- }
- function break_my_heart(i) {
- var t;
- herz[i].firstChild.nodeValue=String.fromCharCode(9676);
- herz[i].style.fontWeight='bold';
- herzy[i]=false;
- for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
- setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
- }
- document.onmousemove=mouse;
- function mouse(e) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- div.style.backgroundColor="transparent";
- return (div);
- }
- // ]]>
- </script>
- {/block:ifdiamondcursorfloaties}
- {block:ifmusicnotecursorfloaties}
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array('{color:cursor floaties 1}', '{color:cursor floaties 2}', '{color:cursor floaties 3}'); // colours of the hearts
- var minisize=15; // smallest size of hearts in pixels
- var maxisize=20; // biggest size of hearts in pixels
- var hearts=66; // maximum number of hearts on screen
- 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
- /*****************************
- *JavaScript Love Heart Cursor*
- * (c)2013+ mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- *****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var herz=new Array();
- var herzx=new Array();
- var herzy=new Array();
- var herzs=new Array();
- var kiss=false;
- if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addRVLoadEvent(mwah);
- function mwah() { if (document.getElementById) {
- var i, heart;
- for (i=0; i<hearts; i++) {
- heart=createDiv("auto", "auto");
- heart.style.visibility="hidden";
- heart.style.zIndex=(over_or_under=="over")?"1001":"0";
- heart.style.color=colours[i%colours.length];
- heart.style.pointerEvents="none";
- if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
- else heart.style.opacity=0.75;
- heart.appendChild(document.createTextNode(String.fromCharCode(9834)));
- document.body.appendChild(heart);
- herz[i]=heart;
- herzy[i]=false;
- }
- set_scroll();
- set_width();
- herzle();
- }}
- function herzle() {
- var c;
- if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- ox=x;
- oy=y;
- for (c=0; c<hearts; c++) if (herzy[c]===false) {
- herz[c].firstChild.nodeValue=String.fromCharCode(9834);
- herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
- herz[c].style.top=(herzy[c]=y-minisize)+"px";
- herz[c].style.fontSize=minisize+"px";
- herz[c].style.fontWeight='normal';
- herz[c].style.visibility='visible';
- herzs[c]=minisize;
- break;
- }
- }
- for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
- setTimeout("herzle()", 40);
- }
- document.onmousedown=pucker;
- document.onmouseup=function(){clearTimeout(kiss);};
- function pucker() {
- ox=-1;
- oy=-1;
- kiss=setTimeout('pucker()', 100);
- }
- function blow_me_a_kiss(i) {
- herzy[i]-=herzs[i]/minisize+i%2;
- herzx[i]+=(i%5-2)/5;
- if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
- herz[i].style.visibility="hidden";
- herzy[i]=false;
- }
- else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
- else {
- if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
- herz[i].style.top=herzy[i]+"px";
- herz[i].style.left=herzx[i]+"px";
- }
- }
- function break_my_heart(i) {
- var t;
- herz[i].firstChild.nodeValue=String.fromCharCode(9676);
- herz[i].style.fontWeight='bold';
- herzy[i]=false;
- for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
- setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
- }
- document.onmousemove=mouse;
- function mouse(e) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- div.style.backgroundColor="transparent";
- return (div);
- }
- // ]]>
- </script>
- {/block:ifmusicnotecursorfloaties}
- {block:ifstarcursorfloaties}
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array('{color:cursor floaties 1}', '{color:cursor floaties 2}', '{color:cursor floaties 3}'); // colours of the hearts
- var minisize=15; // smallest size of hearts in pixels
- var maxisize=20; // biggest size of hearts in pixels
- var hearts=66; // maximum number of hearts on screen
- 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
- /*****************************
- *JavaScript Love Heart Cursor*
- * (c)2013+ mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- *****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var herz=new Array();
- var herzx=new Array();
- var herzy=new Array();
- var herzs=new Array();
- var kiss=false;
- if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addRVLoadEvent(mwah);
- function mwah() { if (document.getElementById) {
- var i, heart;
- for (i=0; i<hearts; i++) {
- heart=createDiv("auto", "auto");
- heart.style.visibility="hidden";
- heart.style.zIndex=(over_or_under=="over")?"1001":"0";
- heart.style.color=colours[i%colours.length];
- heart.style.pointerEvents="none";
- if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
- else heart.style.opacity=0.75;
- heart.appendChild(document.createTextNode(String.fromCharCode(9733)));
- document.body.appendChild(heart);
- herz[i]=heart;
- herzy[i]=false;
- }
- set_scroll();
- set_width();
- herzle();
- }}
- function herzle() {
- var c;
- if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- ox=x;
- oy=y;
- for (c=0; c<hearts; c++) if (herzy[c]===false) {
- herz[c].firstChild.nodeValue=String.fromCharCode(9733);
- herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
- herz[c].style.top=(herzy[c]=y-minisize)+"px";
- herz[c].style.fontSize=minisize+"px";
- herz[c].style.fontWeight='normal';
- herz[c].style.visibility='visible';
- herzs[c]=minisize;
- break;
- }
- }
- for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
- setTimeout("herzle()", 40);
- }
- document.onmousedown=pucker;
- document.onmouseup=function(){clearTimeout(kiss);};
- function pucker() {
- ox=-1;
- oy=-1;
- kiss=setTimeout('pucker()', 100);
- }
- function blow_me_a_kiss(i) {
- herzy[i]-=herzs[i]/minisize+i%2;
- herzx[i]+=(i%5-2)/5;
- if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
- herz[i].style.visibility="hidden";
- herzy[i]=false;
- }
- else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
- else {
- if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
- herz[i].style.top=herzy[i]+"px";
- herz[i].style.left=herzx[i]+"px";
- }
- }
- function break_my_heart(i) {
- var t;
- herz[i].firstChild.nodeValue=String.fromCharCode(9676);
- herz[i].style.fontWeight='bold';
- herzy[i]=false;
- for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
- setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
- }
- document.onmousemove=mouse;
- function mouse(e) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- div.style.backgroundColor="transparent";
- return (div);
- }
- // ]]>
- </script>
- {/block:ifstarcursorfloaties}
- <style type="text/css">
- body{
- color:{color:text};
- background-color:{color:background};
- }
- ::selection{
- color:{color:text select};
- background-color:{color:text select bg};}
- @font-face {
- font-family: 'My Little Pony';
- src:url(https://dl.dropbox.com/s/gaofrrphg2es3od/PONY%20-%20MLP%202%20-%20Version%202.ttf);}
- @font-face {
- font-family: 'Unicorn';
- src:url(https://dl.dropbox.com/s/stne141j05ssst7/unicorns.ttf);}
- @font-face {
- font-family: 'Spiral';
- src:url(https://dl.dropbox.com/s/4te7y11h9gpldcw/spiral.otf);}
- @font-face {
- font-family: 'Clover';
- src:url(https://dl.dropbox.com/s/tww5wi7apwf7nh2/clover.ttf);}
- @font-face {
- font-family: 'Shlop';
- src:url(https://dl.dropbox.com/s/kjh62xic0vki3kq/shlop.ttf);}
- body{
- font-family:{select:font};
- color:{color:text};
- font-size:{text:font size}px;
- cursor:url("{image:cursor}"), default;
- background-image:Url('{image:background}');
- background-attachment:fixed;
- {block:iffullbackground}
- background-size: cover;
- {/block:iffullbackground}
- word-wrap:break-word;}
- a{
- {block:ifdashedlinkunderline}
- text-decoration-style: dashed;
- {/block:ifdashedlinkunderline}
- {block:ifnotdashedlinkunderline}
- text-decoration:none;
- {/block:ifnotdashedlinkunderline}
- color:{color:link};
- background-color:{color:link bg};
- display:inline;
- width: 150px;
- box-shadow: inset 0 0 0 0 {color:link bg hover};
- overflow: visible;
- -webkit-transition: all ease 0.5s;
- -moz-transition: all ease 0.5s;
- transition: all ease 0.5s;}
- a:hover {
- cursor:url("{image:cursor}"), default;
- color:{color:link hover};
- box-shadow: inset 0 50px 0 0 {color:link bg hover};}
- ::-webkit-scrollbar {
- width: 15px;
- height: 10px;}
- ::-webkit-scrollbar-thumb:vertical{
- background:white;
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;}
- ::-webkit-scrollbar-track {
- background:white;}
- ::-webkit-scrollbar-button:vertical:increment {
- background-image: url('https://64.media.tumblr.com/e09634612068e4130ba031c281d24f52/2672484062507eca-ca/s75x75_c1/adda254826b4ce41c01fc40698385bc334f10abf.png');
- width: 14px;
- height: 16px;
- background-color:white;
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;}
- ::-webkit-scrollbar-button:vertical:decrement {
- background-image:url(https://64.media.tumblr.com/30f5701150586e1f03bb59f783884ca7/2672484062507eca-56/s75x75_c1/8dc29751305312d2db13c18b6f0c9d8b105d2fd5.png);
- background-color:white;
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- width: 14px;
- height: 16px;}
- .npf_row {
- margin: 0 !important;}
- blockquote{
- border-left:2px dashed {color:text};
- padding-left:10px;
- margin: 15px;}
- p{
- margin:0 0 5px 0;
- padding:0;}
- /* () sidebar () */
- #sidebar{
- position:fixed;
- width:235px;
- box-shadow: 5px 5px {color:border};
- top:10px;
- left:75px;}
- #sidebar-image{
- background-color:{color:content};
- border:{text:content border}px {select:border style} {color:border};
- padding:5px;}
- .sidebar img{
- border-radius:10px;
- min-width:220px;
- max-width:220px;
- height:auto;
- display:block;}
- #description{
- background-color:{color:content};
- border-top:none;
- border-left:{text:content border}px {select:border style} {color:border};
- border-right:{text:content border}px {select:border style} {color:border};
- border-bottom:{text:content border}px {select:border style} {color:border};
- padding:10px;}
- .desc{
- text-align:right;}
- #tab a{
- color:{color:link box link};
- background-color:{color:link box link bg};
- display:inline;
- width: 150px;
- box-shadow: inset 0 0 0 0 {color:link box link bg hover};
- overflow: visible;
- -webkit-transition: all ease 0.5s;
- -moz-transition: all ease 0.5s;
- transition: all ease 0.5s;}
- #tab a:hover{
- color:{color:link box link hover};
- box-shadow: inset 0 50px 0 0 {color:link box link bg hover};}
- #song{
- background-color:{color:content};
- border-top:none;
- border-left:{text:content border}px {select:border style} {color:border};
- border-right:{text:content border}px {select:border style} {color:border};
- border-bottom:{text:content border}px {select:border style} {color:border};
- padding:10px;}
- .button{
- background:transparent;
- padding:5px;}
- .button:hover{
- cursor:help;}
- #pag{
- text-align:center;
- background-color:{color:content};
- border-top:none;
- border-left:{text:content border}px {select:border style} {color:border};
- border-right:{text:content border}px {select:border style} {color:border};
- border-bottom:{text:content border}px {select:border style} {color:border};
- padding:10px;}
- /* () posts () */
- #content{
- margin-left:375px;
- width:450px;}
- .post{
- margin:10px 0 15px 0;
- padding:5px;
- background:{color:content};
- border:{text:content border}px {select:border style} {color:border};
- box-shadow: 5px 5px {color:border};}
- .post img{
- padding-bottom:5px;
- max-width:500px;
- max-width:100%;
- height:auto;}
- .photoset{
- max-width:500px;}
- .caption{
- margin:5px 0 0 0;}
- #floatie{
- position:fixed;
- right:{text:floatie right}px;
- bottom:0px;
- filter: drop-shadow(0 0 0.75rem rgb({text:floatie glow}));}
- .title{
- font-weight:bold;
- margin:0 0 10px 0;
- font-size:25px;}
- /* footer*/
- ol.notes{
- list-style-type:none;
- padding:3px;
- overflow:auto;}
- .footer{
- padding:10px;
- background-color:{color:footer bg};
- border:{text:footer border}px {select:footer border style} {color:footer border};}
- .footer a{
- color:{color:footer link};}
- .footer a:hover{
- color:{color:footer link hover};}
- #c{
- bottom:5px;
- font-size:25px;
- right:5px;
- position:fixed;}
- {CustomCss}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="sidebar-image">
- <div class="sidebar img">
- <a href="/" title="{title}"><img src="{image:sidebar}"></a>
- </div>
- </div>
- <div id="description">
- <div class="desc">
- {text:description}
- </div>
- <div id="tab">
- <table style="width:200px; text-align:center; background-color:{color:link box background}; border: 1px ridge {color:link box border}; margin:10px 0 0 5px;">
- <tbody>
- <tr>
- <td style="border: 1px ridge {color:link box border}; padding:2px;"><a href="/">Refresh</a></td>
- </tr>
- <tr>
- <td style="border: 1px ridge {color:link box border}; padding:2px;"><a href="{text:link 1 url}">{text:link 1}</a></td>
- </tr>
- <tr>
- <td style="border: 1px ridge {color:link box border}; padding:2px;"><a href="{text:link 2 url}">{text:link 2}</a></td>
- </tr>
- <tr>
- <td style="border: 1px ridge {color:link box border}; padding:2px;"><a href="/archive">Archive</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div id="song">
- <center>
- <audio id="music" src="{text:song url}"></audio>
- <button style="background-color:{color:link box background}; border:1px ridge {color:link box border}; width:200px; font-family:ms gothic; font-size:18px" onclick="playpause()">
- <div class="button">▶ <marquee style="width:155px; font-size:18px; margin-bottom:-5px; background:transparent;">{text:song title}</marquee></div>
- </button>
- <script>
- let player = document.getElementById("music"); //the audio id
- let btn = document.getElementById("btn"); //the button id
- isPlaying = false; //set to false because it is not playing yet
- function playpause() {
- if (!isPlaying) play(); //if isPlaying is false, then play the music
- else pause(); //if isPlaying is true, then pause the music
- }
- function play(){
- player.play(); //play the music
- isPlaying = true; //set to true because the music is playing
- btn.innerHTML = "pause"; //change the button to say pause
- }
- function pause(){
- player.pause(); //pause the music
- isPlaying = false; //set to false because the music is not playing
- btn.innerHTML = "play"; //change the button to say play
- }
- player.onended = function(){
- isPlaying = false; //the song has ended, isPlaying is false
- btn.innerHTML = "play"; //change the button to say play
- }
- </script>
- </center>
- </div>
- <div id="pag">
- {block:Pagination}
- <center>
- {block:PreviousPage}
- <a href="{PreviousPage}">❮</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">❯</a>
- {/block:NextPage}
- </center>
- {/block:Pagination}
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <!--{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}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="post">
- <div class="posts" post-type="{PostType}">
- <!-- Text -->
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Chat}
- {block:Title}
- <div class="title">
- <h3><a href="{Permalink}">{Title}</a></h3></div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- <!-- Images --->
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="media">{Photoset}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- <!-- Video -->
- {block:Video}
- {Video-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- <!-- Audio -->
- {block:Audio}
- <div id= "audioplayer">{AudioPlayerWhite}</div>
- {block:AlbumArt}
- <div id="albumart">
- <img src="{AlbumArtURL}" width="100">
- </div>
- {/block:AlbumArt}
- <div class="trackstuff">
- {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
- {Caption}
- {/block:Audio}
- <!-- Quote -->
- {block:Quote}
- <div class="quote">
- "{Quote}"
- {block:Source}
- <div class="source">- <i>{Source}</i></div>
- {/block:Source}
- </div>
- {/block:Quote}
- <!-- Link -->
- {block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- <!-- Ask -->
- {block:Answer}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- <!-- Footer -->
- {block:Date}
- <div class="footer">
- <table><tbody><tr><td style="width:500px">
- {TimeAgo}<br>
- {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </td>
- <td style="width:150px;">
- <a href="{Permalink}">{block:NoteCount}{NoteCount}%{/block:NoteCount}</a> {text:footer symbol} <a href="{ReblogUrl}">↺</a></td></tr></tbody></table>
- {block:PermalinkPage}
- <br><a href="{Permalink}">{TimeAgo}</a>
- <a href="{Permalink}">{block:NoteCount} [{NoteCountWithLabel}] {/block:NoteCount}</a>
- <div class="notez">
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- </div>
- {/block:PermalinkPage}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {/block:Date}
- </div>
- </div>
- </div>
- {/block:Posts}
- </div>
- <div id="floatie">
- <img src="{image:floatie}" width="{text:floatie size}px">
- </div>
- <!-- please do not edit -->
- <div id="c">
- <a href="http://cloverparty.tumblr.com/tagged/mine" title="theme by emoticon">ミ★</a>
- </div>
- <!-- thank you -->
- </body>
- </html>
Add Comment
Please, Sign In to add comment