MediaWiki:Fandomdesktop.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Slider.css");

/* variable declarations */
 * root {

--red-dk: #910000; --red-dk-border: #5f0000; }

/* Article body * .page-content .mw-parser-output { font-size: 13.5px; line-height: 21px; }

/* Toggle Button */ .mw-collapsible-toggle { font-size:90%; color:white; font-weight: normal; text-transform: lowercase; margin-right:5px; }

.mw-collapsible-toggle a { font-weight: normal; color:white; text-decoration:none; text-transform: lowercase; }

.mw-collapsible-toggle a:hover { text-decoration:none; }

/*=========*/ /* Tiles  */ /*=========*/ .tiles { border-spacing: 0; margin: 0 auto; max-width: 750px; table-layout: fixed; width: 98%; } .tiles td { box-shadow: 0 0 10px #000; outline: 1px solid #000; position: relative; } .tiles td > div { height: 150px; overflow: hidden; } .tiles__description a { align-items: center; background-color: rgba(0, 0, 0, 0.2); bottom: 0; color: #fff !important; display: flex; font-size: 24px; font-weight: bold; justify-content: center; left: 0; height: 100%; max-height: 100%; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000, 2px 1px 0 #000, 1px 2px 0 #000, 2px 2px 0 #000, 3px 3px 4px #000; text-transform: uppercase; z-index: 1; } .tiles td:hover .tiles__description a { background-color: rgba(0, 0, 0, 0.8); max-height: 35px; transition: background-color 0.5s, max-height 0.5s; }

/* Template:Site Portal css */ .site_portal { box-sizing: content-box; }

.site_portal:hover { animation: spin 0.4s 1; } @keyframes spin { 100% {		transform: rotate(360deg); } }

/* wikitables */ .wikitable.music > * > tr:first-child > th { background-color: var(--red-dk); color: #fff; }

.wikitable.music > * > tr > th { border: .5px solid var(--red-dk-border); background-color: #fff; color: var(--red-dk); }

.wikitable.music > * > tr > td { border: .5px solid var(--red-dk-border); }

/* Header legibility */ .fandom-community-header .fandom-community-header__community-name, .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; text-shadow: 2px 1px 2px #000000; }

.fandom-community-header .wds-tabs__tab-label.first-level-item span { overflow: visible; }

/* Table styles patch */ table { border-collapse: separate; border-spacing: 3px; }

/* Font weight patch */ .page-content .mw-parser-output a { font-weight: inherit; }

/* Text spacing as similar as possible to Oasis */ .page-content #mw-content-text .mw-parser-output p { line-height: inherit; margin: .4em 0 .5em; }

.page-content #mw-content-text .mw-parser-output p + p { margin: 1em 0; }

/* Navbox legibility */ .theme-fandomdesktop-dark .custom-navbox { background-color: #121212 !important; /* override inline style */ }

.theme-fandomdesktop-dark .custom-navbox tr { background-color: var(--theme-page-background-color) !important; /* override inline style */ }

/*================*/ /* Rail Modules  */ /*================*/

/* (added by w:c:dev:AddRailModule) */ .discord-arm { background-color: #f9f9f9; padding: 5px 20px; text-align: center; }

.theme-fandomdesktop-dark .discord-arm { background-color: #2B3333; }

.discord-arm p { font-size: 13px; line-height: 20px; margin: 15px 0; }

/* (added by w:c:dev:AddRailModule) */ .discussions-arm { background: url(https://images.wikia.nocookie.net/bokunoheroacademia/images/8/89/DiscussionsRailModuleBackground.png) center/cover no-repeat; color: #fff; padding: 5px 20px; text-align: center; }

.discussions-arm p { font-size: 16px; font-weight: bold; margin: 15px 0; }

.discussions-arm p:first-child { text-shadow: #000 1px 2px 2px; }

/* Patch both */ .railModule.rail-module .wds-button { padding: 0; border: 0; }

.railModule.rail-module .wds-button a { display: inline-block; text-decoration: none; color: inherit; padding: 9px 19px; cursor: pointer; }

/* Boilerplate dark mode legibility patch */ .theme-fandomdesktop-dark .boilerplate > table { background-color: rgba(255, 255, 255, 0.05) !important; /* override inline style */ }

/* Gallery subpage backgrounds */ .custom-gallery-body{ width: 98%; background-color: LightYellow; color: #000000; padding: 5px; border: 2px solid #8B0000; clear: both; }

.theme-fandomdesktop-dark .custom-gallery-body { background-color: #1A1A00; }

/* Background — Escape tablets */ @media (hover: hover) and (pointer: fine) { body.mediawiki { background: #000000			url("https://static.wikia.nocookie.net/bokunoheroacademia/images/1/1a/Background_%28S5%29.png/revision/latest") center center/cover no-repeat fixed; }

.fandom-community-header__background { visibility: hidden; }	/* Safari header patch */ .fandom-community-header__background::before { background-image: none; } }

/* Background — Tablet fallback */ .theme-fandomdesktop-dark .fandom-community-header__background { background-image: url("https://static.wikia.nocookie.net/bokunoheroacademia/images/b/b5/Site-background-light/revision/latest"); }

.fandom-community-header__background.cover { background-position: center 15%; }

/* Restore wide-toc */ .toc-widetwolevel .toc { width: 100%; }

.toc-widetwolevel .toc > ul { max-width: none; text-align: center; }

.toc-widetwolevel .toc > ul ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 5px; }

.toc-widetwolevel .toc li > a, .toc-widetwolevel .toc li { display: inline; padding: 0; }

.toc-widetwolevel .toc li { flex-basis: 17%; }

.toc-widetwolevel .toc li.toclevel-1 > a { font-size: larger; }

.toc-widetwolevel .toc li.toclevel-2 > ul { display: none; }

/* Restore Oasis image style */ figure.thumb { overflow: hidden; border: 1px solid #b2b2b2; border-radius: 1ex; box-sizing: border-box; }

/* Template:Episodes styling */ table.episode { width: 100%; border-collapse: collapse; text-align: center; }

table.episode tr:first-child th { border: 1px var(--red-dk-border) solid; background: var(--red-dk); padding: 3px; color: white; font-size: 90%; }

table.episode tr:not(first-child) th, table.episode td { border: 1px var(--red-dk-border) solid; font-size: 95%; }

/* Template:Episode document styling */ table.episode-doc { width: 100%; border-spacing: 1px; }

table.episode-doc th { text-align: left; }

table.episode-doc th:not(first-child) { padding-top: 10px; }

table.episode-doc td { vertical-align: top; }

table.episode-doc tr > td { padding-left: 24px; }

table.episode-doc tr td:nth-child(1) { width: 13%; } table.episode-doc tr td:nth-child(2) { width: 45%; } table.episode-doc tr td:nth-child(3) { width: 42%; }