MediaWiki:Common.css

From Duskview
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.mw-wiki-logo {
  background-size: contain;
}

.infobox {
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  padding: 0.8em;
  width: 280px;
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  font-size: 90%;
  line-height: 1.4em;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  color: #000;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.infobox a {
  color: #0645ad;
}

.infobox table,
.infobox th,
.infobox td {
  background-color: transparent;
  color: inherit;
  border: none;
  padding: 2px 4px;
}

.infobox .mw-collapsible > tr:first-child th {
  background-color: #e0e0e0;
  color: #000;
  text-align: left;
  padding: 4px;
}

/* 🌙 DARK MODE SUPPORT */
@media (prefers-color-scheme: dark) {
  .infobox {
    background-color: #1c1c1c;
    color: #ddd;
    border: 1px solid #444;
  }

  .infobox a {
    color: #89c4ff;
  }

  .infobox table,
  .infobox th,
  .infobox td {
    color: #ddd;
    background-color: transparent;
  }

  .infobox .mw-collapsible > tr:first-child th {
    background-color: #333;
    color: #ddd;
  }
}