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; }   border-radius: 0 !important; }   display: none; height: 50px; left: 0; margin: 0; position: fixed; top: 0; width: 100%; } body.header--shpw #ChatHeader { display: block; }   height: 50px; margin-right: 200px; padding-left: 0 !important; vertical-align: middle; }   margin-top: 0; vertical-align: middle; }   width: 150px; }   top: 0 !important; left: 0 !important; }   right: 240px; } .UserStatsMenu .info img { border: 2px solid #000; border-radius: 100%; border-width: 2px; }   border: none; line-height: normal; }   position: relative; text-align: center; }   margin-bottom: 0 !important; top: 0 !important; padding: 4px 15px 4px 55px; text-align: justify; }   margin-top: -1px; }   top: 4px !important; }   background-color: #bbbbbb; display: table; margin-top: 3px; padding: 8px 12px; border-radius: 0 8px 8px 0; text-align: justify; }   margin-top: 0; }   background-color: #54a3ff; display: inline-block; font-size: 8pt; width: auto; border-radius: 16px; padding: 4px 8px; }   content: none; }   padding: 8px; font-weight: 600; font-size: 8pt; margin: 5px; text-align: center; border-width: 2px 0 2px 0; border-style: solid; }   content: none; }   background-color: transparent; padding: 4px 55px 4px 15px; position: relative; text-align: right; }   right: 15px; left: auto; }   float: left; }   right: 15px; margin-left: 61.5%; border-radius: 12px 0 0 12px; }   right: 240px; }   padding: 8px; overflow-x: hidden; width: 240px; }   border: none !important; height: auto; margin-right: 16px; top: 8px; }   display: inline-block; font-size: 10px; font-weight: bold; margin: 0 5px; max-width: 150px; vertical-align: 8px; }   background: none !important; box-shadow: none !important; height: auto; margin: 0; margin-top: 40px; padding: 8px 0; text-align: center; }   opacity: 0.6; }   padding: 0; margin: 0; vertical-align: middle; }   display: none !important; }   background-image: none !important; background-color: transparent !important; border-top: 2px solid #54a3ff !important; border-bottom: 2px solid #54a3ff !important; border-left: none !important; border-right: none !important; color: black; font-size: 10px; overflow: hidden; padding: 4px; text-align: center; text-transform: uppercase; vertical-align: 8px; }   background-color: #f1f1f1; border: none; padding: 4px; } /* 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 {
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public img {
 * 1) ChatHeader .User {
 * 1) WikiaPage {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,
 * 1) WikiaPage .Chat {
 * 1) WikiaPage .Chat ul {
 * 1) WikiaPage .Chat li {
 * 1) WikiaPage .Chat li.continued {
 * 1) WikiaPage .Chat li > .avatar {
 * 1) WikiaPage .Chat li > .message {
 * 1) WikiaPage .Chat li.continued > .message {
 * 1) WikiaPage .Chat li > .username {
 * 1) WikiaPage .Chat li > .username:after {
 * 1) WikiaPage .Chat li.inline-alert {
 * 1) WikiaPage .Chat li.inline-alert:before,
 * 2) WikiaPage .Chat li.inline-alert:after {
 * 1) WikiaPage .Chat li.you {
 * 1) WikiaPage .Chat li.you .avatar {
 * 1) WikiaPage .Chat li.you .time {
 * 1) WikiaPage .Chat li.you .message {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) Rail {
 * 1) Rail .User {
 * 1) Rail .User .username {
 * 1) Rail .public {
 * 1) Rail .public.selected {
 * 1) Rail .public .wordmark {
 * 1) Rail .public .chevron {
 * 1) Rail .private {
 * 1) Write .message {
 * 1) list-arrow-down,
 * 2) list-arrow-up,
 * 3) toggleChatList {
 * 1) toggleChatList {
 * 1) toggleChatList .icon {
 * 1) ChatHeader .User {