MediaWiki:Common.css: Difference between revisions

Revision as of 10:13, 1 August 2024

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



/** Fix monospace text suppressing hyperlink styling */
:is(a.extiw, a.external) code {
	color: var(--color-link);
}



/** Styling for userboxen to match mw:Extension:Babel */
.mw-babel-wrapper {
	border: 1px solid currentColor;
	border-spacing: 0;
	box-sizing: border-box;
	margin: 1px;
	padding: 0;
	width: 100%;
}
.mw-babel-header {
	font-weight: bold;
	text-align: center;
}
.mw-babel-footer {
	font-size: 85%;
	font-weight: normal;
	text-align: center;
}
.mw-babel-box-0 {
	--mw-babel-primary-color: #FFBBBB;
}
.mw-babel-box-1 {
	--mw-babel-primary-color: #E0C0E0;
}
.mw-babel-box-2 {
	--mw-babel-primary-color: #BCB9EF;
}
.mw-babel-box-3 {
	--mw-babel-primary-color: #99B3FF;
}
.mw-babel-box-4 {
	--mw-babel-primary-color: #77E0E8;
}
.mw-babel-box-5 {
	--mw-babel-primary-color: #FFCF4D;
}
.mw-babel-box-N {
	--mw-babel-primary-color: #6EF7A7;
}
.mw-babel-box {
	background-color: var(--mw-babel-primary-color, transparent);
	border: 1px solid var(--mw-babel-primary-color, transparent);
	margin: 1px;
}
.mw-babel-box table {
	border-spacing: 0;
	margin: 0 !important;
	width: 100%;
}
.mw-babel-box th {
	font-size: 1.25em;
	height: 45px;
	min-width: 45px;
	text-align: center;
	width: 45px;
}
.mw-babel-box td {
	background-color: #FFFFFF9F;
	font-size: .85em;
	line-height: 1.25em;
	padding: .5em;
	width: 100%;
}
@media all and (min-width: 480px) {
	.mw-babel-wrapper {
		clear: right;
		float: right;
		width: 238px;
	}
	.mw-content-ltr .mw-babel-wrapper {
		clear: right;
		float: right;
	}
	.mw-content-rtl .mw-babel-wrapper {
		clear: left;
		float: left;
	}
	.mw-babel-box {
		clear: right;
		float: right;
		width: 238px;
	}
	.mw-content-ltr .mw-babel-box {
		clear: right;
		float: right;
	}
	.mw-content-rtl .mw-babel-box {
		clear: left;
		float: left;
	}
}



/* Temporary CSS solution to hide KDE links until they are removed from skin */
#kFooterIncome, #kLegal, #kLinks .col-sm:not(:first-child) {
  display: none;
}