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

мНет описания правки
мНет описания правки
Строка 998: Строка 998:
/* #region Расширение */
/* #region Расширение */
/* ============ */
/* ============ */
/*=== Clipboard4wiki ===*/
/*=== Clipboard4wiki ===*/
[tooltip] {
[tooltip] {
Строка 1034: Строка 1033:
}
}


/*=== Расширение:Popups ===*/
/*=== Popups ===*/
/* Всплывающие окна */
/* Всплывающие окна */
.mwe-popups {
.mwe-popups {
Строка 1091: Строка 1090:
}
}


/*=== Расширение:InputBox ===*/
/*=== InputBox ===*/
.mw-ui-input {
.mw-ui-input {
background: var(--ooui-bg-color);
background: var(--ooui-bg-color);
Строка 1106: Строка 1105:
}
}


/*=== Расширение:SyntaxHighlight ===*/
/*=== SyntaxHighlight ===*/
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
Строка 1126: Строка 1125:
}
}


.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue {
.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, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.no-image {
width: 300px;
    background: var(--ooui-bg-color-dark);
}
 
.growthexperiments-homepage-module-suggested-edits .suggested-edits-filters .oo-ui-buttonGroupWidget {
gap: 0.2em;
}
 
.mw-ge-help-panel-widget-overlay,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
max-width: calc(100% - 2em);
max-height: calc(100% - 2em);
}
}


Строка 1149: Строка 1138:
}
}


@media screen and (max-width: 850px) {
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text[dir='ltr'] .se-card-extract::after,
.mw-ge-help-panel-popup .oo-ui-dialog.oo-ui-window-setup {
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after {
box-shadow: var(--box-shadow-overlay);
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ooui-bg-color) 50%);
}
}
}
/* #endregion */


/* ============ */
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-image-recommendation, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-section-image-recommendation {
/* #region Основной интерфейс пользователя */
background-color: var(--bg-color-yellow-100);
/* ============ */
}


/*=== Страница поиска ===*/
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
.mw-body .mw-search-profile-tabs {
background-color: var(--bg-color-yellow-50);
max-width: unset;
background-color: var(--ooui-bg-color-dark);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
}
}


.mw-search-form-wrapper .mw-search-profile-tabs .search-types a,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
#mw-search-togglebox input {
border-color: var(--bg-color-yellow-150);
background: var(--ooui-bg-color-light);
border-top: 1px solid var(--color-lighter-alpha-x);
padding: 1px 8px;
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow);
margin: 0.1em 0.25em;
}
}


.mw-search-form-wrapper .mw-search-profile-tabs .search-types .current a {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::before {
background: var(--bg-color-message);
border-top-color: var(--bg-color-yellow-150);
border-bottom-color: var(--bg-color-yellow-150);
}
}


#mw-search-togglebox input {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::after {
padding: 0.2em 0.5em;
border-top-color: var(--bg-color-yellow-50);
}
border-bottom-color: var(--bg-color-yellow-50);
 
}
.mw-body fieldset#mw-searchoptions .divider {
 
border-color: var(--border-color-hr);
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
}
background-color: var(--bg-color-red-50);
 
}
.mw-body fieldset#mw-searchoptions {
 
background-color: var(--ooui-bg-color-dark);
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
border: var(--border-outset-light);
border-color: var(--bg-color-red-150);
border-radius: var(--border-radius-medium);
}
margin-top: 0.25em;
 
color: var(--ooui-text-color);
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::before {
}
border-top-color: var(--bg-color-red-150);
 
border-bottom-color: var(--bg-color-red-150);
.searchresults {
}
display: flex;
 
flex-direction: column;
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::after {
margin: 0;
border-top-color: var(--bg-color-red-50);
}
border-bottom-color: var(--bg-color-red-50);
 
}
.searchresults .mw-search-pager-top .mw-pager-navigation-bar {
 
display: none;
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
}
background-color: var(--bg-color-emerald-50);
 
}
.searchresults .mw-search-results-container {
 
width: unset;
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
}
border-color: var(--bg-color-emerald-150);
 
}
.searchresults .mw-search-results {
 
display: flex;
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::before {
flex-wrap: wrap;
border-top-color: var(--bg-color-emerald-150);
gap: 0.75em;
border-bottom-color: var(--bg-color-emerald-150);
margin: 1em 0 !important;
}
max-width: 100%;
 
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::after {
 
border-top-color: var(--bg-color-emerald-50);
.searchresults .mw-search-results li {
border-bottom-color: var(--bg-color-emerald-50);
display: flex;
}
flex-direction: column;
/* #endregion */
flex: 1 0 30rem;
 
list-style: none;
/* ============ */
padding: 0;
/* #region Основной интерфейс пользователя */
background-color: var(--ooui-bg-color-dark);
/* ============ */
border: var(--border-outset-light);
 
border-radius: var(--border-radius-medium);
/*=== Страница поиска ===*/
}
.mw-body .mw-search-profile-tabs {
 
max-width: unset;
@media (max-width: 639px) {
background-color: var(--ooui-bg-color-dark);
.searchresults .mw-search-results li {
border: var(--border-outset-light);
flex: 1 0 100%;
border-radius: var(--border-radius-medium);
}
}
}
 
 
.mw-search-form-wrapper .mw-search-profile-tabs .search-types a,
.searchresults .mw-search-results li a {
#mw-search-togglebox input {
font-size: 110%;
background: var(--ooui-bg-color-light);
border-top: 1px solid var(--color-lighter-alpha-x);
padding: 1px 8px;
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow);
margin: 0.1em 0.25em;
}
 
.mw-search-form-wrapper .mw-search-profile-tabs .search-types .current a {
background: var(--bg-color-message);
}
 
#mw-search-togglebox input {
padding: 0.2em 0.5em;
}
 
.mw-body fieldset#mw-searchoptions .divider {
border-color: var(--border-color-hr);
}
 
.mw-body fieldset#mw-searchoptions {
background-color: var(--ooui-bg-color-dark);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
margin-top: 0.25em;
color: var(--ooui-text-color);
}
 
.searchresults {
display: flex;
flex-direction: column;
margin: 0;
}
 
.searchresults .mw-search-pager-top .mw-pager-navigation-bar {
display: none;
}
 
.searchresults .mw-search-results-container {
width: unset;
}
 
.searchresults .mw-search-results {
display: flex;
flex-wrap: wrap;
gap: 0.75em;
margin: 1em 0 !important;
max-width: 100%;
}
 
.searchresults .mw-search-results li {
display: flex;
flex-direction: column;
flex: 1 0 30rem;
list-style: none;
padding: 0;
background-color: var(--ooui-bg-color-dark);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
}
 
@media (max-width: 639px) {
.searchresults .mw-search-results li {
flex: 1 0 100%;
}
}
 
.searchresults .mw-search-results li a {
font-size: 110%;
}
}


Строка 3697: Строка 3743:
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-apisandbox-toolbar,
.mw-apisandbox-toolbar,
form:not(.oo-ui-layout) fieldset,
form:not(.oo-ui-layout) fieldset,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.ext-WikiEditor-realtimepreview-button:hover,
.ext-WikiEditor-realtimepreview-button:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header {
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header {
background: transparent;
background: transparent;
}
}
 
 
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
#pagehistory li.selected {
#pagehistory li.selected {
background: var(--bg-color-emerald-subtle);
background: var(--bg-color-emerald-subtle);
}
}
 
 
.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 {
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.no-image {
background-color: var(--bg-color-message);
background-color: var(--bg-color-message);
}
}
Строка 4399: Строка 4444:
outline-color: var(--border-color-hr);
outline-color: var(--border-color-hr);
}
}
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-image-recommendation, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-section-image-recommendation {
background-color: var(--bg-color-yellow-100);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
background-color: var(--bg-color-yellow-50);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
border-color: var(--bg-color-yellow-150);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::before {
border-top-color: var(--bg-color-yellow-150);
border-bottom-color: var(--bg-color-yellow-150);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::after {
border-top-color: var(--bg-color-yellow-100);
border-bottom-color: var(--bg-color-yellow-100);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
background-color: var(--bg-color-red-50);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
border-color: var(--bg-color-red-150);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::before {
border-top-color: var(--bg-color-red-150);
border-bottom-color: var(--bg-color-red-150);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::after {
border-top-color: var(--bg-color-red-50);
border-bottom-color: var(--bg-color-red-50);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
background-color: var(--bg-color-emerald-50);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
border-color: var(--bg-color-emerald-150);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::before {
border-top-color: var(--bg-color-emerald-150);
border-bottom-color: var(--bg-color-emerald-150);
}
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::after {
border-top-color: var(--bg-color-emerald-50);
border-bottom-color: var(--bg-color-emerald-50);
}
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text[dir='ltr'] .se-card-extract::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ooui-bg-color) 50%);
}


.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
Строка 4774: Строка 4756:
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
padding: 0;
padding: 0;
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-tagMultiselectWidget-input input {
font-size: 14px;
}
}


Строка 4786: Строка 4764:
padding: 0;
padding: 0;
gap: 2px;
gap: 2px;
font-size: 14px;
}
}