MediaWiki:Mobile.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
Bongolium500 (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit |
(Just saving my draft so far, in case.) Tags: Mobile edit Mobile web edit |
||
Line 33: | Line 33: | ||
--contrast-color-1: #e6e6e6; | --contrast-color-1: #e6e6e6; | ||
--contrast-color-1--rgb: 230,230,230; | --contrast-color-1--rgb: 230,230,230; | ||
} | |||
.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; | |||
} | |||
.skin-citizen-dark .citizen-page-container { | |||
background: var(--primary-1); | |||
} | } |
Revision as of 00:28, 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;
}
.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;
}
.skin-citizen-dark .citizen-page-container {
background: var(--primary-1);
}