Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CANON CHAT SKIN ("Module Mastery CSS") by [[User:Heliosanctus]] */
body { /* the whole page */
background-color: #1D3B2A;
}
.Chat { /* the region where the chatting shows up */
background-color: #0F1612;
border-left: 2px solid #888;
border-top: 2px solid #888;
border-top-left-radius: 2pc;
color: #FFF;
}
.Chat a { /* Hyperlinks */
color: #7DB393;
font-weight: bold;
}
.Chat .avatar { /* User pictures on the left side of the chat */
border: 1px solid #888;
border-radius: 0.5pc;
box-shadow: 0 0 2px #000;
}
.Chat .inline-alert { /* ~Inline alerts~ */
color: #7DB393;
font-size: 14px;
}
.Chat .username { /* Usernames in chat box */
color:#87A987;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
}
.Chat .you { /* Effects when you say something */
background: #18231E;
}
.ChatHeader {
background: linear-gradient(45deg, #0C171A, #333, #0C171A);
background-color: #1a251f;
border: 1px solid #555;
border-radius: 2pc;
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);
color: #CCC;
}
.ChatHeader .private {
font-family: 'Trebuchet MS';
margin-left: 10px;
text-transform: uppercase;
word-spacing: 2px;
}
.ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */
background-color: #0F1612;
border: 3px solid #888;
border-radius: 2pc 1pc;
box-shadow: 0 0 12px 0 #888, inset -2px 0 5px#3B5742, inset -10px -1px 16px #000;
color: #FFF;
}
#pingspan { /* Ping phrases (?) Chat Hacks */
color: #A0A83B;
font-style: italic;
margin-left: 5px;
text-shadow: 1px 1px #333;
}
.Rail .private { /* Private message bar */
background: linear-gradient(135deg, #111 50%, #000 50%);
background-size: 5px 5px;
border: 1px solid #888;
border-radius: 1pc;
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);
color: #CCC;
text-align: center;
}
.Rail .public { /* Space behind the logo on the Rail */
background: linear-gradient(135deg, #333 50%, #222 50%);
background-size: 5px 5px;
border: 1px solid #888;
border-radius: 1px 1pc 1pc 1px;
}
.Rail .selected{ /* Wiki logo or selected PM */
background: linear-gradient(135deg, #111 50%, #000 50%);
background-size: 5px 5px;
border: 1px solid #888;
border-radius: 1px 1pc 1pc 1px;
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: #007A21;
background-image: none;
}
.Rail .User:hover {
background: #888;
border-radius: 1px 1pc 1pc 1px;
box-shadow: 1px 1px 1px #222;
color: #00FF74;
}
.User img{ /* User Avatars on right as well as own at top right */
border: 1px solid #888;
border-radius: 0.5pc;
box-shadow: 0 0 2px #000;
}
.UserStatsMenu .actions ul li { /* the 'body' of this menu */
border-radius: 1pc;
color: #78cb97;
text-shadow: 1px 1px 2px #000;
}
.UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */
background: linear-gradient(to right,rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5));
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);
}
.UserStatsMenu .info { /* The area of this menu behind the name */
background: linear-gradient(135deg, #18231E, #2c4637);
border-radius: 2pc 1pc 1pc 2pc;
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.75), inset 0 1px #62C97B,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);
}
.UserStatsMenu .info img { /* The picture on this menu */
border: 1px solid #222;
border-radius: 3pc 1pc 1pc;
}
#WikiaPage { /* Everything within the background border */
background: linear-gradient(135deg,#3C474A, #888, #3C474A);
border: 1px solid #888;
border-radius: 2pc 1pc;
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;
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: #CCC;
}
.Write .message { /* Textbox */
background: linear-gradient(135deg, #111 50%, #000 50%);
background-size: 5px 5px;
border-radius: 2pc;
padding: 10px;
}
/* CHAT SKIN CSS: END */