MediaWiki:Mobile.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
Line 37: | Line 37: | ||
/* All CSS here will be loaded for users of the Citizen Mobile skin */ | /* All CSS here will be loaded for users of the Citizen Mobile skin */ | ||
.skin-citizen-dark | .skin-citizen-dark > body { | ||
background: var(--primary- | background: var(--primary-4); | ||
} | } | ||
Revision as of 00:36, 21 February 2024
/* All CSS here will be loaded for users of the mobile site */
/* Imports: */
@import url("https://tardis.wiki/w/load.php?modules=ext.gadget.infoboxes&only=styles"); /* import infoboxes stylesheet */
@import url("https://tardis.wiki/w/load.php?modules=ext.gadget.modularStyles&only=styles"); /* import all other split-out stylesheet */
/* Variable definitions - used by imported stylsheets, taken from desktop */
:root.skin-citizen-dark {
--text-color: #ffffff;
--primary-1: #0e2348;
--primary-2: #0f2651;
--primary-3: #1a2e53;
--primary-4: #0a1b3c;
--accent-1: #c7b286;
--accent-2: #d5ac59;
--accent-3: #bfa773;
--accent-4: #e5c076;
--alt-text-color: #000000;
--contrast-color-1: #e6e6e6;
--contrast-color-1--rgb: 230,230,230;
}
:root.skin-citizen-light {
--text-color: #0e191a;
--primary-1: #fff4ef;
--primary-2: #90a2bf;
--primary-3: #4f6087;
--primary-4: #bec9da;
--accent-1: #556375;
--accent-2: #47639E;
--accent-3: #46619b;
--accent-4: #334671;
--alt-text-color: #ffffff;
--contrast-color-1: #e6e6e6;
--contrast-color-1--rgb: 230,230,230;
}
/* All CSS here will be loaded for users of the Citizen Mobile skin */
.skin-citizen-dark > body {
background: var(--primary-4);
}
.mw-parser-output p {
font-size: 15.7px;
}
.citizen-body-container .pullout-wrapper {
display: none;
}
.citizen-body-container .subpage-tabs-main {
border-collapse: collapse;
border: none;
background: none;
}
.citizen-body-container .subpage-tabs-main tr {
display: flex;
flex-wrap: wrap;
}
.citizen-body-container .subpage-tabs-tab {
font-size: .97em;
width: 32.6%!important;
border: 3px solid white !important;
margin-right: 2.6px;
margin-bottom: 3px;
padding: 9px 0px !important;
}