MediaWiki:Chat.css

/* Replace chatmod star with Celestia's cutie mark (also make chatmod stars actually work) */

/*Remove existing mod star*/ .User.chat-mod .username{ background-image:none; }

padding: 4px 4px 4px 46px; }
 * 1) WikiChatList > li {

.User.chat-mod { border:1px solid black; border-radius:10px; background: gold; /* Old browsers */ background: -moz-linear-gradient(top,0% 0%, 0% 100%, color-stop(0, #FFF700), color-stop(50%, #FFF700), color-stop(100%, gold)); /* FF3.6+ */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #FFF700), color-stop(50%, #FFF700), color-stop(100%, gold)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, 0% 0%, 0% 100%, color-stop(0, #FFF700), color-stop(50%, #FFF700), color-stop(100%, gold)); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, 0% 0%, 0% 100%, color-stop(0, #FFF700), color-stop(50%, #FFF700), color-stop(100%, gold)); /* Opera 11.10+ */ background: -ms-linear-gradient(top, 0% 0%, 0% 100%, color-stop(0, #FFF700), color-stop(50%, #FFF700), color-stop(100%, gold)); /* IE10+ */ background: linear-gradient(to bottom, 0% 0%, 0% 100%, color-stop(0, #FFF700), color-stop(50%, #FFF700), color-stop(100%, gold)); /* W3C */ } .Rail { border:1px solid black; border-radius:10px; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ }

.Chat .avatar { border: 1px solid #CCCCCC; }

.User { border:1px solid black; border-radius:10px; background: #feccb1; /* Old browsers */ background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */ background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */ } .Write .message { -moz-box-sizing: border-box; background-color: #FFFFFF; color: #101010; border: 1px solid #CCCCCC; } .Write [name="message"] { color: #101010; } .Rail .private { background-color: #D7D7D7; background-image: -moz-linear-gradient(center top, whitesmoke 0pt, #D7D7D7 100%); border-bottom: 1px solid #BABABA; border-top: 1px solid #BABABA; display: none; font-size: 11px; padding: 3px 2px 2px; } .ChatHeader { background: url("https://images.wikia.nocookie.net/grandline/images/2/29/One_Piece_Banner.png"); } .ChatHeader .User { border-left: 1px solid #CCCCCC; } .User img { border: 1px solid #CCCCCC; } .Write img { border: 1px solid #CCCCCC; } .ChatHeader .User .username { color: black; }

.User .username { color: black; } .User.away { color: white; } .UserStatsMenu { background: none repeat scroll 0 0 white; } .UserStatsMenu .info { background: none repeat scroll 0 0 #CCDAF2; } .UserStatsMenu .actions ul li { color: #0148C2; } .UserStatsMenu .actions ul li:hover { background-color: #CCDAF2; } .Rail .User:hover { background: none repeat scroll 0 0 #CCDAF2; } .modalWrapper { background: none repeat scroll 0 0 padding-box white; border-color: rgba(0, 0, 0, 0.8); border-style: solid; border-width: 5px; box-shadow: 0 10px 60px 0 #7F7F7F; color: #3A3A3A; position: absolute; }

/* New chatmod stars */ .User.chat-mod .username:after, .User.staff .username:after {background-image:none !important;}

.user .username:after {right: 6px !important;}

.User.chat-mod .username:after { content:url('https://images.wikia.nocookie.net/grandline/images/thumb/b/b2/Straw_Hat.png/19px-Straw_Hat.png'); }

.User .username.bot:after { content:url('https://images.wikia.nocookie.net/tehkittycat/images/thumb/4/48/256px-HAL9000.svg.png/19px-256px-HAL9000.svg.png'); float:right; }

.User.chat-mod .username.Ricky:after { content: url("https://images.wikia.nocookie.net/deadliestfiction/images/thumb/0/0a/Wailordemote.png/15px-Wailordemote.png"); } .User.chat-mod.admin .username:after { content:url('https://images.wikia.nocookie.net/grandline/images/thumb/2/28/Ace_Icon.png/19px-Ace_Icon.png'); }

.User.chat-mod.vstf .username:after { content:url('https://images.wikia.nocookie.net/__cb20120627020139/callofduty/images/0/09/VSTF_star.png'); float:right; }

.User.chat-mod.staff .username:after { content:url('https://images.wikia.nocookie.net/hurr/images/f/f3/Icon-staff.png'); }

.User.chat-mod .username:after { background-image:none; }

.Write img { left: 11px; position: absolute; height: 33px; width: 33px; }

i, em {font-style:italic !important;}

.Chat .inline-alert * {display: inline;}

img[onload] { width: 0px !important; height: 0px !important; border: none !important; }

/* Undoing Wikia's change to avatars on chat - they're way too big */ .Chat .avatar { height: 28px; width: 28px; left: 8px; }

/* Improving spacing */

.Chat li { padding: 18px 15px 20px 49px; }

.Chat { line-height: 1.2em; }

/* Fix for changes made by options menu */

.Rail .public .chevron { top: 48px; }

.Rail .public .chevron.closed { top: 49px; } .Rail .public span.splotch { top: 46px; }

.chattopic { text-align:center; position:absolute; width:100%; z-index:0; font-size:14px; color:#3A3A3A; line-height: 145%; color:#3A3A3A; font-weight:bold; top: 0px; }