Difference between revisions of "MediaWiki:Minerva.css"

From Forge Community Wiki
(fix white bg when page is not bigger than viewport, and offset footer down by 1em)
(darken the search overlay)
 
Line 88: Line 88:
 
   background-color: #222;
 
   background-color: #222;
 
}
 
}
.toggle-list-item:hover {
+
.toggle-list-item:hover, .overlay.search-overlay {
 
   background-color: #333;
 
   background-color: #333;
 
}
 
}

Latest revision as of 10:49, 14 December 2020

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* from https://gist.github.com/AdamVig/5b1efdb3c71e3e0a0800a82a092503bc */
footer .footer-content {
 margin-top: 1em;
}
body {
 color:#fff
}
a {
 color:#7ca0e8
}
body,
.header-container.header-chrome,
#content,
footer,
.content table.infobox,
.mw-highlight,
.navbox,
.navbox-subgroup,
#mw-mf-page-center {
 background-color: #222
}
#mw-script-doc {
 background-color:#222 !important
}
.header-container.header-chrome {
 color:#eaecf0
}
.hatnote,
.dablink,
.rellink,
.content table.infobox,
.client-js .toc-mobile,
#toc,
.search-box .search,
.content kbd,
.content samp,
.content code,
.content pre,
footer .last-modified-bar,
.navbox th,
.navbox-title,
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title,
.navbox-even,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
 color:#f8f9fa;
 background-color:#343739;
 border-color:#343739
}
#toc {
 border:0
}
table.fmbox-warning {
 background-color:#794747
}

#mw-mf-page-left {
  background-color: #1c1c1c;
}
#mw-mf-page-left ul li a {
  background-color: #222;
  color: #ccc;
}
#mw-mf-page-left ul li {
  border-top-color: #1c1c1c;
}

.header-container.header-chrome {
  background-image: linear-gradient(to top, #222, #191919)
}
.branding-box * {
  color: #eee;
  font-weight: bold;
  margin-left: -1em;
}
.search {
  margin-left: 1em;
}
.mw-ui-icon-before::before,
.mw-ui-icon-element {
  filter: brightness( 2 );
}
.toggle-list-item {
  background-color: #222;
}
.toggle-list-item:hover, .overlay.search-overlay {
  background-color: #333;
}
.toggle-list-item__label {
  color: #aaa;
}
.last-modified-bar__content {
  filter: brightness(2);
}