User:Mediocre Waffle/chat.css

/* MORROW CHAT SKIN ("Module Mastery CSS" base) by User:Heliosanctus */ .Chat { /* the region where the chatting shows up */ background: url( http://vignette4.wikia.nocookie.net/wings-of-fire-experimental/images/a/ae/MorrowseerResized.png ) no-repeat center center fixed; background-size: cover; border-left: 2px solid #888; border-top: 2px solid #888; border-top-left-radius: 2pc; color: #FFF; } .Chat a { /* Hyperlinks */ color: #A3C; 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: #B7B; font-size: 14px; } .Chat .username { /* Usernames in chat box */ color: #B7B; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { background: #212; background: rgba(34, 17, 32, 0.75); border-top: 1px solid #000; border-bottom: 1px solid #000; } .ChatHeader { background: linear-gradient(45deg, #0C171A, #333, #0C171A), #212; 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 { background: url( http://www.freeimageslive.com/galleries/backdrops/fractal/pics/fractal_pink_smoke_trails.jpg); } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #111; border: 3px solid #888; border-radius: 2pc 1pc; box-shadow: 0 0 12px 0 #888, inset -2px 0 5px#435, inset -10px -1px 16px #000; color: #FFF; }   color: #AA3; 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: #C71; } .Rail .User:hover { background: #888; border-radius: 1px 1pc 1pc 1px; box-shadow: 1px 1px 1px #222; color: #FB0; } .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; 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, #112, #547); border-radius: 2pc 1pc 1pc 2pc; box-shadow: 0 6px 9px rgba(0, 0, 0, 0.75), inset 0 1px #427,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); color:#FFF; } .UserStatsMenu .info img { /* The picture on this menu */ border: 1px solid #222; border-radius: 3pc 1pc 1pc; }   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 */
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) WikiaPage { /* Everything within the background border */