|
|
| (39 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* default vector theme */
| |
| :root {
| |
| --mw-page-container-side-padding: 1.5em;
| |
|
| |
| --theme-body-bg: #f8f9fa;
| |
| --theme-body-color: #202122;
| |
| --theme-header-bg: #fff;
| |
| --theme-header-color: #202122;
| |
| --theme-header-icon-filter: none;
| |
|
| |
| --theme-sidebar-bg: #fff;
| |
| --theme-sidebar-color: #202122;
| |
| --theme-sidebar-link-color: #3366cc;
| |
| --theme-toc-bg: #fff;
| |
| --theme-toc-link-color: #3366cc;
| |
| --theme-toc-active-parent-link-color: #202122;
| |
| --theme-toc-active-link-color: #202122;
| |
|
| |
| --theme-dropdown-bg: #fff;
| |
|
| |
| /* syntax highlighting colors, original from cs2022dark.css highlight.js theme */
| |
| --theme-hljs-bg: #1e1e1e;
| |
| --theme-hljs-unset: #dbdbdb;
| |
| --theme-hljs-comment: #57a64a;
| |
| --theme-hljs-doctag: #556b2f;
| |
| --theme-hljs-keyword: #569cd6;
| |
| --theme-hljs-type: #4ec9b0;
| |
| --theme-hljs-function: #dcdcaa;
| |
| --theme-hljs-string: #d69d85;
| |
| --theme-hljs-number: #b5cea8;
| |
| --theme-hljs-variable: #9cdcfe;
| |
| --theme-hljs-symbol: #d8a0df;
| |
| --theme-hljs-regexp: #9a5334;
| |
| --theme-hljs-meta: #9b9b9b;
| |
| --theme-hljs-section: gold;
| |
| --theme-hljs-attribute: #92caf4;
| |
| --theme-hljs-bullet: #d7ba7d;
| |
| --theme-hljs-selector: #d7ba7d;
| |
| --theme-hljs-addition: #144212;
| |
| --theme-hljs-deletion: #600;
| |
| --theme-hljs-tsql-symbol: #dcdcdc;
| |
| --theme-hljs-tsql-string: #cb4141;
| |
| --theme-hljs-tsql-built_in: #c975d5;
| |
| --theme-hljs-tsql-sp: #b3725b;
| |
| }
| |
|
| |
|
| .mw-page-container,
| |
| .vector-feature-zebra-design-disabled .mw-page-container {
| |
| padding-left: var(--mw-page-container-side-padding);
| |
| padding-right: var(--mw-page-container-side-padding);
| |
| }
| |
|
| |
| @media screen {
| |
| .vector-feature-zebra-design-disabled body {
| |
| background: var(--theme-body-bg);
| |
| color: var(--theme-body-color);
| |
| }
| |
|
| |
| .vector-feature-zebra-design-disabled .vector-header-container {
| |
| background: var(--theme-header-bg);
| |
| }
| |
|
| |
| .vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
| |
| background: var(--theme-dropdown-bg);
| |
| }
| |
|
| |
| .vector-user-menu-logged-in .vector-dropdown-label::after {
| |
| filter: var(--theme-header-icon-filter);
| |
| }
| |
|
| |
| .vector-toc,
| |
| .vector-feature-zebra-design-disabled .vector-toc {
| |
| background: var(--theme-toc-bg);
| |
| }
| |
|
| |
| .vector-toc .vector-toc-link,
| |
| .vector-feature-zebra-design-disabled .vector-toc .vector-toc-link {
| |
| color: var(--theme-toc-link-color);
| |
| }
| |
|
| |
| .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
| |
| color: var(--theme-toc-active-parent-link-color);
| |
| }
| |
|
| |
| .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link,
| |
| .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link,
| |
| .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link,
| |
| .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
| |
| color: var(--theme-toc-active-link-color);
| |
| }
| |
| }
| |
|
| |
| @media screen and (min-width:1000px) {
| |
| :root {
| |
| --mw-page-container-side-padding: 2.75em;
| |
| }
| |
|
| |
| #vector-toc-pinned-container .vector-toc::after,
| |
| .vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
| |
| background: none;
| |
| }
| |
|
| |
| .mw-footer-container,
| |
| .vector-feature-zebra-design-disabled .mw-footer-container {
| |
| grid-row-start: footer;
| |
| grid-row-end: footer;
| |
| grid-column-start: pageContent;
| |
| grid-column-end: pageContent;
| |
| }
| |
| }
| |
|
| |
| @media screen and (min-width:1200px) {
| |
| :root {
| |
| --mw-page-container-side-padding: 3.25em;
| |
| }
| |
| }
| |
|
| |
| /*.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
| |
| color: var(--theme-header-color);
| |
| }
| |
|
| |
| .vector-header,
| |
| .vector-header-container {
| |
| color: var(--theme-header-color);
| |
| }*/
| |
|
| |
| .vector-header .vector-icon,
| |
| .vector-header-container .vector-icon,
| |
| .vector-main-menu .vector-icon,
| |
| .vector-toc .vector-icon{
| |
| filter: var(--theme-header-icon-filter);
| |
| }
| |
|
| |
| .mw-page-container-inner::before {
| |
| content: "";
| |
| display: block;
| |
| grid-column-start: toc;
| |
| grid-column-end: toc;
| |
| grid-row-start: siteNotice;
| |
| grid-row-end: footer;
| |
| margin-left: calc(-1*var(--mw-page-container-side-padding));
| |
| background: var(--theme-sidebar-bg);
| |
| }
| |
|
| |
| .vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-page-container-inner::before,
| |
| .vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-page-container-inner::before,
| |
| .vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-page-container-inner::before {
| |
| display: none;
| |
| }
| |
|
| |
| .vector-main-menu-action-opt-out {
| |
| display: none;
| |
| }
| |
|
| |
| .mw-footer-container {
| |
| grid-row-start: footer;
| |
| grid-row-end: footer;
| |
| grid-column-start: pageContent;
| |
| grid-column-end: pageContent;
| |
| }
| |
|
| |
| .vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-footer-container,
| |
| .vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-footer-container,
| |
| .vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-footer-container {
| |
| grid-column-start: toc;
| |
| grid-column-end: pageContent;
| |
| }
| |
|
| |
| /* syntax highlighting colors */
| |
| .hljs{background:var(--theme-hljs-bg)}
| |
| .hljs,.hljs-operator,.hljs-property,.hljs-punctuation,.hljs-subst,.hljs-unset{color:var(--theme-hljs-unset)}
| |
| .hljs-quote,.hljs-comment{color:var(--theme-hljs-comment)}
| |
| .hljs-doctag{color:var(--theme-hljs-doctag)}
| |
| .hljs-built_in,.hljs-name,.hljs-literal,.hljs-link,.hljs-meta-keyword,.hljs-keyword{color:var(--theme-hljs-keyword)}
| |
| .hljs-title,.hljs-type{color:var(--theme-hljs-type)}
| |
| .hljs-title.function_{color:var(--theme-hljs-function)}
| |
| .hljs-meta-string,.hljs-string{color:var(--theme-hljs-string)}
| |
| .hljs-number{color:var(--theme-hljs-number)}
| |
| .hljs-builtin-name,.hljs-formula,.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--theme-hljs-variable)}
| |
| .hljs-symbol{color:var(--theme-hljs-symbol)}
| |
| .hljs-template-tag,.hljs-regexp{color:var(--theme-hljs-regexp)}
| |
| .hljs-tag,.hljs-tsql-literal,.hljs-meta{color:var(--theme-hljs-meta)}
| |
| .hljs-section{color:var(--theme-hljs-section)}
| |
| .hljs-attr,.hljs-attribute{color:var(--theme-hljs-attribute)}
| |
| .hljs-bullet{color:var(--theme-hljs-bullet)}
| |
| .hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--theme-hljs-selector)}
| |
| .hljs-addition{background-color:var(--theme-hljs-addition)}
| |
| .hljs-deletion{background-color:var(--theme-hljs-deletion)}
| |
| .hljs-tsql-symbol{color:var(--theme-hljs-tsql-symbol)}
| |
| .hljs-tsql-string{color:var(--theme-hljs-tsql-string)}
| |
| .hljs-tsql-built_in{color:var(--theme-hljs-tsql-built_in)}
| |
| .hljs-tsql-sp{color:var(--theme-hljs-tsql-sp)}
| |
|
| |
| /* light vector theme */
| |
| :root {
| |
| --theme-body-bg: #072207;
| |
| --theme-body-color: #202122;
| |
| /*--theme-header-bg: #151;*/
| |
| --theme-header-bg:
| |
| repeating-linear-gradient(to top, #0002, #0000 1em),
| |
| repeating-linear-gradient(to right, #0002, #0000 1em),
| |
| radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
| |
| --theme-header-color: #fff;
| |
| --theme-header-icon-filter: invert(100%);
| |
|
| |
| --theme-sidebar-bg: #141;
| |
| --theme-sidebar-color: #fff;
| |
| --theme-sidebar-link-color: #ddf;
| |
| --theme-toc-bg: transparent;
| |
| --theme-toc-link-color: #fafff4;
| |
| --theme-toc-active-parent-link-color: #f7f7f7;
| |
| --theme-toc-active-link-color: #fff;
| |
|
| |
| --theme-dropdown-bg: #151;
| |
|
| |
| /* syntax highlighting colors */
| |
| --theme-hljs-bg: #f7f7f7;
| |
| --theme-hljs-unset: #000;
| |
| --theme-hljs-comment: #080;
| |
| --theme-hljs-doctag: #556b2f;
| |
| --theme-hljs-keyword: #00f;
| |
| --theme-hljs-type: #2b91af;
| |
| --theme-hljs-function: #74531f;
| |
| --theme-hljs-string: #a31515;
| |
| --theme-hljs-number: #000;
| |
| --theme-hljs-variable: #9cdcfe;
| |
| --theme-hljs-symbol: #d8a0df;
| |
| --theme-hljs-regexp: #9a5334;
| |
| --theme-hljs-meta: #9b9b9b;
| |
| --theme-hljs-section: gold;
| |
| --theme-hljs-attribute: #2b91af;
| |
| --theme-hljs-bullet: #d7ba7d;
| |
| --theme-hljs-selector: #2b91af;
| |
| --theme-hljs-addition: #144212;
| |
| --theme-hljs-deletion: #600;
| |
| --theme-hljs-tsql-symbol: #dcdcdc;
| |
| --theme-hljs-tsql-string: #cb4141;
| |
| --theme-hljs-tsql-built_in: #c975d5;
| |
| --theme-hljs-tsql-sp: #b3725b;
| |
| }
| |
