|
Tags: Blanking Manual revert |
| (247 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| /***
| |
| ****
| |
| **** CSS Variables
| |
| ****
| |
| ***/
| |
| @media screen {
| |
| :root {
| |
| --color-surface-5:hsl(220,17%,93%);
| |
| --color-surface-6:hsl(200,2%,60%);
| |
| --color-surface-7:hsl(180,2%,40%);
| |
| --color-surface-subtle-red:hsl(0, 100%, 97%);
| |
| --color-success2:hsl(167,70%,31%);
| |
| --color-border-1:hsl(0, 0%, 82%);
| |
| --color-border-2:hsl(0, 0%, 88%);
| |
| }
| |
| :root.skin-citizen-dark {
| |
| --color-surface-5:hsl(220,15%,30%);
| |
| --color-surface-6:hsl(220,12%,35%);
| |
| --color-surface-7:hsl(220,12%,40%);
| |
| --color-surface-subtle-red:hsl(0, 45%, 28%);
| |
| --color-border-1:hsl(245.6, 27.6%, 22.7%);
| |
| --color-border-2:hsl(245.6, 27.6%, 22.7%);
| |
| }
| |
| }
| |
| /**
| |
| * ConfirmAcccount theming
| |
| *
| |
| **/
| |
| .mw-confirmaccount-type-0 {
| |
| background-color: var(--color-surface-subtle-red);
| |
| }
| |
| .mw-confirmaccount-body-0 {
| |
| background-color: var(--color-surface-5);
| |
| }
| |
| .wpNewBio {
| |
| background-color: var(--color-surface-2);
| |
| }
| |
| .mw-special-ConfirmAccounts fieldset {
| |
| border: 1px solid var(--color-border-1);
| |
| }
| |
| /***
| |
| **** Code editor interface
| |
| ***/
| |
| .wikiEditor-ui-toolbar {
| |
| padding: 0.25em;
| |
| box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
| |
| background-color:var(--color-surface-2);
| |
| }
| |
| .wikiEditor-ui .wikiEditor-ui-view {
| |
| border:1px solid var(--color-border-1);
| |
| }
| |
| .ace-tm .ace_gutter {
| |
| background-color:var(--color-surface-2);
| |
| border-right:1px solid var(--color-border-2);
| |
| }
| |
|
| |
|
| /***
| |
| ****
| |
| **** Source editor interface
| |
| ****
| |
| ***/
| |
|
| |
| .skin-citizen .mw-editform .editOptions {
| |
| background-color: var(--color-surface-5);
| |
| }
| |
|
| |
| .oo-ui-textInputWidget .oo-ui-inputWidget-input {
| |
| background-color: var(--color-surface-0);
| |
| border: 1px solid #a2a9b1;
| |
| }
| |
| .oo-ui-checkboxInputWidget [type="checkbox"] + span {
| |
| background-color: var(--color-surface-0);
| |
| border: 1px solid #a2a9b1;
| |
| }
| |
| /***
| |
| ****
| |
| **** Success message after publishing an edit
| |
| ****
| |
| ***/
| |
| .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
| |
| color:var(--color-success2);
| |
| }
| |
