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

мНет описания правки
мНет описания правки
 
(не показаны 24 промежуточные версии 2 участников)
Строка 319: Строка 319:
/* Pastel Magenta */
/* Pastel Magenta */
--bg-color-pastel-magenta--hsl: 309.35deg 44.51%;
--bg-color-pastel-magenta--hsl: 301.35deg 44.51%;
--bg-color-pastel-magenta--hsl-alpha: 31.92%;
--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);
}
}


Строка 967: Строка 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: 1px solid var(--theme-bg-color-100); /* Must match background color */
border-top: 2px solid var(--theme-bg-color-100); /* Must match background color */
border-bottom: 1px solid var(--theme-bg-color-100);
}
}


Строка 987: Строка 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 */
border-right: 1px solid var(--theme-bg-color-150);
border-bottom: 1px solid var(--theme-bg-color-150);
border-top: none;
}
}
.navbox-abovebelow,
.navbox-abovebelow,
Строка 995: Строка 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 {
Строка 1020: Строка 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: 4px 2px !important;
padding: 3px 2px !important;
}
}


Строка 1028: Строка 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);
}
/* КОНЕЦ */
/* КОНЕЦ */


Строка 1099: Строка 1115:
.mwe-popups {
.mwe-popups {
background: var(--ooui-gradient-light);
background: var(--ooui-gradient-light);
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: var(--box-shadow-high);
}
}


Строка 1132: Строка 1148:
/* Настройки */
/* Настройки */
.mwe-popups-overlay {
.mwe-popups-overlay {
background: rgba(0, 0, 0, 0.6);
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
}
}


#mwe-popups-settings {
#mwe-popups-settings {
border: 1px solid #41414d;
border: 1px solid var(--ooui-border-color-light);
background: #27272f;
background: var(--ooui-bg-color-dark);
box-shadow: var(--box-shadow-overlay);
}
}


#mwe-popups-settings header {
#mwe-popups-settings header {
border-bottom: 1px solid #41414d;
background: var(--ooui-bg-color);
border-bottom: 1px solid var(--ooui-border-color);
}
}


Строка 1211: Строка 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(255, 255, 255, 0), var(--ooui-bg-color) 50%);
background: linear-gradient(to right, rgba(var(--color-lighter--rgb), 0), var(--ooui-bg-color) 50%);
}
}


Строка 1427: Строка 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);
Строка 1566: Строка 1586:
}*/
}*/


@media all and (max-width: 640px) {
/* Таблицы на телефонах */
.mw-body-content table.mw-made-collapsible.mw-collapsed {
@media screen and (max-width: 850px) {
display: table;
.wikitable {
font-size: 0.8em;
}
}
}
}
/*
 
@media all and (max-width: 640px) {
@media screen and (max-width: 850px) {
.mw-body-content table {
.mw-body table table {
display: table;
width: 100%;
}
}
}
}
*/
 
/* standard */
/* standard */
.standard {
.standard {
Строка 1925: Строка 1943:
right: 0;
right: 0;
z-index: var(--index-overlay);
z-index: var(--index-overlay);
}
/* Тег p без отступов */
.p-no-margin p {
margin: 0;
}
}


Строка 1957: Строка 1980:
z-index: 10000;
z-index: 10000;
image-rendering: pixelated;
image-rendering: pixelated;
filter: var(--filter-drop-shadow);
filter: var(--filter-drop-shadow-medium);
}
}


Строка 2006: Строка 2029:
#interwiki-completelist {
#interwiki-completelist {
font-weight: bold
font-weight: bold
}
.hatnote {
font-style: italic;
padding-left: 1.6em;
}
}


Строка 2168: Строка 2196:
}
}


.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
.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;
Строка 2224: Строка 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;
}
}


Строка 3432: Строка 3465:
#personal .dropdown ul,
#personal .dropdown ul,
#theme-preferences__content .theme-menu {
#theme-preferences__content .theme-menu {
flex: 1 0 9rem;
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);
Строка 3456: Строка 3488:
padding: 0;
padding: 0;
margin: 0;
margin: 0;
width: 100%;
}
}


Строка 3580: Строка 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);
}
}
Строка 3777: Строка 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);
}
}
Строка 3819: Строка 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 {
Строка 3871: Строка 3911:
.oo-ui-processDialog-errors,
.oo-ui-processDialog-errors,
.cdx-dialog-backdrop {
.cdx-dialog-backdrop {
background: rgba(0, 0, 0, var(--alpha-m));
background: rgba(var(--color-darkened--rgb), var(--alpha-m));
}
}


Строка 4025: Строка 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);
}
}
Строка 4049: Строка 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);
}
}
Строка 4061: Строка 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 {
Строка 4154: Строка 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);
}
}
Строка 4224: Строка 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,
Строка 4420: Строка 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);
}
}
Строка 4477: Строка 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);
}
}