@@ Строка 9: / Строка 9: @@
 .skin-invert,
 .notheme {
-     --background-color-base: #303031; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
+     --background-color-base: #303031;
-     --color-base: #303031;
+    --content-background-color: #ebeef2;
+    /* Переменные системы дизайна Codex */
+    --color-base: #202122;
+    --color-base-fixed: #202122;
+    --color-base--hover: #404244;
+    --color-emphasized: #101418;
+    --color-subtle: #54595d;
+    --color-placeholder: #72777d;
+    --color-disabled: #72777d;
+    --color-inverted: #fff;
+    --color-inverted-fixed: #fff; /* The same as color-inverted in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
+    --color-progressive: #36c; /* 'Progressive' Color and states */
+    --color-progressive--hover: #4b77d6;
+    --color-progressive--active: #233566;
+    --color-progressive--focus: #36c;
+    --color-destructive: #d73333; /* 'Destructive' Color and states */
+    --color-destructive--hover: #fc493b;
+    --color-destructive--active: #9f3526;
+    --color-destructive--focus: #36c;
+    --color-visited: #6a60b0; /* 'Visited' color. In combination with progressive. Used for default links. */
+    --color-destructive--visited: #9f5555; /* Red link 'Visited' color. Used for visited red links. */
+    --color-error: #d73333;
+    --color-warning: #eeb533; /* Note, this is only meant for warning icon for contrast reasons. */
+    --color-success: #177860; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
+    --color-notice: #202122;
+    --color-content-added: #006400;
+    --color-content-removed: #8b0000;
+    --filter-invert-icon: 0;
+    --filter-invert-primary-button-icon: 1;
+    --box-shadow-color-base: #000;
+    --box-shadow-color-progressive--active: #233566;
+    --box-shadow-color-progressive--focus: #36c;
+    --box-shadow-color-progressive-selected: #36c;
+    --box-shadow-color-progressive-selected--hover: #4b77d6;
+    --box-shadow-color-progressive-selected--active: #233566;
+    --box-shadow-color-destructive--focus: #36c;
+    --box-shadow-color-inverted: #fff;
+    --box-shadow-color-transparent: transparent;
+    --background-color-base: #fff; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
+     --background-color-base-fixed: #fff; /* The same as background-color-base in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
+    --background-color-neutral: #eaecf0;
+    --background-color-neutral-subtle: #f8f9fa;
+    --background-color-interactive: #eaecf0;
+    --background-color-interactive-subtle: #f8f9fa;
+    --background-color-disabled: #c8ccd1; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
+    --background-color-disabled-subtle: #eaecf0; /* Components like TextInputs, Selects…. */
+    --background-color-inverted: #101418;
+    --background-color-progressive: #36c;
+    --background-color-progressive--hover: #4b77d6;
+    --background-color-progressive--active: #233566;
+    --background-color-progressive--focus: #36c;
+    --background-color-progressive-subtle: #f1f4fd;
+    --background-color-destructive: #d73333;
+    --background-color-destructive--hover: #fc493b;
+    --background-color-destructive--active: #9f3526;
+    --background-color-destructive--focus: #36c;
+    --background-color-destructive-subtle: #ffe9e5;
+    --background-color-error: #d73333;
+    --background-color-error--hover: #fc493b;
+    --background-color-error--active: #9f3526;
+    --background-color-error-subtle: #ffe9e5;
+    --background-color-warning-subtle: #fdf2d5;
+    --background-color-success-subtle: #dff2eb;
+    --background-color-notice-subtle: #eaecf0;
+    --background-color-content-added: #a3d3ff;
+    --background-color-content-removed: #ffe49c;
+    --background-color-transparent: transparent;
+    --background-color-backdrop-light: rgba( 255, 255, 255, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
+    --background-color-backdrop-dark: rgba( 0, 0, 0, 0.65 );
+    --background-color-button-quiet--hover: rgba( 0, 24, 73, 0.027 );
+    --background-color-button-quiet--active: rgba( 0, 24, 73, 0.082 );
+    --background-color-input-binary--checked: #36c;
+    --background-color-tab-list-item-framed--hover: rgba( 255, 255, 255, 0.3 );
+    --background-color-tab-list-item-framed--active: rgba( 255, 255, 255, 0.65 );
+    --opacity-icon-base: 0.87;
+    --opacity-icon-base--hover: 0.74;
+    --opacity-icon-base--selected: 1;
+    --opacity-icon-base--disabled: 0.51;
+    --opacity-icon-placeholder: 0.51;
+    --opacity-icon-subtle: 0.67;
+    --border-color-base: #a2a9b1;
+    --border-color-subtle: #c8ccd1;
+    --border-color-muted: #dadde3;
+    --border-color-interactive: #72777d;
+    --border-color-disabled: #c8ccd1;
+    --border-color-inverted: #fff;
+    --border-color-progressive: #36c;
+    --border-color-progressive--hover: #4b77d6;
+    --border-color-progressive--active: #233566;
+    --border-color-progressive--focus: #36c;
+    --border-color-destructive: #d73333;
+    --border-color-destructive--hover: #fc493b;
+    --border-color-destructive--active: #9f3526;
+    --border-color-destructive--focus: #36c;
+    --border-color-error: #9f3526;
+    --border-color-error--hover: #fc493b;
+    --border-color-warning: #987027;
+    --border-color-success: #196551;
+    --border-color-notice: #54595d;
+    --border-color-content-added: #a3d3ff;
+    --border-color-content-removed: #ffe49c;
+    --border-color-transparent: transparent;
+    --border-color-divider: #a2a9b1;
+    --outline-color-progressive--focus: #36c; /* Use in places where no more customized focus styles are provided, for example on generic `:focus`. */
+    --color-link-red: var( --color-destructive ); /* Red ('new') Link color and states */
+    --color-link-red--hover: var( --color-destructive--hover );
+    --color-link-red--active: var( --color-destructive--active );
+    --color-link-red--focus: var( --color-destructive--focus );
+    --color-link-red--visited: var( --color-destructive--visited );
+    --border-color-input--hover: var( --border-color-interactive );
+    --border-color-input-binary: var( --border-color-interactive );
+    --border-color-input-binary--hover: var( --border-color-progressive--hover );
+    --border-color-input-binary--active: var( --border-color-progressive--active );
+    --border-color-input-binary--focus: var( --border-color-progressive--focus );
+    --border-color-input-binary--checked: var( --border-color-progressive );
+    /* Навигационные панели */
+    --navbox-background-color: #FFF;
+    --navbox-border-color: #CCC;
+    --navbox-header-color: #CCC;
+    --navbox-secondary-header-color: #DDD;
+    --navbox-tertiary-header-color: #EEE;
+    --navbox-section-color: #EEE;
 }
 /* DARK THEME - Structorica Dark Theme */
 :root .stw-theme-dark {
-     --background-color-base: #161618; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
+     --background-color-base: #161618;
-    --color-base: #f8f5f4;
+    --content-background-color: #2b2f39;
+     /* Переменные Codex */
+     --color-base: #f8f5f4;
+     --color-base--hover: #f8f9fa;
+     --color-emphasized: #f8f9fa;
+     --color-subtle: #a2a9b1;
+     --color-inverted: #101418;
+     --color-progressive: #88a3e8; /* 'Progressive' Color and states */
+     --color-progressive--hover: #b0c1f0;
+     --color-progressive--active: #cbd6f6;
+     --color-destructive: #fd7865; /* 'Destructive' Color and states */
+     --color-destructive--hover: #fea898;
+     --color-destructive--active: #ffc8bd;
+     --color-visited: #a799cd; /* 'Visited' color. In combination with progressive. Used for default links. */
+     --color-destructive--visited: #c99391; /* Red link 'Visited' color. Used for visited red links. */
+     --color-error: #fd7865;
+     --color-warning: #fecc44; /* Note, this is only meant for warning icon for contrast reasons. */
+     --color-success: #2cb491; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
+     --color-notice: #f8f9fa;
+     --color-content-added: #80cdb3;
+     --color-content-removed: #fd7865;
+     --color-base--subtle: #a2a9b1;
+     --box-shadow-color-base: #fff;
+     --box-shadow-color-progressive--focus: #6b8edf;
+     --box-shadow-color-destructive--focus: #6b8edf;
+     --box-shadow-color-inverted: #000;
+     --background-color-base: #101418; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
+     --background-color-neutral: #27292d;
+     --background-color-neutral-subtle: #202122;
+     --background-color-interactive: #27292d;
+     --background-color-interactive-subtle: #202122;
+     --background-color-disabled: #54595d; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
+     --background-color-disabled-subtle: #404244; /* Components like TextInputs, Selects…. */
+     --background-color-inverted: #f8f9fa;
+     --background-color-progressive--focus: #6b8edf;
+     --background-color-progressive-subtle: #233566;
+     --background-color-destructive--focus: #6b8edf;
+     --background-color-destructive-subtle: #612419;
+     --background-color-error: #fc493b;
+     --background-color-error--hover: #fd7865;
+     --background-color-error--active: #fea898;
+     --background-color-error-subtle: #612419;
+     --background-color-warning-subtle: #453217;
+     --background-color-success-subtle: #153d31;
+     --background-color-notice-subtle: #27292d;
+     --background-color-content-added: #233566;
+     --background-color-content-removed: #453217;
+     --background-color-backdrop-light: rgba( 0, 0, 0, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
+     --background-color-backdrop-dark: rgba( 255, 255, 255, 0.65 );
+     --border-color-base: #72777d;
+     --border-color-subtle: #54595d;
+     --border-color-muted: #404244;
+     --border-color-interactive: #a2a9b1;
+     --border-color-disabled: #54595d;
+     --border-color-inverted: #101418;
+     --border-color-progressive--focus: #6b8edf;
+     --border-color-destructive--focus: #6b8edf;
+     --border-color-error: #fc493b;
+     --border-color-error--hover: #fd7865;
+     --border-color-warning: #fecc44;
+     --border-color-success: #2cb491;
+     --border-color-notice: #c8ccd1;
+     --border-color-content-added: #233566;
+     --border-color-content-removed: #987027;
+        /* Навигационные панели */
+        --navbox-background-color: #333;
+        --navbox-border-color: #444;
+        --navbox-header-color: #111;
+        --navbox-secondary-header-color: #181818;
+        --navbox-tertiary-header-color: #222;
+        --navbox-section-color: #222;
 }
@@ Строка 25: / Строка 220: @@
      height: auto;
 }
+/** Оформление всего текста
+    Styles for all text     **/
+body {
+    /* Нормализация размеров табуляции */
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+}
+/** Заглавие / Title **/
+/* Отделяет название пространства имён от остального названия страницы
+    Separate the namespace from the rest of the page’s name */
+    .mw-page-title-separator::after {
+    content: ' ';
+}
+/** Позволяет скрывать части оглавления
+    Hideable TOC elements               **/
+/* Уровни разделов */
+.toc-hidelevel2 .toclevel-1 ul,
+.toc-hidelevel3 .toclevel-2 ul,
+.toc-hidelevel4 .toclevel-3 ul,
+/* Нумерация */
+.toc-nonumbers .tocnumber {
+    display: none;
+}
+/** Оформление WikiEditor **/
+.wikiEditor-ui-top {
+    border: 0 !important;
+}
+.wikiEditor-ui-toolbar {
+    border-bottom: 1px solid silver;
+}
+.wikiEditor-ui-text {
+    background-color: var(--background-color-base);
+}
+.wikiEditor-ui-text textarea {
+    background-color: transparent;
+}
+/* Fix wikiEditor spacing */
+#upload_container {
+    margin-top: -1px;
+}
+#upload_div {
+    margin: 0;
+    width: auto;
+    border-width: 1px 0;
+    box-shadow: none;
+}
+/* Prevent page jump from the toolbar loading */
+.client-js #editform {
+    /* To disable margin collapsing */
+    overflow: hidden;
+}
+.client-js .mw-editform > #wpTextbox1 {
+    margin-top: 73px;
+}
+/** Стили для Панели быстрой вставки **/
+#userButtons {
+    background-color: transparent;
+    border: 1px solid #76FF76;
+    font-size: 95%;
+    width: 100%;
+    border-collapse: collapse;
+    color: black;
+    margin: 1px 0px 1em;
+    }
+#userButtons tr th, table#userButtons * tr th {
+    background-color: #BBFFBB;
+    border: 1px solid #76FF76;
+    font-size: 95%;
+    padding: 2px;
+    text-align: center;
+    }
+#userButtons tr td, table#userButtons * tr td {
+    border: 1px solid #76FF76;
+    padding: 5px;
+    }
+#userButtons tr td p, table#userButtons * tr td p {
+    margin-top:0;
+    margin-bottom:0;
+    }
+#userButtons.collapsible tr th, table#userButtons.collapsible * tr th {
+    padding-left: 6.5em;
+    }
+/* Отступ перед ПБВ */
+.editOptions	{
+        padding-bottom:0px;
+        margin-bottom:0px;
+        }
+/* Стиль разделителей ПБВ */
+#userButtons * hr {
+    background-color: #76FF76;
+    width: 100%;
+    float: left; /* без этого разделители начинались примерно в центре страницы */
+}
+.userButtonsAddons {
+    border: 1px dotted #aaaaaa !important;
+    padding: 2px;
+    font-size: 95%;
+    background-color: transparent !important;
+    width: 49%;
+    border-collapse: collapse;
+    color: black;
+    margin-bottom: 1em;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 1em;
+}
+.userButtonsAddons * th, .userButtonsAddons * td {
+    border:1px dotted #aaaaaa !important;
+    padding:2px;
+    background-color:transparent !important;
+    padding: 0.2em;
+}
+.userButtonsAddons * th {
+    text-align:center;
+}
+/* Скрытие блоков в панели быстрой вставки. Блоки предназначенные для обсуждений не отображаются на обычных страницах, и наоборот. */
+.ns-talk * .userButtons-subject {
+    display: none;
+}
+.ns-subject * .userButtons-talk,
+.ns-subject * #userButtonsSignature {
+    display: none;
+}
+/** Конец стилей Панели быстрой вставки **/
+/*** СТАНДАРТНЫЕ КЛАССЫ
+        STANDARD CLASSES   ***/
+/** Пиксельное масштабирование изображений и иконок пользователей **/
+.pixel-image,
+.sprite,
+.sprite img,
+.mw-userlink,
+.invslot,
+.ns-special .gallerybox img,
+.ns-14 .gallerybox img,
+.filehistory a img,
+.mcui,
+.gui {
+    image-rendering: optimizeSpeed;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: optimize-contrast;
+    image-rendering: -moz-crisp-edges;
+    image-rendering: -o-crisp-edges;
+    image-rendering: crisp-edges;
+    image-rendering: pixelated;
+    -ms-interpolation-mode: nearest-neighbor;
+}
+/** Отключить разрыв строки на пробелах **/
+.nowrap {
+    white-space: nowrap;
+}
+/** Hide noscript only elements **/
+.noscript {
+    display: none;
+}
+/** Скрытие от простых смертных ненужных элементов **/
+.admin_only,
+.admin_only_inline,
+.admin_only_block,
+.admin_only_flex {
+    display: none !important;
+}
+/** Только для средств чтения с экрана **/
+.sr-only:not(:focus):not(:active) {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+}
+/** Имитация стилей для ссылок, работающих только через JS **/
+.jslink {
+    color: #0645AD;
+    -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+    outline: none;
+}
+body .jslink {
+    color: #90c0fe;
+}
+.jslink:hover {
+    text-decoration: underline;
+    cursor: pointer;
+}
+.jslink:active {
+    color: #FAA700;
+}
+/** Чередующиеся ячейки и строки таблиц
+    Alternating table cells and rows    **/
+/*
+    .alternatecells:nth-child(odd) {
+        background-color: #F9F9F9;
+    }
+    body.wgl-theme-dark .alternatecells:nth-child(odd) {
+        background-color: #222;
+    }
+    .alternaterows tr:nth-child(even) {
+        background-color: #F9F9F9;
+    }
+    body.wgl-theme-dark .alternaterows tr:nth-child(even) {
+        background-color: #222;
+    }
+*/

MediaWiki:Common.css: различия между версиями