MediaWiki:Chat.css

body { /* the whole page */ background-color: transparent; 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="Sass-Parilla"] .username::after, [data-user="Sass-Parilla"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/lgbt-plus/images/f/f9/PassionModicon2.png/revision/latest?cb=20200325171425") !important;} /*Admins*/ [data-user="Landyid"] .username::after, [data-user="Landyid"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/lgbt-plus/images/1/1e/LandyidIcon.png/revision/latest?cb=20200615015742") !important;} [data-user="COBALT Sapphixation"] .username::after, [data-user="COBALT Sapphixation"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/lgbt-plus/images/2/2d/ColbatIcon.png/revision/latest?cb=20200618000818") !important;} .Chat { /* the region where the chatting shows up */ background-color: transparent; color: #DC143C; border-left: 2px solid #002726; border-top: 2px solid #002726; border-top-left-radius: 2pc; font-family: 'Trebuchet MS'; } .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #FFBA4A; border-radius: 0.5pc; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } .Chat .message, .Chat .inline-alert { color: #000000; } .Chat .me-message { /* Changes what /me does */ color: #FF1493; } .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:#FFBA4A; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: transparent; } .ChatHeader { /* Formats the main chat header */ background: url(https://vignette.wikia.nocookie.net/lgbt-plus/images/7/75/Community-header-background.jpg/revision-latest?cb=20200804200417) center center no-repeat, linear-gradient(45deg, #14251e, #0a782f, #14251e); background-size: cover; } .ChatHeader .private { /* Formats the private chat header */ font-family: 'Trebuchet MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; color:#ffffff; } .ChatHeader .User { /* Formats the username at top-right corner */ color:#FFE6BE; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #000A34; border: 3px solid #FFBA4A; 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 #FFBA4A, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #ffffff !important; }	color: #000000; font-style: italic; top: 14px !important; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: linear-gradient(135deg, #AFC3FF, #94AEFE); /*background-size: 5px 5px;*/ border: 1px solid #456CE8; border-radius: 1pc; color: #0008FF; -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: #DEDFFE; background-size: 5px 5px; border: 1px solid #6581b0; border-radius: 1px 1pc 1pc 1px; } /* Various Elements */ .ChatWindow #WikiaPage { background: url(https://vignette.wikia.nocookie.net/lgbt-plus/images/2/27/Transgender_flag.png/revision/latest?cb=20190625104903); background-position: bottom left; background-size: cover; }   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, #3cf399, #089a51); /*background-size: 5px 5px;*/ border: 1px solid #43c1ff; 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: #241208; border-radius: 1px 1pc 1pc 1px; box-shadow: 1px 1px 1px #222; color: #be5727; } .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: #e9daaf; 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); } .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: #FFFFFF; } .Write .message { /* Textbox */ background: transparent; color: #FFFFFF; background-size: 5px 5px; border-radius: 2pc; padding: 10px; }   height: 600px; } .EmoticonsWindowIcon { background: yellow; } .message.ping { color:red, orang, yellow, green, blue, purple !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; } /* CHAT SKIN CSS: END */ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) optionsWindow.modalWrapper { /*Chat Options color*/
 * 1) WikiaPage { /* Everything within the background border */
 * 1) EmoticonsWindowList {