User blog:SkygliderTheSeaWingNightWingHybrid/Wiki chat CSS

ok so I've changed the wiki chat css which you will have to put in yourself, AND YOU CANNOT CHANGE ANYTHING!

Just copy and paste this here! [//wof-rp.wikia.com/wiki/User:(Your https://wof-rp.wikia.com/wiki/User: (Your] uername with ALL caps and numbers)/chat.css body { /* the whole page */ 	font-family: 'Trebuchet MS';  }   .Chat { /* the region where the chatting shows up */   	color: #C626F2;   	border-left: 2px solid #152433;   	border-top: 2px solid #152433;   	border-top-left-radius: 2pc;   	font-family: 'Trebuchet MS';   }   .Chat .avatar { /* User pictures on the left side of the chat */   	border: 1px solid #eb1948;   	border-radius: 0.5pc;   	-webkit-box-shadow: 0 0 2px #000;   	        box-shadow: 0 0 2px #000;   }   .Chat .inline-alert { /* ~Inline alerts~ */   	color: #d6e8fa;   	font-size: 14px;   }   .Chat .me-message { /* Changes what /me does */       color: #c17fac;  }     .Chat .username { /* Usernames in chat box */     	color:#eb1948;     	text-shadow: 1px 1px 1px #000;     	text-transform: uppercase;     } .Chat .you { /* Effects when you say something */ background: #152433; }    .ChatHeader { /* Formats the main chat header */ background: linear-gradient(45deg, #152433, #024b64, #152433); border: 1px solid #a14c7a; border-radius: 1pc; -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:#06bee0; }    .ChatHeader .User { /* Formats the username at top-right corner */ color:#d6e8fa; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ border: 3px solid #cc98c6; border-radius: 2pc 1pc; -webkit-box-shadow: 0 0 12px 0 v, inset -2px 0 5px#000000, inset -10px -1px 16px #000; box-shadow: 0 0 12px 0 #cc98c6, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #fad6e6 !important; } # pingspan { /* Ping phrases (?) Chat Hacks */ color: #fad6e6; font-style: italic; top: 14px !important; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: #152433; background-size: 5px 5px; border: 1px solid #eb1948; border-radius: 1pc; color: #e2365b; -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: #152433; background-size: 5px 5px; border: 1px solid #a14c7a; border-radius: 1px 1pc 1pc 1px; } .Rail .public .wordmark { vertical-align: inherit; } .Rail .public .chevron { top: 11px; left: 10px; }    .Rail .public .chevron.closed { left: 14px; top: 8px; }    /* the user's username color in the users rail */ body.ChatWindow #Rail .username { color: #d6e8fa; font-weight: bold !important; } .Rail .selected{ /* Wiki logo or selected PM */ background: #152433; background-size: 5px 5px; border: 1px solid #a14c7a; 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-image: none; } .Rail .User:hover { /* Hovering over a user */ background: #994374; border-radius: 1px 1pc 1pc 1px; -webkit-box-shadow: 1px 1px 1px #222; box-shadow: 1px 1px 1px #222; color: #fec551; } .User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #d6e8fa; 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: #d6e8fa; text-shadow: 1px 1px 2px #000; } .UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */ background: #994374; } .UserStatsMenu .actions ul li .label{ color:#d6e8fa; } .UserStatsMenu .info { /* The area of this menu behind the name */ height: 49px; background: linear-gradient(135deg, #064d81, #1a2b3c); border-radius: 2pc 1pc 0pc 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; } # WikiaPage { /* Everything within the background border */ background: linear-gradient(135deg,#064d81,#152433,#064d81); border: 1px solid #1692bf; 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: #d6e8fa; } .Write .message { /* Textbox */ background: #152433; color: #FFFFFF; background-size: 5px 5px; border-radius: 2pc; padding: 10px; }    # EmoticonsWindowList { height: 600px; } .EmoticonsWindowIcon { background: yellow; }    .message.ping { color:#5BF789 !important; }