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

мНет описания правки
мНет описания правки
 
(не показано 12 промежуточных версий 2 участников)
Строка 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);
}
}


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


Строка 1096: Строка 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);
}
}


Строка 1129: Строка 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);
}
}


Строка 1208: Строка 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%);
}
}


Строка 1424: Строка 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);
Строка 1570: Строка 1593:


@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
    .mw-body table table {
.mw-body table table {
        width: 100%;
width: 100%;
    }
}
}
}


Строка 1920: Строка 1943:
right: 0;
right: 0;
z-index: var(--index-overlay);
z-index: var(--index-overlay);
}
/* Тег p без отступов */
.p-no-margin p {
margin: 0;
}
}


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


Строка 2004: Строка 2032:


.hatnote {
.hatnote {
    font-style: italic;
font-style: italic;
    padding-left: 1.6em;
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%;
}
}


Строка 3822: Строка 3855:


.approved-revision {
.approved-revision {
    background: var(--bg-color-emerald-subtle) !important;
background: var(--bg-color-emerald-subtle) !important;
}
}


Строка 3878: Строка 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));
}
}


Строка 4034: Строка 4067:
.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,
.wikiEditor-ui-toolbar .page-characters div span:hover {
.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);
}
}
Строка 4165: Строка 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);
}
}