Module:collapsible category tree/style.css: Difference between revisions
Created page with "→Styles applying equally to collapsible and non-collapsible instances: .columns-bg.term-list.CategoryTreeTag { margin-top: 0; margin-bottom: 0; } →suppress default appearance of triangular toggle button: .columns-bg.term-list.CategoryTreeTag .CategoryTreeToggle { display: none; } .columns-bg.term-list.CategoryTreeTag .CategoryTreeBullet::after { content: "▼"; } →Make the list switcher one line taller than default: .list-switcher-category-tree { botto..." |
No edit summary Tag: Reverted |
||
| Line 5: | Line 5: | ||
} | } | ||
/* suppress | /* suppress triangular toggle button */ | ||
.columns-bg.term-list.CategoryTreeTag .CategoryTreeToggle { | .columns-bg.term-list.CategoryTreeTag .CategoryTreeToggle { | ||
display: none; | display: none; | ||
} | } | ||
.columns-bg.term-list.CategoryTreeTag . | |||
/* Match global .list-switcher-header styles */ | |||
.columns-bg.term-list.CategoryTreeTag > div > div.CategoryTreeItem { | |||
/* START global .list-switcher-header styles */ | |||
background: #aaaaee; | |||
font-weight: bold; | |||
font-size: 95%; | |||
padding: 0.2em 0.4em 0.1em 0.6em; | |||
/* END global .list-switcher-header styles */ | |||
/* Extra styles added to global .list-switcher-header rules: */ | |||
margin-right: -0.3em; | |||
} | |||
.columns-bg.term-list.CategoryTreeTag > div > div.CategoryTreeChildren { | |||
padding-top: 0.1em; | |||
} | } | ||
/* Make the list switcher one line taller than default */ | /* Make the list switcher one line taller than default */ | ||
.list-switcher-category-tree { | .list-switcher-category-tree { | ||
bottom: calc(4. | bottom: calc(4.4 * 1.6em); /* can't use "lh" units in TemplateStyles */ | ||
} | } | ||
.list-switcher-category-tree.list-switcher-collapsed { | .list-switcher-category-tree.list-switcher-collapsed { | ||
max-height: calc(4. | max-height: calc(4.4 * 1.6em); /* can't use "lh" units in TemplateStyles */ | ||
} | } | ||
| Line 48: | Line 62: | ||
.list-switcher-category-tree > .CategoryTreeTag:not([data-pages-left-over="0"]) .CategoryTreeChildren::after { | .list-switcher-category-tree > .CategoryTreeTag:not([data-pages-left-over="0"]) .CategoryTreeChildren::after { | ||
content: "...and " counter(pagesleftover) " more"; | content: "...and " counter(pagesleftover) " more"; | ||
} | |||
/* space between adjacent category trees - e.g. [[-DZÍÍʼ]] */ | |||
.list-switcher-category-tree + link + .list-switcher-category-tree, | |||
.list-switcher-category-tree + style + .list-switcher-category-tree, | |||
.list-switcher-category-tree + .list-switcher-category-tree { | |||
margin-top: 0.6em; | |||
} | } | ||