Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- NOTE: haiii :3 when rming this carrd pls credit angeidiarys!! if you have any questions pls either dm me @ crrdcore or send me a retrospring @ soobinzz! and as always all positions were made to fit my personal devices so you may need to change them to fit your devices!
- --- CODES ---
- <style>
- @font-face {
- font-family: Chemre;
- src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
- }
- html {
- overflow: scroll;
- overflow-x: hidden;
- }
- ::-webkit-scrollbar {
- width: 0; /* remove scrollbar space */
- background: transparent; /* to make scrollbar invisible */
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- }
- @keyframes blinkingText {
- 0% {
- color: #fec5e5;
- }
- 49% {
- color: #fec5e5;
- }
- 60% {
- color: white;
- }
- 99% {
- color: white;
- }
- 100% {
- color: #fec5e5;
- }
- }
- </style>
- --- CURSOR ---
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array( '#FFC0D3', '#FFA6D5', 'white', '#F9CEEE', '#FED1EF'); // colours of the stars
- var minisize=16; // smallest size of stars in pixels
- var maxisize=28; // biggest size of stars in pixels
- var stars=66; // maximum number of stars on screen
- var over_or_under="over"; // set to "over" for stars 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<stars; 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<stars; 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<stars; 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/stars) 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>
- --- TOP / MAIN CONTAINER ---
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- --- NAVIGATION TEXT ---
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- NAVIGATION TEXT UNDERLINE ---
- text-decoration: none;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- -NAVIGATION BUTTONS ---
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- padding: 10px;
- --- HOME / ABOUT ME / RULES CONTAINER ---
- width: 14em;
- height: 18em;
- border: 1px solid #CCCCCC;
- border-radius: 15px;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
- background: radial-gradient(circle, rgba(255,255,255,1) 37%, rgba(255,214,233,1) 100%);
- position: absolute;
- top: -19em;
- right: 1em;
- z-index: 100;
- --- DOLLBAHI / ABOUT ME / RULES TEXT ---
- font-family: Chemre;
- font-weight: bolder;
- background-image: linear-gradient(#ffdbec 20%, #000000 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255,1));
- --- BAHIYYIH IMG ---
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: absolute;
- left: 3.625em;
- top: -0.5em;
- --- WELCOME TEXT ---
- padding: 0.9em;
- border-radius: 10px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: relative;
- top: 2em;
- z-index: -1;
- --- SLIDESHOW ---
- border: 1px solid #A1A1A1;
- border-radius: 10px;
- --- ABOUT INFO TEXT ---
- width: 12em;
- height: 7em;
- padding: 0.9em;
- border-radius: 10px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- overflow-y: scroll;
- --- ABOUT INFO UNDERLINE ---
- color: white;
- font-family: "Pixelify Sans";
- font-size: 1.25em;
- text-decoration: none;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- --- ABOUT INFO HIGHLIGHT ---
- font-family: "Pixelify Sans";
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080, 0 0;
- --- BYF / DFI TEXT ---
- padding: 0.5em;
- border-radius: 10px 10px 0 0;
- background: #EEEEEE;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- --- BYF / DFI UNDERLINE ---
- text-decoration: none;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- --- LIST 1 & LIST 2 ---
- padding: 0.9em;
- border-radius: 0px 0px 10px 10px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- --- LOVEZONE / NOTES BACKGROUND CONTAINER ---
- width: 79em;
- height: 22em;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- --- DOTTED CONTAINER ---
- width: 25em;
- height: 20em;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: absolute;
- left: 1em;
- top: -21em;
- --- MY STANLIST TEXT ---
- padding: 0.375em;
- border-radius: 10px 10px 0 0;
- background: #fec5e5;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- --- STANLIST INFO TEXT ---
- height: 13em;
- padding: 0.75em;
- border-radius: 0px 0px 10px 10px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- overflow-y: scroll;
- --- STANLIST INFO UNDERLINE ---
- color: white;
- font-family:"Pixelify Sans";
- font-size: 1.25em;
- text-decoration: none;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- HOMEPAGE BUTTON ---
- padding: 10px;
- border-radius: 0px 0px 10px 10px;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: relative;
- top: 0.020em;
- --- LOVEZONE TEXT ---
- border: 1px solid #CCCCCC;
- background: #FFDBEC;
- border-radius: 10px;box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080, 0 0;
- --- LOVEZONE TEXT HIHGLIGHT ---
- color: white;
- background: none;
- animation: blinkingText .875s infinite;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080, 0 0;
- --- DELUSIONAL YEONJUN TEXT ---
- height: 10em;
- padding: 0.75em;
- border-radius: 10px 10px 0px 0px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- overflow-y: scroll;
- --- DELUSIONAL YEONJUN TEXT UNDERLINE ---
- color: white;
- font-family:"Pixelify Sans";
- font-size: 1.25em;
- text-decoration: none;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- YEONJJUNIE TEXT ---
- padding: 0.5em;
- border: 1px solid #CCCCCC;
- border-radius: 0 0 10px 10px;
- background: #EEEEEE;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- NEXT PAGE TEXT ---
- padding: 0.125em;
- border: 1px solid #CCCCCC;
- border-radius: 10px;
- background: #FFDBEC;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080, 0 0;
- --- PINK CONTAINER ---
- width: 25em;
- height: 20em;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: absolute;
- left: 1em;
- top: -21em;
- --- EXTRA TEXT ---
- padding: 0.375em;
- border-radius: 10px 10px 0px 0px;
- background: #FEC5E5;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- NOTES TEXT ---
- height: 13em;
- padding: 0.75em;
- border-radius: 0px 0px 10px 10px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- overflow-y: scroll;
- --- NOTES TEXT UNDERLINE ---
- color: white;
- font-family:"Pixelify Sans";
- font-size: 1.25em;
- text-decoration: none;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- NOTES TEXT HIGHLIGHT ---
- padding-left: 0.5em;
- padding-right: 0.5em;
- border: 1px solid #CCCCCC;
- border-radius: 10px;
- background: #FFE0F1;
- --- HOMEPAGE BUTTON ---
- padding: 10px;
- border-radius: 0px 0px 10px 10px;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: relative;
- top: 0.020em;
- --- PREVIOUS BUTTON ---
- padding: 10px;
- border-radius: 10px 10px 0px 0px;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: relative;
- top: 0.020em;
- --- EXTRA INFO TEXT ---
- height: 10em;
- padding: 0.75em;
- border-radius: 10px 10px 10px 10px;
- background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- --- EXTRA INFO TEXT UNDERLINE ---
- color: white;
- font-family:"Pixelify Sans";
- font-size: 1.25em;
- text-decoration: none;
- box-shadow: inset 0 -0.5em 0 0 #FFDBEC;
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- --- LINK BUTTONS ---
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
- text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
- -webkit-filter: drop-shadow(0px 0px 1px #424242);
- position: relative;
- top: 0.020em;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement