Chat.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
Opera: Presiona Ctrl+F5.
/* Fondo */
/** Aleksai Sagir-Lazzuli **/
body.ChatWindow li[data-user="Aleksai Sagir-Lazzuli"] {
    background: #4A84A6 !important;
    color: white !important;
    font-family: Kristen ITC !important;
}
body.ChatWindow .Chat li[data-user="Aleksai Sagir-Lazzuli"] .username:after{
    content: " - [Pasante]:";
    color: #55ffc9;
}

li[data-user="Aleksai Sagir-Lazzuli"] span.username {
    color: #55ffc9; 
    font-weight: Bold;
}

/** Charizard1011 **/
body.ChatWindow li[data-user="Charizard1011"] {
    background: #ebc312 !important;
    color: #000 !important;
}
body.ChatWindow .Chat li[data-user="Charizard1011"] .username:after{
    content: " - [Host]:";
    color: #17198E;
}

li[data-user="Charizard1011"] span.username {
    color: #17198E; 
    font-weight: Bold;
}

/** LucidumStar **/
body.ChatWindow li[data-user="LucidumStar"] {
    background: #5c8657 !important;
    color: white !important;
    font-family: Comfortaa !important;
}
body.ChatWindow .Chat li[data-user="LucidumStar"] .username:after{
    content: " - [Pasante]:";
    color: #B0E0E6;
}

li[data-user="LucidumStar"] span.username {
    color: #B0E0E6
    font-family: Nunito; 
    font-weight: Bold;
}

/* Brave Bunnies */
/** Cif **/
body.ChatWindow li[data-user="Jnqnabunen"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Jnqnabunen"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** File **/
body.ChatWindow li[data-user="Kashirib"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Kashirib"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Kali **/
body.ChatWindow li[data-user="Kaali King"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Kaali King"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Kari **/
body.ChatWindow li[data-user="Karitsuki"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Karitsuki"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Lley **/
body.ChatWindow li[data-user="Ganimedes123"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Ganimedes123"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Made **/
body.ChatWindow li[data-user="Made17"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Made17"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Marcos **/
body.ChatWindow li[data-user="Marcos13Castillo"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Marcos13Castillo"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Marsh **/
body.ChatWindow li[data-user="Marshallow"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Marshallow"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Ponchi **/
body.ChatWindow li[data-user="Ponchi535"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Ponchi535"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Popu **/
body.ChatWindow li[data-user="Popupi"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Popupi"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Roo **/
body.ChatWindow li[data-user="AL...ROO."] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="AL...ROO."] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/** Taxcy **/
body.ChatWindow li[data-user="Taxcy Marsopas1"] {
    background: #CECECE !important;
    color: black !important;
}
body.ChatWindow .Chat li[data-user="Taxcy Marsopas1"] .username:after{
    content: " - [Brave Bunnies]:";
    color: #000000;
}

/* Rebel Ravens */
/** Feed **/
body.ChatWindow li[data-user="Fid Tatesagir-KillerSquirrel03"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Fid Tatesagir-KillerSquirrel03"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Flutter **/
body.ChatWindow li[data-user="Flutterdash Lover"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Flutterdash Lover"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Frooty **/
body.ChatWindow li[data-user="Frootycat28"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Frootycat28"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Jota **/
body.ChatWindow li[data-user="JX2"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="JX2"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Lance **/
body.ChatWindow li[data-user="Z Lance"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Z Lance"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Laureano **/
body.ChatWindow li[data-user="Laureano Greene"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Laureano Greene"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Licca **/
body.ChatWindow li[data-user="Licca Laney"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Licca Laney"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Matrixx **/
body.ChatWindow li[data-user="Matrixx32"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Matrixx32"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Nofor **/
body.ChatWindow li[data-user="Diabulus Pyrus"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Diabulus Pyrus"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Nute **/
body.ChatWindow li[data-user="NUTEEE"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="NUTEEE"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Pilar **/
body.ChatWindow li[data-user="PilarEsc11"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="PilarEsc11"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/** Potato **/
body.ChatWindow li[data-user="Fabiola Yañez"] {
    background: #323232 !important;
    color: white !important;
}
body.ChatWindow .Chat li[data-user="Fabiola Yañez"] .username:after{
    content: " - [Rebel Ravens]:";
    color: #FFFFFF;
}

/* Tamaño de los emotes */
body.ChatWindow .message img[alt] {
    width: 25px;
    height: 25px;
}

/* Diseño del chat */
body {
    background: #f8e262;
    color: #000;
    font-size: 13px;
    font-family: Arial;
    height: 100%;
    margin: 0;
}

.ChatHeader {
    background-color: #dacc78;
    border: 1px solid #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 40px;
    margin: 10px;
    position: relative;
}

#WikiaPage {
    background-color: #dacc78;
    border: 1px solid #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: 10px;
    color: #3a3a3a;
    left: 10px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 55px;
}