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.

@font-face {
  font-family: 'Lily Script One';
  font-style: normal;
  font-weight: 400;
  src: local('Lily Script One'), local('LilyScriptOne-Regular'), url(https://themes.googleusercontent.com/static/fonts/lilyscriptone/v2/uPWsLVW8uiXqIBnE8ZwGPK3fkYX5z1QtDUdIWoaaD_k.woff) format('woff');
}

/* Evitar que se rompa la barra del Chat */
#WikiaPage .Chat .message { 
	word-wrap: break-word; 
}

/* Headers */
.count {
    color: #FFF;
    text-align: center;
    padding: 3px;
    border-bottom: 1px #fff solid;
}
.messages-icon, 
.users-icon {
    background-image: url("https://i.imgur.com/SmXO6jN.png");
    background-repeat: no-repeat;
}
.messages-icon {
    background-position: -490px 0px;
    padding-right: 25px;
}
.users-icon {
    background-position: -552px 0px;
    padding-right: 25px;
}

/***** ICONOS DE MODERADOR DEL CHAT *****/
/* Remover estrellas de moderador */
.ChatWindow .badge #wds-avatar-badges-admin g,
.ChatWindow .badge #wds-avatar-badges-discussion-moderator g {display:none;}

.ChatWindow .badge #wds-avatar-badges-admin,
.ChatWindow .badge #wds-avatar-badges-discussion-moderator{
    top:0;
    right:0;
    width:20px;
    height:20px;
    margin: 0px -2px;
 
    background-repeat:no-repeat;
    background-size:contain;
}

/* Barra de herramientas */
.ChatWindow .dropdown {
    background: transparent;
    border: 1px solid #333333;
    box-shadow: 0 0 0px #FFF inset;
    border-radius: 0 !important;
    height: 40px !important;
    margin-top: -3px !important;
    transition: all 20ms ease-in 20ms;
    -webkit-transition: all 20ms ease-in 20ms;
    opacity: 0.9;
}
 
.dropdown:hover {
    background-color: rgba(51,51,51,.5) !important;
    transition-duration: 0s !important;
    opacity: 9.9;
}

.ChatWindow ul.dropdown li {
    margin-top: 3px !important;
    color: white !important;
}
 
.ChatWindow .dropdown li a {
    background: rgba(51,51,51,.9) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 0 10px transparent inset;
    color: white;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center !important;
    margin-left: -1px;
    transition: all 200ms ease-in 200ms;
    -webkit-transition: all 200ms ease-in 10ms;
}

.dropdown li.active span {
    margin-left: -20% !important;
    margin-right: 25% !important;
}
 
.dropdown li:nth-child(2) a {
    margin-top: 10px !important;
}

/********** FONDO DEL CHAT **********/
.ChatWindow #WikiaPage {
    background: url(https://blog.roblox.com/wp-content/uploads/2017/02/Block-Town-Featherweight.jpg) no-repeat black;
    background-size: 100% 100%;
}