MediaWiki:Common.css: Difference between revisions

Revision as of 10:31, 17 September 2026

/* Prevent wide tables and code blocks from overlapping floated infoboxes */
.mw-parser-output table:not(.infobox),
.mw-parser-output pre {
  overflow-x: auto;
}

/* Belt-and-braces: stop any stray wide element from pushing past the content column */
.mw-parser-output {
  overflow-x: hidden;
}

.site-notice {
  background: #fff8e1;
  border: 1px solid #d4a72c;
  border-radius: 4px;
  padding: 8px 14px;
  margin-bottom: 1em;
  font-size: 95%;
  text-align: center;
color: black
}

/* =========================================================
   VISUALEDITOR TOOLBAR — WHITE BACKGROUND VARIANT
   ========================================================= */

/* Toolbar bar itself */
.oo-ui-toolbar-bar,
.ve-ui-toolbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #c8ccd1 !important;
}

.oo-ui-toolbar-position-top {
    border-bottom-color: #c8ccd1 !important;
}

/* Tool groups */
.oo-ui-toolGroup {
    background-color: #ffffff !important;
    border-color: #c8ccd1 !important;
}

.oo-ui-toolGroup-tools {
    background-color: #ffffff !important;
}

/* Individual tool buttons (bold, italic, link, etc.) */
.oo-ui-tool-link,
.oo-ui-tool-title {
    color: #000000!important;
}

.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:hover {
    background-color: #eaf3ff !important;
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link,
.oo-ui-tool-active .oo-ui-tool-link {
    background-color: #d9e8ff !important;
    color: #12304a !important;
}

/* Disabled tool buttons */
.oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
    color: #a2a9b1 !important;
}

/* Icons: remove the invert filter from before — icons are dark by
   default in OOUI, which is now correct against a white background */
.oo-ui-icon-element .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: none !important;
}

/* Dropdown tool groups (Paragraph style, Insert menu, etc.) */
.oo-ui-dropdownWidget,
.oo-ui-toolbar .oo-ui-popupToolGroup {
    background-color: #ffffff !important;
    border-color: #c8ccd1 !important;
}

.oo-ui-popupToolGroup-handle {
    color: #000000!important;
    background-color: #ffffff !important;
}

.oo-ui-popupToolGroup-handle:hover {
    background-color: #eaf3ff !important;
}

/* Expanded dropdown panel */
.oo-ui-popupToolGroup-active .oo-ui-toolGroup-tools {
    background-color: #ffffff !important;
    border: 1px solid #c8ccd1 !important;
}

/* Toolbar save button stays as-is, still readable on white */
.oo-ui-toolbar-actions .oo-ui-buttonElement-button {
    background-color: #12304a !important;
    color: #ffffff !important;
    border-color: #285477 !important;
}

.oo-ui-toolbar-actions .oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button {
    background-color: #1d5f8a !important;
    border-color: #66b3ff !important;
}

.oo-ui-labelElement-label {
color: black !important;
}