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
 
(31 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 16: Line 25:
.post-content .minerva-footer-logo {
.post-content .minerva-footer-logo {
border-color: #BC0100 !important;
border-color: #BC0100 !important;
}
form.mw-mf-settings #beta-field::before {
background-color: #BC0100 !important;
}
}
/* Active color */
/* Active color */
Line 26: 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;
}
}
h2.list-header, form.mw-mf-settings #beta-field::before,
h2.list-header, #content .mw-index-pager-list-header,
.last-modified-bar, .last-modified-bar.active {
.last-modified-bar, .last-modified-bar.active {
background-color: #AD0401 !important;
background-color: #AD0401 !important;
color: #fff !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(100) !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%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 {
min-width: 17.5px !important;
background-size: 17.5px !important;
margin: 0 !important;
}
}


Line 76: Line 54:
.header-chrome .mw-ui-icon-mf-close-base20::before {
.header-chrome .mw-ui-icon-mf-close-base20::before {
filter: brightness(100) !important;
filter: brightness(100) !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;
}
.mw-ui-button:not(.mw-ui-icon-element) {
max-width: none !important;
}
#userloginForm .mw-form-related-link-container {
text-align: center !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 .mw-body {
background: #fff !important;
}
.ns-special .heading-holder {
margin-bottom: 0 !important;
}
.ns-special .heading-holder .tagline,
.mw-special-Recentchanges .mw-message-box {
display: none;
}
body.skin-minerva .minerva-anon-talk-message {
display: block !important;
font-weight: bold !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 */
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: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;
}
.mw-rollback-link .jquery-confirmable-element {
margin-left: -60px !important;
}
.mw-rollback-link .jquery-confirmable-button {
margin: 0 !important;
}
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 */
body.action-history #pagehistory input[type="checkbox"] {
position: initial;
}
}


Line 437: Line 65:
.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 {

Latest revision as of 19:18, January 14, 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.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, .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;
	}
}