cr nykoi

* MAKE SURE TO CREDIT NYKOI WHEN REMAKING *
* ADJUST THE POSITIONING IF IT DOESN'T LOOK GOOD ON YOUR DEVICE *

--- TOP CONTAINER ---

#elementID > .wrapper {
border-radius: 11px 11px 0 0;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
}

--- HIGHLIGHT TEXT ---

#elementID mark {
font-family:'nintendo';
background: white;
padding: 0px 6px 1px 8px;
border: 1px solid #ababab;
border-radius: 12px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
}

--- FONTS ---

<style>
@font-face {
font-family:'nintendo';
src: url(https://dl.dropbox.com/s/8w4sembeqyz4rsq/Nintendo-DS-BIOS.ttf);
}

@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

</style>

--- ICONS ---

#elementID li a {
position: relative;
right: 0.7em;
border: 1px solid #616161;
}

--- MAIN CONTAINER ---

#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
}

--- MAIN IMAGE ---

#elementID .frame {
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #000) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #000) drop-shadow(0 -1px 1.5px #000) drop-shadow(1px -1px 1.5px #000) drop-shadow(-1px -1px 1.5px #000);
position: relative;
left: 8px;
top: 2px;
}

--- USER TEXT ---

#elementID {
font-family:'kiwi';
background: linear-gradient(90deg, #FFFFFF, #FF9696, #FF96DB, #FF9696, #FF96DB, #FFFFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px black;
filter: drop-shadow(0px 0px 1px black);
}

--- MAIN SCROLLBOX ---

#elementID {
font-family: windows;
height: 7em;
background: #ffffff;
padding-left: 9px;
padding-right: 9px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #a1a1a1;
border-radius: 7px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
overflow: auto;
width: 11.7em;
left: 0.4em;
}

#elementID mark {
font-family: 'kiwi';
font-size: 1.7em;
background: linear-gradient(90deg, #FFFFFF, #FF9696, #FF96DB, #FF9696, #FF96DB, #FFFFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px black;
filter: drop-shadow(0px 0px 1px black);
}

--- BOTTOM CONTAINER ---

#elementID > .wrapper {
border-radius: 0 0 11px 11px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
}

--- BUTTONS ---

#elementID li a {
font-family: windows;
border: 1px solid #ababab;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
}

--- MAIN PNG IMAGE ---

#elementID .frame {
transform: rotate(17deg);
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #000) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #000) drop-shadow(0 -1px 1.5px #000) drop-shadow(1px -1px 1.5px #000) drop-shadow(-1px -1px 1.5px #000);
z-index: 99;
position: absolute;
top: -3.5em;
left: 17em;
}

--- TOP CONTAINER (OTHER SECTIONS) ---

#elementID > .wrapper {
border-radius: 11px 11px 0 0;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
z-index: 1;
position: absolute;
right: -2em;
bottom: 11.9em;
}

--- BOTTOM CONTAINER (OTHER SECTIONS) ---

#elementID > .wrapper {
border-radius: 0 0 11px 11px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
height: 8em;
overflow: auto;
z-index: 1;
position: absolute;
right: -2em;
bottom: 3.9em;
}

--- STAR SYMBOL ---
✩

--- TRANSPARENT TEXT ---
\s

--- GRADIENT TEXTS ---

#elementID, #elementID {
font-family: 'kiwi';
font-size: 1.6em;
background: linear-gradient(90deg, #FFFFFF, #FF9696, #FF96DB, #FF9696, #FF96DB, #FFFFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px black;
filter: drop-shadow(0px 0px 1px black);
}

@media only screen and (max-width: 600px) {
#elementID, #elementID {
font-size: 1.6em;
}
}

--- INFO TEXTS ---

#elementID, #elementID {
font-family: windows;
background: #ffffff;
padding-left: 9px;
padding-right: 9px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #a1a1a1;
border-radius: 7px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px transparent, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
width: 14em;
}

@media only screen and (max-width: 600px) {
#elementID, #elementID {
width: 14em;
}
}

--- PNG IMAGE (OTHER SECTIONS) ---

#elementID .frame {
transform: rotate(17deg);
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #000) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #000) drop-shadow(0 -1px 1.5px #000) drop-shadow(1px -1px 1.5px #000) drop-shadow(-1px -1px 1.5px #000);
z-index: 12;
position: absolute;
top: -7.3em;
left: 19.3em;
}