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.
/***** @Importar CSS de gifs *****/
@import url("http://es.ben10fanon.wikia.com/index.php?title=MediaWiki:Chatgifs.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");
@import url("http://es.ben10fanfiction.wikia.com/index.php?title=MediaWiki:Chatpics.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");
@import url("http://es.ben10fanon.wikia.com/index.php?title=MediaWiki:ColorChat.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");
/***** CSS para el cuerpo del chat *****/
.Rail {
background: BlanchedAlmond;
background-image: url("https://www.nesquik.com/media/1205/bunny.png");
background-position: bottom;
background-repeat: no-repeat;
}
/* Mensajes */
body.ChatWindow section#WikiaPage > .Chat .username {
color: black;
}
body.ChatWindow section#WikiaPage > .Chat .message {
color: black;
}
body.ChatWindow #Rail .username {
color: #ffffff;
text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px darkred;
font-weight: bold;
}
body.ChatWindow .Chat {
background-color:BlanchedAlmond;
}
/* Fondo */
body.ChatWindow {
background:url('http://vignette3.wikia.nocookie.net/ben10fanon/images/5/50/Wiki-background/revision/20170122021639?path-prefix=es') repeat;
}
body.ChatWindow .Chat {
overflow-x:hidden !important;
}
body.ChatWindow #ChatHeader {
background: #FFF url(http://i.imgur.com/nzZY6d9.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:#F8D8D8 !important;
}
body.ChatWindow .Rail .selected {
background: #F8D8D8;
box-shadow:0 0 10px #FF5454 inset;
}
body.ChatWindow .inline-alert {
background: #F8D8D8;
box-shadow:0 0 10px #FF5454 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="Ben Phantom"],
body.ChatWindow .Chat li[data-user="Agaxz el Original"],
body.ChatWindow .Chat li[data-user="Axel Echevarria"],
body.ChatWindow .Chat li[data-user="Luis Felipe 10"],
body.ChatWindow .Chat li[data-user="Gohan17"],
body.ChatWindow .Chat li[data-user="Lobo solitario29"] {
background: #C4C4C4 !important;
}
body.ChatWindow #WikiChatList li:hover {
background: #C4C4C4 !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 red !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: #F8D8D8 !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="Ben Phantom"]:before, body.ChatWindow li[data-user="Agaxz el Original"]:before, body.ChatWindow li[data-user="Axel Echevarria"]:before, body.ChatWindow li[data-user="Luis Felipe 10"]:before, body.ChatWindow li[data-user="Gohan17"]:before {
border-color:#C4C4C4 #C4C4C4 transparent transparent !important;
}
body.ChatWindow li.you:before {
border-color:#C4C4C4 #C4C4C4 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;
}
.Write .message,
.Write .message textarea {
background-color: transparent;
border: 0px solid black;
}
.Write img {
border-radius: 5px;
}
.Write [name="message"] {
background-color: black;
border: 0;
color: #E3E2E2;
}
/*** Usuario en Rail ***/
li.User {
display: block !important;
}
/*** Ausentes ***/
.Rail .User.chat-mod.away {
color: #ffffff !important;
text-shadow: 2px 2px 5px red;
}
.Rail .User.away {
color: #ffffff !important;
text-shadow: 2px 2px 5px red;
}
.Write {
background: rgba(0,0,0,1);
background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
border: 3px solid black;
border-bottom-left-radius: 4px;
}
.Chat .avatar {
border:none;
left:15px;
position:absolute;
top:20px
}