User:Mistystar22/wikia.css

.Chat { /* the region where the chatting shows up */ background: transparent !important; color: #FFF;} .Chat a { /* Hyperlinks */ font-family: indie flower; color: #8BF; font-weight: bold;} .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #333; border-radius: 15px; box-shadow: 0 0 2px #000;} .Chat .inline-alert { /* ~Inline alerts~ */ font-family: indie flower; color: #CCC; font-size: 14px;} .Chat .time { font-family: indie flower; color: #BBB; font-size: 11px;} .Chat .username { /* Usernames in chat box */ font-family: indie flower; font-size: 15px; color: #0F8557; text-shadow: 1px 1px 1px #000;} .Chat .you { background: rgba(0, 0, 0, .4); box-shadow: inset 0 0 3px #000;} .ChatHeader { background: radial-gradient(#002, transparent), radial-gradient(#000, transparent) 15px 15px, linear-gradient(45deg, transparent 49%, #667 50%, transparent 70%), linear-gradient(-45deg, transparent 49%, rgba(0,0,0,0.5) 50%, transparent 70%), #7DF; background-size: 30px 10px; border-radius: 15px; border: 1px solid #222; box-shadow: 0 1px 1px rgba(0, 0, 0, 1), inset 0 1px rgba(255,255,255,0.3), inset 0 11px rgba(255, 255, 255, 0.25), inset 0 1px rgba(255,255,255,0.3), inset 0 21px 10px rgba(82, 169, 229, 0.23), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(195, 17, 17, 0.24);} .ChatWindow { background: url( http://vignette4.wikia.nocookie.net/blogclan-2/images/f/fc/Paralax_by_apofiss-d3406ro.jpg ) no-repeat top right fixed; background-size: cover; color: #FFF;} .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: rgba(85,0,0,0.7); border: 4px groove #999; border-radius: 30px 15px; box-shadow: inset -2px 0 5px #435, inset -6px -1px 15px #000;} color: #AA3; font-style: italic; margin-left: 5px; text-shadow: 1px 1px #333;} background: rgba(0,0,0,0.5); border: 2px solid black; border-left: none; box-shadow: 0 1px 1px 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 -15px 30px rgba(0,0,0,0.3);} background: transparent; border: 1px solid #888; border-radius: 15px; box-shadow:0 1px 1px rgba(0, 0, 0, 1), inset 0 1px rgba(255,255,255,0.3), inset 0 5px rgba(255, 255, 255, 0.25), inset 0 1px rgba(255,255,255,0.3), inset 0 11px 5px rgba(82, 169, 229, 0.23), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(195, 17, 17, 0.24);  color: #fff; text-align: center;} background: transparent; border: 1px solid #888; border-radius: 0 15px 15px 0; box-shadow: 0 1px 1px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 11px rgba(255,255,255,0.25), inset 0 1px rgba(255,255,255,0.3), inset 0 21px 10px rgba(82,169,229,0.23), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(195,17,17,0.24);} background: linear-gradient(45deg, rgba(255,0,0,0.75), rgba(0,0,255,0.75));} background: rgba(145, 26, 26, 0.7); border-radius: 0 15px 15px 0; box-shadow: 1px 1px 1px #000; color: #F99;} .User.away .status { color: #BBB; font-size: 9px;} .User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #222; border-radius: 50%; box-shadow: 0 0 2px #000;} .User .username { color: #fff;} .UserStatsMenu .actions ul li { /* the 'body' of this menu */ border-radius: 16px; 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: radial-gradient(#002, transparent), radial-gradient(#000, transparent) 15px 15px, linear-gradient(45deg, transparent 49%, #667 50%, transparent 70%), linear-gradient(-45deg, transparent 49%, rgba(0,0,0,0.5) 50%, transparent 70%), #7DF; background-size: 30px 10px; border-radius: 30px 15px 15px 30px; box-shadow: 0 1px 1px rgba(0, 0, 0, 1), inset 0 1px rgba(255,255,255,0.3), inset 0 11px rgba(255, 255, 255, 0.25), inset 0 1px rgba(255,255,255,0.3), inset 0 21px 10px rgba(82, 169, 229, 0.25), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(195, 17, 17, 0.25); color: #FFF;} .UserStatsMenu .info img { /* The picture on this menu */ border: .5px solid #222; border-radius: 45px 15px 15px;} .Write img { /* Picture to left of textbox */ border: 1px solid #222; border-radius: 50%; box-shadow: 0 0 5px #000;} .Write [name="message"] { /* Smaller region within Textbox */ background: rgba(255, 255, 255, 0.05); border-radius: 15px; color: #FFF;} .Write .message { /* Textbox */ background: rgba(0,0,0,0.4); border-radius: 30px; box-shadow: inset -2px 0 5px #435, inset -10px -1px 16px #000; padding: 10px;} background-color: transparent;}
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) Rail {
 * 1) Rail .private { /* Private message bar */
 * 1) Rail .selected{ /* Wiki logo or selected PM */
 * 1) Rail .splotch { /* Number of missed messages */
 * 1) Rail .User:hover {
 * 1) WikiaPage { /* Everything within the background border */