cr angeidiarys (pro standard) 2

* PLEASE CREDIT ANGEIDIARYS WHEN REMAKING *

--- MISC ---
<style>

#main {
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
-webkit-filter: drop-shadow(0px 0px 2px #424242);
}

@font-face {
font-family:'antre'; src: url(https://dl.dropbox.com/s/xaspbkonff6y9uf/antre.otf);
}

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}

</style>

--- ICONS ---
#elementID li a, #elementID li a {
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);
-webkit-filter: drop-shadow(0px 0px 1px #424242);
}

--- NAVIGATION CONTAINER ---
#elementID > .wrapper {
position: relative;
bottom: -0.1em;
z-index: 100;
}

--- BUTTONS ---
#elementID li a {
border-radius: 10px 10px 0 0;
border: 1px solid #ccc;
border-bottom: none;
}

--- TOP CONTAINER ---
#elementID > .wrapper {
border-radius: 10px 10px 0 0;
border: 1px solid #ccc;
border-bottom: none;
}

--- NAME TEXT ---
#elementID {
font-family: 'antre';
filter: drop-shadow(0 1px #FED6FF) drop-shadow(1px 0 #FED6FF) drop-shadow(-1px 0 #FED6FF) drop-shadow(0 -1px #FED6FF) drop-shadow(0 1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white) drop-shadow(1px 2px #0002) drop-shadow(-0px -0px #0002);
}

--- MIDDLE CONTAINER ---
#elementID > .wrapper {
border: 1px solid #ccc;
border-top: none;
border-bottom: none;
}

--- MAIN SCROLLBOX ---
#elementID {
height: 7.5em;
overflow: auto;
background: #FED6FF;
border-radius: 10px;
padding: 5px;
box-shadow: 0 0 2px rgba(140,140,140,.2);
border: 1px solid #ccc;
}

#elementID strong {
text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999, 0 0;
-webkit-filter: drop-shadow(0px 0px 1px #ccc);
}

#elementID mark {
background: transparent;
text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999, 0 0;
}

--- SKILL BAR CONTAINER ---
#elementID > .wrapper {
border-radius: 0 0 10px 10px;
border: 1px solid #ccc;
border-top: none;
}

--- EPILOGUE FONT ---
font-family: 'Epilogue', sans-serif;

--- INFO CONTAINERS ---
#elementID > .wrapper {
border-radius: 10px;
border: 1px solid #ccc;
}

--- OTHER SCROLLBOXES ---
#elementID, #elementID {
height: 7.5em;
overflow: auto;
background: #FED6FF;
border-radius: 10px;
padding: 5px;
box-shadow: 0 0 2px rgba(140,140,140,.2);
border: 1px solid #ccc;
}

#elementID mark, #elementID mark {
background: transparent;
text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999, 0 0;
-webkit-filter: drop-shadow(0px 0px 1px #ccc);
}