MediaWiki:Chat.css

.Rail .private { color:black; border:1px solid black; border-radius:10px; background: #f1e767; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, red, orange, red); /* FF3.6+ */ background: -webkit-linear-gradient(red, orange, red); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-8 */ }

.ChatWindow { background: #2a2a2a !important; background-image: url(https://images.wikia.nocookie.net/__cb20140222165016/lookout/images/0/01/Dragon_Ball2.png) !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 500px 500px !important; background-attachment: fixed !important; } .ChatWindow #WikiaPage, .ChatHeader { background: rgb(255, 255, 255) !important; background: rgba(155, 155, 155, 0.35) !important; border: 1px solid silver !important; } .ChatWindow #WikiaPage { top: 50px !important; border-radius: 0 0 3.5px 3.5px !important; margin-bottom: 0 !important; } .ChatHeader .User, .ChatWindow .Rail .User { border-radius: 15px !important; background: #FA7512 !important; background: -moz-linear-gradient(top, #FA7512, #FF6500 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#FA7512), color-stop(100%, #FF6500)) !important; background: -webkit-linear-gradient(top, #FA7512, #FF6500 100%) !important; background: -ms-linear-gradient(top, #FA7512, #FF6500 100%) !important; background: -o-linear-gradient(top, #FA7512, #FF6500 100%) !important; background: linear-gradient(to bottom, #FA7512, #FF6500 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#FA7512", endColorStr="#FF6500")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#FA7512", endColorStr="#FF6500") !important; } .ChatHeader .User.chat-mod, .ChatWindow .Rail .User.chat-mod { background: #9F9F9F !important; background: -moz-linear-gradient(top, #9F9F9F, #6D6D6D 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#9F9F9F), color-stop(100%, #6D6D6D)) !important; background: -webkit-linear-gradient(top, #9F9F9F, #6D6D6D 100%) !important; background: -ms-linear-gradient(top, #9F9F9F, #6D6D6D 100%) !important; background: -o-linear-gradient(top, #9F9F9F, #6D6D6D 100%) !important; background: linear-gradient(to bottom, #9F9F9F, #6D6D6D 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#9F9F9F", endColorStr="#6F6F6F")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#9F9F9F", endColorStr="#6F6F6F") !important; } .ChatHeader .User.admin, .ChatWindow .Rail .User.admin { background: #840A0A !important; background: -moz-linear-gradient(top, #840A0A, #A60A0A 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#840A0A), color-stop(100%, #A60A0A)) !important; background: -webkit-linear-gradient(top, #840A0A, #A60A0A 100%) !important; background: -ms-linear-gradient(top, #840A0A, #A60A0A 100%) !important; background: -o-linear-gradient(top, #840A0A, #A60A0A 100%) !important; background: linear-gradient(top, #840A0A, #A60A0A 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#840A0A", endColorStr="#A60A0A")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#840A0A", endColorStr="#A60A0A") !important; } .ChatHeader .User.bureaucrat, .ChatWindow .Rail .User.bureaucrat { background: #FAAF00 !important; background: -moz-linear-gradient(top, #FAAF00, #F39F0A 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#FAAF00), color-stop(100%, #F39F0A)) !important; background: -webkit-linear-gradient(top, #FAAF00, #F39F0A 100%) !important; background: -ms-linear-gradient(top, #FAAF00, #F39F0A 100%) !important; background: -o-linear-gradient(top, #FAAF00, #F39F0A 100%) !important; background: linear-gradient(to bottom, #FAAF00, #F39F0A 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#FAAF00", endColorStr="#F39F0A")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#FAAF00", endColorStr="#F39F0A") !important; } .ChatHeader .User.VSTF, .ChatWindow .Rail .User.VSTF { background: #0A7A7A !important; background: -moz-linear-gradient(top, #0A7A7A, #2A6A6A 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#0A7A7A), color-stop(100%, #2A6A6A)) !important; background: -webkit-linear-gradient(top, #0A7A7A, #2A6A6A 100%) !important; background: -ms-linear-gradient(top, #0A7A7A, #2A6A6A 100%) !important; background: -o-linear-gradient(top, #0A7A7A, #2A6A6A 100%) !important; background: linear-gradient(to bottom, #0A7A7A, #2A6A6A 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#0A7A7A", endColorStr="#2A6A6A")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#0A7A7A", endColorStr="#2A6A6A") !important; } .ChatHeader .User.away, .ChatWindow .Rail .User.away { background: #0F0F7D !important; background: -moz-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#0F0F7D), color-stop(100%, #2A2A9F)) !important; background: -webkit-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: -ms-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: -o-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#0F0F7D", endColorStr="#2A2A9F")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#0F0F7D", endColorStr="#2A2A9F") !important; } .ChatHeader .User img, .Write img { border-radius: 5px !important; border: 1px solid blue !important; opacity: 0.4 !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40) !important; -webkit-transition: all 750ms ease-in !important; -moz-transition: all 750ms ease-in !important; -o-transition: all 750ms ease-in !important; transition: all 750ms ease-in !important; } .ChatHeader .User img:hover, .Write img:hover { opacity: 1 !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important; } .ChatWindow #WikiaPage .Chat li.inline-alert { color: #FF0A0A !important; } .ChatWindow #WikiaPage .Chat ul li[data-user="Ultimate Dark Carnage"], .ChatWindow #WikiaPage .Chat ul li[data-user="HypercaneTeen"] { background: #FF5412 !important; } .ChatWindow #WikiaPage .Write .message { border-radius: 10px / 5px !important; } .ChatWindow #WikiaPage .Write [name="message"] { color: #2A2A2A !important; } .ChatWindow .Rail { background: rgb(255, 128, 12) !important; background: rgba(255, 128, 12, 0.35) !important; border: none !important; } .ChatWindow .UserStatsMenu { border-radius: 20px !important; box-shadow: 0 0 4px #8A8A8A !important; padding: 4px !important; background: #0F0F7D !important; background: -moz-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(#0F0F7D), color-stop(100%, #2A2A9F)) !important; background: -webkit-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: -ms-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: -o-linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; background: linear-gradient(top, #0F0F7D, #2A2A9F 100%) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#0F0F7D", endColorStr="#2A2A9F")' !important; filter: progid:DXImageTransform.Microsoft.Gradient( gradientType="1", startColorStr="#0F0F7D", endColorStr="#2A2A9F") !important; } .ChatWindow .UserStatsMenu .info { border: none !important; background: none !important; }

.Write .message { -moz-box-sizing: border-box; background-color: yellow; color: red; border: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; }

.Write [name="message"] { color: red; }

.User .username { color: orange; font-family: Black Chancery, Georgia; }