Category Tree/CSS: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 {{#css:
-body { background:grey;}
+div.category-tree-base div {
-    div.category-tree-base div {
+    margin-left:20px;
-        margin-left:20px;
+}
-    }
+div.category-tree-base div::before {
-    div.category-tree-base div::before {
+    margin-right:.4em;
-        content: '●&nbsp;&nbsp;';
+    font-size: var(--font-size-base);
-    }
+    content: '●';
-    div.category-tree-base div.mw-collapsible {
+}
-        margin-left:0;
+div.category-tree-base div.mw-collapsible {
-    }
+    margin-left:0;
-    div.category-tree-base span[class^="mw-customtoggle-"]::after {
+}
-        margin-left:.25em;
+div.category-tree-base span[class^="mw-customtoggle-"]::after {
-        content: 'BOOO';
+    margin-left:.25em;
-     }
+    font-family: monospace;
-     div.category-tree-base span[class^="mw-customtoggle-"]:has(+ div[class*="mw-collapsible"]):not([class*="mw-collapsed"])::after {
+}
-        font-weight: bold;
+div.category-tree-base span[class^="mw-customtoggle-"]:has(+ div[class*="mw-collapsible"]):not([class*="mw-collapsed"])::after {
-        content: '[ – ]';
+    font-weight: bold;
-    }
+    content: '[ – ]';
-    div.category-tree-base span[class^="mw-customtoggle-"]:has(+ div[class*="mw-collapsible"][class*="mw-collapsed"])::after {
+}
-        font-weight: bold;
+div.category-tree-base span[class^="mw-customtoggle-"]:has(+ div[class*="mw-collapsible"][class*="mw-collapsed"])::after {
-        content: '[ + ]';
+    font-weight: bold;
-    }
+    content: '[ + ]';
+}
+/* Category Tree - test */
+ul.category-tree-base li {
+    margin-left:20px;
+}
+ul.category-tree-base li.mw-collapsible {
+     margin-left:0;
+}
+ul.category-tree-base span[class^="mw-customtoggle-"]::after {
+     margin-left:.25em;
+    font-family: monospace;
+}
+ul.category-tree-base span[class^="mw-customtoggle-"]:has(+ ul[class*="mw-collapsible"]):not([class*="mw-collapsed"])::after {
+    font-weight: bold;
+    content: '[ – ]';
+}
+ul.category-tree-base span[class^="mw-customtoggle-"]:has(+ ul[class*="mw-collapsible"][class*="mw-collapsed"])::after {
+    font-weight: bold;
+    content: '[ + ]';
+}
 }}

Latest revision as of 10:11, 5 September 2025