mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CategoryTree
synced 2024-11-27 09:43:06 +00:00
00dd5b2bce
A categorytree can be part of the user interface (in the sidebar) or part of the content. The user interface and the content can have a different text direction. This change use the usual way to of bidi flipping based on the user interface language direction and on the content direction like the class mw-editsection in core. The direction of the bullets in mixed directions will be fixed in Ibfb0cb28f0086fb1b7d0997be2246bc120eea85e. Bug: T288910 Change-Id: Ia420ef120cf4aa66a1e63c9cf3aa2438cc68da52
132 lines
3 KiB
CSS
132 lines
3 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 {
|
|
cursor: default;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.CategoryTreeEmptyBullet {
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
.CategoryTreeBullet a,
|
|
.CategoryTreeBullet a:link,
|
|
.CategoryTreeBullet a:active,
|
|
.CategoryTreeBullet a:visited {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
speak: none;
|
|
}
|
|
|
|
/* Hide toggle buttons for clients without JavaScript */
|
|
.client-nojs .CategoryTreeBullet,
|
|
.client-nojs .CategoryTreeEmptyBullet {
|
|
display: none;
|
|
}
|
|
|
|
.CategoryTreeToggle {
|
|
color: #0645ad;
|
|
}
|
|
|
|
.CategoryTreeLabelPage {
|
|
font-style: italic;
|
|
}
|
|
|
|
.CategoryTreeParents {
|
|
margin-top: 1.5ex;
|
|
font-style: italic;
|
|
}
|
|
|
|
.CategoryTreeResult {
|
|
margin-top: 1.5ex;
|
|
}
|
|
|
|
.CategoryTreeTag {
|
|
margin-top: 0.5ex;
|
|
margin-bottom: 0.5ex;
|
|
}
|
|
|
|
.CategoryTreeNotice {
|
|
font-style: italic;
|
|
}
|