MediaWiki:Common.css: Difference between revisions

Revision as of 19:54, 26 November 2023

/* CSS placed here will be applied to all skins */

/* COLOR OVERRIDES */
:root {
	--color-primary: #865439 !important;
	/* --color-primary--hover: #DAA06D !important; */
	--color-primary--hover: #C68B59 !important;
	--color-custom-tertiary: #faf7f2 !important;
	--color-primary--active: #6b432e !important;
	--background-color-primary--active: #faf7f2 !important;
	--color-surface-2: #faf7f2 !important;
	--border-color-base: #faf7f2 !important; 
	--border-color-base--darker: #C68B59 !important;
}


.mw-wiki-logo {
    background-size: 160px !important;
    margin-top: 10px !important;
}



/* Infobox template style */
.infobox {
	border-spacing: 3px;
	border-radius: var(--border-radius--medium);
	background-color: var(--color-custom-tertiary);
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	line-height: 1.5em;
	/*width: 315.2px; */
	width: 400px;
}

.infobox tr th:first-child {
	padding-left: 0.4em;
}

.infobox tr td:last-child:not(.infobox-image) {
	padding-right: 0.4em;
	padding-left: 0.4em;
}

.infobox-title {
	background-color: var(--color-primary);
	color: white;
	width: 100%;
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}

.navbox-title {
	background-color: var(--color-primary) !important;
	color: white;
}

.navbox-title a, .navbox-title a:hover {
	color: white !important; 
}

.navbox {
	border-radius: var(--border-radius--medium) !important;
	overflow: hidden;
	border: none !important;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: var(--color-custom-tertiary) !important; /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: var(--color-custom-tertiary) !important; /* Level 3 color */
}

.navbox-even {
	background-color: var(--color-custom-tertiary) !important;
}

.mw-parser-output tr + tr > .navbox-abovebelow,
.mw-parser-output tr + tr > .navbox-group,
.mw-parser-output tr + tr > .navbox-image,
.mw-parser-output tr + tr > .navbox-list {
	border-top: 0px !important;
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: var(--space-xs) var(--space-sm) !important;
}

.side-box {
	background-color: var(--color-custom-tertiary) !important;
    border-radius: var(--border-radius--medium) !important;
    padding-top: 8px !important;
}

.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
.navbox + .navbox-styles + .navbox {
	/*margin-top: -1px; */ /* Single pixel border between adjacent navboxes */
	margin-top: 16px !important;
}

.alignment-cell {
	padding: 4px !important;
	text-align: center !important;
}
.infobox ul li {
	list-style: none;
	margin-left: -20px;
}
.infobox ul {
	margin-bottom: 0;
}