User:NeonSpotlight/global.css

/* Layout Fixes */ .ChatWindow * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .ChatWindow, .ChatWindow textarea {font: 12px/1.6em DejaVu Sans, Arial, sans-serif;} .ChatWindow .ChatHeader .User, .ChatWindow .Rail {width: 14em; font-size: inherit;} .ChatWindow .UserStatsMenu, .ChatWindow .Write, .ChatWindow .Chat {right: 14em; font-size: inherit;} .ChatWindow .Rail h1 {margin: 0;} .ChatWindow .Rail .public {height: auto;} .ChatWindow .Rail ul {padding: .5em 0;} .ChatWindow .Rail .User.away {font-style: italic;} .ChatWindow .Rail .User.away .details {display: none;} .ChatWindow .Chat .inline-alert .time {font-weight: 400;} .ChatWindow .Chat .username .boundary {position:absolute;top:-9999px;left:-9999px;} .ChatWindow .Chat .time {display: inline; float: none;} .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;} .ChatWindow .Chat .time, .ChatWindow .Chat .username, .ChatWindow .Chat .inline-alert .time, .ChatWindow .Chat .continued .time, .ChatWindow .Chat .continued .username {display: inline;} .ChatWindow .Chat .inline-alert {text-align: left;} .ChatWindow .Chat .inline-alert:before, .ChatWindow .Chat .inline-alert:after {content: '';} .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;} .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;}