MediaWiki:Vector-2022.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 58: Line 58:


/* Width fixes */
/* Width fixes */
.mw-parser-output > table.darker,
:not(td) > table.wikitable:not(.mw-collapsible), :not(td) > table.darker {
.mw-parser-output > table.wikitable:not(.mw-collapsible) {
width: auto !important;
width: auto !important;
display: block !important;
display: block !important;
Line 66: Line 65:
min-width: 150px !important;
min-width: 150px !important;
}
}
.mw-parser-output > table[border="1"] {
table[border="1"] {
width: auto !important;
width: auto !important;
display: block !important;
display: block !important;
overflow: auto !important;
overflow: auto !important;
}
}
.mw-parser-output > table[border="1"] > tbody {
table[border="1"] > tbody {
display: table !important;
display: table !important;
width: calc(100% - 1px) !important;
width: calc(100% - 1px) !important;
}
}
.mw-parser-output > table.wikitable:not(.mw-collapsible),
table[border="1"][style*="border-collapse"],
.mw-parser-output > table[border="1"][style*="border-collapse"] {
:not(td) > table.wikitable:not(.mw-collapsible) {
border-width: 0 !important;
border-width: 0 !important;
}
}
table.darker img, table.wikitable img,
table.wikitable img, table[border="1"] img, table.darker img {
.mw-parser-output > table[border="1"] img {
min-width: 15px !important;
min-width: 15px !important;
max-width: 100% !important;
max-width: 100% !important;

Revision as of 16:24, July 4, 2024

/* CSS placed here will affect users of the Vector 2022 skin */

/* Wordmark/icon logo */
.mw-logo-wordmark, .mw-logo-icon { filter: invert(1) hue-rotate(180deg); }

/* Indicators */
#mw-indicator-rc {
	top: -16px;
	font-size: 80%;
}
#rc-bot {
	margin-top: 0 !important;
}

/* Notice boxes */
.noticebox {
	width: auto !important;
	display: flex !important;
}

/* Echo extension */
@media all and (max-width: 719px) {
	.vector-menu-content-list {
		display: none !important;
	}
}

/* Standard changes */
#siteSub { display: block; }
.mw-sidebar-action { display: none; }
.mw-logo-container { max-width: none; }
.mw-page-container { overflow: hidden; }
.mw-page-container, .mw-logo { min-width: 0; }
img.mw-logo-wordmark {
	width: 160px !important;
	height: auto !important;
}
#p-lang-btn.mw-portlet-empty {
	float: right;
	display: block;
}
@media all and (max-width: 719px) {
	#p-lang-btn .vector-menu-heading-label {
		display: none;
	}
	#p-search .mw-ui-button {
		padding-right: 0;
	}
}

/* Purge tab gadget */
.mw-ui-icon-vector-gadget-ca-purge {
	display: none;
}
.mw-ui-icon-vector-gadget-ca-purge + span {
	margin: 0 !important;
}

/* Width fixes */
:not(td) > table.wikitable:not(.mw-collapsible), :not(td) > table.darker {
	width: auto !important;
	display: block !important;
	overflow: auto !important;
	max-width: max-content !important;
	min-width: 150px !important;
}
table[border="1"] {
	width: auto !important;
	display: block !important;
	overflow: auto !important;
}
table[border="1"] > tbody {
	display: table !important;
	width: calc(100% - 1px) !important;
}
table[border="1"][style*="border-collapse"],
:not(td) > table.wikitable:not(.mw-collapsible) {
	border-width: 0 !important;
}
table.wikitable img, table[border="1"] img, table.darker img {
	min-width: 15px !important;
	max-width: 100% !important;
	height: auto !important;
}
.mw-parser-output table:not(.wikitable) {
	min-width: 0 !important;
}