MediaWiki:Theme-dark-blue.css
Aller à la navigation
Aller à la recherche
Dans d’autres langues: English • Español • Italiano • 日本語 • Polski • Português do Brasil • Русский •
Tous changements apportés au fichiers CSS et Javascript doivent être conforme aux règles de design du wiki.
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* [[de:MediaWiki:Theme-dark-blue.css]] * [[es:MediaWiki:Theme-dark-blue.css]] * [[fr:MediaWiki:Theme-dark-blue.css]] * [[it:MediaWiki:Theme-dark-blue.css]] * [[ja:MediaWiki:Theme-dark-blue.css]] * [[pl:MediaWiki:Theme-dark-blue.css]] * [[pt-br:MediaWiki:Theme-dark-blue.css]] * [[ru:MediaWiki:Theme-dark-blue.css]] * [[th:MediaWiki:Theme-dark-blue.css]] */
/* CSS placed here will affect users with the "dark-blue" theme enabled */
/* #region Theme variables */
:root {
/* Body */
--page-background-image: url(/images/0/0a/Bg_gen1.jpg?20231017) /*[[File:Bg dark.jpg]]*/;
/* Logo assets */
--wiki-logo-source--frame: url(/images/c/c1/Framed_logo_gen1.png?20231017) /*[[File:Framed logo dark.png]]*/;
--wiki-logo-source--wordmark: url(/images/0/01/Framed_logo_wordmark_en.png?20231017) /*[[File:Framed logo wordmark.png]]*/;
--wiki-logo-source--horizontal: url(/images/7/79/Logo_horiz.png?20231016) /*[[File:Logo horiz.png]]*/;
/* Page content frame */
--content-frame-image: url(/images/1/12/Border_frame_gen1.png?20231017) /*[[File:Border frame gen1.png]]*/;
--theme-accent-color: #50bfff;
--theme-accent-color--rgb: 13, 111, 112;
--page-background-color: #030d1d;
--page-background-color--rgb: 3, 13, 29;
--content-background-color: #030d1d;
--content-background-color--rgb: 3, 13, 29;
--content-text-color: #C6E0F2;
--content-header-color: #b4fafe;
--content-text-link-color: #6accfe;
--content-border-color: #2b547b;
--content-border-color--rgb: 43, 84, 123;
--content-default-link-color: #9efbff;
--content-default-link-color--rgb: 154, 205, 50;
--code-background-color: #131522;
--code-border-color: #638c9d;
--content-text-top-border-color: #97bde1;
--footer-background-color: rgba(var(--content-background-color--rgb), 0.8);
--reference-background-color--highlight: #5e5e5e;
/* Article navigation */
--article-navigation-item-background-color--selected: #1b2035;
--article-navigation-item-border-color: var(--content-border-color);
--article-navigation-dropdown-background-color:#242837;
--article-navigation-item-underline-color: #91CBC7;
--article-navigation-item-underline-color--active: #7FE4DD;
--article-navigation-item-background-color:#202537;
/* Search */
--search-background-color--rgb: 15, 16, 38;
--search-background-color-opacity: 0.75;
--search-background-color-opacity--active: 0.85;
--search-background-color--sticky: #263246;
--search-border-color: var(--content-border-color);
--search-border-color--active: var(--content-border-color);
--search-border-color--sticky: #70a9db;
--search-text-color: #c4f1ff;
--search-text-color--placeholder: #96b8c3;
--search-text-color--sticky: #caf2ff;
--search-text-color--placeholder-sticky: #cee8f4;
/* Site notice */
--sitenotice-background-color: #0002;
--sitenotice-border-color: var(--content-border-color);
/* Sidebar */
--sidenav-header-background: #458cc4;
--sidenav-header-background--rgb: 69, 140, 196;
--sidenav-header-text-color: #58c5fc;
--sidenav-background-color: #3d3e3d50;
--sidenav-text-color: #adf1ff;
--sidenav-text-hover-color: var(--content-text-link-color);
--toolbar-background-color: #26547cce;
--toolbar-list-background-color: #3d5a78fa;
--toolbar-border-color: #234064;
--sidenav-toggle-icon-filter: invert(1);
--ad-content-divider-color: var(--sidebar-content-divider-color);
--sidebar-background-color: rgba(17, 64, 108, 0.1);
--sidebar-content-divider-color: #2b547b;
/* Table of contents */
--toc-background-color: #0d1726;
--toc-number-color: #cff6fa;
/* Tabbers */
--tabber-shadow-color: var(--ark-arkitex-border-color);
--tabber-shadow-active-color: #004ca4;
--tabber-shadow-hover-color: #56b5e6;
--tabber-background-hover-color: #2b425d;
--tabber-text-hover-color: #b4e4ff;
--tabber-background-active-color: #1e3d61;
--tabber-bottom-active-color: var(--tabber-shadow-hover-color);
/* Tables */
--table-background-color: #0b1221;
--table-border-color: #487286;
--table-heading-background-color: #1c293e;
--gray-table-background-color: #030d1d;
--red-table-background-color: #281122;
/* Frontpage */
--fp-heading-text-color: #93E4EE;
--fp-heading-border-color: #63cde1;
--fp-box-background-color: #131b2b;
--fp-box-border-color: #63cde1;
--fp-box-shadow-color: #4a5153;
--fp-box-border-color--2: #4eb6d7;
--fp-box-background-color--2: #11182b;
--fp-box-mainheading-text-color: #b0f2ff;
--fp-labelled-icon-border-color: var(--content-default-link-color);
--fp-labelled-icon-background: var(--ark-arkitex-background-color);
--fp-social-icon-border-color: rgba(var(--content-border-color--rgb), 0.7);
--fp-social-icon-background: #21272e7d;
--fp-promo-shadow-color--1: #00000024;
--fp-promo-shadow-color--2: #0003;
--fp-promo-shadow-color--text: #000;
--fp-promo-text-color: #cae7ee;
--fp-promo-link-color: #7ef1ff;
/* Ambox */
--ark-ambox-background-color: #0000004D;
--ark-ambox-border-color: #578eb0;
--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(--ntent-text-color);
--ark-navbox-title-link-color: #99e0f6;
--ark-navbox-title-background-color: var(--ark-arkitex-background-color);
--navbox-border-color: #2869ae;
--navbox-row-zebra-colour: #fff1;
--ark-navboxgroup-title-background-color: #19212e;
--ark-navboxgroup-title-text-color: var(--content-text-color);
--ark-navboxgroup-title-border-color: #32445d;
/* Arkitexure */
--ark-arkitex-background-color: #122032;
--ark-arkitex-border-color: var(--sidenav-header-background);
--ark-arkitex-border-color--rgb: var(--sidenav-header-background--rgb);
--ark-arkitex-accent-color: #97deff;
--ark-arkitex-left-color: #21314A;
--ark-arkitex-right-color: #1c2837;
/* PaintRegion */
--ark-paintregion-background-color: #202a37;
--ark-paintregion-border-color: var(--content-border-color);
/* Template:DossierText & Template:Quote */
--ark-cite-quote-color: #70b9dbd9;
--ark-dossier-background-color: #46518136;
--ark-dossier-border-color: #50a9d2a6;
--ark-dossier-text-color: #88E9FF;
--ark-dossiernote-background-color: #1a2534;
--ark-dossiernote-border-color: #3786bf;
/* Module:LootTable */
--ark-loottable-background-color: #0216289a;
--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: #181a28;
--ark-mission-text-color: #BCEEFA;
--ark-mission-border-color: var(--theme-accent-color);
/* Template:HoverNote */
--ark-hovertext-text-color: #4FB5FF;
/* Kibble tables */
--ark-kibbletable-border-color: #5bb4d0;
--ark-kibbletable-background-color: #5d6ba136;
/* [[Template:ModListEntry]] */
--ark-mod-entry-border-color: #52afe4;
--ark-mod-entry-background-color: #192031;
/* 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: brightness(0) invert(77%) sepia(7%) saturate(3277%) hue-rotate(161deg) brightness(103%) contrast(101%);
--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: #1f334db5;
/* Sticky header */
--sticky-header-background-color: rgb(37, 58, 96);
--sticky-header-shadow-color: #0000004a;
--sticky-header-text-color: #52cef4;
--sticky-header-link-color: #a0f0ff;
--sticky-button-text-color: #E0F5FF;
--sticky-button-border-color: #081324;
--sticky-button-background-color: #374c82;
--sticky-button-hover-background-color: #3E4D75;
/* [[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,0.3);
--diff-plusminus-pos-color: #00d200;
--diff-plusminus-neg-color: #ff1010;
--diff-deletedline-background-color: #440000;
--diff-deletedline-text-color: #ffa9ae;
--diff-deletedline-border-color: none;
--diff-deletedline-diffchange-background-color: #be666394;
--diff-addedline-background-color: #023d13;
--diff-addedline-text-color: #cfff82;
--diff-addedline-border-color: none;
--diff-addedline-diffchange-background-color: #51b85694;
--diff-context-background-color: #535c7836;
--diff-context-text-color: #e0e0e0;
--diff-context-border-color: #9b9b9b;
--pagehist-selected-background-color: #261433;
--pagehist-selected-text-color: var(--content-text-color);
--pagehist-last-visit-color: #000;
}
/* #endregion */
/* #region OOUI theming variables */
:root {
--wmui-color-base0: #a6f0ff;
--wmui-color-base10: #c3f2ee;
--wmui-color-base20: #a4fbf8;
--wmui-color-base30: #557c8c;
--wmui-color-base50: #6ca9c6;
--wmui-color-base70: #4c6980;
--wmui-color-base80: #1f293d;
--wmui-color-base90: #192239;
--wmui-color-base100: #121c2e;
--wmui-color-accent30: #72c1ff;
--wmui-color-accent50: #092340;
--wmui-color-accent90: #93d6f0;
--wmui-color-red30: #711616;
--wmui-color-red50: #b42b2b;
--wmui-color-red90: #390d0b;
--wmui-color-yellow30: #ac6600;
--wmui-color-yellow50: #edab00;
--wmui-color-yellow90: #53410a;
--wmui-color-green30: #14866d;
--wmui-color-green50: #00af89;
--wmui-color-green90: #0d3129;
--wmui-color-green700: #096450;
--wmui-color-base10--lighten: #9eeaff;
--wmui-color-accent50--lighten: #a1ddff;
--wmui-color-red50--lighten: #d23939;
--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: #000210;
--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: var(--wmui-color-base--inverted);
--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: #73cce5;
--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-base0);
--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: #c11b1b;
--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 */