cr crdais

--- FONTS & PAGE CSS ---


<style>

@font-face {
font-family: Betterfly;
src: url(https://dl.dropbox.com/s/khxfq8h41fhienb/betterfly.otf);
}

@font-face {
font-family: Nintendo-DS-BIOS;
src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
}

#main {
box-shadow: inset 13px 0px 6px -10px #CCCCCC, inset -13px 0px 6px -10px #CCCCCC, inset 0px 13px 6px -10px #CCCCCC, inset 0px -13px 6px -10px #CCCCCC;
}

</style>



--- BUBBLE TEXT ---


<span id="bubble">(name)</span>

<style>
#bubble {
color: #000000;
-webkit-text-stroke: 0.01em #000000;
font-family: Betterfly;
font-size: 2.125em;
line-height: 1;
position: absolute;
top: -30px;
left: 2.4em;
}

@media only screen and (max-width: 600px) {
#bubble {
line-height: 1.25;
}
}
</style>

<script type="text/javascript">
// <![CDATA[
var bgcolour="#FFFFFF"; // background colour
var fgcolour="#CCCCCC"; // foreground colour
var speed=100; // speed of bubbling, lower is faster
var shades=12; // number of shades of bubble

/****************************
* Bubbling Text Effect *
*(c)2003-13 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bubbcol=new Array();
var bubbshd;
var bubbler, bubbtxt;
var bubbchr=new Array();

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(bubbagump);

function bubbagump() { if (document.getElementById) {
var i, fg, bg, col;
for (bubbler=0; bubbler<=shades; bubbler++) {
col="#";
for (i=1; i<6; i+=2) {
bg=parseInt(bgcolour.substring(i,i+2),16);
fg=parseInt(fgcolour.substring(i,i+2),16);
col+=dechex(bg+(fg-bg)*(bubbler/shades));
}
bubbcol[bubbler+1]=col;
if (bubbler==Math.floor(shades/2)) bubbshd=col;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (i=0; i<bubbtxt.length; i++) {
fg=document.createElement("span");
fg.setAttribute("id", "bubb"+i);
fg.style.textShadow=bubbshd+" 0px 0px 2px";
fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(fg);
}
bubbler=setInterval("bubbling()", speed);
}}

function dechex(dec) {
dec=Math.floor(dec);
return ((dec<16)?'0':'')+dec.toString(16);
}

function bubbling() {
var i, bubby;
for (i=0; i<bubbtxt.length; i++) {
bubby=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubby.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
}
}
// ]]>
</script>



--- TEXTS & SYMBOLS ---


==idol's name== <3
︶꒷꒦︶︶꒷
[link name](#) [link](#)


⋆₊˚ or ==*name*== ˚₊⋆


* *credits to __crdais__ for the carrd layout*

**byf**

**dnfi**


**favs**

**music**

**media**



--- INFO TEXTS ---


#elementID, #elementID {
font-family: Nintendo-DS-BIOS;
}


--- SCROLLBOX ---


#elementID, #elementID {
font-family: Nintendo-DS-BIOS;
height: 5.28em;
border-radius: 5px;
background: #FFFFFFC9;
padding: 0.5em;
overflow: auto;
}


--- SCROLLBAR ---


<style>

/* width */
::-webkit-scrollbar {
width: 14px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius: 8px;
background: transparent;
opacity:0.5;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #CCCCCC;
opacity: 1.0;
}

</style>



--- HEART IMAGE ---


<style>

#elementID .frame {
-webkit-mask-image: url(https://i.imgur.com/XG0N0kl.png);
-webkit-mask-size: 100%;
transform: rotate(25deg);
position: absolute;
bottom: 5.3em;
left: 12.2em;
}

#elementID {
filter: drop-shadow( 0 -1px #FFFFFF) drop-shadow( -1px 0 #FFFFFF) drop-shadow( 0 1px #FFFFFF) drop-shadow(1px 0 #FFFFFF) drop-shadow( 0 -2px #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(1px 1px 0 #FFFFFF) drop-shadow(-1px 1px 0 #FFFFFF);
}

</style>