MediaWiki:Chat.css

@import "http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"; @import "https://fonts.googleapis.com/css?family=Raleway";

/* Main */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
 * , *:before, *:after {

/* Chat window */ .ChatWindow { overflow: hidden; font-size: 14px; }

/* Removing border radius */ border-radius: 0 !important; }
 * 1) ChatHeader,
 * 2) WikiaPage {

/* Modifying images */ .UserStatsMenu .info img { border-color: #1a1d1f; border-width: 2px; border-style: solid; border-radius: 100%; }
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,

/* Modifying the chat header */ border: none; left: 0; top: 0; margin: 0; padding-top: 10px; height: 55px; z-index: 1; background: #3a3c3f; }
 * 1) ChatHeader {

background-color: #3d4344; border: none; color: white; height: 55px; padding-left: 40px; padding-top: 18px; top: 0; width: 225px; }
 * 1) ChatHeader .User {

left: 35px; height: 28px; width: 28px; top: 16px; }
 * 1) ChatHeader .User img {

left: 28px; padding-top: 5px; position: relative; }
 * 1) ChatHeader .User .username {

display: none; }
 * 1) ChatHeader .User .username .badge {

/* Modifying the chat rail */ background-color: #3d4344; position: relative; float: right; z-index: 1; height: 100%; padding: 8px; width: 225px; }
 * 1) Rail {

background-color: #7a7d80; border-radius: 4px; color: white; margin: 2px; }
 * 1) Rail .User {

background-color: #808080; }
 * 1) Rail .User.chatmoderator {

background-color: #556680; }
 * 1) Rail .User.sysop {

max-height: 42px; opacity: 0.7; }
 * 1) Rail .User.away {

margin: 0 5px; top: -8px; position: relative; }
 * 1) Rail .User.away .details {

display: inline-block !important; padding: 2px 8px; background-color: black; color: white; border-radius: 4px; text-transform: uppercase; font-size: 9px; }
 * 1) Rail .User.away .details > .status {

background-color: #8a8a8a; }
 * 1) Rail .User:hover {

box-shadow: none; background: none; opacity: 0.75; }
 * 1) Rail .selected {

text-align: center; }
 * 1) Rail .public.wordmark {

border-color: white transparent transparent; left: 10px; top: 23px; }
 * 1) Rail .public .chevron {

border-color: transparent transparent transparent white; left: 10px; top: 20px; }
 * 1) Rail .public .chevron.closed {

/* Chat wrapper */ border: none; background-color: #4a4d51; left: 0; bottom: 0; width: 100vw; }
 * 1) WikiaPage {

border: none; background-color: #4a4d51; }
 * 1) WikiaPage .Chat {

/* Message box */ height: 50px !important; right: 225px !important; }
 * 1) Write {

top: 5px; }
 * 1) Write img {

border: none !important; background-color: #6a6d72; border-radius: 5px; width: 1035px; top: 2px; }
 * 1) Write .message {

color: #dfdfdf; }
 * 1) Write [name="message"] {

/* Inline alert */ .Chat .inline-alert:before, .Chat .inline-alert:after { display: none; }