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 |
||
Line 70: | Line 70: | ||
width: auto; | width: auto; | ||
margin: 0!important; | margin: 0!important; | ||
} | |||
.citizen-body-container .mainpage-box-characters .gallerytext { | |||
left: -55px; | |||
top: -15px; | |||
} | } |
Revision as of 01:11, 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;
}
.mainpage .gallerybox img {
width: auto;
margin: 0!important;
}
.citizen-body-container .mainpage-box-characters .gallerytext {
left: -55px;
top: -15px;
}