User:Americhino/chat.css

@import url("//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ClassicModIcons.css&only=styles");

/* ClassicCommunityCentralTheme.css chat.css add-on - Count of Howard */ /* Base code courtesy of HumanoidPikachu */ /* 6-10-16 - Initial revision */ @import url(http://fonts.googleapis.com/css?family=Droid+Sans:600); .ChatWindow { background: rgba(44, 47, 51,.9); !important } .ChatWindow .ChatHeader { background-color: rgba(114, 137, 218,.9); border: 2px solid rgba(0,0,0,.1); border-top-left-radius: 5px; border-top-right-radius: 5px; height: 39px; margin: 7px; } .ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0 #7c9db0; border: 3px solid #7c9db0; position: absolute; z-index: 100; } .ChatWindow .UserStatsMenu .info { background: #7289DA; } .ChatWindow .UserStatsMenu .actions { background: #ffffff; } .ChatWindow .UserStatsMenu .actions ul { margin: 1px 0; } .ChatWindow .UserStatsMenu .actions ul li .label { color: #7289DA; } .ChatWindow .UserStatsMenu .actions ul li:hover { background-color: #cbe1ef; } .ChatHeader .User { border-left: 2px solid rgba(0,0,0,.1); } .ChatWindow #WikiaPage .Rail .public .wordmark, .ChatHeader .wordmark img { content:url("https://discordapp.com/assets/192cb9459cbc0f9e73e2591b700f1857.svg"); width: 115px; height: 35px; } @-moz-document url-prefix { .ChatWindow #WikiaPage .Rail .public .wordmark, .ChatHeader .wordmark img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url('https://discordapp.com/assets/94db9c3c1eba8a38a1fcf4f223294185.png ') no-repeat; background-size: 115px 35px; padding-top: 75px; } } .ChatWindow #WikiaPage { background-color: rgba(255,255,255,.9); border: 2px solid rgba(0,0,0,.1); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; left: 7px; right: 7px; } .ChatWindow #WikiaPage .Rail .selected { box-shadow: inset 0 0 7px 0 #2C2F33; background: #cbe1ef; } .ChatWindow .Chat .time { color: #1b1b1b; padding: 0 8px; } .ChatWindow .User .away { color: #99AAB5; } .ChatWindow .Chat .inline-alert { color: #7289DA; } .ChatWindow .Chat .avatar { border: 1px solid rgba(0,0,0,.1); } .ChatWindow .Chat { border-right: 2px solid rgba(44, 47, 51,.1); border-bottom: 2px solid rgba(44, 47, 51,.1); } .ChatWindow .Chat .you { background: #ffffff; } .ChatWindow .Write img { border: 1px solid rgba(0,0,0,.1); } .ChatWindow .User img { border: 1px solid rgba(0,0,0,.1); }

.Chat img.avatar { border-radius: 2pc; border: none; } .ChatWindow .Write .message { background-color: rgba(44, 47, 51,.5); border: 1px solid rgba(0,0,0,.1); }

.ChatWindow .Rail .User:hover { background: #7289DA; } .ChatWindow.Rail .private { background-image: none !important; background-color: rgba(44, 47, 51,.4); text-align: center; border-top: 0; border-bottom: 0; }

.ChatWindow { font-family: 'Droid Sans', sans-serif; }