MediaWiki:Common.css: Difference between revisions

From Duskview
Jump to navigation Jump to search
Created page with ".mw-wiki-logo { background-size: contain; }"
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
.mw-wiki-logo {
.mw-wiki-logo {
   background-size: contain;
   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;
  }
}
}

Latest revision as of 08:02, 8 June 2025

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