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.

/* <pre> */
: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: #fff;
    --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: #000;
    --byline-color: #4c4c4c;
    --subtle-color: #777;
    --admin-blue: #332e75;
    --bearcat-green: #13592e;
    --awb-purple: #933b96;
    --rsw-blue: #438ab6;
    --osrsw-brown: #605443;
    --thumb-bg: var(--body-light);
    --thumb-caption-bg: var(--body-mid);
    --sourceeditor-input-background: #fff;
    --sourceeditor-background: var(--body-light);
    --sourceeditor-background-secondary: var(--body-light);
    --sourceeditor-border: var(--body-mid);
    --codemirror-gutter-background: var(--body-mid);
    --color-base: var(--text-color);
    --color-base-fixed: var(--color-base);
    --color-base--hover: var(--color-base);
    --color-emphasized: var(--color-base);
    --color-subtle: var(--byline-color);
    --color-placeholder: var(--subtle-color);
    --color-progressive: var(--ooui-accent);
    --color-progressive--hover: var(--color-progressive);
    --color-progressive--active: var(--color-progressive);
    --color-progressive--focus: var(--color-progressive);
    --color-destructive: var(--redlink-color);
    --color-destructive--hover: var(--color-destructive);
    --color-destructive--active: var(--color-destructive);
    --color-destructive--focus: var(--ooui-accent);
    --box-shadow-color-progressive--focus: var(--ooui-accent);
    --color-visited: var(--ooui-progressive);
    --color-visited--hover: var(--color-visited);
    --color-visited--active: var(--color-visited);
    --color-destructive--visited: var(--color-destructive);
    --color-destructive--visited--hover: var(--color-destructive);
    --color-destructive--visited--active: var(--color-destructive);
    --background-color-base: var(--body-main);
    --background-color-base-fixed: var(--body-main);
    --background-color-neutral: var(--body-light);
    --background-color-interactive: var(--ooui-normal);
    --background-color-interactive--hover: var(--ooui-normal--hover);
    --background-color-interactive--active: var(--ooui-normal--hover);
    --background-color-interactive-subtle: var(--ooui-normal);
    --background-color-interactive-subtle--hover: var(--ooui-normal--hover);
    --background-color-interactive-subtle--active: var(--ooui-normal--hover);
    --background-color-neutral-subtle: var(--body-mid);
    --background-color-progressive: var(--ooui-progressive);
    --background-color-progressive--hover: var(--ooui-progressive--hover);
    --background-color-progressive--active: var(--ooui-progressive--hover);
    --background-color-progressive--focus: var(--ooui-progressive);
    --background-color-progressive-subtle: var(--ooui-normal);
    --background-color-progressive-subtle--hover: var(--ooui-normal--hover);
    --background-color-progressive-subtle--active: var(--ooui-normal--hover);
    --background-color-backdrop-light: var(--ooui-window-background);
    --background-color-backdrop-dark: var(--ooui-window-background);
    --border-color-base: var(--ooui-normal-border);
    --border-color-emphasized: var(--body-border);
    --border-color-subtle: var(--ooui-normal--hover);
    --border-color-muted: var(--border-color-base);
    --border-color-interactive: #e6decf;
    --border-color-interactive--hover: #e6decf;
    --border-color-progressive: var(--ooui-progressive);
    --border-color-progressive--hover: var(--ooui-progressive--hover);
    --border-color-progressive--active: var(--ooui-progressive--hover);
    --border-color-progressive--focus: var(--ooui-accent);
    --outline-color-progressive--focus: var(--ooui-accent);
    --background-contrast-light: #fff0;
    --background-contrast-dark: #28221dbb;
}


body {
  background-color: var(--wiki-bg);
  color: var(--wiki-text);
}

/* Navigation sidebar */
#mw-panel {
  background: var(--wiki-surface);
  border-right: 1px solid var(--wiki-border);
}

/* Content area */
#content {
  background: var(--wiki-bg);
  border: 1px solid var(--wiki-border);
}

#mw-head-base,
.mw-header {
  background-image: url('https://pbs.twimg.com/profile_banners/2049672463005474816/1778779323');
  background-size: cover;
  background-position: top center;
  height: 80px;
}


#p-logo a {
    display: block !important;
    width: 120px !important;       /* Change this value to resize the width */
    height: 120px !important;      /* Change this value to resize the height */
    background-size: contain !important; /* Forces the image to scale perfectly without cutting off */
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 auto !important;     /* Centers the logo image inside the 160px column box */
}