MediaWiki:Common.css

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.

/* 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;
}