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.
/* Lista de User */
#WikiChatList li[data-user="Xalisco"] {
background-image: url("http://images.wikia.com/mario/es/images/1/15/New_Super_Mario_Bros_Wii_by_Speedy_99.png");
color:Black;
}
/***** Header (crédito a Super Mario Wiki) *****/
#ChatHeader {
background: white !important;
border-radius:0px 15px 0px 15px !important;
border: 2px solid rgba(101, 0, 4, 0.35) !important;
background:white;
text-shadow: 1px 1px 1px #FFFACD !important;
}
body.ChatWindow .Chat {
overflow-x:hidden !important;
}
body.ChatWindow {
background:white repeat;
}
body.ChatWindow .Rail,
body.ChatWindow .WikiaPage {
border-color:darkred !important;
}
body.ChatWindow li.give-chat-mod {
display: none !important;
}
body.ChatWindow li[data-user="ElBisabuelo"],
body.ChatWindow li[data-user="FiurerCastellanos"] {
background: SpringGreen !important;
}
body.ChatWindow li[data-user="AA1918"],
body.ChatWindow li[data-user="Rata911"] {
background: #FFFACD !important;
}
body.ChatWindow li[data-user="Christian_Emperator"] {
background: SkyBlue !important;
}
body.ChatWindow li[data-user="Xalisco"] {
background: DarkTurquoise !important;
}
/* Pruebas */
/* Todos */
body.ChatWindow .Chat li:last-child{
margin-bottom:10px !important;
}
body.ChatWindow .Chat li {
padding:10px 15px 16px 15px;
}
/* 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:#DCDCDC;
}
body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before {
border-color:white white transparent transparent;
border-style: solid;
border-width: 12px;
content: "";
position:absolute;
top:5px;
left:-24px
}
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;
}
/** 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: Black;
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;
}
body.ChatWindow .Chat li:not(.continued) .me-message {
background: inherit;
margin-top: -18px;
position: absolute;
width: 95%;
}
body.ChatWindow .me-message {
color: #696969;
font-weight: bold;
}
body.ChatWindow .me-message img {
height: 19px!important;
width: 19px !important;
}