MediaWiki:Common.css: Difference between revisions

Revision as of 12:32, 15 June 2026

:root {
  --wiki-bg: #f8f4e3;
  --wiki-surface: #ece6d3;
  --wiki-border: #c8b89a;
  --wiki-accent: #8b6914;
  --wiki-text: #2c2416;
  --wiki-link: #4a3b8c;
}



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 */
}

@@ Line 1: / Line 1: @@
-/* <pre> */
 :root {
-    --body-main: #e2dbc8;
+  --wiki-bg: #f8f4e3;
-    --body-light: #d8ccb4;
+  --wiki-surface: #ece6d3;
-    --body-mid: #d0bd97;
+  --wiki-border: #c8b89a;
-    --body-dark: #b8a282;
+  --wiki-accent: #8b6914;
-    --body-border: #94866d;
+  --wiki-text: #2c2416;
-    --body-background-color: #c0a886;
+  --wiki-link: #4a3b8c;
-    --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;
 }

MediaWiki:Common.css: Difference between revisions

Revision as of 12:32, 15 June 2026

Navigation menu

Search