MediaWiki:FandomizedChat.css

@import "//fonts.googleapis.com/css?family=Open+Sans"; @import 'http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'; /* Removing rounded edges */ border-radius: 0 !important; } /* Applying fixes to the chat header */ height: 50px !important; }   padding-left: 0 !important; vertical-align: middle !important; height: 50px !important; margin-right: 200px !important; }   display: inline-block; vertical-align: middle; padding: 3px; }   margin-top: 0; vertical-align: middle; } /* Applying fixes to the chat */ top: 60px !important; }   right: 240px; }   width: 225px; } /* Applying fixes to the user item */ border: none !important; width: 150px; top: 8px; margin-right: 16px; height: auto; }   margin-left: 10px; top: 10px; }   height: 28px; width: 28px; } .User .username { font-size: 10pt; font-weight: bold; position: relative; word-wrap: break-word; overflow-wrap: break-word; top: 5px; overflow: visible; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .User .username .badge { top: -4px; } .User.away .username { top: 0; } .User.away .details .status { display: inline-block; padding: 2px 6px; border-radius: 2px; margin-top: 1px; font-size: 9px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } /* Rounding the avatars */ .UserStatsMenu .info img { border-radius: 100%; border-width: 2px; } /* Fixing the avatar near the message box */ left: 5px !important; top: -2px !important; } /* Adding fixes to the chat messages */ .Chat li[data-user] .username:after { content: none; } /* Removing the tildes from the inline alerts */ content: none !important; } /* Redesigning the chat rail */ .Rail { padding: 8px; } .Rail .public { margin: 0 !important; padding: 8px 0; text-align: center; background: none !important; box-shadow: none !important; } .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; text-align: center; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 10pt; text-transform: uppercase; border: none !important; 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; }
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public a[href^="/wiki/"] {
 * 1) ChatHeader .public img {
 * 1) WikiaPage {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) WikiaPage .Rail {
 * 1) ChatHeader .User {
 * 1) ChatHeader .User .username {
 * 1) ChatHeader .User > img {
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,
 * 1) Write > img {
 * 1) WikiaPage .Chat li.inline-alert:before,
 * 2) WikiaPage .Chat li.inline-alert:after {
 * 1) list-arrow-down,
 * 2) list-arrow-up,
 * 3) toggleChatList {
 * 1) toggleChatList {
 * 1) toggleChatList .icon {