MediaWiki:Minerva.css: Difference between revisions
From Melvor Idle
No edit summary |
(Fix colour for collapsible content links on mobile view) |
||
(9 intermediate revisions by one other user not shown) | |||
Line 4: | Line 4: | ||
border-color:#2c343f | border-color:#2c343f | ||
} | } | ||
.content .infobox { | .overlay.search-overlay { | ||
background: #232a35; | |||
} | |||
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback { | |||
background-color: #343f50; | |||
} | |||
.image { | |||
background-color:#2c343f; | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label, | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
.wikiEditor-ui-toolbar .group .label { | |||
color:#8f8f8f; | |||
} | |||
.content .infobox, | |||
#mw-mf-page-center { | |||
background-color: #282f37; | background-color: #282f37; | ||
} | } | ||
. | .toggle-list__list { | ||
background-color: | background-color: #171b1f; | ||
} | |||
.header { | |||
border-top: none; | |||
} | } | ||
.header-container.header-chrome { | .header-container.header-chrome { | ||
background-color: # | background: url('https://wiki.melvoridle.com/resources/assets/900px-Melvor_Wiki_background_darkmode.jpg') #000 no-repeat; | ||
background-size: 900px; | |||
background-color: #000; | |||
box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1); | box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1); | ||
} | } | ||
.minerva-footer, | .minerva-footer, | ||
.last-modified-bar { | .last-modified-bar { | ||
Line 38: | Line 59: | ||
background-color: #353d48; | background-color: #353d48; | ||
} | } | ||
#mw-mf-page-left ul li a { | #mw-mf-page-left ul li a, | ||
.toggle-list-item__label, | |||
.minerva__tab-container .minerva__tab, | |||
.toggle-list-item__label, | |||
.page-summary h3, | |||
.page-summary h2 { | |||
color: #eee; | color: #eee; | ||
} | } | ||
Line 53: | Line 79: | ||
} | } | ||
} | } | ||
.content table { | .content table { | ||
margin: 0.2rem; | margin: 0.2rem; | ||
Line 59: | Line 86: | ||
#mw-mf-page-left ul.hlist li a span { | #mw-mf-page-left ul.hlist li a span { | ||
font-size: 0.8125rem; | font-size: 0.8125rem; | ||
} | |||
a.mw-collapsible-text { | |||
color: #29d; | |||
} | } |
Latest revision as of 23:52, 18 February 2024
@media (prefers-color-scheme: dark) {
#content {
background-color:#2c343f;
border-color:#2c343f
}
.overlay.search-overlay {
background: #232a35;
}
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
background-color: #343f50;
}
.image {
background-color:#2c343f;
}
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .group .label {
color:#8f8f8f;
}
.content .infobox,
#mw-mf-page-center {
background-color: #282f37;
}
.toggle-list__list {
background-color: #171b1f;
}
.header {
border-top: none;
}
.header-container.header-chrome {
background: url('https://wiki.melvoridle.com/resources/assets/900px-Melvor_Wiki_background_darkmode.jpg') #000 no-repeat;
background-size: 900px;
background-color: #000;
box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
}
.minerva-footer,
.last-modified-bar {
background-color: #282f37;
}
.header-container .branding-box {
opacity: 1;
}
.search-box .search {
background-color: #313e59;
border-color: #313e59;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.search-box .search::placeholder {
color: #cbd9f4;
}
.search-box .search {
color: #cbd9f4;
}
#mw-mf-page-left {
background-color: #282f37;
}
#mw-mf-page-left ul li {
background-color: #353d48;
}
#mw-mf-page-left ul li a,
.toggle-list-item__label,
.minerva__tab-container .minerva__tab,
.toggle-list-item__label,
.page-summary h3,
.page-summary h2 {
color: #eee;
}
#mw-mf-page-left ul.hlist li a {
color: #78a5ff;
}
.mw-ui-icon:not(.mw-ui-icon-mf-upTriangle-constructive):not(.mw-ui-icon-mf-upTriangle-destructive):not(.mw-ui-icon-mf-spinner):before {
filter: brightness(0) invert(1);
}
}
@media (max-width: 720px) {
.content table {
width: auto!important;
}
}
.content table {
margin: 0.2rem;
}
#mw-mf-page-left ul.hlist li a span {
font-size: 0.8125rem;
}
a.mw-collapsible-text {
color: #29d;
}