MediaWiki:Vector-2022.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 41: Line 41:
max-width: 100% !important;
max-width: 100% !important;
height: auto !important;
height: auto !important;
}
.mw-parser-output table:not(.wikitable) {
min-width: 0 !important;
}
}
.thumb img {
.thumb img {
max-width: 100% !important;
max-width: 100% !important;
height: auto !important;
height: auto !important;
}
.mw-parser-output table:not(.wikitable) {
min-width: 0 !important;
}
}



Revision as of 18:15, March 28, 2024

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

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

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

/* Shared Vector styles
       Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-SharedVector.css */

.titledBox { margin-top: 1em; }
.main-page-left-col { padding-right: 0.5em; }
.main-page-right-col { padding-left: 0.5em; }

#pt-userpage-2 a,
.sidebar-toc .sidebar-toc-link,
.vector-menu-tabs .mw-list-item a,
.vector-toc-collapse-button, .vector-toc-uncollapse-button,
.vector-user-menu-logout a, .vector-user-menu-create-account a,
.vector-user-menu-login a, .vector-menu-dropdown .mw-list-item a {
	color: #080;
}
.vector-toc-collapse-button:hover, .vector-toc-uncollapse-button:hover {
	color: #0b0;
}
.vector-user-menu-logout a:visited, .vector-user-menu-create-account a:visited,
.vector-user-menu-login a:visited, .vector-menu-dropdown .mw-list-item a:visited {
	color: #084;
}

.vector-menu-tabs .mw-list-item.new a,
.vector-menu-tabs .mw-list-item.new a:visited {
	color: #bb0;
}

.rcoptions #tagfilter {
	border: 1px solid #a2a9b1;
	padding: 0.3em 0.4em 0.2em;
	transition: border-color 250ms,box-shadow 250ms;
}
.rcoptions #tagfilter:hover {
	border-color: #72777d;
}

.cdx-text-input__input:enabled:focus,
.rcoptions #tagfilter:focus, .rcoptions #tagfilter:hover:focus,
.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
	border-color: #080;
	box-shadow: inset 0 0 0 1px #080;
}

.mw-ui-icon-wikimedia-language-progressive::before {
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E language %3C/title%3E%3Cg fill='%23080'%3E%3Cpath d='M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z'/%3E%3C/g%3E%3C/svg%3E");
}