MediaWiki:Gadget-Minerva.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 127: Line 127:
}
}
}
}
.list-thumb:not(.list-thumb-none),
.results .list-thumb:not(.list-thumb-none),
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
background-size: contain !important;
background-size: contain !important;
}
}
.list-thumb-none, .ext-related-articles-card-thumb-placeholder {
.results .list-thumb-none, .ext-related-articles-card-thumb-placeholder {
opacity: 1 !important;
opacity: 1 !important;
background-image: url(/images/article-icon.svg) !important;
background-image: url(/images/article-icon.svg) !important;
}
}
.list-thumb, .ext-related-articles-card-thumb {
.results .list-thumb, .ext-related-articles-card-thumb {
background-color: #EAECF0 !important;
background-color: #EAECF0 !important;
}
}

Revision as of 05:55, January 21, 2021

/* CSS placed here will affect users of the Minerva skin */

/* Background color */
.header-container.header-chrome,
body.skin-minerva, #mw-mf-page-left,
#mw-mf-page-center, .minerva-footer {
	background-color: #D10200 !important;
}
.header {
	border-color: #D10200 !important;
}
/* Border color */
.minerva-footer {
	border-top: 1px solid #BC0100 !important;
}
.last-modified-bar, footer > .post-content > h2,
body.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout {
	border-bottom: 1px solid #BC0100 !important;
}
.mw-mf-watchlist-selector li.selected a {
	border-bottom-color: #BC0100 !important;
}
/* Active color */
#mw-mf-page-left ul li a:hover {
	box-shadow: inset 4px 0 0 0 #AD0401 !important;
}
.client-nojs .search-box .search:focus,
.search-overlay .search-box .search:focus {
	border-color: #AD0401 !important;
	box-shadow: inset 0 0 0 1px #AD0401,0 1px 1px rgba(0,0,0,0.05) !important;
}
body.skin-minerva h2.list-header,
.last-modified-bar, .last-modified-bar.active,
body.skin-minerva form.mw-mf-settings #beta-field::before {
	background-color: #AD0401 !important;
	color: #fff !important;
}
/* Last modified bar */
.last-modified-bar .content,
.last-modified-bar a {
	color: #fff !important;
}

/* Minerva icons */
.mw-ui-icon-mf-expand-gray::before,
.mw-ui-icon-mf-expand-invert:before {
	background: none !important;
}
.last-modified-bar__icon.mw-ui-icon-wikimedia-history-base20::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%3Ehistory%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 00-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1110 17v2a9 9 0 000-18z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* Editor icons */
.mw-ui-icon-mf-previous-base20::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-close-base20::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* Recent changes icon */
.mw-ui-icon-minerva-recentChanges::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Erecent changes%3C/title%3E%3Cg fill=%22%2354595d%22%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath fill-rule=%22nonzero%22 d=%22M6 15h2v2H6zm0-6h6v2H6zm0-6h11v2H6z%22/%3E%3Ccircle cx=%222%22 cy=%224%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Ccircle cx=%222%22 cy=%2210%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Ccircle cx=%222%22 cy=%2216%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Cpath d=%22M18.76 11.89l1.078-1.112a.556.556 0 000-.783l-1.855-1.833a.556.556 0 00-.783 0l-1.09 1.077 2.65 2.65zm-3.227-2.062L10 15.361V18h2.639l5.533-5.533z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

/* White text theme */
.branding-box a, .branding-box sup,
#mw-mf-page-left ul.hlist li a, .ra-read-more h2,
.footer-content, .footer-content a, footer .hlist li::after {
	color: #fff !important;
}
.mw-ui-icon-wikimedia-menu-base20::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%3Emenu%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.mw-ui-icon-wikimedia-search-base20::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%3Esearch%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M7.5 13c3.04 0 5.5-2.46 5.5-5.5S10.54 2 7.5 2 2 4.46 2 7.5 4.46 13 7.5 13zm4.55.46A7.432 7.432 0 017.5 15C3.36 15 0 11.64 0 7.5S3.36 0 7.5 0C11.64 0 15 3.36 15 7.5c0 1.71-.57 3.29-1.54 4.55l6.49 6.49-1.41 1.41-6.49-6.49z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.mw-ui-icon-wikimedia-bellOutline-base20::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%3Ebell%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5v.69zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4zM8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.mw-ui-icon-minerva-userAvatarOutline::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%3Euser avatar%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M10 8c1.7 0 3.06-1.35 3.06-3S11.7 2 10 2 6.94 3.35 6.94 5 8.3 8 10 8zm0 2c-2.8 0-5.06-2.24-5.06-5S7.2 0 10 0s5.06 2.24 5.06 5-2.26 5-5.06 5zm-7 8h14v-1.33c0-1.75-2.31-3.56-7-3.56s-7 1.81-7 3.56V18zm7-6.89c6.66 0 9 3.33 9 5.56V20H1v-3.33c0-2.23 2.34-5.56 9-5.56z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.header-chrome .mw-ui-icon-mf-close-base20::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Standard changes */
.search-box .search {
	border-color: transparent !important;
}
.header .branding-box {
	opacity: 1 !important;
	width: auto !important;
	padding-top: 2px !important;
}
.header .branding-box a {
	display: inline !important;
}
.header .branding-box sup {
	margin-left: -3px !important;
}
.branding-box a, .branding-box a span,
.footer-content a, #mw-mf-page-left ul.hlist li a {
	font-weight: bold !important;
}
#mw-mf-page-left ul.hlist li a span {
	font-size: 100% !important;
}
.last-modified-bar {
	padding: 6px 0 !important;
}
.branding-box a, footer .footer-content h2 {
	font-size: 120% !important;
	font-family: 'PT Serif', 'Palatino', 'Georgia', serif !important;
}
#mw-data-after-content h2 {
	font-size: 115% !important;
}
.ext-related-articles-card-list h3 a {
	color: #54595D !important;
}
.ra-read-more {
	margin-bottom: 42px !important;
}
@media all and (min-width: 720px) {
	.ext-related-articles-card-list .ext-related-articles-card {
		margin-bottom: 0 !important;
	}
}
.results .list-thumb:not(.list-thumb-none),
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
	background-size: contain !important;
}
.results .list-thumb-none, .ext-related-articles-card-thumb-placeholder {
	opacity: 1 !important;
	background-image: url(/images/article-icon.svg) !important;
}
.results .list-thumb, .ext-related-articles-card-thumb {
	background-color: #EAECF0 !important;
}
#mw-data-after-content {
	margin-bottom: 0 !important;
}
#mw-data-after-content + h2 {
	margin-top: 0 !important;
}
.license a.external {
	padding-right: 0 !important;
	background-image: none !important;
}
.heading-holder {
	margin-bottom: 15px !important;
}
.ns-special .heading-holder {
	margin-bottom: 0 !important;
}
.page-Main_Page .heading-holder {
	padding-bottom: 0 !important;
}
#content {
	padding-bottom: 20px !important;
}
.minerva-talk-full-page-button {
	margin-bottom: -20px !important;
}
body.skin-minerva .mw-indicators {
	float: right;
	display: flex;
}
@media all and (max-width: 719px) {
	body.skin-minerva .mw-indicators {
		position: absolute;
		top: 1px;
		right: 0;
	}
}
@media all and (min-width: 1000px) {
	.mw-ui-icon-element.mw-ui-icon-with-label-desktop {
		color: #54595D !important;
	}
}

/* Headings */
.content h3, .content h4,
.content h5, .content h6 {
	padding: 0.3em 0 0.15em !important;
}
.content #mw-content-text > h2:not(.collapsible-heading),
.content .mw-parser-output > h2:not(.collapsible-heading) {
	display: block !important;
}
.client-js .section-heading:not(.collapsible-heading) .mw-headline {
	padding-left: 25px !important;
}
.section-heading:not(.collapsible-heading) .indicator {
	display: none !important;
}
.client-js .content .collapsible-heading .indicator {
	padding-top: 0;
	padding-bottom: 3px;
}
.content .mw-editsection > .mw-ui-icon-flush-right {
	display: block;
}
.content .collapsible-heading.open-block .mw-ui-icon-flush-right {
	top: -1.75px;
}
.content .in-block .mw-ui-icon-flush-right {
	top: -2.75px;
}

/* Text and links */
.content { color: #000; }
.content a { color: #002bb8; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.content a.new > * { color: unset !important; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.new, .content a.new:visited, .content a.new:hover { color: #d33; }
.content .mw-history-undo a, .content .mw-rollback-link a,
.content #page-secondary-actions .mw-ui-button {
	color: #202122;
	text-decoration: none;
}
.content .mw-history-undo a:active, .content .mw-rollback-link a:active,
.content #page-secondary-actions .mw-ui-button:active {
	color: #000;
}
.content-unstyled .minoredit {
	color: #000 !important;
}
.category-header li.selected a {
	text-decoration: none;
	color: #36C !important;
}
.page-list li > a,
.site-link-list li > a,
.topic-title-list li > a,
.minerva__tab-container a,
.category-header li a,
a.minerva__tab.new,
a.mw-mf-user-link,
.mw-mf-user {
	color: #54595D !important;
}
.mw-mf-user:hover,
a.mw-mf-user-link:hover {
	text-decoration: none;
}
a.mw-mf-user-link {
	font-weight: bold;
	position: relative;
	top: 2px;
}
.content a.mw-ui-button,
.content a.mw-ui-button:active,
.content a.mw-ui-button:visited {
	color: #222;
}
.content a.mw-ui-button:hover {
	color: #444;
}
.content .mw-ui-button.mw-ui-progressive,
.content .mw-ui-button.mw-ui-progressive:active,
.content .mw-ui-button.mw-ui-progressive:hover,
.content .mw-ui-button.mw-ui-progressive:visited {
	color: #fff;
}

/* Recent changes list */
body.skin-minerva .mw-tag-markers,
body.skin-minerva ul.special .comment,
body.skin-minerva .mw-changeslist-date,
body.skin-minerva .mw-changeslist-line-inner > *,
body.skin-minerva ul.mw-contributions-list li > *,
body.skin-minerva ul.mw-contributions-list .comment,
body.skin-minerva.mw-special-Watchlist .mw-userlink::before,
body.skin-minerva.mw-special-Recentchanges .mw-userlink::before,
body.skin-minerva.mw-special-Watchlist .mw-usertoollinks::after,
body.skin-minerva.mw-special-Recentchanges .mw-usertoollinks::after {
	float: none;
	display: inline;
}
body.skin-minerva .mw-changeslist-line-inner > *,
body.skin-minerva ul.mw-contributions-list li > * {
	margin-right: 2px;
}
body.skin-minerva .mw-changeslist-line-inner > .mw-userlink {
	margin-right: 0;
}
body.skin-minerva .mw-changeslist-line-inner > abbr + .unpatrolled {
	margin-left: -2px;
}
body.skin-minerva .mw-diff-bytes::before,
body.skin-minerva .comment--without-parentheses::before,
body.skin-minerva .mw-changeslist-log .mw-changeslist-line-inner > .mw-changeslist-links::before {
	content: '(';
}
body.skin-minerva .mw-diff-bytes::after,
body.skin-minerva .comment--without-parentheses::after,
body.skin-minerva .mw-changeslist-log .mw-changeslist-line-inner > .mw-changeslist-links::after {
	content: ')';
}
body.skin-minerva ul.mw-contributions-list .mw-contributions-title,
body.skin-minerva ul.special .mw-contributions-title,
body.skin-minerva ul.mw-contributions-list .mw-title,
body.skin-minerva ul.special .mw-title {
	font-weight: normal;
}
body.skin-minerva .botedit, body.skin-minerva .minoredit,
body.skin-minerva .newpage, body.skin-minerva .unpatrolled,
body.skin-minerva .mw-changeslist-line-watched .mw-title {
	font-weight: bold !important;
}
body.skin-minerva ul.special li,
body.skin-minerva ul.mw-contributions-list li {
	min-height: 0;
	font-size: 100%;
	padding: 2px 0 1px;
}
body.skin-minerva ul.special li:last-of-type,
body.skin-minerva ul.mw-contributions-list li:last-of-type {
	border: 0;
}
body.skin-minerva ul.special .comment,
body.skin-minerva ul.mw-contributions-list .comment {
	padding: 0;
}
body.skin-minerva .mw-changeslist-log-entry {
	display: contents;
}
body.skin-minerva .mw-rollback-link {
	float: none;
}
body.skin-minerva .mw-history-undo a,
body.skin-minerva .mw-rollback-link a {
	float: none;
	padding: 1px 4px 0;
	position: relative;
	top: -2.5px;
}
body.skin-minerva .mw-tag-marker {
	margin-top: 1.5px;
	vertical-align: top;
}
body.skin-minerva .mw-tag-markers {
	margin: 0;
}
body.skin-minerva .unpatrolled {
	color: #d33;
}