Chat.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
Opera : appuyez sur Ctrl + F5.
#kockaEmoticonsModalMain  { 
  height:  600px ;
} 
.kockaEmoticonsIcon  { 
  background-color: blue; 
}
body.ChatWindow {
    background-image: url("http://geobsi.fr/perso/acw_wallpaper_summerv3.jpg");
}
 .WikiaPage {
     background: transparent;
   background-color: transparent !important;
}
  .ChatHeader {
     background-color: transparent !important;
     
/** Colores principales **/
body.ChatWindow ul.dropdown {
	background: #94CFDE !important;               /* Fondo del "Navegación" */
	box-shadow: 0 0 7px #004976 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: #FFFFFF;                          /* Fondo de los ítems */
	color: #000000;                               /* Color del texto de los ítems */
}
 
body.ChatWindow ul.dropdown li a:hover {
	background: #94CFDE;                       /* 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;
}
/**
	Menú desplegable para el chat de Wikia
    Diseño y desarrollo: Benfutbol10
    Idea y motivación: Pintor Smeargle (?)
**/
 
/** 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;
	
}

 /* Emoticones Grandes */
 
body.ChatWindow .message img[src="http://images1.wikia.nocookie.net/__cb20140309025113/meme/es/images/4/4e/Epic-sax-guy-gif-o.gif"] {
    width:150px;
    height:150px;
}

body.ChatWindow .message img[src="http://images1.wikia.nocookie.net/alltails/images/c/c9/Qz.jpg"] {
    width:150px;
    height:150px;
}

body.ChatWindow .message img[src="http://images2.wikia.nocookie.net/sonic/es/images/5/54/Buen_Post.PNG"] {
    width:150px;
    height:150px;
}

body.ChatWindow .message img[src="http://images2.wikia.nocookie.net/alltails/images/f/f8/Marcianitoh.gif"] {
    width:150px;
    height:150px;
}

 /* Fondo (Credito a Sonic Wiki) */
 
 #Chat_354 {
   overflow-x:hidden !important;
}
 
.Chat { 
    background-image:url("http://vignette3.wikia.nocookie.net/reversedinfinityempire/images/e/e1/SF_Chat_Fondo.png/revision/latest?cb=20160508224743&path-prefix=es");  
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

/* Mensajes (Crédito a Minecraftpedia (y a Sonic Wiki de donde robé el código (?))*/

.ChatWindow .Chat .inline-alert {
	margin: 15px;
	background-color: rgb(222, 229, 229) !important;
	color: white;
	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: black;
	margin: 20px;
	margin-left: 80px;
	padding-left: 20px;
	border-radius: 10px;
	background-color:rgb(222, 229, 229) !important; 
}
.ChatWindow .Chat li .avatar {
	position: absolute;
	left: -58px;
	top: 5px;
	border: 1px #000000 solid;
}
.ChatWindow .Chat li .time {
	color: black;
	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: #DEE5E5 #DEE5E5 transparent transparent;
	border-style: solid;
	position: absolute;
	content: "";
	top: 14px;
	left: -20px;
}
    
/***** Franjas (Credito a Sonic Wiki) *****/

/* Mordesonicspeed */
 
.ChatWindow .Chat li[data-user="Mordesonicspeed"] {
     background: #000100 !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #6A9091 !important;
}
 
.ChatWindow .Chat li[data-user="Mordesonicspeed"]:not(.continued):before {
      border-width: 12px;
      border-color: #000100 #000100 transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Shadow160 */
 
.ChatWindow .Chat li[data-user="Shadow160"] {
     background: #F40C0C !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #FF04C8 !important;
}
 
.ChatWindow .Chat li[data-user="Shadow160"]:not(.continued):before {
      border-width: 12px;
      border-color: #F40C0C #F40C0C transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Alltails */
 
.ChatWindow .Chat li[data-user="Alltails"] {
     background: #FF0080 !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #2EFEF7 !important;
}
 
.ChatWindow .Chat li[data-user="Alltails"]:not(.continued):before {
      border-width: 12px;
      border-color: #FF0080 #FF0080 transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Speedymangos78 */
 
.ChatWindow .Chat li[data-user="Speedymangos78"] {
     background: #F5D0A9 !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #3B170B !important;
}
 
.ChatWindow .Chat li[data-user="Speedymangos78"]:not(.continued):before {
      border-width: 12px;
      border-color: #F5D0A9 #F5D0A9 transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Blues Darkslash */
 
.ChatWindow .Chat li[data-user="Blues Darkslash"] {
     background: #000000 !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: Green !important;
}
 
.ChatWindow .Chat li[data-user="Blues Darkslash"]:not(.continued):before {
      border-width: 12px;
      border-color: #000000 #000000 transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Dan Abnormal */
 
.ChatWindow .Chat li[data-user="Dan Abnormal"] {
     background: Black !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: Yellow !important;
}
 
.ChatWindow .Chat li[data-user="Dan Abnormal"]:not(.continued):before {
      border-width: 12px;
      border-color: Black Black transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Rocketmacload */
 
.ChatWindow .Chat li[data-user="Rocketmacload"] {
     background: #2F319F !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #FFFFFF !important;
}
 
.ChatWindow .Chat li[data-user="Rocketmacload"]:not(.continued):before {
      border-width: 12px;
      border-color: #2F319F #2F319F transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Darkest Lizard */
 
.ChatWindow .Chat li[data-user="Darkest Lizard"] {
     background: #000000 !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #FFFFFF !important;
}
 
.ChatWindow .Chat li[data-user="Darkest Lizard"]:not(.continued):before {
      border-width: 12px;
      border-color: #000000 #000000 transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Darkest Lizard */
 
.ChatWindow .Chat li[data-user="SupakuHunter5"] {
     background: #1C1C1C !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #0174DF !important;
}
 
.ChatWindow .Chat li[data-user="SupakuHunter5"]:not(.continued):before {
      border-width: 12px;
      border-color: #1C1C1C #1C1C1C transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

/* Diabolic Commander  */
 
.ChatWindow .Chat li[data-user="Diabolic Commander"] {
     background: #66FF66 !important;
      font-weight:bold;
      font-family: "Arial", sans-serif;
      color: #009900 !important;
 
}
 
.ChatWindow .Chat li[data-user="Diabolic Commander"]:not(.continued):before {
      border-width: 12px;
      border-color: #66FF66 #66FF66 transparent transparent;
      border-style: solid;
      position: absolute;
      content: "";
      top: 14px;
      left: -20px;
}

 
/* Usernames (Crédito a Mario Fanon) */

body.ChatWindow .Chat li[data-user="Mordesonicspeed"] .username:after {
  content: " The Cherry Blossom Phantom:"; 
}
body.ChatWindow .Chat li[data-user="NicoleThink"] .username:after {
  content: " the Lynx:";
}
body.ChatWindow .Chat li[data-user="Alltails"] .username:after {
  content: " the Evil Cockroach Wizard:";
}
body.ChatWindow .Chat li[data-user="Shadow160"] .username:after {
  content: " - El caballero del hielo:";
}
body.ChatWindow .Chat li[data-user="Speedymangos78"] .username:after {
  content: " but his true name is Jacket:";
}
body.ChatWindow .Chat li[data-user="SupakuHunter5"] .username:after {
  content: " the Ocean Emperor";
}
body.ChatWindow .Chat li[data-user="Blues Darkslash"] .username:after {
  content: " the Chaos Guardian:";
}
body.ChatWindow .Chat li[data-user="Rocketmacload"] .username:after {
    content: " Rules the Nation:";
}
body.ChatWindow .Chat li[data-user="Darkest Lizard"] .username:after {
    content: " el sucio asesino de hermanos que es LV 20";
}

/* Anteapodos */

body.ChatWindow .Chat li[data-user="Mordesonicspeed"] .username:before {
    content: "千本桜 - ";
}
body.ChatWindow .Chat li[data-user="SupakuHunter5"] .username:before {
    content: "Steel/Water Type ";
}
body.ChatWindow .Chat li[data-user="Rocketmacload"] .username:before {
    content: "Captain ";
}
body.ChatWindow. Chat li[data-user="Darkest Lizard"] .username:before {
    content: "Mago ";
}
body.ChatWindow. Chat li[data-user="Speedymangos78"] .username:before {
    content: "The guy with the nick of ";
}