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.
@import url("/index.php?title=MediaWiki:Chatpics.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");
/***** CSS para el cuerpo del chat *****/
body.ChatWindow {
background:url("http://img2.wikia.nocookie.net/__cb20131207112459/ben10/es/images/archive/5/50/20140405093838!Wiki-background") no-repeat scroll center top / 100% auto #000000
}
body.ChatWindow .Chat {
overflow-x:hidden !important;
}
body.ChatWindow #ChatHeader {
background: #FFF url(https://i.imgur.com/1y15rPr.png);
z-index:999;
}
#ChatHeader,
.WikiaPage {
border: 1px solid #038307;
box-shadow: 0 0 1em #038307;
}
body.ChatWindow .inline-alert {
min-height:30px !important;
padding-bottom:0px !important;
color:#888 !important;
}
body.ChatWindow li.you {
background:#E1F7D7 !important;
}
body.ChatWindow .Rail .selected {
background: #E1F7D7;
box-shadow:0 0 10px #B4CDB2 inset;
}
body.ChatWindow .inline-alert {
background: #E1F7D7;
box-shadow:0 0 10px #B4CDB2 inset;
color:#038307 !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="Nanomech25"],
body.ChatWindow .Chat li[data-user="Piedra"],
body.ChatWindow .Chat li[data-user="Ben Phantom"],
body.ChatWindow .Chat li[data-user="Mauri19990"],
body.ChatWindow .Chat li[data-user="Eyga master"] {
background: #147D1E !important;
}
body.ChatWindow #WikiChatList li:hover {
background: #E1F7D7 !important;
}
/***** Menues desplegables *****/
body.ChatWindow #UserStatsMenu {
border: 2px solid green;
border-radius: 2px;
box-shadow:0 0 10px #B4CDB2 inset;
}
body.ChatWindow #UserStatsMenu .info {
border-radius:2px 2px 0 0;
padding:7px !important;
}
body.ChatWindow #UserStatsMenu li:hover,
body.ChatWindow #UserStatsMenu .info {
background: #E1F7D7 !important;
}
/** Colores principales **/
body.ChatWindow ul.dropdown {
background: #81C583 !important;
border: 1px solid #038307 !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: #E1F7D7 !important;
}
body.ChatWindow ul.dropdown li:last-child a {
border-bottom: 3px solid #009F00 !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;
}
/* xd */
body.ChatWindow .Chat li[data-user] a[href$="/wiki/*ninja-works-it"] {
background: url("http://images.wikia.com/pruebasbf10/es/images/c/c7/NinjaWorksIt.gif") no-repeat;
cursor: inherit !important;
display: block;
height: 100px;
pointer-events: none !important;
text-decoration: none !important;
width: 94px;
}
body.ChatWindow .Chat li[data-user] a[href$="/wiki/*yep"] {
background: url("http://i.imm.io/1krlm.gif") no-repeat;
cursor: inherit !important;
display: block;
height: 78px;
pointer-events: none !important;
text-decoration: none !important;
width: 93px;
}
body.ChatWindow .Chat li[data-user] a[href$="/wiki/*rickroll"] {
background: url("http://i.imgur.com/nuJxAOi.gif") no-repeat;
cursor: inherit !important;
display: block;
height: 76px;
pointer-events: none !important;
text-decoration: none !important;
width: 100px;
}
body.ChatWindow .Chat li[data-user="Andrews Voorhees"] a[href$="/wiki/*andrews"] {
background: url("http://i.imm.io/1kJQq.gif") no-repeat;
cursor: inherit !important;
display: block;
height: 96px;
pointer-events: none !important;
text-decoration: none !important;
width: 170px;
}
body.ChatWindow .Chat li a[href$="/wiki/*espurr"] {
background:url('http://i.imgur.com/gKhs8WO.png');
cursor: inherit !important;
display: block;
height: 68px;
pointer-events: none !important;
text-decoration: none !important;
width: 68px;
}
/* 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="Nanomech25"]:before, body.ChatWindow li[data-user="Piedra"]:before, body.ChatWindow li[data-user="Ben Phantom"]:before, body.ChatWindow li[data-user="Gohan17"]:before, body.ChatWindow li[data-user="Lobo solitario29"]:before, body.ChatWindow li[data-user="Primus 10"]:before {
border-color:#B7EA9F #B7EA9F transparent transparent !important;
}
body.ChatWindow li.you:before {
border-color:#E1F7D7 #E1F7D7 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;
}
/* Arreglar cosas del ChatTags */
/* Arreglar [big] y [small], cualquier usuario puede destrozar el chat haciendo abuso de ambas etiquetas. */
body.ChatWindow .message span[style^="font-size"] {
font-size: inherit !important;
}
/* Quitando imágenes a excepción de los emoticones, cualquier usuario puede destrozar el chat o floodear excesivamente con el abuso de esta etiqueta
body.ChatWindow .message img:not([src^="/wiki/"]) {
display: none;
}
*/
/*** Usuario en Rail ***/
li.User {
display: block !important;
}
/*** Ausentes ***/
.Rail .User.chat-mod.away {
color: #ffffff !important;
text-shadow: 2px 2px 5px lime;
}
.Rail .User.away {
color: #ffffff !important;
text-shadow: 2px 2px 5px lime;
}
/*** Código de Phantom ***/
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;
}
.Rail {
background: Black;
background-image: url("https://i.imgur.com/fWfwuKx.png");
background-position: bottom;
background-repeat: no-repeat;
}
.ChatWindow .sysop .badge {
background-image: url('https://i.imgur.com/PxCNzT4.png');
}
/*** Botón de emoticones ***/
.EmoticonsWindowIcon {
width: 19px;
height: 19px;
border: 1px solid green;
padding: 10px;
border-radius: 5px;
}
#EmoticonsWindowList {
height: 400px;
overflow-y: auto;
}
a.wikia-button.EmoticonsWindowButton {
position: absolute;
top: 10px;
margin-left: 140px;
color: black;
border: 2px solid #4CAF50;
}
/*** Icon ***/
.ChatWindow .sysop .badge {
background-image: url('https://i.imgur.com/lYF8s9p.png');
}