User:Skelemetry/common.css


 * root {

--level-0: #181b29; --level-1: #212434; --level-2: #2b2e40; --level-3: #383c52; --deep-0: #1f2230; --icon-0: #9598af; --text-0: #d5d8e9; --text-1: #abb0cb; --warning-bg: #352b40; --warning-border: #8b5454; --system-border: #7a89e5; --link-0: #7994c9; --border-color-0: #454756; --radius-0: .25rem; }

.vector-feature-zebra-design-disabled .vector-header-container { background-color: var(--level-2) !important; }

body, .vector-feature-zebra-design-disabled body { background-color: var(--level-0); color: var(--text-0); font-size: 100% !important; font-size: calc(1rem + 4%) !important; }

.vector-body { line-height: 1.8 !important; }

p, .vector-body p { margin: 0 0 1rem 0 !important; }

.oo-ui-icon-tray, .mw-ui-icon-tray:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%239598af%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E tray %3C/title%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E") !important; }

.oo-ui-icon-watchlist, .mw-ui-icon-watchlist:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%239598af%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E watchlist %3C/title%3E%3Cpath d=%22M1 3h16v2H1Zm0 6h6v2H1Zm0 6h8v2H1Zm8-4.24h3.85L14.5 7l1.65 3.76H20l-3 3.17.9 4.05-3.4-2.14L11.1 18l.9-4.05Z%22/%3E%3C/svg%3E") !important; }

.oo-ui-icon-bell, .mw-ui-icon-bell:before { background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%239598af%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E bell %3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z%22/%3E%3C/svg%3E") !important; }

.mw-ui-icon-wikimedia-userAvatar:before { background-color: var(--icon-0) !important; -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&skin=vector-2022&version=1evkl) !important; mask-image: url(/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&skin=vector-2022&version=1evkl) !important; background-image: none; }

h1,h2,h3,h4,h5 { color: var(--text-0); }

a { color: var(--link-0); }

.mw-page-container, .vector-feature-zebra-design-disabled .mw-page-container { background-color: var(--level-1); }

.mp-box, .vector-main-menu, .vector-toc, .infobox, .thumbinner, .mw-parser-output .sidebar { color: var(--text-1); background-color: var(--level-2) !important; border-radius: var(--radius-0); border-color: var(--border-color-0) !important; }

.mw-parser-output .fmbox-warning { background-color: var(--warning-bg) !important; border-color: var(--warning-border) !important; border-radius: var(--radius-0) !important; }

.mw-parser-output .fmbox-system { background-color: var(--level-2) !important; border-color: var(--system-border) !important; border-radius: var(--radius-0) !important; }

.mw-parser-output .mp-box, .fmbox { margin-top: 0 !important; margin-bottom: .75rem !important; }

.mw-parser-output #mp-left { margin-right: .5rem !important; }

.mw-parser-output .mp-h2 { border-color: var(--border-color-0) !important; background-color: var(--deep-0) !important; border-radius: var(--radius-0) !important; }

.vector-page-tools::after, .vector-toc::after { display: none !important; }

.thumbinner .image { border-radius: var(--radius-0); position: relative; display: inline-block; }

.thumbinner .image:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: black; left: 0; top: 0; opacity: .5; transition: all ease .2s; border-radius: var(--radius-0); }

.thumbinner .image img { border-radius: var(--radius-0); }

.mw-logo-wordmark, .mw-logo-tagline { filter: invert(0.6) sepia(1) saturate(0.6) hue-rotate(171deg) }

.thumbinner .image:hover:after { opacity: 0; }