MediaWiki:Common.less/specials.less
/* ---------------------------------
Special:RecentChanges Special:Watchlist --------------------------------- */
- root {
--rc-positive-color: darken( @lima, 18% ); --rc-negative-color: darken( @flamingo, 18% ); }
// Recent changes/page history byte indicators .mw-plusminus { &-pos { color: var(--rc-positive-color); }
&-neg { color: var(--rc-negative-color); } }
// "Other review tools" box .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--body-border); background-color: var(--body-light); border-radius: @border-radius; }
// Filter box .mw-rcfilters-ui-filterTagMultiselectWidget { // "Active filtes" &-wrapper-content-title { color: var(--text-color); }
// "No active filters." &-emptyFilters { color: var(--byline-color); }
// full box bg &.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui-interface); border-color: var(--ooui-interface-border); }
// "Namespace" and "Tags" buttons &-views-select-widget.oo-ui-widget { border-color: var(--ooui-interface-border); }
// Small border when collapsed .mw-rcfilters-collapsed & { border-bottom-color: var(--ooui-interface-border); } }
// dropdown menu footer .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui-interface); border-color: var(--ooui-interface-border); }
// "Advanced filters" in footer .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--byline-color); }
// hovering over filter tag buttons .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--ooui-text); }
// Legend // Use both selector to prevent FOUC .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--body-light); border-color: var(--body-dark); // same as .catlinks }
// the line separating old changes from new changes .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-color: var(--sidebar); }
// cut out huge amount of whitespace before each row .mw-changeslist { .client-js & ul, .client-js & table.mw-enhanced-rc { margin-left: 0; } }
// separator in watchlist .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-color: var(--sidebar); }
// Filter selection drop down menu .mw-rcfilters-ui-itemMenuOptionWidget {
&-header { border-bottom-color: var(--ooui-interface); background-color: var(--ooui-interface-border); }
// every tile &:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui-interface-border); }
&-label { // tile descriptions &-title, &-desc { color: var(--text-color); } } }
// Selected filter .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--body-main); }
// filter sections .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--body-mid); &-header-title.oo-ui-labelElement-label { color: var(--ooui-text); } }
// Dropdown header .mw-rcfilters-ui-filterMenuHeaderWidget { // "Filters" &-title { color: var(--ooui-text); }
// bg &-header { border-bottom-color: var(--ooui-interface-border); background-color: var(--ooui-interface); } }
// in namespace filters .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--ooui-interface-border); }
// "Results to show" .mw-rcfilters-ui-datePopupWidget { border-color: var(--ooui-interface-border);
.mw-rcfilters-ui-valuePickerWidget-title { color: var(--byline-color); } }
.mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted { .client-js & ul, .client-js & table.mw-enhanced-rc { margin-left: 1.5em; } }
/* ---------------------------------
Special:CreateAccount Special:UserLogin --------------------------------- */
.page-Special_CreateAccount, .page-Special_UserLogin { // message + form container .mw-ui-container { max-width: 64rem; margin: 0 auto; } }
// Stats .mw-number-text { color: var(--byline-color);
.mw-body-content & h3 { color: var(--text-color); } }
/* ---------------------------
Special:Search --------------------------- */
// Search results info .results-info { color: inherit; }
// Search options table .mw-search-profile-tabs { background-color: var(--body-mid); border-color: transparent; }
// Selected tab .search-types .current a { color: inherit; }
- mw-searchoptions {
background-color: var(--body-mid); border-color: transparent;
.divider { border-color: var(--body-border); }
// "Search in namespaces:" h4 { font-family: inherit; } }
.searchresult { line-height: 1.5; }
.searchalttitle,
- mw-search-interwiki li {
font-size: 90%; }
.mw-search-result-data { color: inherit; opacity: .6; }
/* -----------------------------
Special:Listfiles ----------------------------- */
// fixing small images on FileList .page-Special_ListFiles {
a.image img {
width: inherit;
height: inherit;
}
.TablePager_col_thumb {
text-align: center;
}
}
/* -----------------------------
Special:Editcount ----------------------------- */
- editcount table[border="1"] {
background-color: @BODY_MAIN !important; // override inline style margin-top: .5em;
th,
td {
padding: .25em .45em;
}
th {
background-color: var(--wikitable-header-bg);
border: 1px solid var(--wikitable-border);
}
td {
border: 1px solid var(--wikitable-border);
}
tr:nth-child(odd) {
background-color: @BODY_LIGHT;
}
}
/* ---------------------------------
Special:Browse --------------------------------- */
.smwb-theme-light { .smwb-title, .smwb-center, .smwb-actions, .smwb-prophead { background-color: @BODY_MID; }
.smwb-factbox { border-left-color: @BODY_MID; }
.smwb-ifactbox { border-right-color: @BODY_MID; }
.smwb-propval { background-color: @BODY_LIGHT; } }
.smwb-action-separator { border-color: @BODY_BORDER; }
.smwb-bottom { border-bottom: 1px solid @BODY_BORDER; }
.smwb-ifactbox, .smwb-factbox { .smwb-cell { border-top: 1px solid @BODY_BORDER; } }
.smwb-propvalue, .smwb-ipropvalue { .smwb-prophead, .smwb-propval { font-size:0.9em; } }
// Override very specific link styles
- root {
--filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%); }
- bodyContent {
span.smwbrowse { a { color: black; background-image: url('filepath://Smwbrowse.svg'); filter: var(--filter-black-to-link); }
a:hover { color: black; background-image: url('filepath://Smwbrowse-hover.svg'); text-decoration: underline; } }
span.smwsearch { a { color: black; filter: var(--filter-black-to-link); background-image: url('filepath://Smwsearch.svg'); }
a:hover { color: black; background-image: url('filepath://Smwsearch-hover.svg'); text-decoration: underline; } } }
/* Special:Notifications-related */
/* Fix placeholder background colour whilst loading items */
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {
background-color: inherit;
}
// Special:Interwiki // same as Template:Yes table.mw-interwikitable.body td.mw-interwikitable-local-yes { background-color: var(--table-yes-background); color: var(--table-yes-color); }
// Special:ProtectedPages .mw-protectedpages-unknown { color: var(--byline-color); }
// Mark redirects in Special:AllPages and Special:Watchlist
.watchlistredir,
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after { color: var(--byline-color); content: " (redirect)" }
// Special:ApiSandbox .mw-apisandbox-toolbar { background: var(--body-main); }
.oo-ui-menuOptionWidget .mw-apisandbox-flag { color: var(--byline-color); }