MediaWiki:Chat.css

body { /* the whole page */ background-color: #ffffff; font-family: 'Comic Sans MS',cursive, sans-serif; } .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;}

.Chat { /* the region where the chatting shows up */ background: url(https://vignette.wikia.nocookie.net/trolling/images/2/24/Betterface.png/revision/latest?cb=20171224021625); color: #000000; border-left: 2px solid #0000cc; border-top: 2px solid #0000cc; border-top-left-radius: 2pc; font-family: 'Comic Sans MS',cursive, sans-serif; font-weight:bolder; } .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #33ccff; border-radius: 0.5pc; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } .Chat .inline-alert { /* ~Inline alerts~ */ color: #000066; font-size: 14px; } .Chat .me-message { /* Changes what /me does */ color: #ffff66; font-size: 60px; } .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: 100px dotted; } .Chat .username { /* Usernames in chat box */ color:#003366; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: transparent; /*background: rgba(18, 64, 2, 0.5);*/ } .ChatHeader { /* Formats the main chat header */ background: -webkit-linear-gradient(45deg, #0000ff, #0000cc, #0000ff); background: -o-linear-gradient(45deg, #0000cc, #3399ff, #0000cc); background: linear-gradient(45deg, #3399ff, #b3d9ff, #3399ff); /*background: #13313B url(https://vignette.wikia.nocookie.net/wings-of-fire-experimental/images/0/0e/Community-header-background/revision/latest?cb=20170615195412) repeat center center fixed;*/ /*background-size: cover;*/ border: 2px solid #86D0EB; border-radius: 2pc; -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:#fff200; } .ChatHeader .User { /* Formats the username at top-right corner */ background: url(https://vignette.wikia.nocookie.net/trolling/images/2/24/Betterface.png/revision/latest?cb=20171224021625); } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #2f0404; border: 3px solid #86D0EB; border-radius: 2pc 1pc; -webkit-box-shadow: 0 0 12px 0 #86D0EB, inset -2px 0 5px#000000, inset -10px -1px 16px #000; box-shadow: 0 0 12px 0 #86D0EB, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #86D0EB !important; }	color: #ffe996; font-style: italic; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: -webkit-linear-gradient(45deg, #7a4005, #2f0404, #7a4005); background: -o-linear-gradient(45deg, #7a4005, #2f0404, #7a4005); background: linear-gradient(45deg, #7a4005, #2f0404, #7a4005); background-size: 5px 5px; border: 1px solid #f58515; border-radius: 1pc; color: #f58515; -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: -webkit-linear-gradient(45deg, #4d3900, #2f0404, #4d3900); background: -o-linear-gradient(45deg, #4d3900, #2f0404, #4d3900); background: linear-gradient(45deg, #4d3900, #2f0404, #4d3900); background-size: 5px 5px; border: 1px solid #86D0EB; border-radius: 1px 1pc 1pc 1px; } /* the user's username color in the users rail */ body.ChatWindow #Rail .username { color: #86D0EB; font-weight: bold !important; } .Rail .selected{ /* Wiki logo or selected PM */ background: -webkit-linear-gradient(45deg, #664d00, #2f0404, #664d00); background: -o-linear-gradient(45deg, #664d00, #2f0404, #664d00); background: linear-gradient(45deg, #664d00, #2f0404, #664d00); background-size: 5px 5px; border: 1px solid #86D0EB; 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: #f58515; background-image: none; } .Rail .User:hover { /* Hovering over a user */ background: #f58515; border-radius: 1px 1pc 1pc 1px; -webkit-box-shadow: 1px 1px 1px #222; box-shadow: 1px 1px 1px #222; color: #fff200; } .User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #ffe996; 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: #ffe996; text-shadow: 1px 1px 2px #000; } .UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */ background: #5f0707; } .UserStatsMenu .actions ul li .label{ color:#86D0EB; } .UserStatsMenu .info { /* The area of this menu behind the name */ background: -webkit-linear-gradient(315deg, #821717, #5f0707); background: -o-linear-gradient(315deg, #821717, #5f0707); background: linear-gradient(135deg, #821717, #5f0707); border-radius: 2pc 1pc 1pc 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: -webkit-linear-gradient(315deg,#821717, #5f0707, #821717); background: -o-linear-gradient(315deg,#821717, #5f0707, #821717); background: linear-gradient(135deg,#821717, #5f0707, #821717); border: 1px solid #2f0404; 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: #ffe996; } .Write .message { /* Textbox */ background: #5f0707; color: #FFFFFF; background-size: 5px 5px; border-radius: 2pc; padding: 10px; }   height: 600px; } .EmoticonsWindowIcon { background: yellow; } .Chat { background: url(https://vignette.wikia.nocookie.net/trolling/images/0/03/Bigolface.png/revision/latest?cb=20171224022606); background-size: cover; } /* Custom User Chat Icons */
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) WikiaPage { /* Everything within the background border */
 * 1) EmoticonsWindowList {

[data-user="Heron the Mudwing"] .username::after, [data-user="Heron the Mudwing"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/a/a5/HeronSilver.gif/revision/latest?cb=20171203025320") !important;}

[data-user="HailStorm the Ice Wing"] .username::after, [data-user="HailStorm the Ice Wing"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/trolling/images/f/f3/Troll.png/revision/latest?cb=20171223220313") !important;}