Chat.css

Nota: Después de guardar, debes refrescar la caché de tu navegador para ver los cambios:
Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar.
Mozilla Firefox: mientras presionas Shift pulsas el botón Recargar, o presiona Ctrl-Shift-R.
Los usuarios de Google Chrome y Safari pueden simplemente pulsar el botón Recargar.
/***** CSS para el cuerpo del chat *****/
body.ChatWindow {
   background:url('http://img2.wikia.nocookie.net/__cb20140313220156/ben10fanon/es/images/5/50/Wiki-background') repeat;
}

body.ChatWindow .Chat {
   overflow-x:hidden !important;
}
 
body.ChatWindow #ChatHeader {
    background: #FFF url(http://static2.wikia.nocookie.net/ben10fanon/es/images/a/a0/Fondoheader.png);
    z-index:999;
}

#ChatHeader,
.WikiaPage {
     border: 1px solid #FC940E;
     box-shadow: 0 0 1em #FC940E;        
}

body.ChatWindow .inline-alert {
   min-height:30px !important;
   padding-bottom:0px !important;
   color:#888 !important;
}
body.ChatWindow li.you {
    background:#F7F7D7 !important;
}
 
body.ChatWindow .Rail .selected {
    background: #F7F7D7;
    box-shadow:0 0 10px #FBDB9C inset;
}
 
body.ChatWindow .inline-alert {
    background: #F7F7D7;
    box-shadow:0 0 10px #FBDB9C inset;
    color:#000 !important;
}
 
body.ChatWindow input[name="reason"] {
    width: 375px;
}
body.ChatWindow .input-group {
    width: 100% !important;
}
body.ChatWindow .WikiaPage, body.ChatWindow .WikiaPageBackground {
    border-radius:0px !important;
}
 
body.ChatWindow div.inline-alert {
    padding-left:40px;
}
 
/***** Texto verde para administradores *****/
body.ChatWindow .Chat li[data-user="Benfutbol10"],
body.ChatWindow .Chat li[data-user="Piedra"],
body.ChatWindow .Chat li[data-user="Agaxz el Original"],
body.ChatWindow .Chat li[data-user="Ben Phantom"],
body.ChatWindow .Chat li[data-user="Axel Echevarria"],
body.ChatWindow .Chat li[data-user="Gohan17"],
body.ChatWindow .Chat li[data-user="Lobo solitario29"] {
    background: #FEE5B4 !important;
}
 
body.ChatWindow #WikiChatList li:hover {
    background: #F7F7D7 !important;
}
 
/***** Menues desplegables *****/
body.ChatWindow #UserStatsMenu {
    border: 2px solid orange;  
    border-radius: 2px;
    box-shadow:0 0 10px #FBDB9C inset;
}
 
body.ChatWindow #UserStatsMenu .info {
    border-radius:2px 2px 0 0;
    padding:7px !important;
}
 

body.ChatWindow #UserStatsMenu li:hover,
body.ChatWindow #UserStatsMenu .info {
    background: #F7F7D7 !important;
}
 
/** Colores principales **/
body.ChatWindow ul.dropdown {
  background: #81C583 !important;
  border: 1px solid orange !important;
  border-radius: 2px !important;
  box-shadow: 0 0 10px #038307 inset;
  color: #000000 !important;
  margin-top: 4px;
  top:11px;
}

body.ChatWindow ul.dropdown li a {
	background: #FFFFFF !important;
        font-weight:bold;
}
 
body.ChatWindow ul.dropdown li a:hover {
	background: #F7F7D7 !important;
}
 
body.ChatWindow ul.dropdown li:last-child a {
	border-bottom: 3px solid orange !important;
}
 
/* ColorChat */
body.ChatWindow #BarraColorChat span {
	cursor:pointer;
	font-weight:bold;
}
 
/*
body.ChatWindow #Write {
    display:none;
}
*/
 
body.ChatWindow #normasChat ul {
    list-style: disc outside none;
    margin:3px 30px;
}
 
body.ChatWindow #listadeemoticones ul {
	column-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	font-size: 12px;
        background:#FFF;
}
body.ChatWindow #listadeemoticones span {
	margin-left: 5px;
}
 
body.ChatWindow #listadeemoticones img {
	height: 19px;
	width: 19px;
}
 
body.ChatWindow #listadeemoticones {
	height: 270px;
	overflow-x: hidden;
        background:url("http://slot1.images.wikia.nocookie.net/__cb62396/common/skins/common/images/ajax.gif") no-repeat scroll center center;
}
 
body.ChatWindow #listaEmoticones li {
  cursor: pointer;
}
 
body.ChatWindow #listaEmoticones li:hover {
  background: linear-gradient(to right, #CCC 0%, #FFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
 
body.ChatWindow #verimagen {
    text-align:center;
}
body.ChatWindow #verimagen img {
    max-width:590px;
    margin:10px 5px;
    max-height:400px;
}
 

/* Nuevo estilo del chat (Beta) */
/* Todos */
body.ChatWindow .Chat li:last-child{
   margin-bottom:10px !important;
}

body.ChatWindow .Chat li {
   padding:10px 15px 16px 15px;
   font-family:"Open Sans";
}

/* Solo mensajes primeros */
body.ChatWindow .Chat li:not(.inline-alert):not(.continued) {
   margin:10px 20px 0px 80px;
   border-radius:2px 2px 0 0;
}

/* Solo alertas */

/* Solo continuados */
body.ChatWindow .Chat li.continued {
   margin:0 20px 0 80px;
}

body.ChatWindow .Chat li {
    background:#E1E1E1;
}

body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before {
    border-color:#E1E1E1 #E1E1E1 transparent transparent;
    border-style: solid;
    border-width: 12px;
    content: "";
    position:absolute;
    top:5px;
    left:-22px
}

body.ChatWindow .Chat li.continued {
  padding-top:0;
}
body.ChatWindow .Chat .avatar {
   left:-60px !important;
   top:0px !important;
}

body.ChatWindow .Chat .username {
   letter-spacing:.3px;
}
body.ChatWindow .inline-alert {
   padding:5px 10px !important;
   line-height:25px  !important;
   margin:10px !important;
}

body.ChatWindow .time {
   position:absolute;
   left:-61px;
   top:35px;
   text-align:center;
   width:32px;
   display:block;
}

body.ChatWindow .Chat li[data-user="Benfutbol10"]:before, body.ChatWindow li[data-user="Piedra"]:before, body.ChatWindow li[data-user="Agaxz el Original"]:before, body.ChatWindow li[data-user="Ben Phantom"]:before, body.ChatWindow li[data-user="Axel Echevarria"]:before, body.ChatWindow li[data-user="Gohan17"]:before, body.ChatWindow li[data-user="Lobo solitario29"]:before {
     border-color:#FEE5B4 #FEE5B4 transparent transparent !important;
}

body.ChatWindow li.you:before {
     border-color:#F7F7D7 #F7F7D7 transparent transparent !important;
}

body.ChatWindow .continued + .continued {
     margin-top:-15px !important;
}

body.ChatWindow .continued + li:not(.continued):not(.inline-alert) {
  margin-top: 0 !important;
}

body.ChatWindow .Chat li:not(.continued) .me-message {
  background: inherit;
  margin-top: -18px;
  width:95%;
  position: absolute;
}

body.ChatWindow .me-message {
  color: #3A3A3A;
  font-weight: bold;
}

body.ChatWindow .sombra {
	border: none;
	box-shadow: -1px 5px 4px #999999 inset;
	height: 10px;
	position: absolute;
	z-index: 99999;
	left: 0;
	right: 150px;
	top: 0;
}

body.ChatWindow .Chat li[data-user="Ben Phantom"] a[href$="/wiki/*trolldance"] {
  background: url("http://img4.wikia.nocookie.net/__cb20140722000255/pruebasdeusuarios/es/images/d/df/442233a1b905cfb02d7b9760bc0135b1.gif") no-repeat;
  cursor: inherit !important;
  display: block;
  height: 96px;
  pointer-events: none !important;
  text-decoration: none !important;
  width: 170px;
}

body.ChatWindow .Chat li[data-user="Ben Phantom"] a[href$="/wiki/*hypno"] {
  background: url("http://img1.wikia.nocookie.net/__cb20140111154118/es.pokemon/images/3/32/Hypno_XY.gif") no-repeat;
  cursor: inherit !important;
  display: block;
  height: 96px;
  pointer-events: none !important;
  text-decoration: none !important;
  width: 170px;
}

/***** Preguntas *****/
body.ChatWindow .Chat li[data-user="Benbenben101010"] {
    background: #FFC3FF !important;
}
 
body.ChatWindow .Chat li[data-user="Benbenben101010"] .username:after {
  content: " (Kirby, grumosamente ROSADO):";
}
 
body.ChatWindow .Chat li[data-user="Benbenben101010"] .avatar {
  background: url("http://img3.wikia.nocookie.net/__cb20121213034840/horadeaventura/es/images/thumb/7/78/Princesa_Grumosa_en_%27%27La_conquista_de_la_lindura%27%27.jpg/80px-Princesa_Grumosa_en_%27%27La_conquista_de_la_lindura%27%27.jpg") no-repeat scroll center center;
  height: 0;
  padding: 14px;
  width: 0;
}

body.ChatWindow .Chat li[data-user="Benbenben101010"]:before {
     border-color:#FFC3FF #FFC3FF transparent transparent !important;
}