MediaWiki:Common.css

From Delve Wiki
Revision as of 11:59, 6 March 2025 by Vainiven (talk | contribs)
Jump to navigation Jump to search

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 Variables =====
@common: 'MediaWiki:Common.less';
:root {
	--body-main: #e2dbc8;
	--body-light: #d8ccb4;
	--body-mid: #d0bd97;
	--body-dark: #b8a282;
	--body-border: #94866d;
	--body-background-color: #c0a886;

	--button-background: #605443;
	--button-color: @white;
	--button-border: #3c352a;
	--button-dark: #18140c;
	--button-light: #3a301d;

	--sidebar: #cfc08d;

	--background-text-color: #444;
	--background-link-color: #52351e;

	--search-box: #efeee6;

	--link-color: #936039;
	--redlink-color: #ba0000;
	--text-color: @black;
	--byline-color: @tundora;
	--subtle-color: @boulder;

	--admin-blue: #332e75;
	--bearcat-green: #13592e;
	--awb-purple: #933b96;

	--rsw-blue: #438ab6;
	--osrsw-brown: #605443;

	// used for gallery & thumbs
	--thumb-bg: var(--body-light);
	--thumb-caption-bg: var(--body-mid);

	// for sourceeditor - CodeMirror and WikiEditor's that are only available on
	// desktop are also here to not fragment the vars across many files
	--sourceeditor-input-background: @white;
	--sourceeditor-background: var(--body-light);
	--sourceeditor-background-secondary: var(--body-light); // used on .editOptions
	--sourceeditor-border: var(--body-mid);
	--codemirror-gutter-background: var(--body-mid);
}

#t-print,
#t-permalink {
	display: none;
}

// calculator script config
.jcConfig {
	display: none;
}

#filetoc {
	border-radius: @border-radius;
	background: @BODY_MID;
	border-color: transparent;
	margin: 0.5em auto;
	text-align: center;
	box-shadow: @box-shadow;
}

// Galleries
li.gallerybox div.thumb {
	border: none;
	background-color: var(--thumb-bg);
}

.smwfact {
	display: none;
}

// applies to mobile talk pages, and smw??
.list-header {
	background-color: var(--body-mid);
	color: inherit;
}

// Source editor w/o syntaxhighlight; also applies to mobile in case JS is
// turned off
.editOptions {
	color: var(--text-color);
	background-color: var(--sourceeditor-background-secondary);
	border-color: var(--sourceeditor-border);
}

// "updated since your last visit" notice when checking watchlisted page hist
.updatedmarker {
	background-color: @caper;
	// static colour instead of inheriting, prob dont want to change across themes
	color: darken( @san-felix, 10% )
}

// .json pages
.mw-json {
	th,
	td {
		border-color: var(--wikitable-border);
	}

	// instead of selecting `tr`, do this to avoid dealing with mw-json-* classes
	td {
		background: var(--wikitable-bg);
	}

	th {
		background: var(--wikitable-header-bg);
	}
}

// Temporary global feature flag for leagues
.leagues-global-flag {
	display: none !important;
}