MediaWiki:Chat.css

.day .chat-button .wikia-button { color: white; } .night .chat-button .wikia-button { color: white; } .Write img { border-radius: 2pc; border: none; margin: 2.5px 0px 0px -3.5px !important; } .WikiChatList .User:hover, .PrivateChatList .User:hover { margin: 0px 0px 0px 7px !important; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; background: transparent !important; } /* Light theme */ body.day { background-image: url('https://vignette.wikia.nocookie.net/kart-kingdom-pbs-kids/images/8/8d/20180812_161549.png/revision/latest?cb=20180812201809'); background-size: cover; } .day .Chat .inline-alert, .day .chattopic { color: black; } .day .Chat .time { color: #727272; } .day a { color: purple; } .day .wikia-button { color: purple; } .day .WikiaPage, .day .ChatHeader, .day .Write .message { background: rgba(255, 255, 255, 0.3) !important; /* must use !important */ } /* Night theme */ body.night { background-image: url('https://vignette.wikia.nocookie.net/kart-kingdomkarts/images/e/e9/Screen_Shot_2017-10-28_at_12.33.12_PM.png/revision/latest?cb=20171028195929'); background-size: cover; } .night .WikiaPage, .night .UserStatsMenu, .night .ChatHeader, .night .UserStatsMenu .info { background-color: rgba(0,0,0,0.7) !important; /* must use !important */ } .night .Write .message { background-color: transparent; } .night .username, .night .message, .night .chattopic, .night .info .edits, .night .UserStatsMenu .info .since, .night #ChatHeader .private, .night .typing-indicator, .night .Write .message, .night .Write [name="message"], .night .Chat .inline-alert { color: white; } .night .Write img { border: 1px solid #ffffff; } .night .Chat .me-message { color: #999999; } .night a { color: #5af158; } .ChatWindow.night .chat-toolbar.wds-button-group .chat-toolbar__button, .ChatWindow.night .chat-toolbar.wds-button-group .chat-toolbar__button:hover { border: 1px solid white; color: white; } /* Remove self post background */ .Chat .you { background-color: transparent; } /* Round avatars */ .User img { border-radius: 3px; height: 25px; width: 25px; } /* Make the rail wordmark more centered */ .Rail .public .wordmark { margin: 0 0 5px 0; } /* Round the bottom left corner of chat */ border-bottom-left-radius: 26px; } /* Round the bottom right corner of chat */ border-bottom-right-radius: 26px; } /* Round the top left corner of chat */ border-top-left-radius: 26px; } /* Round the top right corner of chat */ border-top-right-radius: 26px; } /* Round the top left corner of chat header */ border-top-left-radius: 26px; } /* Round the top right corner of chat header */ border-top-right-radius: 26px; } /* Round the bottom left corner of chat header */ border-bottom-left-radius: 26px; } /* Round the bottom right corner of chat */ border-bottom-right-radius: 26px; } /* Make avatars in chat circle too */ .info img, .Write img, .User img { border-radius: 23px; } /* Make the avatars a little bit bigger */ .Chat .avatar { height: 30px; width: 30px; } /* Chattopic */ .chattopic { text-align: center; position: absolute; width: 60%; z-index: 00; font-size: 13px; font-weight: bold; line-height: 1.6; margin-left: 110px; } /* Make chat buttons align and spacing */ .chat-button { margin: 10px auto; text-align: center; }
 * 1) WikiaPage {
 * 1) WikiaPage {
 * 1) WikiaPage {
 * 1) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader {
 * 1) ChatHeader {
 * 1) ChatHeader {