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

мНет описания правки
мНет описания правки
Строка 47: Строка 47:
--color-contrast-dark--rgb: 21, 32, 55;
--color-contrast-dark--rgb: 21, 32, 55;
--bg-contrast--hover: rgba(var(--color-contrast-dark--rgb), var(--alpha-m));
--bg-contrast-m--rgba: rgba(var(--color-contrast-dark--rgb), var(--alpha-m));
--bg-contrast-light--hover: rgba(var(--color-contrast-dark--rgb), var(--alpha-xs));
--bg-contrast-s--rgba: rgba(var(--color-contrast-dark--rgb), var(--alpha-s));
--bg-contrast-xs--rgba: rgba(var(--color-contrast-dark--rgb), var(--alpha-xs));
/*== Цвет фона ==*/
/*== Цвет фона ==*/
Строка 712: Строка 713:
.navbox { /* Navbox container style */
.navbox { /* Navbox container style */
box-sizing: border-box;
box-sizing: border-box;
border: 1px solid var(--border-color-base, #a2a9b1);
border: 1px solid var(--theme-border);
width: 100%;
width: 100%;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
Строка 731: Строка 732:
}
}
.navbox-title {
.navbox-title {
line-height: 1.6em;   /* Standard 1.6em for title */
line-height: 1.6em; /* Standard 1.6em for title */
border-bottom: 2px solid var(--color-darkened-border);
border-radius: var(--border-radius-low);
border-top: 1px solid rgba(var(--color-lighter--rgb), 0.07);
border-bottom: 2px solid var(--color-darkened-border);  
}
}


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


Строка 756: Строка 761:
.navbox th,
.navbox th,
.navbox-title {
.navbox-title {
    background: var(--theme-bg-lighter);   /* Level 1 color */
background: var(--theme-bg-lighter);   /* Level 1 color */
}
}
.navbox-abovebelow,
.navbox-abovebelow,
th.navbox-group,
th.navbox-group,
.navbox-subgroup .navbox-title {
.navbox-subgroup .navbox-title {
    background: var(--theme-bg-lighter);   /* Level 2 color */
background: var(--theme-bg-lighter);   /* Level 2 color */
}
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-abovebelow {
    background: var(--theme-bg-light);  /* Level 3 color */
background: var(--theme-bg-light);  /* Level 3 color */
}
}
.navbox-even {
.navbox-even {
    background: rgba(var(--color-contrast-dark--rgb), var(--alpha-s));   /* Even row striping */
background: var(--bg-contrast-s--rgba);   /* Even row striping */
}
}
.navbox-odd {
.navbox-odd {
Строка 790: Строка 795:


.navbox td:not(.navbox-list), .navbox ul {
.navbox td:not(.navbox-list), .navbox ul {
    padding: 4px 2px !important;
padding: 4px 2px !important;
}
}


Строка 1780: Строка 1785:
.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 {
background: var(--bg-contrast--hover);  
background: var(--bg-contrast-m--rgba);  
}
}


Строка 2285: Строка 2290:


.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background: var(--bg-contrast--hover);
background: var(--bg-contrast-m--rgba);
color: white;
color: white;
}
}
Строка 2337: Строка 2342:


.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--bg-contrast--hover) !important;
background-color: var(--bg-contrast-m--rgba) !important;
}
}


Строка 2516: Строка 2521:


.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--bg-contrast--hover);  
background: var(--bg-contrast-m--rgba);  
transition: all 0.01s;
transition: all 0.01s;
}
}
Строка 2919: Строка 2924:


.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
background-color: var(--bg-contrast--hover);
background-color: var(--bg-contrast-m--rgba);
}
}