MediaWiki:Chat.css

body { /* the whole page */ background-color: #000000; font-family: 'Trebuchet MS'; }

.Chat { /* the region where the chatting shows up */ background-color: #424242; color: #cccccc; border-left: 2px solid #00d4ff; border-top: 2px solid #00d4ff; border-bottom-right-radius: 0.5pc; font-family: 'Trebuchet MS'; }

.Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #00d4ff; border-radius: 1pc; }

.Chat .inline-alert { /* ~Inline alerts~ */ color: #cccccc; font-size: 14px; }

.Chat .me-message { /* Changes what /me does */ color: #00d4ff; }

.me-username { /* this combination of styles hides the '* ' from the /me command */ visibility: hidden;} .me-username span { visibility: visible;} .me-message { /* stylizes the /me command */ border-left: 3px solid; }

.Chat .username { /* Usernames in chat box */ color: #00d4ff; }

.Chat .you { /* Effects when you say something */ background: #292929; }

.ChatHeader .private { /* Formats the private chat header */ font-family: 'Trebuchet MS'; margin-left: 10px; word-spacing: 2px; color: #00d4ff; }

.ChatHeader .User { /* Formats the username at top-right corner */ color: #cccccc; }

.ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #000000; border: 3px solid #00d4ff; border-radius: 2pc 1pc; color: #00d4ff !important; }

/* the user's username color in the users rail */ body.ChatWindow #Rail .username { color: #cccccc; font-weight: bold !important; }

.Rail .splotch { /* Number of missed messages */ background-color: #00d4ff; background-image: none; }

.Rail .User:hover { /* Hovering over a user */ background: #00d4ff; border-radius: 1px 1pc 1pc 1px; color: #cccccc; }

.User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #00d4ff; border-radius: 1pc; }

.Write img { /* Picture to left of textbox */ border: 1px solid #222; border-radius: 2pc; }

.Write [name="message"] { /* Smaller region within Textbox */ background: #000; background: rgba(255, 255, 255, 0.03); border-radius: 1pc; color: #cccccc; }

.Write .message { /* Textbox */ background: #1f1f1f; color: #FFFFFF; background-size: 5px 5px; border-radius: 2pc; padding: 10px; }

/* CHAT SKIN CSS: END */ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/