User:Ultimate Dark Carnage/chat.css

@import "//fonts.googleapis.com/css?family=Open+Sans"; @import 'http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css';

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* Removing border radius from the chat header */ border-radius: 0 !important; }   display: none; height: 50px; left: 0; margin: 0; position: fixed; top: 0; width: 100%; }   display: block; }   height: 50px; margin-right: 200px; padding-left: 0 !important; vertical-align: middle; }   display: inline-block; padding: 3px; vertical-align: middle; }   margin-top: 0; vertical-align: middle; }   width: 150px; }   top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; }   right: 240px; }   overflow-x: hidden; width: 240px; }   border: none !important; height: auto; margin-right: 16px; top: 8px; }   height: 28px; width: 28px; }   margin-left: 10px; }   display: inline-block; font-size: 10px; font-weight: bold; letter-spacing: .15px; margin: 0 5px; max-width: 150px; overflow: hidden; overflow-wrap: normal; text-transform: uppercase; text-overflow: ellipsis; vertical-align: 8px; word-wrap: normal; white-space: nowrap; }   left: 0; padding-left: 8px; position: absolute; text-align: center; top: 0; width: 100%; } .Rail { padding: 8px; } .Rail .public { background: none !important; box-shadow: none !important; height: auto; margin: 0; margin-top: 40px; padding: 8px 0; text-align: center; } .Rail .public.selected { opacity: 0.6; } .Rail .public .wordmark { padding: 0; margin: 0; vertical-align: middle; } .Rail .public .chevron { display: none !important; } .Rail .User { padding-top: 12px; padding-bottom: 12px; } .Rail #WikiChatList { height: auto; max-height: 380px; overflow: hidden; } .Rail .private { background-image: none !important; background-color: transparent !important; border: none !important; font-size: 10px; font-weight: bold; letter-spacing: .15px; overflow: hidden; padding: 4px; text-align: center; text-transform: uppercase; vertical-align: 8px; word-wrap: normal; white-space: nowrap; }   margin-left: -5px; }   margin-left: -5px; } /* Creating the CSS for the UI */ display: block; text-align: center; padding: 4px; }   font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10px; }   margin-left: 3px; } /* UserStatsMenu */ .UserStatsMenu .info { margin-right: -3px; margin-left: -3px; margin-top: -3px; } .UserStatsMenu .actions ul li .label { font-size: x-small; text-transform: uppercase; font-weight: bold; }   width: 75px; top: 4px; } .Write .message { background-color: #f1f1f1; border: none; } .popover-inner { border: none; background: #f6f6f6; } .UserStatsMenu { background: #f6f6f6; } .popover.bottom .arrow { display: none; } .UserStatsMenu .info img { margin-right: 3px; }
 * before,
 * after {
 * after {
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader.header--show {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public [href^="/wiki/"] {
 * 1) ChatHeader .public img {
 * 1) ChatHeader .User {
 * 1) WikiaPage {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) Rail {
 * 1) ChatHeader .User,
 * 2) Rail .User.self {
 * 1) ChatHeader .User > img,
 * 2) Rail .User.self > img {
 * 1) ChatHeader .User .details,
 * 2) Rail .User .details {
 * 1) ChatHeader .User .username,
 * 2) Rail .User .username {
 * 1) Rail .User.self {
 * 1) WikiChatList .User .details {
 * 1) PrivateChatList .User .details {
 * 1) list-arrow-down,
 * 2) list-arrow-up,
 * 3) toggleChatList {
 * 1) toggleChatList {
 * 1) toggleChatList .icon {
 * 1) ChatHeader .User {