User:BryghtShadow/chat.css

a { background: none repeat scroll 0 0 transparent; color: #0645AD; text-decoration: none; } a:visited { color: #0B0080; } a:active { color: #FAA700; } a:hover, a:focus { text-decoration: underline; }

/* */

body.ChatWindow { background: hsl(211, 81%, 92%); color: hsl(0, 1%, 17%); } .ChatWindow .WikiaPage { background: transparent url('http://images1.wikia.nocookie.net/__cb20101104081744/ghostintheshell/en/images/2/21/80opacitywhite.png'); border: 1px solid hsl(207, 12%, 71%); color: hsl(0, 1%, 17%); } .ChatWindow .ChatHeader { background-color: hsl(206, 40%, 89%); border: 1px solid hsl(207, 12%, 71%); } .ChatHeader .User { border-left: 1px solid hsl(207, 12%, 71%); } .ChatWindow .Chat { border-right: 1px solid hsl(207, 12%, 71%); border-bottom: 1px solid hsl(207, 12%, 71%); } .ChatWindow .Chat .you { background: hsl(205, 30%, 85%); } .ChatWindow .Write .message { background-color: hsl(207, 40%, 84%); border: 1px solid hsl(207, 12%, 71%); } .ChatWindow .Write [name="message"] { color: hsl(0, 1%, 17%); } .ChatWindow .wordmark { color: hsl(210, 50%, 40%); } .ChatWindow .Rail .selected { box-shadow: inset 0 0 7px 0px white; -webkit-box-shadow: inset 0 0 7px 0px white; background: hsl(208, 36%, 79%); } .ChatWindow .Rail .User:hover { background: hsl(208, 36%, 79%); } .ChatWindow .Rail .private { background-color: hsl(207, 14%, 75%); background-image: -moz-linear-gradient(top,hsl(205, 30%, 75%) 0,hsl(207, 14%, 75%) 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,hsl(205, 30%, 75%)),color-stop(100%,hsl(207, 14%, 75%))); background-image: -o-linear-gradient(top,hsl(205, 30%, 75%) 0,hsl(207, 14%, 75%) 100%); background-image: -ms-linear-gradient(top,hsl(205, 30%, 75%) 0,hsl(207, 14%, 75%) 100%); border-top: 1px solid hsl(208, 8%, 64%); border-bottom: 1px solid hsl(208, 8%, 64%); }

.ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0px hsl(211, 81%, 92%); -webkit-box-shadow: 0 0 12px 0px hsl(211, 81%, 92%); border: 3px solid hsl(211, 81%, 92%); } .ChatWindow .UserStatsMenu { background: hsl(206, 40%, 89%); } .ChatWindow .UserStatsMenu .info { background: hsl(208, 36%, 79%); } .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:hover { opacity: .70; -khtml-opacity: .70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); background-color: hsl(208, 36%, 79%); } .ChatWindow .UserStatsMenu .actions ul li.message-wall .icon, .ChatWindow .UserStatsMenu .actions ul li.talk-page .icon { background-position: -490px 0px; } .ChatWindow .UserStatsMenu .actions ul li:hover.message-wall .icon, .ChatWindow .UserStatsMenu .actions ul li:hover.talk-page .icon { background-position: -521px 0px; } .ChatWindow .UserStatsMenu .actions ul li.contribs .icon { background-position: -366px 0px; } .ChatWindow .UserStatsMenu .actions ul li:hover.contribs .icon { background-position: -397px 0px; } .ChatWindow .UserStatsMenu .actions ul li.private .icon { background-position: -552px 0px; } .ChatWindow .UserStatsMenu .actions ul li:hover.private .icon { background-position: -583px 0px; } .ChatWindow .UserStatsMenu .actions ul li.give-chat-mod .icon { background-position: -304px 0px; } .ChatWindow .UserStatsMenu .actions ul li:hover.give-chat-mod .icon { background-position: -335px 0px; } .ChatWindow .UserStatsMenu .actions ul li.kick .icon { background-position: -428px 0px; } .ChatWindow .UserStatsMenu .actions ul li:hover.kick .icon { background-position: -459px 0px; } .ChatWindow .UserStatsMenu .actions ul li.ban .icon { background-position: -242px 0px; } .ChatWindow .UserStatsMenu .actions ul li:hover.ban .icon { background-position: -273px 0px; } .ChatWindow .UserStatsMenu .actions .separator { border-top: hsl(207, 12%, 71%) 1px solid; }

/* Shrink user list to be minimalist. */ .Rail .User img { display:none; } .Rail .User { padding: 1px 2px; min-height:15px; } .User.away { font-style: italic; } .User .details { display: none; } .User .username::after { top: 0px; }

/* */

.Chat .avatar { top: 0.2em; } .Chat ul     { padding-top: 0.5em; padding-bottom: 0.5em; }

.Chat .time  { padding-top: 1.4em; } .Chat .continued .time, .Chat .inline-alert .time { padding-top: 0; display: block; } .Chat li, .Chat .inline-alert { line-height: 1.4em; padding-top: 0em; padding-bottom: 0em; } .Chat .continued { margin-bottom: -0em; top: -0em; }