cr seomplayer

* PLEASE CREDIT SEOMPLAYER WHEN REMAKING *

--- MAIN CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
}

--- MESSAGES CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #c0c0c0, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
border-radius: 4px;
overflow-y: auto;
width: 12em;
height: 9em;
position: absolute;
bottom: 11.7em;
left: .8em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
height: 7.8em;
width: 9.8em;
bottom: 9.4em;
}
}

--- TEXTS ---
#elementID {
font-family: Pixelated MS Sans Serif;
}

--- CHAT BUBBLE TEXTS ---
#elementID {
font-family: Pixelated MS Sans Serif;
background: #D1D1D1;
padding: 2px;
border-radius: 0px 10px 10px 0px;
}

--- SIGN UP TODAY CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #c0c0c0, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
border-radius: 4px;
overflow-y: auto;
width: 12em;
height: 10em;
position: absolute;
bottom: .7em;
left: .8em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
height: 7.8em;
width: 9.8em;
}
}

--- PLACE ORDER BUTTON ---
#elementID li a {
box-shadow: inset -1px -0px #0a0a0a, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
font-family: Pixelated MS Sans Serif;
border: 1px solid grey;
cursor: not-allowed;
}

--- PROFILE CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #c0c0c0, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
border-radius: 4px;
overflow-y: scroll;
width: 14em;
height: 20em;
position: absolute;
bottom: .7em;
right: .8em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
height: 16.5em;
width: 11.5em;
}
}

--- CODE TEXT ---
#elementID code {
background: transparent;
padding: 0px;
font-family: 'icons';
}

--- IMAGE ---
#elementID .frame {
border: 3px inset;
border-radius: 4px;
}

--- LINKS ---
#elementID a {
text-decoration-style: dotted;
}

--- HIGHLIGHT TEXTS ---
mark {
border: px solid #000;
border-radius: 4px;
padding: 0 5px 0 5px;
}

--- BUTTONS CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
z-index: 999;
width: 14em;
transform: rotate(-11rad);
border-radius: 10px 10px 0px 0px;
position: absolute;
left: 22em;
bottom: 8em;
}

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

--- NAVIGATION BUTTONS ---
#elementID li a, #elementID li a, #elementID li a {
box-shadow: inset -1px -0px #0a0a0a, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
font-family: Pixelated MS Sans Serif;
border: 1px solid grey;
border-radius: 10px 10px 0px 0px;
}

--- FIRST POP-UP CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
z-index: 999;
width: 12em;
position: absolute;
left: 19em;
bottom: 8em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
width: 10em;
left: 14em;
bottom: 3em;
}
}

--- SCROLLBOX ---
#elementID {
font-family: Pixelated MS Sans Serif;
background: #EDEDED;
padding: 4px;
font-size: 12px;
border: 2px inset;
overflow-y: scroll;
height: 7em;
}

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

--- SECOND POP-UP CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
z-index: 999;
width: 12em;
position: absolute;
right: 14em;
bottom: 8em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
width: 10em;
right: 14em;
bottom: 8em;
}
}

--- THIRD POP-UP CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
z-index: 999;
width: 12em;
position: absolute;
right: 2em;
bottom: 5em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
width: 10em;
right: 4em;
bottom: 6em;
}
}

--- TOS CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
z-index: 999;
width: 12em;
}

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

#elementID {
position: absolute;
right: 15.8em;
bottom: 6.2em;
}

@media only screen and (max-width: 600px) {
#elementID {
width: 10em;
right: 13em;
bottom: 5em;
}
}

--- TOS TEXTS ---

Welcome to NAME.COM!

These terms and conditions outline the rules and regulations for the use of NAME's Website, located at [https://www.name.com](#home).

No refunds, if your order doesn't arrive than it's your fault, if you take legal action we'll send wasps to your house, if a large amount of money disappears from your bank account don't mind it, any news about us being scammers is fake, if the site randomly disappears one day don't worry about it.

Thank you for reading!

--- LOL CONTAINER ---
#elementID > .wrapper {
box-shadow: inset -1px -0px #757575, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
z-index: 999;
width: 12em;
height: 12.5em;
position: absolute;
right: 19em;
bottom: 3em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
height: 12em;
right: 14em;
bottom: 3em;
}
}