MediaWiki:Chat.css

/***** CSS para el cuerpo del chat *****/ body.ChatWindow { background:url("https://images.wikia.nocookie.net/__cb20140402004652/sonic/images/archive/5/50/20140930230453%21Wiki-background") no-repeat scroll center top / 100% auto #000000 } body.ChatWindow .Chat { overflow-x:hidden !important; } body.ChatWindow #ChatHeader { background: #FFF urlhttp://img4.wikia.nocookie.net/__cb20140402004652/sonic/images/archive/5/50/20140930230453%21Wiki-background);   z-index:999; }

.WikiaPage { border: 1px solid #0000FF; box-shadow: 0 0 1em #0000FF; }
 * 1) ChatHeader,

body.ChatWindow .inline-alert { min-height:30px !important; padding-bottom:0px !important; color:#888 !important; } body.ChatWindow li.you { background:#99CCFF !important; } body.ChatWindow .Rail .selected { background: #6699FF; box-shadow:0 0 10px #B4CDB2 inset; } body.ChatWindow .inline-alert { background: #6699FF; 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; } /***** admin *****/ body.ChatWindow .Chat li[data-user="SonicTheHedgehogDude"], body.ChatWindow .Chat li[data-user="RandomRock"] { background: #33CCFF !important; } body.ChatWindow #WikiChatList li:hover { background: #D6EBFF !important; } /***** Menues desplegables *****/ body.ChatWindow #UserStatsMenu { border: 2px solid blue; border-radius: 2px; box-shadow:0 0 10px #97AFE0 inset; } body.ChatWindow #UserStatsMenu .info { border-radius:2px 2px 0 0; padding:7px !important; }

body.ChatWindow #UserStatsMenu li:hover, body.ChatWindow #UserStatsMenu .info { background: #D6EBFF !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("https://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="SonicTheHedgehogDude"]:before { border-color:#6699FF #6699FF 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; } */