MediaWiki:Chat.css

body { background-color: #000a17; font-family: 'Comic Sans MS'; }

.Chat { background-color: transparent; color: white; border-left: none; border-top: none; }

.Chat .avatar { border: 1px solid #fec015 !important; border-radius: 0.5pc; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; }

.Chat .inline-alert { color: #edebde; font-size: 14px; }

.Chat .me-message { color: #f2e263; }

.me-username { visibility: hidden; }

.me-username span { visibility: visible; }

.me-message { border-left: 3px solid; }

.Chat .username { color:#d4802b; font-family: 'Comic Sans MS' !important; text-shadow: 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 5px #000, 1px 1px 5px #000, -1px 1px 5px #000, -1px 1px 5px #000; text-transform: none; }

.Chat .you { background: transparent; }

.ChatHeader { background: grey; border-radius: 1pc; border-color: black; -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); -moz-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 { font-family: 'Comic Sans MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; color: #e9daaf; }

.ChatHeader .User { color:#e9daaf !important; }

.ChatWindow .UserStatsMenu { background-color: #1e140b; border: 3px solid #d6ecef; 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 #d6ecef, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #c0ccd8 !important; }

color: #edebde; font-style: italic; top: 14px !important; margin-left: 5px; text-shadow: 1px 1px #333; }
 * 1) pingspan {

.Rail .private { background: linear-gradient(135deg, grey, black, grey); border-radius: 1pc; border-color: black; color: white; 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 { background: grey; background-size: 5px 5px; border: 1px solid white; border-radius: 1px 1pc 1pc 1px; }

background: none; background-color: #787878CC; }
 * 1) optionsWindow.modalWrapper {

.Rail .public .wordmark { vertical-align: inherit; }

.Rail .public .chevron { top: 11px; left: 10px; }

.Rail .public .chevron.closed { left: 14px; top: 8px; }

body.ChatWindow #Rail .username { color: #e9daaf; font-weight: bold !important; }

.Rail .selected { background: linear-gradient(135deg, grey, black, grey); border-radius: 1pc; border-color: black; color: white; 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 .splotch { background-color: red; background-image: none; }

.Rail .User:hover { background: grey; border-radius: 1px 1pc 1pc 1px; border-color: black; box-shadow: 1px 1px 1px #222; color: #be5727; }

.User img { 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 { border-radius: 1pc; color: #e9daaf; text-shadow: 1px 1px 2px #000; }

.UserStatsMenu .actions ul li:hover { background: #56422c; }

.UserStatsMenu .actions ul li .label { color:#e9daaf; }

.UserStatsMenu .info { height: 49px; background: linear-gradient(135deg, grey, black, grey); 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 { border: 1px solid #222; border-radius: 3pc 1pc 1pc; }

background: linear-gradient(135deg, grey, black, grey); border: 1px solid white; 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); }
 * 1) WikiaPage {

.wordmark img { margin-left: 5px; }

.Write img { border: 1px solid #222; border-radius: 1pc; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

.Write [name="message"] { background: rgba(255, 255, 255, 0.03); border-color: #d6ecef; color: white; font-family: 'Comic Sans MS' !important; }

.Write .message { background: rgb(45,31,18,0.5); }

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

.message.ping { color: grey !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; }

.ChatWindow #WikiaPage { background: url(https://vignette.wikia.nocookie.net/undertale-rp-wiki/images/7/7f/Untitled.jpg/revision/latest?cb=20200309153328); background-size: cover; background-position: center; }

/* Fonts */ .Chat .message, .Chat .time { color: #FFFFFF; font-family: 'Comic Sans MS' !important; text-shadow: 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0); } .Chat .inline-alert { color: #dbf0ee; font-family: 'Comic Sans MS' !important; } .Chat a { color: #333bcc !important; font-family: 'Comic Sans MS' !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); } .Chat .me-message { color: #e5b380; font-family: 'Comic Sans MS' !important; } .Chat .username { color: #d4802b; font-family: 'Comic Sans MS' !important; text-shadow: 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 5px #000, 1px 1px 5px #000, -1px 1px 5px #000, -1px 1px 5px #000; text-transform: uppercase; } body.ChatWindow #Rail .username { color: #FFFFFF; font-family: 'Comic Sans MS' !important; text-shadow: 1px 1px 2px #241208, -1px 1px 2px #241208; }

.ChatWindow .ChatWindow .chat-toolbar.wds-button-group .chat-toolbar__dropdown, .ChatWindow .chat-toolbar.wds-button-group .chat-toolbar__dropdown .wds-dropdown__content, .chat-toolbar.wds-button-group__dropdown { background-color: white; color: white; text-shadow: 0 0 4px white; }

border-color: white !important; }
 * 1) WikiaPage {

[data-user="AsheTheLoneWolfPup64"] .username::after, [data-user="AsheTheLoneWolfPup64"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/undertale-rp-wiki/images/8/89/Wiki-wordmark.png/revision/latest?cb=20200204170234") !important;}