Loading history…
Loading history…
| Line 1: | |
| <noinclude> | <noinclude> |
| Collapsible navbox. The header bar '''is''' the toggle — there is no separate | Collapsible navbox. The header bar '''is''' the toggle — there is no separate |
| … 16 unchanged lines … | |
| * <code>hw-navbox-title</code> — bold, 1.15em | * <code>hw-navbox-title</code> — bold, 1.15em |
| * <code>hw-navbox-sub</code> — 0.82em, slightly dimmed | * <code>hw-navbox-sub</code> — 0.82em, slightly dimmed |
| * <code>hw-navbox-arrow</code> — the toggle arrow. Place it anywhere inside <code>title</code>; it points down when collapsed and up when expanded. | * <code>hw-navbox-arrow</code> — the toggle chevron. Place it anywhere inside <code>title</code>; it points down when collapsed and up when expanded. Drawn from two rotated borders rather than a glyph, so it scales with <code>font-size</code> and takes its color from the surrounding text. |
| Line 22: | |
| '''Example''' — icon stacked above a centred title | '''Example''' — icon stacked above a centred title |
| … 14 unchanged lines … | |
| .hw-navbox-sub { font-size: 0.82em; opacity: 0.85; } | .hw-navbox-sub { font-size: 0.82em; opacity: 0.85; } |
| .hw-navbox-arrow { display: inline-block; margin-left: 0.35em; font-size: 0.75em; line-height: 1; vertical-align: middle; } | .hw-navbox-arrow { display: inline-block; margin-left: 0.35em; font-size: 0.75em; line-height: 1; vertical-align: middle; } |
| .hw-navbox-arrow::after { content: "\25B4"; } | .hw-navbox-arrow::after { content: ""; display: inline-block; width: 0.45em; height: 0.45em; border-right: 0.13em solid currentColor; border-bottom: 0.13em solid currentColor; transform: rotate(-135deg); vertical-align: -0.05em; } |
| .hw-navbox:has(> .hw-collapsible.hw-collapsed) .hw-navbox-arrow::after { content: "\25BE"; } | .hw-navbox:has(> .hw-collapsible.hw-collapsed) .hw-navbox-arrow::after { transform: rotate(45deg); vertical-align: 0.18em; } |
| Line 42: | |
| </style><div class="hw-navbox" style="border-color: {{{border|{{{color|#333333}}}}}};"><div class="hw-customtoggle-{{{_uid}}} hw-navbox-head" style="background: {{{headerbg|transparent}}}; color: {{{textcolor|{{{color|#333333}}}}}}; border-bottom-color: {{{border|{{{color|#333333}}}}}};">{{{title|Navbox}}}</div> | </style><div class="hw-navbox" style="border-color: {{{border|{{{color|#333333}}}}}};"><div class="hw-customtoggle-{{{_uid}}} hw-navbox-head" style="background: {{{headerbg|transparent}}}; color: {{{textcolor|{{{color|#333333}}}}}}; border-bottom-color: {{{border|{{{color|#333333}}}}}};">{{{title|Navbox}}}</div> |
| <div class="hw-collapsible hw-collapsed" id="hw-customcollapsible-{{{_uid}}}"> | <div class="hw-collapsible hw-collapsed" id="hw-customcollapsible-{{{_uid}}}"> |
| {|style="width: 100%; border-collapse: collapse; {{{style|}}}" | {|style="width: 100%; border-collapse: collapse; {{{style|}}}" |
| </includeonly> | </includeonly> |