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 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;
}
/* All CSS here will be loaded for users of the Citizen Mobile skin */
.skin-citizen-dark .citizen-page-container {
    background: var(--primary-1);
}
}



Revision as of 00:34, 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 .citizen-page-container {
    background: var(--primary-1);
}

.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;
}