User:DeviantSerpent/chat.css

/** * Chat stuff *  Copyright © 2013, User:AnimatedCartoons * * This stylesheet is specifically made for The Amazing World of Gumball Wiki * * Please do not import this */ /* Placeholder */ .ui-sortable-placeholder { border: 2.5px dashed #CCC; visibility: visible !important; opacity: 0.25 !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; } /* Enable selection */ .Chat .inline-alert, .Chat .message, .Chat .username, .Chat .time, .Write [name="message"] { -moz-user-select: text !important; -ms-user-select: text !important; -webkit-user-select: text !important; user-select: text !important; } /* Show */ li.User, .Chat .continued .time { display: block !important; } /* Hide */ .ChatHeader .User, .User.away .status { display: none !important; } /* Remove ~ and : */ .Chat .inline-alert:before, .Chat .inline-alert:after, .Chat .username:after { content: '' !important; } /* Change size */ .Chat .message img[src*="Emoticon"] { height: 16px !important; width: 16px !important; } .Chat .avatar { height: 28px !important; width: 28px !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; } /* Animate */ .Rail img:hover { opacity: 0.5; -moz-transition: 250ms linear; -ms-transition: 250ms linear; -webkit-transition: 250ms linear; transition: 250ms linear; } /* Some changes */ .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 .private { background-color: transparent !important; background-image: none !important; } li.User img { left: 15px !important; top: 2px !important; height: 28px !important; width: 28px !important; margin-top: 2px !important; } .PrivateChatList .selected img { left: 10px !important; margin-left: 5px !important; } .Chat .message img { vertical-align: bottom !important; } .Chat .time { margin-top: 18px !important; } .Write [name="message"] { padding-top: 1px !important; overflow: auto !important; } .UserStatsMenu .actions ul li .label { font-weight: 400 !important; } .Chat .continued .time { margin-bottom: -15px !important; margin-top: 3px !important; } li.User.away { opacity: 0.1; } li.User.away:hover { opacity: 1; } .Write { right: 178px !important; } .User.chat-mod { background-color: #F7984D !important; } .User.staff { background-color: #124E7B !important; } .User.admin { background-color: #FF0 !important; } .User.chat-mod span.username, .User.staff span.username, .User.admin span.username { font-style: normal !important; } .User.staff span.username { color: #FFF !important; } .User.admin span.username, .User.chat-mod span.username { color: #000 !important; font-style: normal !important; } .User.chat-mod span.username:after, .User.staff span.username:after, .User.admin span.username:after { content: '' !important; }