MediaWiki:Mobile.css

/* 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-header {
    background: var(--background-color-primary--active);
    top: 0;
    bottom: auto;
}
.citizen-scroll--down .citizen-header {
    transform: translateY(-100%);
}

.citizen-header__logo .mw-logo-icon {
    width: 60px;
    height: 50px;
    position: relative;
    top: -4px;
    left: -1px;
}
.citizen-header__button {
    width: 50px;
    contain: layout;
}

.citizen-body-header--sticky .mw-body-header {
    top: 33px;
    max-height: 20px;
    transform: translateY(66%);
}
.citizen-body-header--sticky .mw-body-header::before {
    background: var(--background-color-primary--hover);
}
.citizen-body-header--sticky .mw-body-header .mw-first-heading {
    color: var(--text-color)!important;
}


.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;
}
.mainpage-box-characters {
    width: 458px;
    margin-left: -5px;
}
.citizen-body-container .mainpage-box-characters .gallerytext {
    left: -55px;
    top: -15px;
}