MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:32, 27 June 2025

/* CSS placed here will be applied to all skins */

/* Match the Select2 (tokens input) to the rest of the form */
.select2-container--default .select2-selection--multiple {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
  border: 1px solid #555 !important;
}

/* Token styling inside the multi-value field */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3a3a3a !important;
  color: #eee !important;
  border: 1px solid #666 !important;
}

/* Dropdown suggestion list (autocompletion) */
.select2-container--default .select2-results > .select2-results__options {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
  border: 1px solid #444;
}

/* Highlighted option in suggestions */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3d553d !important;
  color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
}

.select2-container--default .select2-results__option {
  background-color: #2a2a2a;
  color: #d1d1d1;
}




/* === Create Center Accordion === */
.cc-accordion .cc-panel {
  border-left: 5px solid #4a774a;
  background-color: #222;
  border-radius: 8px;
  margin-bottom: 1em;
  overflow: hidden;
  color: #ccc;
}

/* Collapse header (always visible) */
.cc-accordion .cc-panel .cc-header {
  background-color: #2a2a2a;
  padding: 0.75em 1em;
  font-size: 1.2em;
  color: #fff;
  cursor: pointer;
}

/* Hidden body—shown when panel is expanded */
.cc-accordion .cc-panel .mw-collapsible-content {
  padding: 1em;
  display: none;
}

/* When expanded, show the body */
.cc-accordion .cc-panel.mw-collapsible-expanded .mw-collapsible-content {
  display: block;
}