MediaWiki:Common.less/specials.less: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
Content added Content deleted
(Created page with "→‎--------------------------------- [[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...")
 
No edit summary
Tag: Reverted
Line 1: Line 1:
/* --------------------------------- [[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#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;}#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,#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 texttr.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 specificdiv.mw-abusefilter-editor,// warning/disallow message preview box#mw-abusefilter-warn-preview,#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 listul.fileupload-results { li.ful-success { background-color: var(--successbox-bg); a { color: var(--link-color); } } li.ful-error { background-color: var(--errorbox-bg); }}
/* ---------------------------------
[[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
#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;
}

#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,
#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
#mw-abusefilter-warn-preview,
#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);
}
}

Revision as of 17:12, 17 October 2024

/* --------------------------------- 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#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;}#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,#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:Yestable.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 texttr.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 specificdiv.mw-abusefilter-editor,// warning/disallow message preview box#mw-abusefilter-warn-preview,#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 listul.fileupload-results { li.ful-success { background-color: var(--successbox-bg); a { color: var(--link-color); } } li.ful-error { background-color: var(--errorbox-bg); }}