User:Tonio 321/chat.css

/** * Chat stuff *  By User:Tonio 321 * * Importing: *  To import this, please add the following to your chat.js: *    importScript('User:Tonio 321/chat.js'); */ /* Placeholder */ .ui-sortable-placeholder { border: 2.5px dashed #CCC; visibility: visible !important; opacity: 0.5 !important; } .ui-sortable-placeholder:hover { background: transparent !important; } .ui-sortable-placeholder * { visibility: hidden; } /* Disable selection */ body { overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; font-size: 14px !important } /* Enable selection */ .inline-alert, .message, .Chat .username, .time, .Write textarea { -moz-user-select: text !important; -ms-user-select: text !important; -webkit-user-select: text !important; user-select: text !important; } /* Show */ li.User, .continued .time { display: block !important; } /* Hide */ .ChatHeader .User, li.away .status { display: none !important; } /* Remove content */ .inline-alert::before, .inline-alert::after, .Chat .username::after { content: '' !important; } li.chat-mod span.username::after, li.staff span.username::after, li.admin span.username::after, li.bureaucrat span.username::after, li.vstf span.username::after { background: none !important; } /* Change padding */ .Chat li { padding: 18px 15px 20px 49px; } /* Remove border */ .UserStatsMenu .info img, .Write img, .Chat .avatar, li.User img, .WikiaPage, .Rail .splotch, .Chat, .ChatHeader, .Rail .private { border: none !important; } /* Change width */ .Rail { width: 178px !important; } /* Highlight */ li.chat-mod:not(.ui-sortable-placeholder) { background-color: #F7984D !important; } li.staff:not(.ui-sortable-placeholder) { background-color: #124E7B !important; } li.admin:not(.ui-sortable-placeholder) { background-color: #FF0 !important; } li.bureaucrat:not(.ui-sortable-placeholder) { background-color: #3B9EC8 !important; } li.patroller:not(.ui-sortable-placeholder) { background-color: #691EA0 !important; } li.vstf:not(.ui-sortable-placeholder) { background-color: #ED1C24 !important; } .User.staff span.username, .User.bureaucrat span.username, .User.patroller span.username, .User.vstf span.username { color: #FFF !important; font-style: normal !important; font-weight: bold !important; } .User.admin span.username, .User.chat-mod span.username { color: #000 !important; font-style: normal !important; font-weight: bold !important; } .User span.username::after { content: '' !important; } /* Messages and users count */ .count { text-align: center; color: #FFF; } .messages-icon, .users-icon { background-image: url(http://slot1.images.wikia.nocookie.net/common/extensions/wikia/Chat2/images/sprite-Chat.png); background-repeat: no-repeat; } .messages-icon { background-position: -521px 0; padding-right: 25px; } .users-icon { background-position: -583px 0; padding-right: 25px; } /* Away */ .WikiChatList li.away:not(.ui-sortable-placeholder) { opacity: 0.05; } .WikiChatList li.away:not(.ui-sortable-placeholder):hover { opacity: 1; } /* Other stuff */ .Chat { overflow-x: hidden !important; margin-right: 29px !important; line-height: 1.2em !important; } .Rail .selected { box-shadow: none !important; background-color: inherit !important; } .Rail h1.private { background-color: #D7D7D7 !important; background-image: none !important; text-align: center; font-weight: bold; color: #000; } li.User img { left: 15px !important; top: 2px !important; height: 28px !important; width: 28px !important; margin-top: 2px !important; cursor: ns-resize !important; } .PrivateChatList .selected img { left: 10px !important; margin-left: 5px !important; } .message img { vertical-align: bottom !important; } .time { margin-top: 18px !important; } .Write textarea { padding-top: 1px !important; overflow: auto !important; } .continued .time { margin-bottom: -15px !important; margin-top: 3px !important; } .Write { right: 178px !important; } .Chat .avatar { border-radius: 0 !important; height: 28px !important; width: 28px !important; } .watchlist { position: absolute; top: 11px; right: 5px; color: #FFF; } .inline-time { float: right; } .inline-alert span { color: inherit !important; cursor: auto !important; text-decoration: none !important; } h1.wordmark { cursor: pointer !important; } .User span.username { margin-right: 0 !important; }   height: 311px; width: 300px; overflow: auto; word-wrap: break-word; }
 * 1) comments {