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
 
(86 intermediate revisions by the same user 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 11: Line 20:
}
}
/* 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;
}
/* Last modified bar */
.last-modified-bar .content,
.last-modified-bar a {
color: #fff !important;
color: #fff !important;
}
/* Minerva icons */
.last-modified-bar .mw-ui-icon-mf-expand-gray::before,
.last-modified-bar .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;
}
#toc {
min-height: 52px !important;
min-width: 165.875px !important;
}
.ra-read-more {
padding-bottom: 42px !important;
}
.client-js body.ns-content:not(.page-Main_Page) .read-more-container {
min-height: 314.625px !important;
}
@media all and (min-width: 720px) {
.client-js body.ns-content:not(.page-Main_Page) .read-more-container {
min-height: 154.625px !important;
}
.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(https://mario.wiki.gallery/images/article-icon.svg) !important;
}
.results .list-thumb, .ext-related-articles-card-thumb {
background-color: #EAECF0 !important;
}
.overlay .results .page-summary h3 {
font-size: 18px !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;
}
.page-Main_Page .page-heading {
margin-bottom: 0 !important;
}
#content {
padding-bottom: 20px !important;
}
.minerva-talk-full-page-button {
margin-bottom: -20px !important;
}
.lazy-image-placeholder {
background-color: transparent !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;
}
}
.content .header {
display: revert;
height: revert;
width: revert;
max-width: revert;
white-space: revert;
border: revert;
border-spacing: revert;
border-collapse: revert;
margin: revert;
}
 
/* 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 .ns-subject:not(.ns-10):not(.ns-14) .section-heading:not(.collapsible-heading) .mw-headline {
padding-left: 25px !important;
}
.client-js .ns-subject:not(.ns-10):not(.ns-14) .overlay .section-heading:not(.collapsible-heading) .mw-headline {
padding-left: 0 !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;
}
}


Line 247: 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 a.mw-selflink { color: inherit; text-decoration: inherit; font-weight: bold; cursor: auto !important; }
.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 */
/* Tabber tabs */
body.skin-minerva .mw-tag-markers,
.tabbernav {
body.skin-minerva ul.special .comment,
margin: 0 !important;
body.skin-minerva .mw-changeslist-date,
padding: 1px 0 !important;
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;
}
}


/* Multiple image template */
/* Multiple image template */
.multiFloat {
.multiFloat {
margin: 0 auto 6px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.multiFloatContainer > .thumbcaption {
margin-top: 0.3em !important;
}
}
.multiVert + .multiVert {
.multiVert + .multiVert {
Line 412: Line 102:
clear: none !important;
clear: none !important;
}
}
}
/* MarioWiki: Echo */
.notification-count.notification-unseen .circle {
border-color: #fff;
background: #8a0301;
}
.notification-count.notification-unseen .circle span {
color: #fff;
}
}

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