MediaWiki:Common.css: Difference between revisions

Revision as of 10:29, 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
   ========================================================= */

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

/* Toolbar stays visible/pinned styling */
.oo-ui-toolbar-position-top {
    border-bottom-color: #1d3a56 !important;
}

/* Tool groups (the boxes grouping bold/italic, headings, etc.) */
.oo-ui-toolGroup {
    background-color: #0d1b2a !important;
    border-color: #1d3a56 !important;
}

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

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

.oo-ui-tool-title {
    color: #ffffff !important;
}

.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:hover {
    background-color: #12304a !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: #12263a !important;
    color: #66b3ff !important;
}

/* Disabled tool buttons (e.g. Undo when nothing to undo) */
.oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
    color: #4a6178 !important;
}

/* Toolbar icons — most are SVG masks using currentColor/background,
   this keeps them visible against the dark background */
.oo-ui-icon-element .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(1) !important;
}

/* Dropdown tool groups (e.g. Paragraph style, Insert menu) */
.oo-ui-dropdownWidget,
.oo-ui-toolbar .oo-ui-popupToolGroup {
    background-color: #0d1b2a !important;
    border-color: #1d3a56 !important;
}

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

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

/* Expanded dropdown panel (e.g. list of heading styles) */
.oo-ui-popupToolGroup-active .oo-ui-toolGroup-tools {
    background-color: #0d1b2a !important;
    border: 1px solid #1d3a56 !important;
}

/* Toolbar save button (top right, "Save page"/"Publish changes") */
.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;
}