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
 
(59 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 */


/* Background color */
body.skin-minerva {
.header-container.header-chrome,
--minerva-bgcolor: #D10200;
body.skin-minerva, #mw-mf-page-left,
--minerva-border: #BC0100;
#mw-mf-page-center, .minerva-footer {
--minerva-active: #AD0401;
background-color: #D10200 !important;
--minerva-themetext: #FFF;
}
--minerva-themefilter: brightness(100);
.header-container .header {
border-color: #D10200 !important;
}
/* Border color */
.minerva-footer {
border-top: 1px solid #BC0100 !important;
}
.last-modified-bar, .post-content .minerva-footer-logo, 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 .last-modified-text-accent,
.last-modified-bar .content, .last-modified-bar a {
color: #fff !important;
}
}


/* Minerva icons */
/* Wordmark logo */
.last-modified-bar .mw-ui-icon-mf-expand-gray::before,
.branding-box img, .minerva-footer-logo img {
.last-modified-bar .mw-ui-icon-mf-expand-invert:before {
width: 155px !important;
background: none !important;
height: auto !important;
}
}
.last-modified-bar__icon.mw-ui-icon-wikimedia-history-base20::before {
.branding-box img {
filter: brightness(0) invert(1) !important;
margin-top: 5px !important;
}
/* Editor icons */
.mw-ui-icon-mf-close-base20::before,
.mw-ui-icon-mf-previous-base20::before {
filter: brightness(0) !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;
}
#p-interaction .mw-ui-icon-minerva-recentChanges {
display: none !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(0) invert(1) !important;
}
 
/* Standard changes */
.minerva-header .search-box {
margin: auto !important;
}
.search-box .search {
border-color: transparent !important;
}
header .branding-box {
opacity: 1 !important;
width: auto !important;
padding-top: 2px !important;
min-width: 190px !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;
}
.minerva-user-navigation {
min-width: 0 !important;
}
.minerva-user-menu-list .mw-ui-icon {
overflow: visible !important;
}
.action-history .history-user {
margin-left: 0 !important;
}
.last-modified-bar {
padding: 6px 0 !important;
}
.last-modified-bar .indicator {
display: none !important;
}
.branding-box a, .minerva-footer-logo,
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;
}
#toc > ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ra-read-more {
padding-bottom: 42px !important;
}
.client-js body.action-view.ns-content:not(.disambig):not(.page-Main_Page) .read-more-container {
min-height: 315px !important;
}
@media all and (min-width: 720px) {
.client-js body.action-view.ns-content:not(.disambig):not(.page-Main_Page) .read-more-container {
min-height: 155px !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;
}
.minerva-footer-logo,
#mw-data-after-content + h2 {
margin-top: 0 !important;
}
#footer-info-copyright a.external,
.license a.external {
padding-right: 0 !important;
background-image: none !important;
}
#bodyContent {
margin-top: 15px !important;
}
.ns-special .heading-holder {
margin-bottom: 0 !important;
}
.page-Main_Page .heading-holder {
padding: 0 !important;
}
.page-Main_Page .page-heading {
margin-top: 15px !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;
}
}
.nominerva {
display: none !important;
}
.content tt {
font-family: 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
}
.content table caption {
text-align: center;
}
.content .header {
display: revert;
height: revert;
width: revert;
max-width: revert;
white-space: revert;
border: revert;
border-spacing: revert;
border-collapse: revert;
margin: revert;
}
 
/* Galleries */
@media all and (max-width: 720px) {
.content ul.gallery .gallerybox {
width: 155px !important;
}
.content ul.gallery .gallerybox div {
width: auto !important;
}
.content ul.gallery:not(.mw-gallery-nolines) .gallerybox div.thumb {
display: flex !important;
min-height: 151px !important;
}
.content ul.gallery:not(.mw-gallery-nolines) .gallerybox div.thumb > div {
padding: 0 2px !important;
margin: auto !important;
}
.content ul.gallery .gallerybox .vjs-progress-control {
display: none !important;
}
.content ul.gallery .gallerybox .vjs-time-control {
padding: 0 !important;
}
.content ul.gallery .gallerybox .video-js {
width: 120px !important;
}
}
 
/* Headings */
dl dt {
margin-left: -1em;
}
.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;
}
.content .section-heading:not(.collapsible-heading):not(h2) {
border-bottom: 0 !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;
}
section table .mw-ui-icon-flush-right {
margin-right: 0 !important;
}
}


Line 306: Line 23:
.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 {
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;
min-height: 0;
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 473: Line 66:
}
}


/* Echo extension */
/* MarioWiki: Echo */
.mw-special-Notifications #contentSub,
.notification-count.notification-unseen .circle {
.mw-special-Notifications #mw-echo-pref-link,
border-color: #fff;
.mw-special-Notifications .pre-content.heading-holder {
background: #8a0301;
text-align: unset !important;
}
.notification-count.notification-unseen .circle span {
color: #fff;
}
}

Latest revision as of 16:33, March 7, 2025

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

body.skin-minerva {
	--minerva-bgcolor: #D10200;
	--minerva-border: #BC0100;
	--minerva-active: #AD0401;
	--minerva-themetext: #FFF;
	--minerva-themefilter: brightness(100);
}

/* Wordmark logo */
.branding-box img, .minerva-footer-logo img {
	width: 155px !important;
	height: auto !important;
}
.branding-box img {
	margin-top: 5px !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;
}