User:BryghtShadow/global.css

/* LAYOUT FIXES */ .ChatWindow * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* Use a better sans-serif font (something that actually has good difference between uppercase "i" and lowercase "L". */ .ChatWindow, .ChatWindow textarea {font: 12px/1.6em DejaVu Sans, Liberation Sans, sans-serif;} /* Adjust separator between rail and chat.  "width" and "right" values are to be the same to keep the separator flush. */ .ChatWindow .ChatHeader .User, .ChatWindow .Rail {width: 14em; font-size: inherit;} .ChatWindow .UserStatsMenu, .ChatWindow .Write, .ChatWindow .Chat {right: 14em; font-size: inherit;} /* Remove extraneous space from top of Rail. */ .ChatWindow .Rail h1 {margin: 0;} .ChatWindow .Rail .public {height: auto;} .ChatWindow .Rail ul {padding: .5em 0;} /* Italicize username if away. */ .ChatWindow .User.away {font-style: italic;} /* Hide status text of "away". */ .ChatWindow .User.away .details {position:absolute;top:-9999px;left:-9999px;} /* Normalize font weight of inline alert timestamp */ .ChatWindow .Chat .inline-alert .time {font-weight: 400;} /* Hide boundary text for username. */ .ChatWindow .Chat .username .boundary {position:absolute;top:-9999px;left:-9999px;} .ChatWindow .Chat li, .ChatWindow .Chat .continued, .ChatWindow .Chat .inline-alert {padding: 0 .3em; margin: 0; min-height: 1.6em; line-height: inherit;} .ChatWindow .Chat .continued {margin: 0; top: 0;} /* Line up time, username, and message. */ .ChatWindow .Chat .time, .ChatWindow .Chat .username, .ChatWindow .Chat .continued .time, .ChatWindow .Chat .continued .username {display: inline;} .ChatWindow .Chat .time {float: none;} .ChatWindow .Chat .inline-alert {text-align: left;} /* Remove flair (~) from inline alerts. */ .ChatWindow .Chat .inline-alert:before, .ChatWindow .Chat .inline-alert:after {content: '';} /* Hide avatars */ .ChatWindow .Chat .avatar, .ChatWindow .ChatHeader .User img, .ChatWindow .Rail .User img, .ChatWindow .Write img {display: none;} .ChatWindow .Rail .User { min-height:1.6em; height:1.6em; font-size:inherit;} /* Slightly smaller text for list of users */ .ChatWindow .ChatHeader .User .username, .ChatWindow .Rail .User .username { font-size: 90%;} .ChatWindow .ChatHeader .User, .ChatWindow .Rail .User { padding: 0 0 0 1em;} .ChatWindow .Chat .message img { vertical-align: top; max-height: 1.6em; height:auto; width:auto; } .ChatWindow .Rail .splotch { min-width: 1.6em; height: 1.6em; line-height: 1.6em; top: .4em;} .ChatWindow .Rail .PrivateChatList .splotch {right: 1.5em;} .ChatWindow .User .username:after {right: 0; top: .2em;} .ChatWindow .Write {padding-left: 0;} .ChatWindow .Write .message {border-left: 0; padding: 0; height: 3.2em;} .ChatWindow .Write [name="message"] {padding: 0 .3em; -moz-padding-end:0;}

/* COLOR FIXES */ .ChatWindow {background-color: #AAA; color:#000;} .ChatWindow a:link {color: #0645AD;} .ChatWindow a:visited {color: #0B0080;} .ChatWindow .ChatHeader, .ChatWindow .WikiaPage {background: #F0F0F0; color:#000;} .ChatWindow .Chat, .ChatWindow .Write .message, .ChatWindow .Write [name="message"] {background: #FFF; color: #000;} .ChatWindow .ChatHeader, .ChatWindow .ChatHeader .User, .ChatWindow .ChatHeader .User img, .ChatWindow .WikiaPage, .ChatWindow .Chat, .ChatWindow .Write .message, .ChatWindow .Write img, .ChatWindow .Chat .avatar, .ChatWindow .Rail img, .ChatWindow .Rail .private, .ChatWindow .UserStatsMenu, .ChatWindow .UserStatsMenu .info img, .ChatWindow .UserStatsMenu .actions .separator {border-color: #CCC;} .ChatWindow .UserStatsMenu .info, .ChatWindow .Rail .private {background-color: #CCC; background-image: -moz-linear-gradient(center top, #FFF 0, #CCC 100%);} .ChatWindow .Rail .selected {background-color: #AAA; box-shadow:none;} .ChatWindow .Rail .User:hover, .ChatWindow .Rail .public:hover, .ChatWindow .UserStatsMenu .actions ul li:hover {background-color: #CCC;} .ChatWindow .Chat .you, .ChatWindow .UserStatsMenu {background-color: #EEE;} .ChatWindow .UserStatsMenu .actions ul li, .ChatWindow .UserStatsMenu .actions ul li a {color: #000;} .ChatWindow .UserStatsMenu .actions ul li .icon{ opacity:.40; -khtml-opacity:.40; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); } .ChatWindow .UserStatsMenu .actions ul li.message-wall .icon, .ChatWindow .UserStatsMenu .actions ul li.talk-page .icon{background-position:-490px 0;} .ChatWindow .UserStatsMenu .actions ul li.contribs .icon{background-position:-366px 0;} .ChatWindow .UserStatsMenu .actions ul li.private .icon{background-position:-552px 0;} .ChatWindow .UserStatsMenu .actions ul li.private-block .icon{background-position:-614px 0;} .ChatWindow .UserStatsMenu .actions ul li.give-chat-mod .icon{background-position:-304px 0;} .ChatWindow .UserStatsMenu .actions ul li.kick .icon{background-position:-428px 0;} .ChatWindow .UserStatsMenu .actions ul li.ban .icon{background-position:-242px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover .icon{ opacity:.70; -khtml-opacity:.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); } .ChatWindow .UserStatsMenu .actions ul li:hover.message-wall .icon, .ChatWindow .UserStatsMenu .actions ul li:hover.talk-page .icon{background-position:-521px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover.contribs .icon{background-position:-397px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover.private .icon{background-position:-583px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover.private-block .icon{background-position:-641px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover.give-chat-mod .icon{background-position:-335px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover.kick .icon{background-position:-459px 0;} .ChatWindow .UserStatsMenu .actions ul li:hover.ban .icon{background-position:-273px 0;}