MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:Hardfix.css");
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:Layout.css");
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:Infobox.css");
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:PageComponents.css");
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:TeamCard.css");
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:HomePage.css");
@import url("index.php?action=raw&ctype=text/css&title=MediaWiki:Legacy.css");
:root {
--background-main: hsla(240, 59%, 8%, 0.8);
--background-toc: hsl(240, 75%, 20%);
--background-nav: hsl(232, 29%, 15%);
--link-color: hsl(230, 46%, 75%);
--link-color-hover: hsl(190, 100%, 87%);
--link-color-visited: hsl(39, 20%, 61%);
--link-color-focused: hsl(39, 100%, 61%);
--heading-color-1: hsl(3, 86%, 64%);
--heading-color-2: hsl(9, 85%, 65%);
--heading-color-3: hsl(15, 87%, 66%);
--heading-color-4: hsl(23, 90%, 68%);
--heading-color-5: hsl(31, 90%, 69%);
--heading-color-6: hsl(45, 92%, 70%);
--border-radius-s: 0.25rem;
--border-radius-m: 0.5rem;
--border-radius-l: 1rem;
--gap-s: 0.25rem;
--gap-m: 0.5rem;
--gap-l: 0.75rem;
--gap-xl: 1rem;
--border-color-gold: hsl(39, 98%, 67%);
--border-nav: hsl(240, 100%, 70%);
--transition-fancy: all 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
--transition-normal: all 0.25s ease-in-out;
--blue-50: hsl(222, 75%, 60%);
--blue-100: hsl(222, 39%, 39%);
--blue-200: hsl(232, 28%, 16%);
--steel-type-color: hsl(196, 39%, 55%);
--fighting-type-color: hsl(30, 100%, 50%);
--dragon-type-color: hsl(233, 72%, 60%);
--water-type-color: hsl(213, 87%, 54%);
--electric-type-color: hsl(46, 100%, 49%);
--fairy-type-color: hsl(300, 81%, 69%);
--fire-type-color: hsl(360, 80%, 52%);
--ice-type-color: hsl(192, 100%, 62%);
--bug-type-color: hsl(67, 80%, 35%);
--normal-type-color: hsl(120, 1%, 63%);
--grass-type-color: hsl(108, 64%, 39%);
--poison-type-color: hsl(275, 58%, 52%);
--psychic-type-color: hsl(340, 85%, 59%);
--rock-type-color: hsl(53, 23%, 60%);
--ground-type-color: hsl(27, 69%, 34%);
--ghost-type-color: hsl(300, 28%, 35%);
--dark-type-color: hsl(7, 13%, 27%);
--flying-type-color: hsl(209, 79%, 73%);
--infobox-header-border: 3px solid var(--border-color-gold);
--infobox-header-border-r: var(--border-radius-m) 0 var(--border-radius-m);
}
/* Default, for cities and such, grey */
body {
--infobox-bg: linear-gradient(hsl(229, 90%, 12%), hsl(240, 90%, 4%));
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), hsl(0, 0%, 30%));
--infobox-label-bg: hsl(0, 0%, 30%);
--infobox-gallery-nav-bg: hsl(0, 0%, 50%);
--infobox-gallery-nav-hover: hsl(0, 0%, 62%);
--infobox-gallery-nav-selected: hsl(0, 0%, 74%);
}
/* Friends and rivals, blue*/
body:is([class*="Melia"], [class*="Ren"], [class*="Aelita"], [class*="Huey"], [class*="Nim"], [class*="Erin"], [class*="Reina"], [class*="Protagonist"]) {
--infobox-bg: linear-gradient(hsl(229, 90%, 12%), hsl(240, 90%, 4%));
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), hsl(235, 76%, 28%));
--infobox-label-bg: hsl(239, 73%, 16%);
--infobox-gallery-nav-bg: hsl(235, 76%, 28%);
--infobox-gallery-nav-hover: hsl(235, 76%, 36%);
--infobox-gallery-nav-selected: hsl(235, 76%, 50%);
}
/* League affiliated, purple */
body:is([class*="Venam"],[class*="Keta"],[class*="Texen"],[class*="Martin"],[class*="Narcissa"],[class*="Spector"],[class*="Valarie"],[class*="Crawli"],[class*="Kreiss"],[class*="Amber"],[class*="Erick"],[class*="Florin"],[class*="Lavender"],[class*="Talon"],[class*="Souta"],[class*="Adam"],[class*="Ryland"],[class*="Saki"],[class*="Thomas_Blakeory_Jr."],[class*="Alice"],[class*="Allen"],[class*="Damien"],[class*="Alexandra"],[class*="Amanda"],[class*="Karen"],[class*="Tesla"],[class*="Celine"],[class*="Jolene"],[class*="Dylan"]) {
--infobox-bg: linear-gradient(hsl(282, 90%, 12%), hsl(240, 90%, 4%));
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), hsl(283, 94%, 19%));
--infobox-label-bg: hsl(273, 79%, 15%);
--infobox-gallery-nav-bg: hsl(283, 94%, 19%);
--infobox-gallery-nav-hover: hsl(283, 94%, 26%);
--infobox-gallery-nav-selected: hsl(283, 94%, 31%);
}
/* Antagonists, red */
body:is([class*="Jenner"],[class*="Zetta"],[class*="Eli"],[class*="Sharon"],[class*="Madelis"],[class*="Geara"],[class*="Neved"],[class*="Nastasia"],[class*="Cassandra"],[class*="Isha"],[class*="Madame_X"],[class*="Angie"],[class*="Vitus"],[class*="Gardevoir_Character"],[class*="Clear"],[class*="Kieran"],[class*="Dufaux"],.page-V,[class*="Melanie"],[class*="Cera"],[class*="Flora"],[class*="Xara"],[class*="Jean"]) {
--infobox-bg: linear-gradient(hsl(354, 100%, 8%), hsl(240, 90%, 4%));
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), hsl(354, 94%, 19%));
--infobox-label-bg: hsl(349, 90%, 19%);
--infobox-gallery-nav-bg: hsl(354, 94%, 19%);
--infobox-gallery-nav-hover: hsl(354, 91%, 27%);
--infobox-gallery-nav-selected: hsl(354, 93%, 34%);
}
/* Past Aevium, green */
body:is([class*="Kanon"],[class*="Anathea"],[class*="Marianette"],[class*="Cella"],[class*="Vivian"],[class*="Anju"],[class*="Nymiera"],[class*="Hazuki"]) {
--infobox-bg: linear-gradient(hsl(136, 100%, 8%), hsl(240, 90%, 4%));
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), hsl(119, 82%, 19%));
--infobox-label-bg: hsl(141, 88%, 16%);
--infobox-gallery-nav-bg: hsl(119, 82%, 19%);
--infobox-gallery-nav-hover: hsl(119, 82%, 25%);
--infobox-gallery-nav-selected: hsl(119, 86%, 31%);
}
/* Unaffiliated, orange */
body:is([class*="Rhodea"],[class*="Karrina"],[class*="Crescent"],[class*="Nancy"],[class*="Rorim_B"],[class*="Volta"],[class*="Mosely"],[class*="Cairo"],[class*="Risa"],[class*="Rune"],[class*="Sakitron"],[class*="Delpha"],[class*="Patty"],[class*="Particia"],[class*="Odessa"],[class*="Mr._Luck"],[class*="Novae"],[class*="Sierra"],[class*="Saber"],[class*="Wynn"],[class*="Enya"],[class*="Adelinde"],[class*="Lucile"],[class*="Goomink"],[class*="Puppet_Master"],[class*="Eizen"],[class*="Ana"]) {
--infobox-bg: linear-gradient(hsl(29, 90%, 12%), hsl(240, 90%, 4%));
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), hsl(28, 82%, 37%));
--infobox-label-bg: hsl(18, 94%, 19%);
--infobox-gallery-nav-bg: hsl(28, 82%, 37%);
--infobox-gallery-nav-hover: hsl(28, 85%, 42%);
--infobox-gallery-nav-selected: hsl(28, 87%, 47%);
}
/* Other */
body:is([class*="User_Kyuu"]) {
--infobox-bg: linear-gradient(#381d03,#010114);
--infobox-title-bg: linear-gradient(hsl(0, 0%, 0%), #ab5911);
--infobox-label-bg: #5e1e03;
--infobox-gallery-nav-bg: #ab5911;
--infobox-gallery-nav-hover: #c56d10;
--infobox-gallery-nav-selected: #df8310;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Nunito', system-ui, sans-serif !important;
}
h1 {
color: var(--heading-color-1);
}
h2 {
color: var(--heading-color-2);
}
h3 {
color: var(--heading-color-3);
}
h4 {
color: var(--heading-color-4);
}
h5 {
color: var(--heading-color-5);
}
h6 {
color: var(--heading-color-6);
}