User:Ultimate Dark Carnage/chat.css

@import "//fonts.googleapis.com/css?family=Open+Sans";

/** * Removing rounded edges from the chat header and the * chat. **/

border-radius: 0 !important; }
 * 1) ChatHeader,
 * 2) WikiaPage {

/** * Applying fixes for the chat header **/

height: 50px !important; }
 * 1) ChatHeader {

height: 50px !important; margin-right: 200px !important; }
 * 1) ChatHeader .public {

vertical-align: middle; }
 * 1) ChatHeader .public.wordmark {

/** * Applying fixes to the chat section **/

top: 60px !important; }
 * 1) WikiaPage {

right: 200px !important; }
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {

width: 200px !important; }
 * 1) WikiaPage #Rail {

/** * Changing stuff on the user item **/

border: none !important; width: 150px; top: 8px; height: auto; }
 * 1) ChatHeader .User {

margin-left: 10px; top: 10px; }
 * 1) ChatHeader .User .username {

height: 28px; width: 28px; }
 * 1) ChatHeader .User > img {

.User .username { font-weight: bold; font-size: 10px; position: relative; word-wrap: break-word; overflow-wrap: break-word; top: 5px; overflow: visible; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }

.User .username .badge { top: 0; }

.User.away .username { top: 0; }

.User.away .details .status { display: inline-block; padding: 2px 4px; border-radius: 2px; font-size: 9px; background-color: #2a2a2a; color: white; }

/** * Rounding and changing the border size of the avatars **/

.UserStatsMenu .info img { border-radius: 100%; border-width: 2px; }
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,

/** * Fixing the avatar near the message box **/

left: 5px !important; top: -2px !important; }
 * 1) Write > img {

/** * Changes to the chat messages **/

.Chat li .username:after { content: none; }

/** * Removing the tildes from the inline alert * I don't know why it's there. **/

content: none !important; }
 * 1) WikiaPage .Chat li.inline-alert:before,
 * 2) WikiaPage .Chat li.inline-alert:after {

/** * Making changes to the Chat rail **/

margin: 0 !important; }
 * 1) Rail .public {

/** * Making changes to the private messages **/

text-align: center; padding: 6px; border: none; background: #dddddd; color: #3d3d3d; }
 * 1) Rail .private {