MediaWiki:Chat.css

/* Body */ .ChatWindow { font-family: Trebuchet MS, Helvetica, sans-serif; background: url('http://vignette3.wikia.nocookie.net/geometry-dash/images/5/50/Wiki-background'), linear-gradient(to bottom, #006, #6AC), #359; } .ChatWindow .UserStatsMenu { right: 190px !important; padding: 10px; border: none; border-radius: 10px; background-color: rgba(217, 217, 237, 0.9); box-shadow: 0 0 5px #000; }

/* ID */ .ChatWindow .User { max-width: 120px; height: 25px; top: 0; padding: 7.5px 10px 7.5px 45px; border: none; line-height: 12.5px; color: #3A3A3A; } .ChatWindow .User img { width: 25px; height: 25px; left: 10px; border: none; border-radius: 5px; } .ChatWindow .User .username { position: relative; height: 25px; margin: 0; padding-right: 15px; } .ChatWindow .User .username .badge { width: 11px; height: 21px; top: 2px; right: 0; } .ChatWindow .User .username .badge svg { width: 11px; height: 21px; background-image: url('http://vignette3.wikia.nocookie.net/geometry-dash/images/b/b6/Checkpoint.png'); background-size: 11px 21px; } .ChatWindow .User .username .badge svg g {display: none;} .ChatWindow .User .details { margin-top: -12.5px; font-style: italic; }

/* Chat Moderator ID */ .Chat li[data-user='Epicbloxxy'], .Chat li[data-user='Hackey5'], .Chat li[data-user='IceKane'], .Chat li[data-user='MasterL500'], .Chat li[data-user='Mew Pur Pur'], .Chat li[data-user='Nusdan'], .Chat li[data-user='Rrobertus02'], .Chat li[data-user='ZOptic'], .Chat li[data-user='3primetime3'] { background-color: rgba(102, 204, 255, 0.2); }

/* Header Block */ .ChatHeader { position: absolute; min-width: 580px; top: 10px; right: 10px; left: 10px; margin: 0; border: none; border-radius: 10px 10px 0 0; background-color: rgba(217, 217, 237, 0.6); } .ChatHeader h1 { margin: 0; padding: 0 180px 0 10px !important; line-height: 40px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 17px !important; } .ChatHeader h1 button { top: 9px; margin-left: 10px; } .ChatHeader h1 #pingspan { top: 20px; right: 180px; font-size: 12px; } .ChatHeader h1 #pingspan #pings { position: absolute; top: 15px; right: 0; padding: 5px; border: none; border-radius: 10px; background-color: rgba(217, 217, 237, 0.9); box-shadow: 0 0 5px #000; } .ChatHeader .wikia-button { margin-left: 5px; color: #FFF; opacity: 1; } .ChatHeader .wordmark a img { vertical-align: top; margin-left: -5px; } .ChatHeader .User {width: 120px;} .ChatHeader #cws-trigger { position: absolute; width: auto; height: auto; top: 7.5px; right: 140px; padding: 12px 0 0 12px; border-radius: 5px 0 5px; line-height: 13px; background-image: none; box-shadow: none; } .ChatHeader #cws-trigger::after { vertical-align: top; padding: 0 4.5px; border-radius: 5px 0 5px; font-size: 8px; color: #FFF; background-color: rgba(0, 0, 0, 0.6); content: '!'; }

/* Content Block */ .WikiaPage { min-width: 580px; min-height: 85px; padding: 0 !important; border: none !important; background: none !important; }

/* Chat Section */ .Chat { right: 180px; bottom: 90px !important; border: none; background-color: rgba(217, 217, 237, 0.6); } .Chat li { top: 0 !important; margin: 0 !important; padding: 15px 15px 15px 60px; line-height: normal; overflow: hidden; text-overflow: ellipsis; color: #3A3A3A !important; } .Chat li.you {background-color: rgba(255, 255, 255, 0.2);} .Chat li .message {white-space: normal;} .Chat li .message img {vertical-align: middle;} .Chat li .avatar { width: 30px; height: 30px; top: 15px; } .Chat li .time { font-size: 13px; color: #3A3A3A; } .Chat li .username:after {content: none;} .Chat li .username .modicon {display: none;} .Chat li .me-message {color: #666;}

/* Input Section */ .Write { height: 85px; right: 180px; padding-left: 60px; border-bottom-left-radius: 10px; background-color: rgba(217, 217, 237, 0.6); } .Write img { width: 40px; height: 40px; top: 10px; left: 10px; border: none; border-radius: 5px; } .Write .message { position: absolute; height: 60px; top: 10px; right: 10px; left: 60px; padding: 0; border: none; border-radius: 10px; background-color: rgba(217, 217, 237, 0.6); } .Write .message textarea { box-sizing: border-box; width: 100%; padding: 5px 10px; line-height: normal; } .Write .limit-reached-msg { top: auto; right: auto; left: 60px !important; bottom: 1px; line-height: normal; font-size: 10px; color: #3A3A3A !important; } .Write .remaining { display: block; top: auto; right: 10px; bottom: 1px; line-height: normal; font-size: 10px; color: #3A3A3A !important; }

/* Rail Section */ .Rail { width: 175px; border-bottom-right-radius: 10px; background-color: rgba(217, 217, 237, 0.6); } .Rail .splotch { min-width: 0; height: auto; top: 20px; right: 140px; padding: 0 4.5px; border: none; border-radius: 5px 0 5px; line-height: 13px; font-size: 8px; background-color: rgba(0,0,0,0.6); background-image: none; } .Rail .public { height: auto; margin-top: 0; padding: 5px 0; line-height: normal; text-align: center; } .Rail .public .wordmark {padding: 0;} .Rail .public .chevron { top: 15px !important; left: 10px !important; } .Rail .public .splotch { top: 14px; right: 10px; border-radius: 10px; } .Rail .private { padding: 5px; border: none; font-size: 12px; background: rgba(217, 217, 237, 0.6); } .Rail .selected, .Rail .public:hover, .Rail .User:hover { background-color: rgba(255, 255, 255, 0.2); box-shadow: none; }

/* ChatStatus */ max-height: none; margin: 10px 0 0; border: 1px solid #CCC; overflow: hidden; color: #3A3A3A; box-shadow: none; }   padding-left: 5px; background: none; }
 * 1) cws-modal section .cws-modal-statuses {
 * 1) cws-modal section .cws-modal-statuses li {
 * 1) cws-modal section .cws-modal-statuses li:hover {background-color: rgba(217, 217, 237, 0.6);}

/* EmoticonsWindow */ margin: 0 3px -2.5px 0; border: none; background-color: rgba(217, 217, 237, 0.6); }
 * 1) EmoticonsWindowModalMain .EmoticonsWindowHelp {display: none;}
 * 2) EmoticonsWindowModalMain #EmoticonsWindowList .EmoticonsWindowIcon {
 * 1) EmoticonsWindowModalMain #EmoticonsWindowList .EmoticonsWindowIcon:hover {background-color: rgba(255, 255, 255, 0.6);}