Ver el código de «MediaWiki:Chat.css»

 /*===================*/
 /*Estructura del Chat*/
/*===================*/
 
/**Menú desplegable para el chat de Wikia
    Diseño y desarrollo: Benfutbol10
    Idea y motivación: Pintor Smeargle (?)**/
 
/* Colores principales */
 
body.ChatWindow ul.dropdown {
	background: #00bbdd !important;               /* Fondo del "Navegación" */
	box-shadow: 0 0 7px #1A7600 inset !important; /* Sombra dentro del "Navegación" */
}
body.ChatWindow ul.dropdown li.active {
	color: #000000;                                /* Texto del "Navegación" */
}
body.ChatWindow ul.dropdown li a {
	background: #00bbdd;                          /* Fondo de los ítems */
	color: #000000;                               /* Color del texto de los ítems */
}
 
body.ChatWindow ul.dropdown li a:hover {
	background: #00bbdd;                       /* Color de los ítems al pasar el mouse */
}
 
body.ChatWindow ul.dropdown li:last-child a {
	border-bottom: 3px solid #000000;          /* Color del borde inferior */
}
 
 
/** Estilo avanzado **/ 
body.ChatWindow ul.dropdown:hover {
	border-radius: 10px 10px 0 0;
}
body.ChatWindow ul.dropdown li {
	line-height: 30px!important;
	padding: 0!important;
}
body.ChatWindow .inline-alert {
	position: relative!important;
}
body.ChatWindow ul.dropdown:hover li {
	display: inline;
}
body.ChatWindow ul.dropdown {
	border-radius: 10px;
	border: 2px solid #000;
	height: 30px;
	left: 0;
	line-height: 30px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	right: 0;
	top: 13px;
	width: 200px;
	z-index: 9999999;
}
body.ChatWindow ul.dropdown li {
	display: none;
	font-size: 12px;
}
body.ChatWindow ul.dropdown li.active {
	border-radius: 4px;
	cursor: pointer;
	display: block;
	font-size: 14px;
	margin-bottom: -3px;
	padding: 8px;
}
body.ChatWindow ul.dropdown li.active span {
	color: #fff;
	float: right;
	margin-left: 3px;
}
body.ChatWindow ul.dropdown li a {
	display: block;
	line-height: 15px!important;
	padding: 8px 8px 8px 10px;
	text-align: left;
	text-decoration: none!important;
	border:2px solid #000;
	border-top:0;
	border-bottom:0;
        width:182px;
        margin-left:-2px;
}
body.ChatWindow ul.dropdown li:last-child a {
	border-radius: 0 0 10px 10px;
}
body.ChatWindow ul.dropdown li a:hover {
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none!important;
}
 
#WikiaPage {
    background-color: #00bbdd;
    border: 1px solid #000000;
}
 
 
  /*===============*/
 /*Diseño del Chat*/
/*===============*/
 
  /*======*/
 /*Header*/ 
/*======*/
 
.ChatHeader {
  background-color: #00bbdd;
  border: 1px solid #000000;
}
 
  /*==============*/
 /*Fondo del Chat*/ 
/*==============*/ 
 
#Chat_354 {
   overflow-x:hidden !important;
}
 
.Chat { 
    background-color: #00bbdd;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
 
  /*===============*/
 /*Cuerpo deL Chat*/  
/*===============*/
 
.Rail {
    background-color: #00bbdd;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
 
.User img {
    border: 1px solid #000000;
    border-radius: 70px;
}
 
.User.away {
    color: #000000;
}
 
.Rail .selected {
    box-shadow: 0 0 7px 0 #1A7600 inset !important;
    background: #00bbdd !important;
}
 
.Rail .username {
    color: #FFFFFF;
}
 
.Rail .user .away {
    color: #FFFFFF;
}
 
  /*==============================================================*/
 /* Mensajes (Creditos a Minecraftpedia (w:c:es.minecraftglobal))*/
/*==============================================================*/ 
 
.ChatWindow .Chat .inline-alert {
	margin: 15px;
	background-color: rgb(141, 227, 173) !important;
	padding: 15px 5px;
	border-radius: 10px;
	min-height: 20px;
	color: #000000;
}
 
.ChatWindow .Chat .inline-alert:after,
.ChatWindow .Chat .inline-alert:before {
    content: "";
}
 
.ChatWindow .Chat li[data-user] {
	color: white;
	margin: 20px;
	margin-left: 80px;
	padding-left: 20px;
	border-radius: 10px;
	background-color:rgb(141, 227, 173) !important; 
}
.ChatWindow .Chat li .avatar {
	position: absolute;
	left: -58px;
	top: 5px;
	border: 1px #FFFFFF solid;
}
.ChatWindow .Chat li .time {
	color: white;
	position: absolute;
	left: -57px;
	top: 40px;
}
 
 
body.ChatWindow .Chat .continued {
	margin-top: -20px;
}
body.ChatWindow .Chat .continued + .continued {
	margin-top: -36px;
}
body.ChatWindow .continued + .continued {
	margin-top: -45px;
}
.ChatWindow .Chat li[data-user]:not(.continued):before {
	border-width: 12px;
	border-color: #8DE3AD #8DE3AD transparent transparent;
	border-style: solid;
	position: absolute;
	content: "";
	top: 14px;
	left: -20px;
}

  /*=========*/
 /*Escritura*/
/*=========*/
 
.Write img {
  border: 1px solid #000000;
  border-radius: 70px;
}
 
.Write .message {
      border: 1px solid #000000;
      border-radius: 8px;
}
 
  /*=======================*/
 /*Colores de los mensajes*/
/*=======================*/

 /*** Bardock RPGManiac ***/ 
 
.ChatWindow .Chat li[data-user="Bardock RPGManiac"] {
    background-color:Black !important;
    font-family:'Comic Sans MS';
    color: White !important;
}
 
.ChatWindow .Chat li[data-user="Bardock RPGManiac"]:not(.continued):before {
      border-width: 12px;
      border-color: Black Black transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}