MediaWiki:Chat.css

div.User > img, form#Write > img, li[data-user] > img { border-radius: 50%; }

li[data-user] > img { z-index: 999; }

div.User > img[src^="https://static.wikia.nocookie.net/6b171bb3-835f-491c-8d3a-5cc589efb7de/"], form#Write > img[src^="https://static.wikia.nocookie.net/6b171bb3-835f-491c-8d3a-5cc589efb7de/"], img.avatar[src^="https://static.wikia.nocookie.net/6b171bb3-835f-491c-8d3a-5cc589efb7de/"], li[data-user="7o'clock"] > img { -webkit-animation-name: glow-7oclock-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-7oclock-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; }

div.User > img[src^="https://static.wikia.nocookie.net/2397c0c8-2500-4801-8072-cf735875c749/"], form#Write > img[src^="https://static.wikia.nocookie.net/2397c0c8-2500-4801-8072-cf735875c749/"], img.avatar[src^="https://static.wikia.nocookie.net/2397c0c8-2500-4801-8072-cf735875c749/"], li[data-user="Positive Elixir Trade"] > img { -webkit-animation-name: glow-PET-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-PET-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; }

div.User > img[src^="https://static.wikia.nocookie.net/246acea6-e529-4c61-8879-8fa5b82c9972/"], form#Write > img[src^="https://static.wikia.nocookie.net/246acea6-e529-4c61-8879-8fa5b82c9972/"], img.avatar[src^="https://static.wikia.nocookie.net/246acea6-e529-4c61-8879-8fa5b82c9972/"], li[data-user="ItsP-dog"] > img { -webkit-animation-name: glow-Pdog-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Pdog-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; }

li[data-user="7o'clock"] > span.username { color: #1aff00 !important; font-weight: bold !important; text-shadow: 0 0 1px !important; }

li[data-user="Spyroclub"] > span.username { color: #98ff98 !important; font-weight: bold !important; }

li[data-user="ItsP-dog"] > span.username { font-weight: bold! important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68bB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD75D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D84DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperRainbow 0.8s infinite; color: #33c0cc; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

li[data-user="Positive Elixir Trade"] > span.username { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 2000% 2000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Wrainbow 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

.ChatWindow.dark .ChatHeader .User { background-color: rgb(42,44,49); border-left: none; color: white; height: 36px; padding-left: 40px; padding-top: 17px; top: 0; width: 105px; } .ChatWindow.dark .ChatHeader .User .username { padding-top: 5px; font-weight: normal; } .ChatWindow.dark .User.away { color: inherit; } .ChatWindow.dark .away .status { letter-spacing: -4px; background-color: #faa61a !important; padding: 2px; border-radius: 50%; color: transparent; border: 3px solid #2f3136; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 9999999999; position: relative; } .ChatWindow.dark .status { letter-spacing: -4px; background-color: #43b581 !important; padding: 2px; border-radius: 50%; color: transparent; border: 3px solid #2f3136; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 1; position: relative; } .ChatWindow.dark .ChatHeader > .User > .details > .status { margin-top: -4px; } body.ChatWindow.dark { background: #36393e; font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; overflow: hidden; } .ChatWindow.dark #ChatHeader { border-radius: 0; border: none; background-color: #36393f; box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06); height: 45px; margin: 0; padding-top: 10px; z-index: 1; } .ChatWindow.dark .Chat .inline-alert:before, .ChatWindow.dark .Chat .inline-alert:after { display: none; } .ChatWindow.dark .Write [name="message"] { font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; color: #c0c1bc; } .ChatWindow.dark .Rail { background-color: #2f3136; position: relative; float: right; z-index: 1; height: 100%; } .ChatWindow.dark > #WikiaPage { border: none; background: #36393e; color: rgb(192,193,188) !important; width: 100vw; left: 0; bottom: 0; } .ChatWindow.dark .Chat ::-webkit-scrollbar, .ChatWindow.dark .Rail ::-webkit-scrollbar { width: 10px; } .ChatWindow.dark .Chat ::-webkit-scrollbar-track, .ChatWindow.dark .Rail ::-webkit-scrollbar-track { background-color: #2f3136bb; -webkit-border-radius: 10px; border-radius: 10px; } .ChatWindow.dark .Chat ::-webkit-scrollbar-thumb, .ChatWindow.dark .Rail ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #1e2124; } .ChatWindow.dark .Chat { border: none; background-color: #36393e; } .ChatWindow.dark .Chat .inline-alert { color: #949494; font-size: 16px; font-weight: 500; } .ChatWindow.dark .Write .message { border: none !important; background-color: rgb(72,75,81) !important; border-radius: 5px; width: 1035px; } .ChatWindow.dark .Chat .you { background: #36393e; } .ChatWindow.dark .Chat .avatar, .ChatWindow.dark .Write img, .ChatWindow.dark .Rail .User img, .ChatWindow.dark .ChatHeader .User img { border: none; border-radius: 50%; } .ChatWindow.dark .Chat .time { color: rgb(91,94,98); } .ChatWindow.dark .Rail .User:hover { background: #282b30; } .ChatWindow.dark .Rail .selected { box-shadow: none; background: none; text-indent: -133px; } .ChatWindow.dark .Rail .public .chevron { border-color: white transparent transparent; left: 10px; top: 23px; } .ChatWindow.dark .Rail .selected:after { content: "Member List"; margin-left: 25px; font-size: 14px; color: white; } body.ChatWindow.dark a { color: #0096cf; } .ChatWindow.dark .Rail .public .chevron.closed { border-color: transparent transparent transparent white; left: 10px; top: 20px; } .ChatWindow.dark .UserStatsMenu { background-color: #2f3136 } .ChatWindow.dark .UserStatsMenu .info { background-color: #23272a; padding-bottom: 0.5em; padding-top: 0.7em; color: #fff; } .ChatWindow.dark .UserStatsMenu .info img { border: none; } .ChatWindow.dark .UserStatsMenu .actions li, .ChatWindow.dark .UserStatsMenu .actions li a { color: #7289da !important; } .ChatWindow.dark .UserStatsMenu .actions li svg { fill: #7289da; } .ChatWindow.dark .UserStatsMenu .actions li:hover { background-color: #0001 !important; } .ChatWindow.dark .Rail .splotch { border: none; border-radius: 2px; font-weight: bold; left: 19px; top: 22px; width: 5%; line-height: 11px; background-image: none; background-color: #f04747; z-index: 999999; } /* Use white FANDOM logo (only CCChat) */ .ChatWindow.dark .wiki-wikia .ChatHeader .public.wordmark { background: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom-white.svg'); background-size: 150px; background-repeat: no-repeat; margin: 0 10px; } .ChatWindow.dark .wiki-wikia .ChatHeader .public.wordmark img { opacity: 0; }

.ChatWindow.dark .chat-toolbar.wds-button-group > .chat-toolbar__button { background-color: #FFF; }

.ChatWindow.dark .blackout { background-color: inherit !important; }

.ChatWindow.dark .status { z-index: 9999; }