/* start https://en.wikipedia.org/w/load.php?debug=true&lang=en&modules=ext.categoryTree.styles&only=styles&skin=vector-2022&version=&* */
/**
* Stylesheet for the CategoryTree extension.
*
* © 2006 Daniel Kinzler
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with this program; if not, write to the Free Software Foundation, Inc.,
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
* http://www.gnu.org/copyleft/gpl.html
*
* @file
* @ingroup Extensions
* @author Daniel Kinzler, brightbyte.de
*/
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
/**
* ###IMPORTANT:##
* If editing this file, please also edit the respective file in the MinervaNeue skin.
* ####
*
* This file is a LESS @import match for "mediawiki.skin.variables.less"
* when Vector 2022 is the active skin.
* Please note, that legacy Vector is handled by
* "mediawiki.less.legacy/mediawiki.skin.variables.less".
*
* Please also note, that both current Codex, design system for Wikimedia based skins,
* Vector 2022 and Minerva Neue are using the same variable values respectively in their
* repositories.
*/
/* stylelint-disable @stylistic/indentation */
/**
* Codex design tokens. This imports Less variables, some of which refer to CSS variables.
* The CSS variable values are imported in CSSCustomProperties.less.
*/
.client-js #mw-subcategories ul {
/* On the list of subcategories hide the normal list bullet */
list-style: none;
/* and reduce the margin on the margin start side. */
margin-left: 0.25em;
margin-right: 0;
-webkit-margin-start: 0.25em;
-webkit-margin-end: 0;
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
margin-inline-start: 0.25em;
margin-inline-end: 0;
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
}
#mw-panel .portal .body .CategoryTreeTag {
margin: 0;
font-size: 0.75em;
line-height: 1.125em;
}
#mw-panel .portal .body .CategoryTreeItem {
padding: 0.25em 0;
}
/* Indent the children on each level on margin start side. */
.CategoryTreeChildren {
margin-left: 1.25em;
margin-right: 0;
-webkit-margin-start: 1.25em;
-webkit-margin-end: 0;
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
margin-inline-start: 1.25em;
margin-inline-end: 0;
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
}
.CategoryTreeBullet,
.CategoryTreeEmptyBullet {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.CategoryTreeEmptyBullet {
/* stylelint-enable @stylistic/indentation */
min-width: 14px;
min-height: 14px;
width: 14px;
height: 14px;
display: inline-block;
vertical-align: text-top;
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
.CategoryTreeEmptyBullet {
background-position: center;
background-repeat: no-repeat;
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
background-size: calc(max( 14px, 14px ));
}
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
.CategoryTreeEmptyBullet {
/* stylelint-disable plugin/no-unsupported-browser-features */
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: calc(max( 14px, 14px ));
mask-size: calc(max( 14px, 14px ));
/* stylelint-enable plugin/no-unsupported-browser-features */
}
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
.CategoryTreeEmptyBullet {
background-image: url("data:image/svg+xml;utf8,");
filter: invert(var(--filter-invert-icon, 0));
opacity: var(--opacity-icon-base, 0.87);
}
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
.CategoryTreeEmptyBullet {
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-webkit-mask-image: url("data:image/svg+xml;utf8,");
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
mask-image: url("data:image/svg+xml;utf8,");
background-color: var(--background-color-disabled, #dadde3);
}
}
/* Hide toggle buttons for clients without JavaScript */
.client-nojs .CategoryTreeBullet,
.client-nojs .CategoryTreeEmptyBullet {
display: none;
}
.CategoryTreeEmptyBullet,
.CategoryTreeToggle,
.CategoryTreePageBullet {
display: inline-block;
width: 0;
height: 0;
}
.CategoryTreeToggle {
transition: transform 250ms ease;
/* stylelint-enable @stylistic/indentation */
min-width: 14px;
min-height: 14px;
width: 14px;
height: 14px;
display: inline-block;
vertical-align: text-top;
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
.CategoryTreeToggle {
background-position: center;
background-repeat: no-repeat;
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
background-size: calc(max( 14px, 14px ));
}
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
.CategoryTreeToggle {
/* stylelint-disable plugin/no-unsupported-browser-features */
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: calc(max( 14px, 14px ));
mask-size: calc(max( 14px, 14px ));
/* stylelint-enable plugin/no-unsupported-browser-features */
}
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
.CategoryTreeToggle {
background-image: url("data:image/svg+xml;utf8,");
filter: invert(var(--filter-invert-icon, 0));
opacity: var(--opacity-icon-base, 0.87);
}
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
.CategoryTreeToggle {
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-webkit-mask-image: url("data:image/svg+xml;utf8,");
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
mask-image: url("data:image/svg+xml;utf8,");
background-color: var(--color-progressive, #36c);
}
}
[dir='ltr'] .CategoryTreeEmptyBullet,
[dir='ltr'] .CategoryTreeToggle[aria-expanded='false'],
[dir='rtl'] [dir='ltr'] .CategoryTreeEmptyBullet,
[dir='rtl'] [dir='ltr'] .CategoryTreeToggle[aria-expanded='false'] {
transform: rotate(-90deg);
}
[dir='rtl'] .CategoryTreeEmptyBullet,
[dir='rtl'] .CategoryTreeToggle[aria-expanded='false'],
[dir='ltr'] [dir='rtl'] .CategoryTreeEmptyBullet,
[dir='ltr'] [dir='rtl'] .CategoryTreeToggle[aria-expanded='false'] {
transform: rotate(90deg);
}
.CategoryTreePageBullet {
width: 14px;
}
.CategoryTreeLabelPage {
font-style: italic;
}
.CategoryTreeParents {
margin-top: 1.5ex;
font-style: italic;
}
.CategoryTreeTag {
margin-top: 0.5ex;
margin-bottom: 0.5ex;
}
.CategoryTreeResult {
margin-top: 1.5ex;
}
.CategoryTreeNotice {
font-style: italic;
}
/* end https://en.wikipedia.org/w/load.php?debug=true&lang=en&modules=ext.categoryTree.styles&only=styles&skin=vector-2022&version=&* */