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

мНет описания правки
Нет описания правки
Метка: ручная отмена
 
(не показано 17 промежуточных версий этого же участника)
Строка 1: Строка 1:
/*=== Цветовая тема (переменные) ===*/
/* Основные переменные для темной и инвертированной темы */
:root body, .skin-invert, .notheme {
:root body, .skin-invert, .notheme {
--background-color-base: var(--theme-bg-color-100);
--background-color-base: var(--theme-bg-color-100);
Строка 13: Строка 15:
--border-color-base: var(--theme-border-color-100);
--border-color-base: var(--theme-border-color-100);
--border-color-subtle: var(--theme-border-color-base);
--border-color-subtle: var(--theme-border-color-base);
--border-color-muted: var(--theme-bg-color-350);
--border-subtle: var(--border-color-subtle);
--border-color-muted: var(--theme-bg-color-300);
--border-color-interactive--hover: var(--theme-bg-color-250);
--border-color-interactive--hover: var(--theme-bg-color-250);
--border-color-interactive--active: var(--theme-bg-color-350);
--border-color-interactive--active: var(--theme-bg-color-300);
--border-color-disabled: var(--border-color-subtle);
--border-color-disabled: var(--border-color-subtle);
--border-color-inverted: var(--background-color-base);
--border-color-inverted: var(--background-color-base);
}
}


/* Переменные для темных темы */
:root body:not(.wgl-theme-light), body:not(.wgl-theme-light) .skin-invert, body:not(.wgl-theme-light) .notheme {
:root body:not(.wgl-theme-light), body:not(.wgl-theme-light) .skin-invert, body:not(.wgl-theme-light) .notheme {
color-scheme: dark;
color-scheme: dark;
--color-base: var(--theme-text-color);
--color-base: var(--theme-text-color);
--color-base--hover: var(--theme-text-color-light);
--color-base--hover: var(--theme-text-color-light);
Строка 29: Строка 34:
--color-disabled-emphasized: var(--theme-text-color-dark);
--color-disabled-emphasized: var(--theme-text-color-dark);
--color-inverted: #101418;
--color-inverted: #101418;
--color-progressive: #88a3e8;
--color-progressive: #88a3e8;
--color-progressive--hover: #b0c1f0;
--color-progressive--hover: #b0c1f0;
--color-progressive--active: #cbd6f6;
--color-progressive--active: #cbd6f6;
--color-visited: #a799cd;
--color-visited--hover: #c5b9dd;
--color-visited--active: #d9d0e9;
--color-destructive: #fd7865;
--color-destructive: #fd7865;
--color-destructive--hover: #fea898;
--color-destructive--hover: #fea898;
--color-destructive--active: #ffc8bd;
--color-destructive--active: #ffc8bd;
--color-visited: #a799cd;
--color-visited--hover: #c5b9dd;
--color-visited--active: #d9d0e9;
--color-destructive--visited: #c99391;
--color-destructive--visited: #c99391;
--color-destructive--visited--hover: #dcb5b3;
--color-destructive--visited--hover: #dcb5b3;
--color-destructive--visited--active: #e8cecd;
--color-destructive--visited--active: #e8cecd;
--color-error: #fd7865;
--color-error: #fd7865;
--color-error--hover: #fea898;
--color-error--hover: #fea898;
Строка 50: Строка 59:
--color-content-removed: #fd7865;
--color-content-removed: #fd7865;
--color-base--subtle: #a2a9b1;
--color-base--subtle: #a2a9b1;
--box-shadow-color-base: #72777d;
--box-shadow-color-base: #72777d;
--box-shadow-color-progressive--focus: #6485d1;
--box-shadow-color-progressive--focus: #6485d1;
Строка 59: Строка 69:
--box-shadow-color-alpha-base: rgba(0, 0, 0, 0.87);
--box-shadow-color-alpha-base: rgba(0, 0, 0, 0.87);
--mix-blend-mode-blend: screen;
--mix-blend-mode-blend: screen;
--background-color-inverted: #f8f9fa;
--background-color-inverted: #f8f9fa;
--background-color-progressive: var(--color-contrast-dark);
--background-color-progressive: var(--color-contrast-dark);
Строка 65: Строка 76:
--background-color-progressive-subtle--hover: var(--color-contrast2);
--background-color-progressive-subtle--hover: var(--color-contrast2);
--background-color-progressive-subtle--active: var(--color-contrast);
--background-color-progressive-subtle--active: var(--color-contrast);
--background-color-destructive--focus: var(--color-contrast-dark);
--background-color-destructive--focus: var(--color-contrast-dark);
--background-color-destructive-subtle: var(--background-color-error-subtle);
--background-color-destructive-subtle: var(--background-color-error-subtle);
--background-color-destructive-subtle--hover: var(--background-color-error-subtle--hover);
--background-color-destructive-subtle--hover: var(--background-color-error-subtle--hover);
--background-color-destructive-subtle--active: var(--background-color-error-subtle--active);
--background-color-destructive-subtle--active: var(--background-color-error-subtle--active);
--background-color-error-subtle: var(--bg-color-error-subtle);
--background-color-error-subtle: var(--bg-color-error-subtle);
--background-color-error-subtle--hover: var(--bg-color-error);
--background-color-error-subtle--hover: var(--bg-color-error);
Строка 77: Строка 89:
--background-color-content-added: var(--background-color-progressive-subtle--hover);
--background-color-content-added: var(--background-color-progressive-subtle--hover);
--background-color-content-removed: #453217;
--background-color-content-removed: #453217;
--background-color-backdrop-light: rgba(var(--color-darkened--rgb), 0.65);
--background-color-backdrop-light: rgba(var(--color-darkened--rgb), 0.65);
--background-color-backdrop-dark: rgba(var(--color-lighter--rgb), 0.65);
--background-color-backdrop-dark: rgba(var(--color-lighter--rgb), 0.65);
--border-color-progressive--hover: #88a3e8;
--border-color-progressive--hover: #88a3e8;
--border-color-progressive--active: #b0c1f0;
--border-color-progressive--active: #b0c1f0;
Строка 91: Строка 105:
}
}


/*=== Логотип и шапка ===*/
.minerva-header .branding-box a {
.minerva-header .branding-box a {
--size: 30px;
--size: 30px;
Строка 107: Строка 122:


.header-container.header-chrome {
.header-container.header-chrome {
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
}
 
.mw-body {
    border-top: 1px solid rgba(var(--color-lighter--rgb), 0.025);
}
 
.minerva__tab-container .minerva__tab.selected {
border-bottom: 2px solid var(--color-contrast);
background: transparent;
}
 
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-mobile-summary {
background-color: var(--ooui-bg-color);
}
}


/*=== Верхняя шапка страницы ===*/
.minerva-user-navigation .minerva-notifications {
.minerva-user-navigation .minerva-notifications {
display: flex;
display: flex;
Строка 129: Строка 132:
}
}


.minerva-search-form {
    justify-content: space-between;
}
/*=== Выпадающее меню темы ===*/
.theme-dropdown-details {
.theme-dropdown-details {
display: inline-flex;
display: inline-flex;
Строка 156: Строка 164:
.minerva-user-navigation .minerva-notifications ul.theme-menu__content-list {
.minerva-user-navigation .minerva-notifications ul.theme-menu__content-list {
display: block;
display: block;
}
/*=== Основной контент ===*/
.mw-body {
border-top: 1px solid rgba(var(--color-lighter--rgb), 0.025);
}
.heading-holder {
padding: 14px 0 0;
}
.content li {
margin-bottom: unset;
}
.content kbd, .content samp, .content code, .content pre {
font-family: var(--font-family-monospace);
}
.content .mw-parser-output > .mw-heading2, .content .mw-parser-output > h2, .content .mw-parser-output[data-mw-parsoid-version] > section > .mw-heading2, .content .section-heading {
border-bottom: 2px solid var(--color-contrast);
padding: 0.3em 0;
line-height: 1.3;
margin-top: 0.8em;
}
.overlay-enabled, .overlay-content {
background: var(--theme-bg-color-100);
}
@media screen and (min-width: 993.3px) {
.banner-container, .minerva-anon-talk-message, .minerva-header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form {
    width: 70%;
    max-width: 100%;
}
}
}


Строка 164: Строка 207:
}
}


.gradient-header-frame-sub__content .cdx-message {
/*=== Табуляция и панель вкладок ===*/
display: none;
.minerva__tab-container .minerva__tab.selected {
}
border-bottom: 2px solid var(--color-contrast);
 
background: transparent;
.content li {
    margin-bottom: unset;
}
}


/*=== Шрифты ===*/
.mf-font-size-clientpref-small {
.mf-font-size-clientpref-small {
    font-size: 1rem;
font-size: 1rem;
}
}


.mf-font-size-clientpref-regular {
.mf-font-size-clientpref-regular {
    font-size: 1.125rem;
font-size: 1.1rem;
}
}


.mf-font-size-clientpref-large {
.mf-font-size-clientpref-large {
    font-size: 1.25rem;
font-size: 1.2rem;
}
 
/*=== Расширение:VisualEditor ===*/
.ve-ui-mobileContext {
    background: var(--ooui-bg-color);
}
 
.ve-ui-targetToolbar-mobile .oo-ui-toolbar-tools > .ve-ui-toolbar-group-back,
.ve-ui-mobileContext .ve-ui-linearContextItem-body-action-wrapper,
.ve-ui-contextItem + .ve-ui-contextItem {
    border-color: var(--ooui-border-color);
}
 
/*=== Расширение:GrowthExperiments ===*/
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-mobile-summary {
background-color: var(--ooui-bg-color);
}
}


.content kbd, .content samp, .content code, .content pre {
/*=== Прочее ===*/
    font-family: var(--font-family-monospace);
.gradient-header-frame-sub__content .cdx-message {
display: none;
}
}


.content .mw-parser-output > .mw-heading2, .content .mw-parser-output > h2, .content .mw-parser-output[data-mw-parsoid-version] > section > .mw-heading2, .content .section-heading {
.oo-ui-window-body.mw-mobile-pref-dialog-body [class^='mw-htmlform-field'] {
     border-bottom: 2px solid var(--color-contrast);
     border-color: var(--border-color-base);
    border-color: var(--color-contrast);
    padding: 0.3em 0;
    line-height: 1.3;
    margin-top: 0.8em;
}
}


table th > .mw-collapsible-toggle {
table th > .mw-collapsible-toggle {
    margin: 0 8px;
margin: 0 8px;
}
 
.content table {
margin: unset;
}
 
.toc {
display: none; /* TODO: настроить стили */
}
}