MediaWiki:Common.less/specials.less

From Brighter Shores Wiki
Jump to navigation Jump to search 
/* ---------------------------------
       [[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-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);
}

/* -----------------------------
       [[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
    border-color: var(--wikitable-border) !important;
    margin-top: .5em;

    th,
    td {
        padding: .2em .4em;
    }

    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: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);
	}
}
Retrieved from ‘https://brightershoreswiki.org/w/MediaWiki:Common.less/specials.less?oldid=38’