MediaWiki:Common.css: Difference between revisions

From Duskview
Jump to navigation Jump to search
No edit summary
No edit summary
 
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;
   transition: background-color 0.3s ease, color 0.3s ease;
}
}


@media (prefers-color-scheme: dark) {
.infobox a {
  .infobox {
   color: #0645ad;
    background-color: #1e1e1e;
    color: #eee;
    border: 1px solid #555;
  }
   .infobox table {
    color: #eee;
  }
}
 
.infobox table {
  border-collapse: collapse;
  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 details {
.infobox .mw-collapsible > tr:first-child th {
   margin-top: 0.4em;
   background-color: #e0e0e0;
   margin-bottom: 0.4em;
  color: #000;
   text-align: left;
  padding: 4px;
}
}


.infobox summary {
/* 🌙 DARK MODE SUPPORT */
  cursor: pointer;
@media (prefers-color-scheme: dark) {
  font-weight: bold;
  .infobox {
   background-color: rgba(0,0,0,0.05);
    background-color: #1c1c1c;
  padding: 2px 4px;
    color: #ddd;
  border-radius: 4px;
    border: 1px solid #444;
}
   }
 
  .infobox a {
    color: #89c4ff;
  }
 
  .infobox table,
  .infobox th,
  .infobox td {
    color: #ddd;
    background-color: transparent;
  }


@media (prefers-color-scheme: dark) {
   .infobox .mw-collapsible > tr:first-child th {
   .infobox summary {
     background-color: #333;
     background-color: rgba(255,255,255,0.1);
    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;
  }
}