MediaWiki:Chat.css

body { /* the whole page */ background-color: #2d1b07; font-family: 'Trebuchet MS'; } .Chat .username::after { /* resizes chat modicon */ background-size: 15px 15px; display: inline-block; margin-left: 3px; height:15px; width:15px;} .badge svg, .modicon { display: none;} /* Custom User Chat Icons */ /* Bureaucrats */ [data-user="SkygliderTheSeaWingNightWingHybrid"] .username::after, [data-user="SkygliderTheSeaWingNightWingHybrid"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/0/04/MorrowseerGold.gif/revision/latest?cb=20171107031041") !important;}

/* Administrators */ [data-user="Aquarius the Seawing Prince"] .username::after, [data-user="Aquarius the Seawing Prince"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/f/f7/Platy_SilverAdminRing_Jump.gif/revision/latest?cb=20171206165237") !important;} [data-user="EverestTheIceWingSkyWing"] .username::after, [data-user="EverestTheIceWingSkyWing"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/5/5d/Ubi_SilverAdminRing_Jump.gif/revision/latest?cb=20181224094636") !important;} /* ChatModerators */ /*[data-user="UserNameHere"] .username::after, [data-user="UserNameHere"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/8/8f/ChatmodbronzeMovingdragon.gif/revision/latest?cb=20170329230500") !important;}*/

.Chat { /* the region where the chatting shows up */ background-color: #0c3d62; color: #d6e8fa; border-left: 2px solid #152433; border-top: 2px solid #152433; border-top-left-radius: 2pc; font-family: 'Trebuchet MS'; } .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #eb1948; border-radius: 0.5pc; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } .Chat .inline-alert { /* ~Inline alerts~ */ color: #d6e8fa; font-size: 14px; } .Chat .me-message { /* Changes what /me does */ color: #c17fac; } .Chat .username { /* Usernames in chat box */ color:#eb1948; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: #152433; } .ChatHeader { /* Formats the main chat header */ background: linear-gradient(45deg, #152433, #024b64, #152433); border: 1px solid #a14c7a; border-radius: 1pc; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .ChatHeader .private { /* Formats the private chat header */ font-family: 'Trebuchet MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; color:#06bee0; } .ChatHeader .User { /* Formats the username at top-right corner */ color:#d6e8fa; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #080d12; border: 3px solid #cc98c6; border-radius: 2pc 1pc; -webkit-box-shadow: 0 0 12px 0 v, inset -2px 0 5px#000000, inset -10px -1px 16px #000; box-shadow: 0 0 12px 0 #cc98c6, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #fad6e6 !important; }	color: #fad6e6; font-style: italic; top: 14px !important; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: #152433; background-size: 5px 5px; border: 1px solid #eb1948; border-radius: 1pc; color: #e2365b; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .public { /* Space behind the logo on the Rail */ background: #152433; background-size: 5px 5px; border: 1px solid #a14c7a; border-radius: 1px 1pc 1pc 1px; } .Rail .public .wordmark { vertical-align: inherit; } .Rail .public .chevron { top: 11px; left: 10px; } .Rail .public .chevron.closed { left: 14px; top: 8px; } /* the user's username color in the users rail */ body.ChatWindow #Rail .username { color: #ffe5d1; font-weight: bold !important; } .Rail .selected{ /* Wiki logo or selected PM */ background: #152433; background-size: 5px 5px; border: 1px solid #a14c7a; border-radius: 1px 1pc 1pc 1px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .splotch { /* Number of missed messages */ background-color: #994374; background-image: none; } .Rail .User:hover { /* Hovering over a user */ background: #994374; border-radius: 1px 1pc 1pc 1px; -webkit-box-shadow: 1px 1px 1px #222; box-shadow: 1px 1px 1px #222; color: #fec551; } .User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #d6e8fa; border-radius: 0.5pc; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } .UserStatsMenu .actions ul li { /* the 'body' of this menu */ border-radius: 1pc; color: #d6e8fa; text-shadow: 1px 1px 2px #000; } .UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */ background: #994374; } .UserStatsMenu .actions ul li .label{ color:#d6e8fa; } .UserStatsMenu .info { /* The area of this menu behind the name */ height: 49px; background: linear-gradient(135deg, #064d81, #1a2b3c); border-radius: 2pc 1pc 0pc 2pc; -webkit-box-shadow: 0 6px 9px rgba(0, 0, 0, 0), inset 0 1px #1A2715,inset 0 10px rgba(255, 255, 255, 0),inset 0 10px 20px rgba(255,255,255,0),inset 0 -15px 30px rgba(0,0,0,0); box-shadow: 0 6px 9px rgba(0, 0, 0, 0), inset 0 1px #1A2715,inset 0 10px rgba(255, 255, 255, 0),inset 0 10px 20px rgba(255,255,255,0),inset 0 -15px 30px rgba(0,0,0,0); } .UserStatsMenu .info img { /* The picture on this menu */ border: 1px solid #222; border-radius: 3pc 1pc 1pc; }	background: linear-gradient(135deg,#064d81,#152433,#064d81); border: 1px solid #1692bf; border-radius: 2pc 1pc; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .wordmark img { /* Wings of Fire WIKI logo */ margin-left: 5px; } .Write img { /* Picture to left of textbox */ border: 1px solid #222; border-radius: 1pc; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .Write [name="message"] { /* Smaller region within Textbox */ background: #000; background: rgba(255, 255, 255, 0.03); border-radius: 1pc; color: #d6e8fa; } .Write .message { /* Textbox */ background: #152433; color: #FFFFFF; background-size: 5px 5px; border-radius: 2pc; padding: 10px; }   height: 600px; } .EmoticonsWindowIcon { background: yellow; } .message.ping { color:#5BF789 !important; }
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) WikiaPage { /* Everything within the background border */
 * 1) EmoticonsWindowList {