User:BryghtShadow/wikia.css

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; }