MediaWiki:Gadget-Minerva.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
mNo edit summary
 
(119 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Minerva skin */
/* CSS placed here will affect users of the Minerva skin */
/* Wordmark logo */
.branding-box img, .minerva-footer-logo img {
width: 155px !important;
height: auto !important;
}
.branding-box img {
margin-top: 5px !important;
}


/* Background color */
/* Background color */
Line 7: Line 16:
background-color: #D10200 !important;
background-color: #D10200 !important;
}
}
.header {
.header-container .header {
border-color: #D10200 !important;
border-color: #D10200 !important;
}
}
/* Border color */
/* Border color */
.minerva-footer {
.minerva-footer, .last-modified-bar,
border-top: 1px solid #BC0100 !important;
form.mw-mf-settings .oo-ui-fieldLayout,
.mw-mf-watchlist-selector li.selected a,
.post-content .minerva-footer-logo {
border-color: #BC0100 !important;
}
}
.last-modified-bar, footer > .post-content > h2,
form.mw-mf-settings #beta-field::before {
body.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout {
background-color: #BC0100 !important;
border-bottom: 1px solid #BC0100 !important;
}
.mw-mf-watchlist-selector li.selected a {
border-bottom-color: #BC0100 !important;
}
}
/* Active color */
/* Active color */
Line 30: Line 38:
box-shadow: inset 0 0 0 1px #AD0401,0 1px 1px rgba(0,0,0,0.05) !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,
h2.list-header, #content .mw-index-pager-list-header,
.last-modified-bar, .last-modified-bar.active,
.last-modified-bar, .last-modified-bar.active {
body.skin-minerva form.mw-mf-settings #beta-field::before {
background-color: #AD0401 !important;
background-color: #AD0401 !important;
color: #fff !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;
}
}


Line 68: Line 50:
color: #fff !important;
color: #fff !important;
}
}
.mw-ui-icon-wikimedia-menu-base20::before {
.mw-ui-icon-wikimedia-menu-base20::before, .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%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-bellOutline-base20::before, .mw-ui-icon-minerva-userAvatarOutline::before,
}
.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 {
.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;
filter: brightness(100) !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;
}
#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 .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;
}
}


Line 192: Line 61:
.content a:active { color: #faa700; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.content a:visited { color: #5a3696; }
.content a.new > * { color: unset !important; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.new, .content a.new:visited, .content a.new:hover { color: #d33; }
.content a.new, .content a.new:visited, .content a.new:hover, .content a.mw-usertoollinks-contribs-no-edits { color: #d33; }
.content .mw-history-undo a, .content .mw-rollback-link a,
 
.content #page-secondary-actions .mw-ui-button {
/* Tabber tabs */
color: #202122;
.tabbernav {
text-decoration: none;
margin: 0 !important;
padding: 1px 0 !important;
}
}
.content .mw-history-undo a:active, .content .mw-rollback-link a:active,
 
.content #page-secondary-actions .mw-ui-button:active {
/* Multiple image template */
color: #000;
.multiFloat {
margin-left: auto !important;
margin-right: auto !important;
}
}
.content-unstyled .minoredit {
.multiFloatContainer > .thumbcaption {
color: #000 !important;
margin-top: 0.3em !important;
}
}
.category-header li.selected a {
.multiVert + .multiVert {
text-decoration: none;
margin-top: 0.6em !important;
color: #36C !important;
}
}
.page-list li > a,
@media all and (max-width: 719px) {
.site-link-list li > a,
.multiFloat {
.topic-title-list li > a,
float: none !important;
.minerva__tab-container a,
}
.category-header li a,
.multiFloat + .multiFloat {
a.minerva__tab.new,
margin-top: 0.6em !important;
a.mw-mf-user-link,
}
.mw-mf-user {
color: #54595D !important;
}
}
.mw-mf-user:hover,
@media all and (min-width: 720px) {
a.mw-mf-user-link:hover {
.multiFloat {
text-decoration: none;
margin-bottom: 0 !important;
}
.multiFloat + .multiFloat {
margin-left: 0.3em !important;
}
.content .thumb .thumbinner .multiFloat {
float: left !important;
clear: none !important;
}
}
}
a.mw-mf-user-link {
 
font-weight: bold;
/* MarioWiki: Echo */
position: relative;
.notification-count.notification-unseen .circle {
top: 2px;
border-color: #fff;
background: #8a0301;
}
}
.content a.mw-ui-button,
.notification-count.notification-unseen .circle span {
.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;
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;
}
}

Latest revision as of 13:50, December 1, 2024

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

/* Wordmark logo */
.branding-box img, .minerva-footer-logo img {
	width: 155px !important;
	height: auto !important;
}
.branding-box img {
	margin-top: 5px !important;
}

/* Background color */
.header-container.header-chrome,
body.skin-minerva, #mw-mf-page-left,
#mw-mf-page-center, .minerva-footer {
	background-color: #D10200 !important;
}
.header-container .header {
	border-color: #D10200 !important;
}
/* Border color */
.minerva-footer, .last-modified-bar,
form.mw-mf-settings .oo-ui-fieldLayout,
.mw-mf-watchlist-selector li.selected a,
.post-content .minerva-footer-logo {
	border-color: #BC0100 !important;
}
form.mw-mf-settings #beta-field::before {
	background-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;
}
h2.list-header, #content .mw-index-pager-list-header,
.last-modified-bar, .last-modified-bar.active {
	background-color: #AD0401 !important;
	color: #fff !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, .mw-ui-icon-wikimedia-search-base20::before,
.mw-ui-icon-wikimedia-bellOutline-base20::before, .mw-ui-icon-minerva-userAvatarOutline::before,
.header-chrome .mw-ui-icon-mf-close-base20::before {
	filter: brightness(100) !important;
}

/* Text and links */
.content { color: #000; }
.content a { color: #002bb8; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.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, .content a.mw-usertoollinks-contribs-no-edits { color: #d33; }

/* Tabber tabs */
.tabbernav {
	margin: 0 !important;
	padding: 1px 0 !important;
}

/* Multiple image template */
.multiFloat {
	margin-left: auto !important;
	margin-right: auto !important;
}
.multiFloatContainer > .thumbcaption {
	margin-top: 0.3em !important;
}
.multiVert + .multiVert {
	margin-top: 0.6em !important;
}
@media all and (max-width: 719px) {
	.multiFloat {
		float: none !important;
	}
	.multiFloat + .multiFloat {
		margin-top: 0.6em !important;
	}
}
@media all and (min-width: 720px) {
	.multiFloat {
		margin-bottom: 0 !important;
	}
	.multiFloat + .multiFloat {
		margin-left: 0.3em !important;
	}
	.content .thumb .thumbinner .multiFloat {
		float: left !important;
		clear: none !important;
	}
}

/* MarioWiki: Echo */
.notification-count.notification-unseen .circle {
	border-color: #fff;
	background: #8a0301;
}
.notification-count.notification-unseen .circle span {
	color: #fff;
}