|
Метки: очистка ручная отмена |
| Строка 1: |
Строка 1: |
| :root {
| |
|
| |
|
| /* Wiki Palette. Use with ColorPalette template! */
| |
| /* Gray. Default */
| |
| --gray-opaque: rgba(127, 127, 127, 1);
| |
| --gray-primary: rgba(127, 127, 127, 0.66);
| |
| --gray-secondary: rgba(127, 127, 127, 0.33);
| |
| /* Black */
| |
| --black-opaque: rgba(0, 0, 0, 1);
| |
| --black-primary: rgba(0, 0, 0, 0.66);
| |
| --black-secondary: rgba(0, 0, 0, 0.33);
| |
| /* Cyan */
| |
| --cyan-opaque: rgba(48, 242, 210, 1);
| |
| --cyan-primary: rgba(48, 242, 210, 0.66);
| |
| --cyan-secondary: rgba(48, 242, 210, 0.33);
| |
| /* Aqua blue */
| |
| --blue-opaque: rgba(0, 255, 255, 1);
| |
| --blue-primary: rgba(0, 255, 255, 0.66);
| |
| --blue-secondary: rgba(0, 255, 255, 0.33);
| |
| /* Brown */
| |
| --brown-opaque: rgba(166, 107, 25, 1);
| |
| --brown-primary: rgba(166, 107, 25, 0.66);
| |
| --brown-secondary: rgba(166, 107, 25, 0.33);
| |
| /* Green */
| |
| --green-opaque: rgba(48, 191, 19, 1);
| |
| --green-primary: rgba(48, 191, 19, 0.66);
| |
| --green-secondary: rgba(48, 191, 19, 0.33);
| |
| /* Yellow */
| |
| --yellow-opaque: rgba(255, 234, 0, 1);
| |
| --yellow-primary: rgba(255, 234, 0, 0.66);
| |
| --yellow-secondary: rgba(255, 234, 0, 0.33);
| |
| /* Light red */
| |
| --red-opaque: rgba(255, 64, 64, 1);
| |
| --red-primary: rgba(255, 64, 64, 0.66);
| |
| --red-secondary: rgba(255, 64, 64, 0.33);
| |
| /* Pink */
| |
| --pink-opaque: rgba(255, 64, 255, 1);
| |
| --pink-primary: rgba(255, 64, 255, 0.66);
| |
| --pink-secondary: rgba(255, 64, 255, 0.33);
| |
| /* Light green */
| |
| --civilian-opaque: rgba(29, 191, 83, 1);
| |
| --civilian-primary: rgba(29, 191, 83, 0.66);
| |
| --civilian-secondary: rgba(29, 191, 83, 0.33);
| |
| /* Blue */
| |
| --medical-opaque: rgba(0, 191, 255, 1);
| |
| --medical-primary: rgba(0, 191, 255, 0.66);
| |
| --medical-secondary: rgba(0, 191, 255, 0.33);
| |
| /* Light brown */
| |
| --supply-opaque: rgba(166, 124, 66, 1);
| |
| --supply-primary: rgba(166, 124, 66, 0.66);
| |
| --supply-secondary: rgba(166, 124, 66, 0.33);
| |
| /* Purple */
| |
| --science-opaque: rgba(191, 0, 255, 1);
| |
| --science-primary: rgba(191, 0, 255, 0.66);
| |
| --science-secondary: rgba(191, 0, 255, 0.33);
| |
| /* Orange */
| |
| --engineer-opaque: rgba(255, 170, 0, 1);
| |
| --engineer-primary: rgba(255, 170, 0, 0.66);
| |
| --engineer-secondary: rgba(255, 170, 0, 0.33);
| |
| /* Red */
| |
| --security-opaque: rgba(255, 0, 0, 1);
| |
| --security-primary: rgba(255, 0, 0, 0.66);
| |
| --security-secondary: rgba(255, 0, 0, 0.33);
| |
| /* Dark red */
| |
| --antag-opaque: rgba(153, 15, 15, 1);
| |
| --antag-primary: rgba(153, 15, 15, 0.66);
| |
| --antag-secondary: rgba(153, 15, 15, 0.33);
| |
| /* Magenta Pink */
| |
| --legal-opaque: rgba(255, 0, 149, 1);
| |
| --legal-primary: rgba(255, 0, 149, 0.66);
| |
| --legal-secondary: rgba(255, 0, 149, 0.33);
| |
| /* Blue Ribbon */
| |
| --command-opaque: rgba(0, 106, 255, 1);
| |
| --command-primary: rgba(0, 106, 255, 0.66);
| |
| --command-secondary: rgba(0, 106, 255, 0.33);
| |
| /* Blue Azure */
| |
| --synthetic-opaque: rgba(67, 129, 191, 1);
| |
| --synthetic-primary: rgba(67, 129, 191, 0.66);
| |
| --synthetic-secondary: rgba(67, 129, 191, 0.33);
| |
| /* Dark Purple */
| |
| --special-opaque: rgba(91, 19, 191, 1);
| |
| --special-primary: rgba(91, 19, 191, 0.66);
| |
| --special-secondary: rgba(91, 19, 191, 0.33);
| |
| /* Dark Blue */
| |
| --centcom-opaque: rgba(0, 64, 128, 1);
| |
| --centcom-primary: rgba(0, 64, 128, 0.66);
| |
| --centcom-secondary: rgba(0, 64, 128, 0.33);
| |
|
| |
| /* Base Colors - Light */
| |
| --color-bg: hsl(0, 0%, 100%);
| |
| --color-bg-hover: rgba(0, 0, 0, 0.075);
| |
| --color-bg-focus: rgba(0, 0, 0, 0.125);
| |
| --color-bg-transparent: rgba(204, 201, 198, 0.66);
| |
| --color-bg-section: rgba(204, 201, 198, 0.33);
| |
| --color-bg-section-opaque: hsl(30, 6%, 93%);
| |
| --color-bg-section-light: rgba(158, 152, 148, 0.15);
| |
| --color-bg-section-light-opaque: hsl(30, 7%, 88%);
| |
| --color-text: rgba(0, 0, 0, 1);
| |
| --color-text-darker: rgba(40, 40, 40, 1);
| |
| --color-text-gray: rgba(80, 80, 80, 0.75);
| |
| --color-text-translucent: rgba(0, 0, 0, 0.5);
| |
| --color-text-static: rgba(255, 255, 255, 1);
| |
| --color-text-static-dark: rgba(0, 0, 0, 1);
| |
| --color-text-static-transparent: rgba(255, 255, 255, 0.5);
| |
| --color-border: rgba(0, 0, 0, 0.1);
| |
| --color-border-input: rgba(128, 181, 255, 1);
| |
| --color-border-input-focus: var(--color-blue);
| |
|
| |
| /* Scrollbar - Light */
| |
| --color-scrollbar-base: hsl(30, 6%, 93%);
| |
| --color-scrollbar-thumb: hsl(30, 1%, 70%);
| |
|
| |
| /* Notices */
| |
| --color-notice: hsl(0, 0%, 60%);
| |
| --color-notice-red: hsl(0, 100%, 70%);
| |
| --color-notice-green: hsl(110, 50%, 50%);
| |
| --color-notice-blue: hsl(200, 65%, 50%);
| |
| --color-notice-brown: hsl(35, 50%, 60%);
| |
|
| |
| /* Links */
| |
| --color-hyperlink: hsl(220, 100%, 60%);
| |
| --color-hyperlink-visited: hsl(280, 70%, 51%);
| |
| --color-hyperlink-new: hsl(0, 100%, 45%);
| |
| --color-hyperlink-new-visited: hsl(15, 100%, 33%);
| |
|
| |
| /* Invert */
| |
| --invert-icon: invert(0.1);
| |
| --invert-button-icon: invert(1);
| |
| --logo-invert: none;
| |
|
| |
| /* Shadow */
| |
| --box-shadow-small: 0px 15px 20px 0px rgba(0, 0, 0, 0.33);
| |
| --box-shadow-medium: 0px 25px 30px 5px rgba(0, 0, 0, 0.33);
| |
| --box-shadow-big: 0px 0px 35px 5px rgba(0, 0, 0, 0.33);
| |
|
| |
| /* Values */
| |
| --border-radius-small: 0.25em;
| |
| --border-radius-medium: 0.5em;
| |
| --border-radius-large: 1em;
| |
| --blur-intensity: blur(24px);
| |
| --transition-time: 0.2s;
| |
| --transition-delay: 0.2s;
| |
|
| |
| /* Shortcuts */
| |
| --border-classic: 1px solid var(--color-border);
| |
| --border-classic-input: 1px solid var(--color-border-input);
| |
| --border-classic-input-focus: 1px solid var(--color-border-input-focus);
| |
|
| |
| };
| |
