User:Ultimate Dark Carnage/chat.css

.qcm-button, .ChatHeaderLink, .chat-link { font-size: 10pt; color: black; font-family: 'Gill Sans MT', 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; text-transform: uppercase; }

.chat-nav { position: absolute; z-index: 10001; left: 0; top: 0; width: 200px; background-color: rgb(243, 243, 243); background-color: rgba(243, 243, 243, 0.85); height: 100%; }

.chat-nav.hidden { display: none; }

.chat-nav header.wordmark-wrapper { text-align: center; vertical-align: middle; position: relative; padding: 10px 15px; }

.chat-nav .wordmark-wrapper > h1.wordmark { line-height: 60px; }

.chat-nav .wordmark-wrapper > a.chat-nav-close { right: 10px; top: 10px; position: absolute; font-size: 16pt; color: black; text-decoration: none; }

.chat-nav .menu { padding: 8px 15px; }

.chat-nav .menu > ul.menu-list { list-style: none; margin: 0 !important; padding: 0 !important; }

.chat-nav .menu > ul.menu-list > li.item > a { font-size: 10pt; font-family: 'Gill Sans MT', 'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 4px 8px; display: inline-block; color: black; text-decoration: none !important; }

.chat-nav .menu > ul.menu-list > li.item:hover > a { background-color: rgb(214, 214, 214); background-color: rgba(214, 214, 214, 0.5); }

.EmoticonPanel { position: fixed; bottom: 0; left: 0; background: #343434; border-top: 1px solid black; width: 100%; height: auto; }

.EmoticonPanel .panel-header { padding: 4px; text-transform: uppercase; color: white; font-family: 'Gill Sans MT', 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 12pt; }

.EmoticonPanel .panel-title { font-size: inherit; }

.EmoticonPanel .panel-section { padding: 4px; }

.EmoticonPanel .panel-subtitle { font-size: 8pt; padding: 3px; color: white; text-transform: uppercase; font-family: 'Gill Sans MT', 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial, sans-serif; }

.EmoticonPanel .emote { display: inline-block; padding: 8px; background: #454545; border-radius: 2px; margin: 4px; }

.EmoticonPanel .emote img { height: 19px !important; width: 19px !important; }

.EmoticonPanel .emote:hover { opacity: 0.65; }

.ChatWindow #ChatHeader { line-height: normal !important; border-radius: 0 !important; padding: 8px; margin: 0 !important; }

.ChatWindow #ChatHeader .wordmark { line-height: normal !important; }

.ChatWindow #ChatHeader .User { top: 15px; }

/*.ChatWindow #*/

.ChatWindow #WikiaPage { width: 100%; left: 0; bottom: 0; display: block !important; margin: 0; border-radius: 0 !important; }