cr hobiiov 2

--- BOX SHADOW ---


#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px #CFCFCF, inset -10px 0px 6px -10px #CFCFCF, inset 0px 10px 6px -10px #FFF, inset 0px -10px 6px -10px #CFCFCF;
}


--- CIRCLE TEXT ---


[⬤]{#FFF5F8} [⬤]{#F7E4EA} ⬤


--- MYSPACE TEXT ---


# myspace\s\s\s\s\s\s\s Members (12)


--- COLUMNED CONTAINER ---


#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px #CFCFCF, inset -10px 0px 6px -10px #CFCFCF, inset 0px 10px 6px -10px #FFF, inset 0px -10px 6px -10px #CFCFCF;
}

#elementID > .wrapper .inner > :nth-child(1) {
height: 10em;
overflow: auto;
padding-right: 5px;
}

#elementID > .wrapper .inner > :nth-child(2) {
height: 8.25em;
overflow: auto;
}


--- IMAGE ---


#elementID .frame {
border-radius: 0 5px 5px 5px;
}


--- LINKS TEXT ---


╰ # [link name](#)
╰ # [link name](#)
╰ # [link name](#)
╰ # [link name](#)
╰ # [link name](#)


--- CREDITS ---


**ib dollzito & cr hobiiov**


--- INFO TEXTS ---


#elementID, #elementID {
width: 96%;
border: 1px solid #A8A8A8;
border-radius: 0 5px 5px 5px;
padding: 5px;
}


--- MESSAGE CONTAINER ---


#elementID > .wrapper {
width: 12em;
box-shadow: inset 10px 0px 6px -10px #FFFFFF00, inset -10px 0px 6px -10px #CFCFCF, inset 0px 10px 6px -10px #FFFFFF00, inset 0px -10px 6px -10px #FFFFFF00;
position: absolute;
bottom: 0.5px;
right: 0em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
width: 13.25em;
bottom: 0px;
}
}


--- BUTTONS ---


#elementID li a, #elementID li a {
background: #fff;
}


--- MIDDLE CONTAINER ---


#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px #CFCFCF, inset -10px 0px 6px -10px #CFCFCF, inset 0px 10px 6px -10px #FFF, inset 0px -10px 6px -10px #CFCFCF;
width: 4em;
}


--- SCROLLBAR ---


<style>

::-webkit-scrollbar {
width: 16px
}
::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}
::-webkit-scrollbar-thumb:vertical {
background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
background-repeat: no-repeat;
background-size: 65% auto, cover;
background-position: center;
}

::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 15px
}
::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 0 3px 0 0;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 0 0 3px 0;
}
</style>