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 .mw-changeslist-legend { display: none; }

// 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-normal-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); }

.mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--subtle-color); } }

// 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); } }

// Saved filters label .mw-rcfilters-ui-savedLinksListItemWidget { &-label { color: var(--ooui-accent); } }

.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
  --------------------------- */

// convert icon to use masking

1. mw-indicator-mw-helplink a {

background: none; padding: 0; display: flex; // for alignment align-items: center;

&::before { content: ; margin-right: 5px; // maybe should import the file on-wiki .mask('/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34'); background: var(--text-color); height: 20px; width: 20px; } }

// 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; }

1. mw-searchoptions {

background-color: var(--body-mid); border-color: transparent;

.divider { border-color: var(--body-border); }

// "Search in namespaces:" h4 { font-family: inherit; }

// bold subject namespace .oo-ui-labelElement:nth-of-type(odd) { font-weight: bold; } }

.searchresult { line-height: 1.5; }

.searchalttitle,

1. mw-search-interwiki li {

font-size: 90%; // override 95% }

.mw-search-result-data { color: var(--byline-color); }

.searchResultImage .searchResultImage-thumbnail img { border-color: var(--body-border); }

/* -----------------------------

      Special:Listfiles
  ----------------------------- */

// fixing small images on FileList .page-Special_ListFiles {

   a.mw-file-description img {
       width: inherit;
       height: inherit;
   }

   .TablePager_col_thumb {
       text-align: center;
   }

}

/* 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); }

// AbuseFilter and AbuseLog tables and text tr.mw-abusefilter-list-disabled, tr.mw-abusefilter-list-disabled td { color: var(--byline-color); }

table.mw-abuselog-details { background: var(--wikitable-bg); border-color: var(--wikitable-border);

th { background: var(--wikitable-header-bg); }

th, td { border-color: var(--wikitable-border); } }

.mw-abusefilter-log-hidden-entry { color: var(--subtle-color); }

body td.mw-abusefilter-history-changed { background: var(--table-no-background); }

// AbuseFilter editor - is div specific div.mw-abusefilter-editor, // warning/disallow message preview box

1. mw-abusefilter-warn-preview,
2. mw-abusefilter-disallow-preview {

border-color: var(--ooui-input-border); }

// dupe upload warningbox .mw-destfile-warning { border-color: var(--warningbox-border); color: var(--text-color); background-color: var(--warningbox-bg); }

/* ------------------------

     SimpleBatchUpload
  ------------------------*/

// "Select files (or drop them here)..." span.fileinput-button { background-color: var(--ooui-normal); border-color: var(--ooui-normal-border); color: var(--ooui-text); }

// results list ul.fileupload-results { li.ful-success { background-color: var(--successbox-bg);

a { color: var(--link-color); } }

li.ful-error { background-color: var(--errorbox-bg); } }