cr exoheil

* PLEASE CREDIT EXOHEIL WHEN REMAKING *

--- USERNAME TEXT ---
#elementID {
background: #000;
padding: 0.15em;
padding-top: 0.18em;
width: 10em;
border-radius: 50%;
font-family: aeroblade;
}

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

--- INFO TEXTS ---
#elementID {
padding: 0.3em;
border: 1px solid black;
border-radius: 10px;
background: white;
opacity: 0.9;
}

@media only screen and (max-width: 600px) {
#elementID {
width: 90%;
margin-left: 5%;
}
}

--- LEFT SCROLLBOX ---
#elementID {
padding: 0.5em;
padding-top: 0.7em;
border: 1px solid black;
border-radius: 10px;
background: white;
opacity: 0.9;
overflow: auto;
height: 21em;
}

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

#elementID mark {
padding: 0.3em;
border-radius: 10px;
font-family: 'Audiowide';
}

--- RIGHT SCROLLBOX ---
#elementID {
padding: 0.5em;
padding-top: 0.7em;
border: 1px solid black;
border-radius: 10px;
height: 13.7em;
background: white;
overflow: auto;
opacity: 0.9;
}

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

#elementID mark {
padding: 0.3em;
border-radius: 10px;
font-family: 'Audiowide';
}

--- OTHER TEXTS ---
#elementID, #elementID {
background: #000;
padding: 0.5em;
border: 1px solid black;
}




--- IMAGE ANIMATION ---
<style>
#image01 {
animation: pulse 3s infinite;
border-radius: 100%;
}

@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #000000B3;
}
70% {
box-shadow: 0 0 0 20px #00000000;
}

100% {
box-shadow: 0 0 0 0 #00000000;
}
}
</style>

--- ALL FONTS ---
<link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet'>

<style>
@font-face {
font-family:aeroblade;
src:url(https://dl.dropbox.com/s/rp1c9fy6nef7l15/Aeroblade%20DEMO.ttf);
}
</style>

--- TEXT SELECTION ---
<style>
::-moz-selection { /* Code for Firefox */
color: #D2515C;
background: transparent;
}

::selection {
color: #D2515C;
background: transparent;
}
</style>