Ben 10 Wiki
Advertisement

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');
}
Advertisement