mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CategoryTree
synced 2024-11-30 11:06:55 +00:00
fb6d6c42b0
The toggle is now a link element, so we can let the skin choose its color. cursor and text-decoration had no effect because the triangle is rendered by borders and the element itself is empty. speak is deprecated, and since the toggle is reachable by keyboard now, it's no longer appropriate. Change-Id: Id522b78d185d951b0739758ad20bb5b3dbbc546e
162 lines
3.9 KiB
CSS
162 lines
3.9 KiB
CSS
/**
|
|
* 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
|
|
*/
|
|
|
|
/* On the list of subcategories hide the normal list bullet */
|
|
.client-js #mw-subcategories ul {
|
|
list-style: none;
|
|
}
|
|
|
|
/* and reduce the margin on the margin start side. */
|
|
/* @noflip */
|
|
.client-js #mw-subcategories .mw-content-ltr ul {
|
|
margin-left: 0.25em;
|
|
}
|
|
|
|
/* @noflip */
|
|
.client-js #mw-subcategories .mw-content-rtl ul {
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
#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.
|
|
* A category tree in the sidebar is in user interface language therefor
|
|
* a flipped margin-left is the margin start side.
|
|
*/
|
|
.CategoryTreeChildren {
|
|
margin-left: 1.25em;
|
|
}
|
|
|
|
/*
|
|
* Category trees in the content are in content language and therefor
|
|
* an unflipped margin-left or margin-right is the margin start side.
|
|
* Use margin: 0 0 0 1.25em instead of margin-left: 1.25em here to
|
|
* overwrite the flipped margin-left from above.
|
|
*/
|
|
/* @noflip */
|
|
.mw-content-ltr .CategoryTreeChildren,
|
|
.mw-content-rtl .mw-content-ltr .CategoryTreeChildren {
|
|
margin: 0 0 0 1.25em;
|
|
}
|
|
|
|
/* @noflip */
|
|
.mw-content-rtl .CategoryTreeChildren,
|
|
.mw-content-ltr .mw-content-rtl .CategoryTreeChildren {
|
|
margin: 0 1.25em 0 0;
|
|
}
|
|
|
|
.CategoryTreeBullet,
|
|
.CategoryTreeEmptyBullet {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.CategoryTreeEmptyBullet {
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.CategoryTreeEmptyBullet,
|
|
.CategoryTreeToggle[ aria-expanded='false' ] {
|
|
border-top: 5px solid transparent;
|
|
border-left: 10px solid;
|
|
border-bottom: 5px solid transparent;
|
|
border-right: 0 none;
|
|
}
|
|
|
|
/* @noflip */
|
|
.mw-content-ltr .CategoryTreeEmptyBullet,
|
|
.mw-content-ltr .CategoryTreeToggle[ aria-expanded='false' ],
|
|
.mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet,
|
|
.mw-content-rtl .mw-content-ltr .CategoryTreeToggle[ aria-expanded='false' ] {
|
|
border-left: 10px solid;
|
|
border-right: 0 none;
|
|
}
|
|
|
|
/* @noflip */
|
|
.mw-content-rtl .CategoryTreeEmptyBullet,
|
|
.mw-content-rtl .CategoryTreeToggle[ aria-expanded='false' ],
|
|
.mw-content-ltr .mw-content-rtl .CategoryTreeEmptyBullet,
|
|
.mw-content-ltr .mw-content-rtl .CategoryTreeToggle[ aria-expanded='false' ] {
|
|
border-right: 10px solid;
|
|
border-left: 0 none;
|
|
}
|
|
|
|
.CategoryTreeToggle[ aria-expanded='true' ] {
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 10px solid;
|
|
}
|
|
|
|
.CategoryTreePageBullet {
|
|
border-left: 10px solid transparent;
|
|
}
|
|
|
|
.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;
|
|
}
|