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
 
(48 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,
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 */
.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 {
filter: brightness(0) invert(1) !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 {
min-width: 17.5px !important;
background-size: 17.5px !important;
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%3E recent changes %3C/title%3E%3Cg fill=%22%2354595d%22%3E %3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E %3C/g%3E%3C/svg%3E") !important;
}
 
/* Custom menu */
.menu .mw-ui-icon > .mw-ui-icon,
a[data-event-name="menu.recentchanges"] {
display: none !important;
}
.menu .mw-ui-icon-before::before {
margin: 0 !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-user-navigation {
margin-right: -0.75em !important;
}
.minerva-user-navigation > :last-child {
margin-right: 0 !important;
}
#pt-notifications-alert > .mw-ui-icon-element {
padding-left: 0 !important;
padding-right: 0 !important;
}
.minerva-header .search-box {
margin: auto !important;
}
.minerva-search-form {
width: 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;
margin-left: 15px !important;
}
header .branding-box sup {
margin-left: -3px !important;
}
header .branding-box a > * {
float: none !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-menu-list .mw-ui-icon {
overflow: visible !important;
}
.action-history .history-user {
margin-left: 0 !important;
}
.mw-mf-history-wrap-link {
text-align: center !important;
}
.mw-mf-diff-info > * {
padding: 0 !important;
}
.last-modified-bar {
padding: 6px 0 !important;
}
.last-modified-bar .indicator {
display: none !important;
}
#mw-data-after-content h2 {
font-size: 115% !important;
}
.branding-box a, .minerva-footer-logo {
font-size: 120% !important;
}
#mw-data-after-content h2, .branding-box a, .minerva-footer-logo {
font-family: 'PT Serif', 'Palatino', 'Georgia', serif !important;
}
.ext-related-articles-card-list h3 a {
color: #54595D !important;
}
#toc > ul {
margin-top: 0 !important;
margin-bottom: 0 !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://wiki.gallery/images/article.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 {
margin-top: 0 !important;
}
#footer-info-copyright a.external {
padding-right: 0 !important;
background-image: none !important;
}
.minerva-talk-content-explained {
padding-bottom: 3px !important;
}
.minerva-talk-content-explained,
.skin-minerva--talk-simplified .section-heading:last-of-type {
border-bottom: 0 !important;
}
body:not(.skin-minerva--talk-simplified) #bodyContent {
margin-top: 15px !important;
}
.minerva-talk-add-button {
margin-bottom: 5px !important;
}
.ns-special .heading-holder {
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;
}
}
.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;
}
}
 
/* Headings */
dl dt {
margin-left: -1em;
}
.content h3, .content h4,
.content h5, .content h6 {
padding: 0.3em 0 0.15em !important;
margin-top: 0.5em !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: 23px !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;
}
}


/* Recent changes list */
/* Wordmark logo */
body.skin-minerva .mw-tag-markers,
.branding-box img, .minerva-footer-logo img {
body.skin-minerva ul.special .comment,
width: 155px !important;
body.skin-minerva .mw-changeslist-date,
height: auto !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:last-of-type 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,
body.skin-minerva ul.mw-contributions-list {
margin: 0;
}
body.skin-minerva .unpatrolled {
color: #d33;
}
/* Contributions only */
body.mw-special-Contributions .mw-changeslist-time {
display: none !important;
}
}
/* Page history */
.branding-box img {
body.action-history #pagehistory input[type="checkbox"] {
margin-top: 5px !important;
position: initial;
}
}


Line 415: 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 {
/* 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 {
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;
}
}


/* 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 500: Line 68:
/* MarioWiki: Echo */
/* MarioWiki: Echo */
.notification-count.notification-unseen .circle {
.notification-count.notification-unseen .circle {
background: #fff;
border-color: #fff;
border-color: #fff;
background: #8a0301;
}
}
.notification-count.notification-unseen .circle span {
.notification-count.notification-unseen .circle span {
color: #000;
}
/* Echo extension */
.notification-count {
background: none;
}
.notification-count .circle {
background: #aaa;
border-color: #aaa;
}
.notification-count .circle span {
color: #fff;
color: #fff;
letter-spacing: -0.4px;
}
.mw-special-Notifications #contentSub,
.mw-special-Notifications #mw-echo-pref-link,
.mw-special-Notifications .pre-content.heading-holder {
text-align: unset !important;
}
}

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