MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Color variables */ /* Use var(--varName) to use the color*/
 * root {

/* New brand colors (https://discord.com/branding) */ --blurple: #5865F2; --green: #57F287; --yellow: #FEE75C; --fuchsia: #EB459E; --red: #ED4245; --white: #FFFFFF; --black: #000000;

--link: #00b0f4;

/* Old brand colors (https://web.archive.org/web/20210511230422/https://discord.com/branding) */ --old-blurple: #7289DA; --old-greyple: #99AAB5; --old-dark-not-black: #2C2F33; --old-not-quite-black: #23272A;

/* Fandom color overrides */ --theme-success-color: var(--green); --theme-alert-color: var(--red); --scrollbar: #4051B5; }

/* Custom cursor */ /*Global cursor */ body { cursor: url(/wiki/Special:FilePath/ZarenaCursor.png), pointer; }

/*Link cursor */ a:hover { cursor: url(/wiki/Special:FilePath/ZarenaCursor.png), pointer; }

/* styling */ .theme-fandomdesktop-dark .discord-channel, .zarena-channel { color: #DEE0FC; background: hsla(235, 85.6%, 64.7%, 0.3); }

.theme-fandomdesktop-light .zarena-channel { color: #505CDC; background: hsla(235, 85.6%, 64.7%, 0.15); }

/* Scrollbar */
 * -webkit-scrollbar {

width: 8px; }


 * -webkit-scrollbar-track {

background: black; }


 * -webkit-scrollbar-thumb {

background: var(--scrollbar); }

/* Message Boxes */ .mbox { display: flex !important; position: relative !important; background-color: var(--theme-page-background-color--secondary) !important; border: 1px solid !important; border-left-width: 8px !important; border-color: var(--blurple) !important; border-radius: 3px !important; margin-bottom: 5px !important; min-height: 32px !important; }

.mbox.mbox-type-warn { border-color: var(--yellow) !important; }

.mbox.mbox-type-red { border-color: var(--red) !important; }

.mbox__content { display: table !important; box-sizing: border-box !important; width: 100% !important; padding: 8px 15px !important; }

.mbox__content__image { display: table-cell !important; width: 40px !important; height: 100% !important; text-align: center !important; vertical-align: middle !important; padding-right: 15px !important; }

.mbox__content__wrapper { display: table-cell !important; vertical-align: middle !important; }

.mbox__content__header { display: block !important; font-weight: bold !important; }

.mbox__content__text { display: block !important; }

.mbox__content__text__comment { font-size: small !important; }

.mbox__content__aside { display: table-cell !important; width: 100px !important; vertical-align: middle !important; text-align: center !important; padding-left: 15px !important; border-left: 1px solid var(--theme-border-color) !important; }

.mbox__close { display: none !important; }