MediaWiki:Common.css: Difference between revisions

From Duskview
Jump to navigation Jump to search
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 8: Line 8:
   margin: 0 0 1em 1em;
   margin: 0 0 1em 1em;
   padding: 0.8em;
   padding: 0.8em;
   width: 270px;
   width: 280px;
   background-color: #f9f9f9;
   background-color: #f9f9f9;
   border: 1px solid #aaa;
   border: 1px solid #aaa;
Line 14: Line 14:
   line-height: 1.4em;
   line-height: 1.4em;
   box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
   box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  color: #000;
  transition: background-color 0.3s ease, color 0.3s ease;
}
}


.infobox table {
.infobox a {
   border-collapse: collapse;
   color: #0645ad;
  width: 100%;
}
}


.infobox table,
.infobox th,
.infobox td {
.infobox td {
   vertical-align: top;
   background-color: transparent;
  color: inherit;
  border: none;
   padding: 2px 4px;
   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;
  }
}