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.

/*
 * MyE28 wiki brand — MediaWiki:Common.css
 * Shared across all skins (Timeless default, Vector, Minerva, …).
 *
 * Palette matches forums style `mye28` (classic 1970s BMW M stripes):
 *   Light blue  #0066B3
 *   Violet-blue #2B1C6B
 *   Red         #D52B1E
 * Source: https://github.com/mye28/mye28  (wiki-theme/)
 */

/* ------------------------------------------------------------------
 * Links (content)
 * ------------------------------------------------------------------ */
a {
	color: #2B1C6B;
}

a:hover,
a:focus {
	color: #D52B1E;
}

a:visited {
	color: #1F1450;
}

a:visited:hover {
	color: #D52B1E;
}

/* Redlinks keep M red */
a.new,
.new a,
a.new:visited,
.new a:visited {
	color: #D52B1E;
}

/* External / interwiki — same brand blue, slightly dimmer */
.mw-parser-output a.external,
.mw-parser-output a.extiw {
	color: #2B1C6B;
}

.mw-parser-output a.external:hover,
.mw-parser-output a.extiw:hover {
	color: #D52B1E;
}

/* ------------------------------------------------------------------
 * Content surfaces — aluminum silver stack (match forums)
 * ------------------------------------------------------------------ */
.toc,
.toccolours,
.mw-warning,
.catlinks,
.mw-parser-output .navbox,
.mw-parser-output .infobox,
.thumbinner,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions {
	background-color: #E6E8EC;
	border-color: #B8BDC4;
	border-radius: 0;
	box-shadow: none;
}

/* Tables */
.wikitable,
.mw-datatable,
.mw_metadata {
	border-color: #B8BDC4;
	background-color: #FFFFFF;
}

.wikitable > tr > th,
.wikitable > * > tr > th,
.mw-datatable th,
.mw_metadata th {
	background-color: #2B1C6B;
	color: #FFFFFF;
	border-color: #1F1450;
}

.wikitable > tr > td,
.wikitable > * > tr > td {
	border-color: #C5C9CF;
}

.wikitable > tr:nth-child(even),
.wikitable > * > tr:nth-child(even) {
	background-color: #E2E5E9;
}

.wikitable > tr:hover,
.wikitable > * > tr:hover {
	background-color: #D0D7DE;
}

/* Code / pre */
code,
pre,
.mw-code {
	background-color: #F0F1F3;
	border-color: #A8AEB6;
	border-radius: 0;
	color: #121417;
}

/* Quotes */
blockquote {
	border-left: 3px solid #2B1C6B;
	background-color: #E6E8EC;
	color: #121417;
}

/* Edit section links */
.mw-editsection,
.mw-editsection-bracket {
	color: #2B1C6B;
}

/* Headings underline accents */
.mw-body h1.firstHeading,
.mw-body .firstHeading {
	border-bottom-color: #2B1C6B;
	color: #121417;
}

.mw-body h1,
.mw-body h2,
.mw-body .mw-heading1,
.mw-body .mw-heading2 {
	border-bottom-color: #B8BDC4;
	color: #121417;
}

/* ------------------------------------------------------------------
 * OOUI / forms — flat, square, M colours
 * ------------------------------------------------------------------ */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	border-radius: 0;
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	background-color: #2B1C6B;
	border-color: #1F1450;
	color: #FFFFFF;
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	background-color: #1F1450;
	border-color: #120A30;
	color: #FFFFFF;
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
	background-color: #D52B1E;
	border-color: #A81F16;
	color: #FFFFFF;
}

/* Inputs */
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
input[type="text"],
input[type="search"],
input[type="password"],
textarea,
select {
	border-radius: 0;
	border-color: #A8AEB6;
	color: #121417;
}

/* ------------------------------------------------------------------
 * Usermessage / notices
 * ------------------------------------------------------------------ */
.usermessage {
	background-color: #FCE9E6;
	border-color: #D52B1E;
	color: #D52B1E;
	border-radius: 0;
}