MediaWiki:Common.css: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 26 промежуточных версий 2 участников) | |||
| Строка 319: | Строка 319: | ||
/* Pastel Magenta */ | /* Pastel Magenta */ | ||
--bg-color-pastel-magenta--hsl: | --bg-color-pastel-magenta--hsl: 301.35deg 44.51%; | ||
--bg-color-pastel-magenta--hsl-alpha: | --bg-color-pastel-magenta--hsl-alpha: 30.92%; | ||
--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50))); | --bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50))); | ||
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100))); | --bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100))); | ||
| Строка 407: | Строка 407: | ||
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3); | --box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3); | ||
--box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m)); | --box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m)); | ||
--filter-drop-shadow: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6)); | |||
--filter-drop-shadow-low: drop-shadow(0 1px 0px rgba(0,0,0,0.3)); | |||
--filter-drop-shadow-medium: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6)); | |||
/*== Закругление границ ==*/ | /*== Закругление границ ==*/ | ||
| Строка 811: | Строка 813: | ||
img { | img { | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
filter: var(--filter-drop-shadow-low); | |||
} | } | ||
| Строка 886: | Строка 889: | ||
margin-top: 0.8em; | margin-top: 0.8em; | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
border-left: 2px solid var(--theme-border-color-100); | |||
padding-left: 5px; | |||
} | } | ||
| Строка 907: | Строка 912: | ||
font-weight: bold; | font-weight: bold; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
margin-top: 0. | margin-top: 0.3em; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
padding-bottom: 0; | padding-bottom: 0; | ||
line-height: 1.6; | line-height: 1.6; | ||
padding-top: 0. | padding-top: 0.5em; | ||
} | } | ||
| Строка 966: | Строка 970: | ||
tr + tr > .navbox-image, | tr + tr > .navbox-image, | ||
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */ | tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */ | ||
border-top: | border-top: 2px solid var(--theme-bg-color-100); /* Must match background color */ | ||
} | } | ||
| Строка 986: | Строка 989: | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background: var(--theme-bg-color-200); /* Level 2 color */ | background: var(--theme-bg-color-200); /* Level 2 color */ | ||
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
| Строка 994: | Строка 994: | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background: var(--theme-bg-color-250); /* Level 3 color */ | background: var(--theme-bg-color-250); /* Level 3 color */ | ||
border-right: 1px solid var(--theme-bg-color-100); | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
| Строка 1019: | Строка 1020: | ||
.navbox td:not(:has(table)), .navbox ul { | .navbox td:not(:has(table)), .navbox ul { | ||
background: var(--theme-bg-color-150); | background: var(--theme-bg-color-150); | ||
padding: | padding: 3px 2px !important; | ||
} | } | ||
| Строка 1027: | Строка 1028: | ||
} | } | ||
} | } | ||
/*=== Шаблон:Сущность ===*/ | |||
.ts-Сущность { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: flex-start; | |||
} | |||
.ts-Сущность:has(.ts-Сущность-field:hover) { | |||
background: var(--theme-bg-color-150); | |||
} | |||
.ts-Сущность-field a { | |||
color: var(--theme-text-color-dark); | |||
} | |||
/* КОНЕЦ */ | /* КОНЕЦ */ | ||
| Строка 1098: | Строка 1115: | ||
.mwe-popups { | .mwe-popups { | ||
background: var(--ooui-gradient-light); | background: var(--ooui-gradient-light); | ||
box-shadow: | box-shadow: var(--box-shadow-high); | ||
} | } | ||
| Строка 1131: | Строка 1148: | ||
/* Настройки */ | /* Настройки */ | ||
.mwe-popups-overlay { | .mwe-popups-overlay { | ||
background: rgba( | background: rgba(var(--color-darkened--rgb), var(--alpha-m)); | ||
} | } | ||
#mwe-popups-settings { | #mwe-popups-settings { | ||
border: 1px solid | border: 1px solid var(--ooui-border-color-light); | ||
background: | background: var(--ooui-bg-color-dark); | ||
box-shadow: var(--box-shadow-overlay); | |||
} | } | ||
#mwe-popups-settings header { | #mwe-popups-settings header { | ||
border-bottom: 1px solid | background: var(--ooui-bg-color); | ||
border-bottom: 1px solid var(--ooui-border-color); | |||
} | } | ||
| Строка 1210: | Строка 1229: | ||
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after, | .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after, | ||
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after { | .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after { | ||
background: linear-gradient(to right, rgba( | background: linear-gradient(to right, rgba(var(--color-lighter--rgb), 0), var(--ooui-bg-color) 50%); | ||
} | } | ||
| Строка 1426: | Строка 1445: | ||
} | } | ||
.mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.mw-ui-button.mw-ui-destructive:not(:disabled), | |||
.mw-ui-button { | .mw-ui-button { | ||
color: var(--theme-text-color); | color: var(--theme-text-color); | ||
| Строка 1565: | Строка 1586: | ||
}*/ | }*/ | ||
@media all and (max-width: 640px) { | |||
.mw-body-content table.mw-made-collapsible.mw-collapsed { | |||
@media | display: table; | ||
. | |||
} | } | ||
} | } | ||
@media | @media screen and (max-width: 850px) { | ||
.mw-body | .mw-body table table { | ||
width: 100%; | |||
} | } | ||
} | } | ||
/* standard */ | /* standard */ | ||
.standard { | .standard { | ||
| Строка 1924: | Строка 1943: | ||
right: 0; | right: 0; | ||
z-index: var(--index-overlay); | z-index: var(--index-overlay); | ||
} | |||
/* Тег p без отступов */ | |||
.p-no-margin p { | |||
margin: 0; | |||
} | } | ||
| Строка 1956: | Строка 1980: | ||
z-index: 10000; | z-index: 10000; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
filter: var(--filter-drop-shadow); | filter: var(--filter-drop-shadow-medium); | ||
} | } | ||
| Строка 2005: | Строка 2029: | ||
#interwiki-completelist { | #interwiki-completelist { | ||
font-weight: bold | font-weight: bold | ||
} | |||
.hatnote { | |||
font-style: italic; | |||
padding-left: 1.6em; | |||
} | } | ||
| Строка 2167: | Строка 2196: | ||
} | } | ||
.list-reset-margin > ol | .list-reset-margin > ol > li:not(:first-child), | ||
.list-reset-margin > ul:nth-of-type(n+2) { | .list-reset-margin > ul:nth-of-type(n+2) { | ||
margin-top: 10px; | margin-top: 10px; | ||
| Строка 2223: | Строка 2252: | ||
.with-drop-shadow, | .with-drop-shadow, | ||
.mw-wiki-logo.timeless-logo img { | .mw-wiki-logo.timeless-logo img { | ||
filter: var(--filter-drop-shadow); | filter: var(--filter-drop-shadow-medium); | ||
} | |||
/* Лого рендерится не в pixelated */ | |||
.mw-wiki-logo.timeless-logo img { | |||
image-rendering: auto; | |||
} | } | ||
| Строка 3431: | Строка 3465: | ||
#personal .dropdown ul, | #personal .dropdown ul, | ||
#theme-preferences__content .theme-menu { | #theme-preferences__content .theme-menu { | ||
background-color: var(--theme-bg-color-base); | background-color: var(--theme-bg-color-base); | ||
border-radius: var(--border-radius-low); | border-radius: var(--border-radius-low); | ||
| Строка 3455: | Строка 3488: | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
width: 100%; | |||
} | } | ||
| Строка 3579: | Строка 3613: | ||
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success), | .oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success), | ||
.oo-ui-indicatorElement-indicator, | .oo-ui-indicatorElement-indicator, | ||
.cdx-icon svg { | .cdx-icon svg, | ||
.skin-invert img[role="presentation"] { | |||
filter: var(--invert-75) hue-rotate(180deg); | filter: var(--invert-75) hue-rotate(180deg); | ||
} | } | ||
| Строка 3776: | Строка 3811: | ||
.ace-tm .ace_gutter-active-line, | .ace-tm .ace_gutter-active-line, | ||
.cdx-input-chip:not(.cdx-input-chip--disabled):hover, | .cdx-input-chip:not(.cdx-input-chip--disabled):hover, | ||
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { | .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover, | ||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
background: var(--ooui-bg-color-light); | background: var(--ooui-bg-color-light); | ||
} | } | ||
| Строка 3818: | Строка 3854: | ||
} | } | ||
.approved-revision { | |||
background: var(--bg-color-emerald-subtle) !important; | |||
} | |||
.cdx-message--success, | |||
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete, | .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete, | ||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { | .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { | ||
| Строка 3870: | Строка 3911: | ||
.oo-ui-processDialog-errors, | .oo-ui-processDialog-errors, | ||
.cdx-dialog-backdrop { | .cdx-dialog-backdrop { | ||
background: rgba( | background: rgba(var(--color-darkened--rgb), var(--alpha-m)); | ||
} | } | ||
| Строка 4024: | Строка 4065: | ||
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td, | .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td, | ||
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, | .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, | ||
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above { | .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, | ||
.wikiEditor-ui-toolbar .page-characters div span, | |||
.wikiEditor-ui-toolbar .page-characters div span:hover, | |||
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon { | |||
border-color: var(--ooui-border-color-light); | border-color: var(--ooui-border-color-light); | ||
} | } | ||
| Строка 4048: | Строка 4092: | ||
.cdx-text-input__input:enabled:hover, | .cdx-text-input__input:enabled:hover, | ||
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar, | .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar, | ||
.ext-discussiontools-emptystate:not(:first-child) { | .ext-discussiontools-emptystate:not(:first-child), | ||
.wikiEditor-ui-toolbar .page-table td { | |||
border-color: var(--border-color-hr); | border-color: var(--border-color-hr); | ||
} | } | ||
| Строка 4060: | Строка 4105: | ||
} | } | ||
.cdx-message--success, | |||
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add, | .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add, | ||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { | .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { | ||
| Строка 4153: | Строка 4199: | ||
.mw-ui-button.mw-ui-progressive:not(:disabled):hover, | .mw-ui-button.mw-ui-progressive:not(:disabled):hover, | ||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, | .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, | ||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { | .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover, | ||
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon { | |||
background: var(--color-contrast); | background: var(--color-contrast); | ||
} | } | ||
| Строка 4223: | Строка 4270: | ||
} | } | ||
ul li.selected:not(.init), | |||
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button, | .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button, | ||
.mw-portlet-body #ca-move.selected, | .mw-portlet-body #ca-move.selected, | ||
| Строка 4419: | Строка 4467: | ||
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover, | .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover, | ||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example-text, | .mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example-text, | ||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark { | .mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark, | ||
.wikiEditor-ui-toolbar .page-characters div span { | |||
color: var(--ooui-text-color); | color: var(--ooui-text-color); | ||
} | } | ||
| Строка 4476: | Строка 4525: | ||
.cdx-text-input__input:enabled, | .cdx-text-input__input:enabled, | ||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link, | .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link, | ||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { | .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted, | ||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
color: var(--ooui-text-color-light); | color: var(--ooui-text-color-light); | ||
} | } | ||