User:Mediocre Waffle/global.css

.ChatWindow { background: url(http://vignette1.wikia.nocookie.net/heliosanctus/images/a/a5/Battlewinner.png/revision/latest?cb=20150408145641) no-repeat top right fixed; background-size: cover; color:#FFF; }   background-color: transparent; } .Rail { background: linear-gradient(140deg, #000 50%, #800, yellow); border: 2px solid black; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .User.away .status { color: #b00; font-size: 9px } .Chat .time { color: cornsilk; font-size: 11px; } .User .username { color: cornsilk; } .ChatHeader { background: linear-gradient(140deg, yellow, #800, #000 60%); border-radius: 15px; border: 1.5px solid #222; font-size: 105% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .User img{ /* User Avatars on right as well as own at top right */ border-radius: 2pc; 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(140deg, #b00, yellow); 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:#000; } .UserStatsMenu .info img { /* The picture on this menu */ border-radius: 3pc 1pc 1pc; } .Write img { /* Picture to left of textbox */ border-radius: 2pc; box-shadow: 0 0 5px #000; } .Write [name="message"] { /* Smaller region within Textbox */ background: rgba(255, 255, 255, 0.05); border-radius: 1pc; color: #fff; } .Write .message { /* Textbox */ background: rgba(0, 0, 0, .4); border-radius: 2pc; padding: 10px; box-shadow: inset -2px 0 5px#435, inset -10px -1px 16px #000; } .Chat { /* the region where the chatting shows up */ background: transparent !important; color: #FFF; } .Chat a { /* Hyperlinks */ color: orange; font-weight: bold; } .Chat .avatar { /* User pictures on the left side of the chat */ border-radius: 2pc; box-shadow: 0 0 2px #000; } .Chat .inline-alert { /* ~Inline alerts~ */ color: orange; font-size: 14px; } .Chat .username { /* Usernames in chat box */ color: orange; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { background: rgba(0, 0, 0, .62); box-shadow:inset 0 0 2pc #000; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #000; border: 4px solid #b00; border-radius: 2pc 1pc; box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2),inset 0 2px 3px rgba(0,0,0,0.5),inset 5px -10px 5px rgba(0,0,0,0.2),inset -5px -10px 36px rgba(0,0,0,0.5),inset 0 15px 20px rgba(255,255,255,0.5); color: #FFF; }   color: #b00; font-style: italic; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: #000; 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: #fff; text-align: center; } .Rail .selected{ /* Wiki logo or selected PM */ background: rgba(0, 0, 0, .7); 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: #b00; } .Rail .User:hover { background: rgba(0, 0, 0, .7); border-radius: 1px 1pc 1pc 1px; box-shadow: 1px 1px 1px #000; }
 * 1) WikiaPage { /* Everything within the background border */
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */