MediaWiki:Common.css: Difference between revisions

Latest revision as of 12:58, 3 August 2024

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



/** Copy external link icon to interwiki links */
.mw-parser-output a.extiw::after {
	background-color: currentColor;
	content: "";
	display: inline-block;
	height: 0.75em;
	margin-left: 0.125em;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 aria-hidden=%22true%22 viewBox=%220 0 20 20%22%3E %3Cg fill=%22currentColor%22%3E %3Cpath d=%22M17 17H3V3h5V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5h-2z%22/%3E %3Cpath d=%22m11 1 3.29 3.29-5.73 5.73 1.42 1.42 5.73-5.73L19 9V1z%22/%3E %3C/g%3E %3C/svg%3E") no-repeat 50% 50%;
	mask-size: contain;
	width: 0.75em;
}
.mw-parser-output :is(a.extiw:hover, a.extiw:visited:hover) {
	color: var(--color-link--hover, currentColor);
}
.mw-parser-output .plainlinks a.extiw::after {
	content: none;
}
.mw-content-rtl .mw-parser-output a.extiw::after {
	transform: scaleX(-1);
}



/** 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;
}