MediaWiki:Common.css: Difference between revisions

Latest revision as of 22:04, 17 August 2025

/* CSS placed here will be applied to all skins */
:root {
	--background-color-neutral-subtle: #f6f9fd;
}
.mw-logo-container {
	text-wrap: balance;
}
.vector-main-menu-action-opt-out a, .vector-menu-content #ca-talk, #footer-places-about {
	display: none !important;
}
bdi a[title="Category:All"] {
	font-weight: bold;
}
bdi a[title="Category:Needs help"] {
	font-style: italic;
}
.CategoryTreeTag > .CategoryTreeSection {
	margin: 5px 0;
}
.mainpage-box, .info-box {
	background-color: var(--background-color-neutral-subtle);
	border-width: 1px;
	border-color: var(--border-color-subtle);
	border-radius: 10px;
}
@media screen and (prefers-color-scheme: dark) {
	.skin-theme-clientpref-os .mainpage-box img:last-child {
		filter: brightness(0.75);
	}
}

.mainpage-box {
	text-align: center;
	padding: 15px;
	margin: 20px auto;
	max-width: 1024px;
	border-style: dashed;
}
.mainpage-box-title {
	text-align:center;
	font-size:1.15em;
	font-weight:bold;
}
.mainpage-box-buttons a img:hover, .skin-theme-clientpref-night .mainpage-box img:last-child {
	filter: brightness(0.75);
}
.mainpage-box-buttons {
	display: flex;
	flex-wrap: wrap;
	margin: 10px auto 0 auto;
	border-bottom: 1px dashed var(--border-color-subtle);
	padding-bottom: 15px;
}
.mainpage-box-buttons > div {
	display: inline-block;
	flex: 1 1 calc((100% /4) - 20px);
	min-width: 200px;
	padding: 15px 0;
}
.mainpage-box-buttons > div > div {
	font-weight: bold;
	height: calc(100% - 30px);
	align-content: center;
	margin: 0 5px;
	padding-bottom: 10px;
}
.mainpage-box .CategoryTreeTag {
	margin-top: 30px;
	padding-left: 10%;
	text-align: left;
	color: grey;
	width: 90%;
	text-indent: hanging 1em;
}
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="All"])::after,
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="By_Conservation_Area"])::after,
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="Wartime_structures"])::after {
	content: " ";
	width: 100%;
	height: 1px;
	display: block;
	background: linear-gradient(to right,rgba(128,128,128,0.5),transparent 50%);
	margin: 1em 0;
}

@media (max-width: 639px) {
	.mw-parser-output table.mainpage-box {
		display: table;
	}
	.dynamic-catlist a > img {
		max-width: unset !important;
	}
}
.info-box {
	float: right;
	padding: 10px;
	margin: 0 0 10px 10px !important;
	max-width: 328px;
	text-indent: hanging 1em;
	border-style: solid;
	display: table !important;
}
.info-box tr:first-child {
	text-align: center;
	text-wrap: balance;
	text-indent: initial;
}
.info-box .info-box-head {
	text-align: left;
	min-width: max-content;
}
.info-box tr li {
	margin-bottom: 0;
}
.info-box figure[typeof~="mw:File/Thumb"] {
	border: 0;
	margin: 0 auto 5px auto;
}
.info-box figure[typeof~="mw:File/Thumb"] figcaption {
	display: none;
}
.info-box figure[typeof~="mw:File/Thumb"] img {
	max-height: 300px;
	object-fit: cover;
	margin: 5px 0;
}
.info-box ul {
	margin-left: 1.6em;
}
.info-box tr:last-child td {
	text-align: right;
}
.quote-box {
	display: table;
	margin: 25px 0 !important;
	color: #555;
	background-color: #fafbfc;
	border-radius:10px;
}
.page-Main_Page figure[typeof="mw:File"] img {
	background-color: unset !important;
	width: 100%;
	height: auto;
}
.catlinks {
	border-color: var(--border-color-subtle);
}
li.gallerybox div.thumb, .catlink-thumb, .catlinks {
	border-radius: 10px;
}
.mw-category-group {
	break-inside: avoid-column;
}
.CategoryTreePageBullet {
	width: auto;
}

/* [[Category:Admin]] */