MediaWiki:Theme-light-se.css
Jump to navigation
Jump to search
In other languages: Deutsch • Español • Français • Italiano • 日本語 • Polski • Português do Brasil • Русский • ไทย
Note: After saving, 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)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* [[de:MediaWiki:Theme-dark-ab.css]] * [[es:MediaWiki:Theme-dark-ab.css]] * [[fr:MediaWiki:Theme-dark-ab.css]] * [[it:MediaWiki:Theme-dark-ab.css]] * [[ja:MediaWiki:Theme-dark-ab.css]] * [[pl:MediaWiki:Theme-dark-ab.css]] * [[pt-br:MediaWiki:Theme-dark-ab.css]] * [[ru:MediaWiki:Theme-dark-ab.css]] * [[th:MediaWiki:Theme-dark-ab.css]] */
/* CSS placed here will affect users with the "dark-ab" theme enabled */
/* #region Theme variables */
:root {
/* Body */
--page-background-image: url(/images/5/50/Bg_se.jpg?20231116) /*[[File:Bg se.jpg]]*/;
/* Logo assets */
--wiki-logo-source--frame: url(/images/2/2f/Framed_logo_se.png?20231116) /*[[File:Framed logo se.png]]*/;
/* Page content frame */
--content-frame-image: url(/images/c/c6/Border_frame_se.png?20231116) /*[[File:Border frame se.png]]*/;
--theme-accent-color: #9e5ba8;
--theme-accent-color--rgb: 181, 32, 181;
--page-background-color: #edd591;
--page-background-color--rgb: 237, 213, 145;
--content-background-color: #edd591;
--content-background-color--rgb: 237, 213, 145;
--content-text-color: #2b2103;
--content-header-color: #2b473e;
--content-text-link-color: #28472d;
--content-border-color: #9acfe4;
--content-border-color--rgb: 0, 94, 74;
--content-default-link-color: #005e4a;
--content-default-link-color--rgb: 117, 207, 249;
--code-background-color: #b9c8c6;
--code-border-color: #3b5130;
--content-text-top-border-color: #97bde1;
--footer-background-color: rgba(var(--content-background-color--rgb), 0.8);
--reference-background-color--highlight: #5e5e5e;
--ark-mod-entry-border-color: #ffa722;
--ark-mod-entry-background-color: #cacfa5;
/* Article navigation */
--article-navigation-item-background-color: #eedfaa;
--article-navigation-item-background-color--selected: #d0ddb0;
--article-navigation-item-border-color: var(--content-border-color);
--article-navigation-dropdown-background-color: #e4d5a1;
--article-navigation-item-underline-color: #168400;
--article-navigation-item-underline-color--active: #265500;
/* Search */
--search-background-color: #2123449c;
--search-background-color--rgb: 196, 186, 132;
--search-background-color-opacity: 0.85;
--search-background-color-opacity--active: 0.95;
--search-background-color--sticky: #dbc086;
--search-border-color: #7ac8f5;
--search-border-color--active: var(--content-border-color);
--search-border-color--sticky: #86b5c8;
--search-text-color: #312d04;
--search-text-color--sticky: #0f2703;
--search-text-color--placeholder: #5c5839;
--search-text-color--placeholder-sticky: #454f11;
/* Site notice */
--sitenotice-background-color: #0002;
--sitenotice-border-color: var(--content-border-color);
/* Sidebar */
--sidenav-header-background: #b7dde6;
--sidenav-header-background--rgb: 69, 140, 196;
--sidenav-header-text-color: #122902;
--sidenav-background-color: #3d3e3d50;
--sidenav-text-color: #292103;
--sidenav-text-hover-color: var(--content-text-link-color);
--toolbar-background-color: #456733ce;
--toolbar-list-background-color: #f7ffe7;
--toolbar-border-color: #9bcdf5;
--sidenav-toggle-icon-filter: invert(1);
--ad-content-divider-color: var(--sidebar-content-divider-color);
--sidebar-background-color: rgba(150, 190, 188, .32);
--sidebar-content-divider-color: #b5e0e8;
/* Table of contents */
--toc-background-color: #dfcf95;
--toc-number-color: #9e4700;
/* Tabbers */
--tabber-shadow-color: var(--ark-arkitex-border-color);
--tabber-shadow-active-color: #a86e02;
--tabber-shadow-hover-color: #538262;
--tabber-background-hover-color: #afc2a8;
--tabber-text-hover-color: #bdeaff;
--tabber-background-active-color: #b9c8b0;
--tabber-bottom-active-color: var(--tabber-shadow-hover-color);
/* Tables */
--table-background-color: #c8d1a0;
--table-border-color: #7e4506;
--table-heading-background-color: #adbbb7;
--gray-table-background-color: #a3b78d;
--red-table-background-color: #d5a68d;
/* Frontpage */
--fp-heading-text-color: #373c1e;
--fp-heading-border-color: #8f6f0e;
--fp-box-background-color: #c2d3b8;
--fp-box-border-color: #cc9e00;
--fp-box-shadow-color: #4a5153;
--fp-box-border-color--2: #697a42;
--fp-box-background-color--2: #c3cfcc;
--fp-box-mainheading-text-color: #332202;
--fp-labelled-icon-border-color: var(--content-default-link-color);
--fp-labelled-icon-background: #c4ca96;
--fp-social-icon-border-color: rgba(var(--content-border-color--rgb), 0.7);
--fp-social-icon-background: #262513cc;
--fp-promo-shadow-color--1: #00000024;
--fp-promo-shadow-color--2: #0003;
--fp-promo-shadow-color--text: #000;
--fp-promo-text-color: #c6eab3;
--fp-promo-link-color: #c4dff7;
/* Ambox */
--ark-ambox-background-color: #3c36414d;
--ark-ambox-border-color: #8d6fa9;
--ark-ambox-blue: #0000aa;
--ark-ambox-gray: #555555;
--ark-ambox-green: #00aa06;
--ark-ambox-purple: #a655b2;
--ark-ambox-red: #aa0000;
--ark-ambox-yellow: #aaaa00;
--ark-ambox-cyan: #00ABA2;
--ark-ambox-orange: #ffa500;
/* Template:Navbox */
--ark-navbox-title-text-color: var(--content-text-color);
--ark-navbox-title-link-color: #383200;
--ark-navbox-title-background-color: var(--ark-arkitex-background-color);
--navbox-border-color: #c0d1ab;
--navbox-row-zebra-colour: #fff1;
--ark-navboxgroup-title-background-color: #cccc9a;
--ark-navboxgroup-title-text-color: var(--content-text-color);
--ark-navboxgroup-title-border-color: #acd4f7;
/* Arkitexure */
--ark-arkitex-background-color: #4d60356e;
--ark-arkitex-border-color: var(--sidenav-header-background);
--ark-arkitex-border-color--rgb: var(--sidenav-header-background--rgb);
--ark-arkitex-accent-color: #a5d1ec;
--ark-arkitex-left-color: #bcc6a2;
--ark-arkitex-right-color: #bfc48b;
/* PaintRegion */
--ark-paintregion-background-color: #ddd8a5;
--ark-paintregion-border-color: var(--content-border-color);
/* Template:DossierText & Template:Quote */
--ark-cite-quote-color: #8d5100d9;
--ark-dossier-background-color: #a0b398b3;
--ark-dossier-border-color: #917f13a6;
--ark-dossier-text-color: #1e1a02;
--ark-dossiernote-background-color: #9bb7a6;
--ark-dossiernote-border-color: #b7a226;
/* Module:LootTable */
--ark-loottable-background-color: #0f091e9a;
--ark-loottable-header-color: #0b58599a;
/* Difficulty level colors */
--ark-difficulty-gamma: #4edb17;
--ark-difficulty-beta: #19cff9;
--ark-difficulty-alpha: #f76450;
--ark-difficulty-none: #BCEEFA;
/* Template:Mission */
--ark-mission-background-color: #bec8a2;
--ark-mission-text-color: #292703;
--ark-mission-border-color: var(--theme-accent-color);
/* Template:HoverNote */
--ark-hovertext-text-color: #0e4403;
/* Kibble tables */
--ark-kibbletable-border-color: #c27500a6;
--ark-kibbletable-background-color: #b17ed81a;
/* Math */
--math-filter: invert(1);
/* OOUI */
/* Useful for colourisation filters: https://codepen.io/sosuke/pen/Pjoqqp */
--oo-ui-icon-filter--normal: invert(1);
--oo-ui-icon-filter--black: brightness(0);
--oo-ui-icon-filter--normal-progressive: invert(9%) sepia(9%) saturate(5483%) hue-rotate(9deg) brightness(97%) contrast(98%);
--oo-ui-icon-filter--destructive: none;
--oo-ui-icon-filter--error: none;
--oo-ui-icon-filter--alert: none;
--oo-ui-icon-filter--success: none;
--oo-ui-icon-filter--required: invert(1);
/* DataMaps */
--datamaps-notice-border-color: var(--content-border-color);
--datamaps-notice-background-color: var(--ark-arkitex-right-color);
--datamaps-container-background-color: var(--table-background-color);
--datamaps-container-top-background-color: var(--tabber-background-hover-color);
--datamaps-container-select-background--rgb: var(--content-border-color--rgb);
--datamaps-container-legend-background-color: var(--toc-background-color);
--datamaps-container-legend-selected-background-color: var(--toc-background-color);
--datamaps-popup-subtitle-text-color: #9b9b9b;
--datamaps-tabber-background-active-color: var(--tabber-background-active-color);
--datamaps-tabber-background-color: #332352b5;
/* Sticky header */
--sticky-header-background-color: rgb(41, 54, 36);
--sticky-header-shadow-color: #0000004a;
--sticky-header-text-color: #fe00ff;
--sticky-header-link-color: #f0861b;
--sticky-button-text-color: #fe00ff;
--sticky-button-border-color: #4c7736;
--sticky-button-background-color: #94a7b7;
--sticky-button-hover-background-color: #baccd7b0;
/* [[Template:ResourceMap]] only used on mod versions of data maps */
--trm-map-notice-border-color: #7FE7FF;
--trm-map-notice-background-color: #6e92c06b;
--trm-map-container-border-color: #000;
--trm-map-container-background-color: var(--ark-dossier-background-color);
--trm-map-checkbox-unchecked-color: #f5aaaa;
--trm-map-checkbox-checked-color: #05bb25;
--trm-map-spawninfo-border-color: #222;
/* Vector-menu styling */
--vector-underline-hover-color: #6eeeec;
--vector-underline-hover-active-color: #6fb4ea;
--vector-menu-background-color: var(--articlenav-background-color);
--vector-menu-border-color: var(--articlenav-border-color);
--vector-menu-link-color: var(--content-default-link-color);
/* Adminlist */
--adminlist-background-color: #c8c8c811;
--adminlist-border-color: var(--content-border-color);
/* toc links and file toc */
--catlinks-background-color: var(--table-heading-background-color);
--catlinks-border-color: var(--table-border-color);
--catlinks-text-color: #80E7FF;
/* Creature nav */
--creature-nav-default-background-color: #f70404;
--creature-nav-hover-shadow-color-1: #aaca;
--creature-nav-hover-shadow-color-2: #111;
--creature-nav-creature-color--white: #D5F2F2;
--creature-nav-creature-color--yellow: #E5DFAC;
--creature-nav-creature-color--lime: #CEF294;
--creature-nav-creature-color--brown: #e5c6ac;
--creature-nav-creature-color--purple: #CEACE5;
--creature-nav-creature-color--orange: #FAD6A5;
--creature-nav-creature-color--grey: #C4C4C4;
--creature-nav-creature-color--green: #a6ffa9;
--creature-nav-creature-color--cyan: #86e0f0;
--creature-nav-creature-color--pink: #ffb0eb;
--creature-nav-creature-color--red: #e5acb1;
--creature-nav-creature-color--yellowish: #c0a264;
/* History and diffs */
--diff-background-color: rgba(0, 0, 0, .25);
--diff-plusminus-pos-color: #00d200;
--diff-plusminus-neg-color: #ff1010;
--diff-deletedline-background-color: #ea9f9f;
--diff-deletedline-text-color: #62080d;
--diff-deletedline-border-color: none;
--diff-deletedline-diffchange-background-color: #be666394;
--diff-addedline-background-color: #b3eac3;
--diff-addedline-text-color: #1f4f00;
--diff-addedline-border-color: none;
--diff-addedline-diffchange-background-color: #51b85694;
--diff-context-background-color: #4b473c36;
--diff-context-text-color: #e0e0e0;
--diff-context-border-color: #9b9b9b;
--pagehist-selected-background-color: #baced3;
--pagehist-selected-text-color: var(--content-text-color);
--pagehist-last-visit-color: #000;
}
/* #endregion */
/* #region OOUI theming variables */
:root {
--wmui-color-base0: #2f2003;
--wmui-color-base10: #100e01;
--wmui-color-base20: #0098d5;
--wmui-color-base30: #0f1e02;
--wmui-color-base50: #49671d;
--wmui-color-base70: #e3e8b7;
--wmui-color-base80: #d1e3e0;
--wmui-color-base90: #f5fae1;
--wmui-color-base100: #d7efd8;
--wmui-color-accent30: #b56b07;
--wmui-color-accent50: #400c09;
--wmui-color-accent90: #8d480f;
--wmui-color-red30: #711616;
--wmui-color-red50: #c82c2c;
--wmui-color-red90: #e7a5a2;
--wmui-color-yellow30: #ac6600;
--wmui-color-yellow50: #edab00;
--wmui-color-yellow90: #ffe89e;
--wmui-color-green30: #0c6c3a;
--wmui-color-green50: #00af89;
--wmui-color-green90: #a2dea4;
--wmui-color-green700: #096450;
--wmui-color-base10--lighten: #102802;
--wmui-color-accent50--lighten: #733802;
--wmui-color-red50--lighten: #971111;
--wmui-color-green50--lighten: #1c6665;
--wmui-color-purple50: #6b4ba1;
--wmui-background-color-base: var(--wmui-color-base100);
--wmui-background-color-base--hover: var(--wmui-color-base80);
--wmui-background-color-base--disabled: var(--wmui-color-base80);
--wmui-background-color-base--read-only: var(--wmui-color-base90);
--wmui-background-color-code: var(--wmui-color-base90);
--wmui-background-color-framed: var(--wmui-color-base90);
--wmui-background-color-framed--hover: var(--wmui-color-base80);
--wmui-background-color-framed--active: var(--wmui-color-base80);
--wmui-background-color-filled--disabled: var(--wmui-color-base70);
--wmui-background-color-quiet: var(--wmui-background-color-base);
--wmui-background-color-quiet--hover: rgba(0, 24, 73, 0.02745098);
--wmui-background-color-quiet--active: rgba(0, 24, 73, 0.08235294);
--wmui-background-color-toolbar: var(--wmui-background-color-base);
--wmui-background-color-tool--hover: var(--wmui-background-color-base--hover);
--wmui-background-color-tool--active: var(--wmui-background-color-primary);
--wmui-background-color-tool--active-hover: var(--wmui-background-color-primary--hover);
--wmui-background-color-tabs: var(--wmui-color-base80);
--wmui-background-color-error--framed: var(--wmui-color-red90);
--wmui-background-color-warning--framed: var(--wmui-color-yellow90);
--wmui-background-color-success--framed: var(--wmui-color-green90);
--wmui-background-color-notice--framed: var(--wmui-color-base80);
--wmui-background-color-highlight: rgba(255, 182, 13, 0.4);
--wmui-color-base: var(--wmui-color-base10);
--wmui-color-base--hover: var(--wmui-color-base10--lighten);
--wmui-color-base--active: var(--wmui-color-base0);
--wmui-color-base--inverted: #f9fce6;
--wmui-color-base--emphasized: var(--wmui-color-base0);
--wmui-color-base--subtle: var(--wmui-color-base30);
--wmui-color-base--disabled: var(--wmui-color-base30);
--wmui-color-filled--disabled: #495945;
--wmui-color-accessory: var(--wmui-color-base20);
--wmui-color-placeholder: var(--wmui-color-base30);
--wmui-background-color-primary: var(--wmui-color-accent90);
--wmui-background-color-primary--hover: rgba(41, 98, 204, 0.1);
--wmui-color-primary: var(--wmui-color-accent90);
--wmui-color-primary--hover: var(--wmui-color-accent50--lighten);
--wmui-color-primary--active: var(--wmui-color-accent30);
--wmui-color-primary--focus: var(--wmui-color-primary);
--wmui-background-color-destructive: var(--wmui-color-red90);
--wmui-color-destructive: var(--wmui-color-red50);
--wmui-color-destructive--hover: var(--wmui-color-red50--lighten);
--wmui-color-destructive--active: var(--wmui-color-red30);
--wmui-color-destructive--focus: var(--wmui-color-destructive);
--wmui-color-secondary: var(--wmui-color-green50);
--wmui-color-secondary--hover: var(--wmui-color-green50--lighten);
--wmui-color-secondary--active: var(--wmui-color-green30);
--wmui-color-secondary--focus: var(--wmui-color-secondary);
--wmui-color-error: var(--wmui-color-red50);
--wmui-color-warning: var(--wmui-color-base0);
--wmui-color-success: var(--wmui-color-green30);
--wmui-color-success--framed: var(--wmui-color-base0);
--wmui-color-notice: var(--wmui-color-base0);
--wmui-color-tool--hover: var(--wmui-color-base--emphasized);
--wmui-color-tool--active: var(--wmui-color-primary);
--wmui-border-color-dialog: var(--wmui-border-color-base);
--wmui-border-color-menu: var(--wmui-border-color-base);
--wmui-border-color-base: var(--wmui-color-base50);
--wmui-border-color-base--darken14:var(--wmui-color-base50);
--wmui-border-color-base--hover: var(--wmui-color-base50);
--wmui-border-color-base--active: var(--wmui-color-base30);
--wmui-border-color-base--focus: var(--wmui-color-primary--focus);
--wmui-border-color-base--disabled: var(--wmui-color-base70);
--wmui-border-color-filled--disabled: var(--wmui-color-filled--disabled);
--wmui-border-color-primary: var(--wmui-color-primary);
--wmui-border-color-primary--hover: var(--wmui-color-primary--hover);
--wmui-border-color-primary--active: var(--wmui-color-primary--active);
--wmui-border-color-primary--focus: var(--wmui-border-color-primary);
--wmui-border-color-destructive: var(--wmui-color-destructive);
--wmui-border-color-destructive--hover: var(--wmui-color-destructive--hover);
--wmui-border-color-destructive--active: var(--wmui-color-destructive--active);
--wmui-border-color-destructive--focus: var(--wmui-border-color-destructive);
--wmui-border-color-inset--focus: var(--wmui-color-base--inverted);
--wmui-border-color-input--hover: var(--wmui-border-color-base--active);
--wmui-border-color-heading: var(--wmui-color-base70);
--wmui-border-color-divider: var(--wmui-color-base50);
--wmui-border-color-wikitable: rgba(84, 89, 93, 0.3);
--wmui-border-color-error: var(--wmui-color-red30);
--wmui-border-color-warning: var(--wmui-color-yellow30);
--wmui-border-color-success: var(--wmui-color-green700);
--wmui-border-color-notice: var(--wmui-color-base30);
--wmui-border-width-base: 1px;
--wmui-box-shadow-base: inset 0 0 0 1px transparent;
--wmui-box-shadow-base--focus: inset 0 0 0 1px var(--wmui-color-accent50);
--wmui-box-shadow-primary--focus: inset 0 0 0 1px var(--wmui-color-primary), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-destructive--focus: inset 0 0 0 1px var(--wmui-color-destructive), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-filled--disabled: inset 0 0 0 1px var(--wmui-color-filled--disabled);
--wmui-box-shadow-card: 0 1px 1px rgba(0, 0, 0, 0.15);
--wmui-box-shadow-dialog: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
--wmui-box-shadow-menu: var(--wmui-box-shadow-dialog);
--wmui-outline-color-base--focus: transparent;
--wmui-text-shadow-base: 0 1px 1px var(--wmui-color-base--inverted);
--wmui-text-shadow-base--disabled: var(--wmui-text-shadow-base);
--wmui-background-color-base--active: var(--wmui-color-base80);
--wmui-background-color-frameless--hover: var(--wmui-background-color-quiet--hover);
--wmui-background-color-frameless--active: var(--wmui-background-color-quiet--active);
--wmui-background-color-pending-stripe: var(--wmui-color-base80);
--wmui-background-color-backdrop-light: rgba(255, 255, 255, 0.65);
--wmui-color-base--deemphasized: var(--wmui-color-base20);
--wmui-color-taboption: var(--wmui-color-base--hover);
--wmui-color-destructive-non-primary: #ae1600;
--wmui-border-color-framed-progressive--hover: var(--wmui-color-primary--hover);
--wmui-border-color-framed-destructive--hover: var(--wmui-color-destructive--hover);
--wmui-border-color-frameless: transparent;
--wmui-border-color-focus-inset: var(--wmui-color-base--inverted);
--wmui-border-color-dialog-bar: var(--wmui-color-base70);
--wmui-border-width-frameless-tab: 2px;
--wmui-border-color-toolbar: var(--wmui-color-base70);
--wmui-border-color-toolgroup: var(--wmui-color-base80);
--wmui-box-shadow-toolbar-top: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
--wmui-box-shadow-toolbar-bottom: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
--wmui-box-shadow-progressbar: var(--wmui-box-shadow-card);
--wmui-box-shadow-progressive-filled--focus: inset 0 0 0 1px var(--wmui-color-primary), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-frameless-indicator--focus: 0 0 0 2px var(--wmui-color-primary);
--wmui-box-shadow-action--focus: var(--wmui-box-shadow-base--focus), 0 0 0 1px var(--wmui-color-primary);
--wmui-box-shadow-toolbar-action-button--focus: inset 0 0 0 2px var(--wmui-color-primary), inset 0 0 0 3px var(--wmui-color-base--inverted);
--wmui-box-shadow-popuptoolgroup-tool--focus: inset 0 0 0 2px var(--wmui-color-primary--focus);
--wmui-box-shadow-input-binary--active: inset 0 0 0 1px var(--wmui-color-primary--active);
--wmui-box-shadow-error--focus: inset 0 0 0 1px var(--wmui-color-error);
--wmui-filter-drop-shadow-menu: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
--wmui-background-color-input-binary--active: var(--wmui-color-primary--active);
--wmui-background-color-input-binary--checked: var(--wmui-color-primary);
--wmui-border-color-input-binary: var(--wmui-border-color-base--active);
--wmui-border-color-input-binary--active: var(--wmui-color-primary--active);
--wmui-border-color-input-binary--checked: var(--wmui-color-primary);
--wmui-border-width-radio--checked: 6px;
--wmui-background-color-filled--primary-disabled: #a0a;
}
/* #endregion */