MediaWiki:Chat.css

.Chat { /* the region where the chatting shows up */ background-color: transparent; color: #eef5d6; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-top-left-radius: 2pc; font-family: 'Trebuchet MS'; } .badge svg, .modicon { display: none;} /* Custom User Chat Icons */ [data-user="Chaotic Serval"] .username::after, [data-user="Chaotic Serval"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/9/97/Squrrielicon.png/revision/latest?cb=20190801030220") !important;} .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #aad434; border-radius: 0.5pc; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } .Chat .inline-alert { /* ~Inline alerts~ */ color: #eef5d6; font-size: 14px; }

.Chat .message, .Chat .inline-alert { color: #FFFFFF; text-shadow: 1px 1px 15px rgb(0,0,0), 1px 1px 15px rgb(0,0,0), 1px 1px 15px rgb(0,0,0), -1px 1px 15px rgb(0,0,0), -1px 1px 15px rgb(0,0,0), -1px 1px 15px rgb(0,0,0); } .Chat .time { color: #FFFFFF; text-shadow: 1px 1px 15px rgb(0,0,0), 1px 1px 15px rgb(0,0,0), 1px 1px 15px rgb(0,0,0), -1px 1px 15px rgb(0,0,0), -1px 1px 15px rgb(0,0,0), -1px 1px 15px rgb(0,0,0); } .Chat .me-message { /* Changes what /me does */ color: #499ed6; }

.me-username { /* this combination of styles hides the '* ' from the /me command */ visibility: hidden;} .me-username span { visibility: visible;}

.me-message { /* stylizes the /me command */ border-left: 3px solid; }

.Chat .username { /* Usernames in chat box */ color:#499ed6; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: #ffffff; }

.ChatHeader .private { /* Formats the private chat header */ font-family: 'Trebuchet MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; color:#aad434; } .ChatHeader .User { /* Formats the username at top-right corner */ color:#499ed6; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #22095E; border: 3px solid #17BCFE; 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 #aad434, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #e9daaf !important; }	color: #4005A6; font-style: italic; top: 14px !important; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: linear-gradient(135deg, #5004B0, #2E04B0); /*background-size: 5px 5px;*/ border: 1px solid #A7BCF5; border-radius: 1pc; color: #74F1EE; -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: #B9A7F5; background-size: 5px 5px; border: 1px solid #4D1C94; border-radius: 1px 1pc 1pc 1px; }   background: none; background-color: #787878CC; } .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: #e9daaf; font-weight: bold !important; } .Rail .selected{ /* Wiki logo or selected PM */ background: linear-gradient(135deg, #2DD9AF, #2DBCD9); /*background-size: 5px 5px;*/ border: 1px solid #2D3CD9; 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: #aad434; background-image: none; } .Rail .User:hover { /* Hovering over a user */ background: #22095E;
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) optionsWindow.modalWrapper { /*Chat Options color*/

border-radius: 1px 1pc 1pc 1px;

color: #0BA6DC;

} .User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #e9daaf; 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: #4E33BE; text-shadow: 1px 1px 2px #000; } .UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */ background: linear-gradient(135deg, #715e26, #ac8420, #4d4019); } .UserStatsMenu .actions ul li .label{ color:#e9daaf; } .UserStatsMenu .info { /* The area of this menu behind the name */ height: 49px; background: linear-gradient(135deg, #715e26, #ac8420, #4d4019); 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,#4ea242,#002726,#4ea242); border: 1px solid #aad434; 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: #3230a6; } .Write .message { /* Textbox */ background: #dedede; color: #000000; background-size: 5px 5px; border-radius: 2pc; padding: 10px; }
 * 1) WikiaPage { /* Everything within the background border */

height: 600px; } .EmoticonsWindowIcon { background: yellow; }
 * 1) EmoticonsWindowList {

.message.ping { color:red !important; text-shadow: 1px 1px 15px rgba(0,0,0,1.0), 1px 1px 15px rgba(0,0,0,1.0), 1px 1px 15px rgba(0,0,0,1.0), 1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0) !important; } /* Various Elements */ .ChatWindow #WikiaPage { background:url(https://vignette.wikia.nocookie.net/thewarriorswiki/images/9/94/Chat_chatskin.jpg/revision/latest?cb=20190802094004); background-position: bottom center; background-size: cover; }

.Chat .you { background: transparent; } /* CHAT SKIN CSS: END */ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/