mediawiki-extensions-Catego.../modules/ext.categoryTree.css
Fomafix 3b48d9af2c Improve CSS while loading and for non-JavaScript clients
* Hide toggle buttons for clients without JavaScript via CSS.
* This also avoids rerendering while loading for clients with JavaScript.
* Hide CategoryTreeEmptyBullet for clients without JavaScript.
* Show the normal bullets for clients without JavaScript.
* Add cursor:pointer only when JavaScript handler is attached.
* Avoid selecting the buttons as selection.

Bug: T168770
Change-Id: I42678b87af84dee49ca06d950d8beddcc3b7a9f4
2017-09-04 21:55:47 +00:00

104 lines
1.8 KiB
CSS

/**
* Stylesheet for the CategoryTree extension.
*
* @file
* @ingroup Extensions
* @author Daniel Kinzler, brightbyte.de
* @copyright © 2006 Daniel Kinzler
* @licence GNU General Public Licence 2.0 or later
*/
.client-js #mw-subcategories ul {
list-style: none none;
margin-left: 0.25em;
}
#mw-panel div.portal div.body .CategoryTreeTag {
margin: 0;
font-size: 0.75em;
line-height: 1.125em;
}
#mw-panel div.portal div.body .CategoryTreeItem {
padding: 0.25em 0;
}
.CategoryTreeChildren {
margin-left: 1.25em;
}
.CategoryTreeBullet,
.CategoryTreeEmptyBullet {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.CategoryTreeToggleHandlerAttached {
cursor: pointer;
}
.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;
}
.CategoryTreeCategoryBarItem {
/* yes, specify display twice! quirk for FF2 */
display: -moz-inline-box;
display: inline-block;
/* why is the -0.5ex needed? */
margin: -0.5ex 0 0 1ex;
padding: 0;
vertical-align: top;
/* IE6-7 Hack for display: inline-block */
zoom: 1;
*display: inline; /* stylelint-disable-line declaration-block-no-duplicate-properties */
}
.CategoryTreeSection {
direction: ltr;
}