author, editor
153
edits
Template:LegalDocument/styles.css: Difference between revisions
Template:LegalDocument/styles.css (view source)
Revision as of 10:59, 21 January 2026
, Wednesday at 10:59no edit summary
(Created page with "→Container to reset the main counter: .legal-doc { counter-reset: level1; } →Common resets for all lists in this container: .legal-doc ol { list-style-type: none; margin-left: 0; padding-left: 0; } →LEVEL 1: Articles: .legal-doc > ol > li { counter-increment: level1; counter-reset: level2; margin-top: 1.5em; font-weight: bold; →Optional: makes Article headers pop: } →LEVEL 2: 1.1, 1.2...: .legal-doc ol ol > li { counter-increment:...") |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Container | /* Written by Gemini! */ | ||
/* Container and Reset */ | |||
.legal-doc { | .legal-doc { | ||
counter-reset: level1; | counter-reset: level1; | ||
line-height: 1.5; /* Base spacing */ | |||
} | } | ||
.legal-doc ol { | .legal-doc ol { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 11: | Line 12: | ||
} | } | ||
/* LEVEL 1: Articles */ | /* LEVEL 1: Articles (Numbers Suppressed) */ | ||
.legal-doc > ol > li { | .legal-doc > ol > li { | ||
counter-increment: level1; | counter-increment: level1; | ||
counter-reset: level2; | counter-reset: level2; | ||
margin-top: | margin-top: 2em; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* | /* Common for Levels 2-4: Absolute positioning for numbering */ | ||
.legal-doc ol ol > li { | .legal-doc ol ol > li { | ||
position: relative; | position: relative; | ||
margin-bottom: 0.8em; | |||
margin-bottom: 0. | |||
} | } | ||
.legal-doc ol ol > li::before { | .legal-doc ol ol > li::before { | ||
position: absolute; | position: absolute; | ||
text-align: left; | text-align: left; | ||
} | } | ||
/* LEVEL | /* LEVEL 2: Section 1.1 | ||
Gutter: 8em total for text alignment */ | |||
.legal-doc ol ol > li { | |||
counter-increment: level2; | |||
counter-reset: level3; | |||
padding-left: 8em; /* The "Gutter" */ | |||
} | |||
.legal-doc ol ol > li::before { | |||
content: "Section " counter(level1) "." counter(level2); | |||
left: 0; /* Starts at the very left */ | |||
width: 7.5em; | |||
} | |||
/* LEVEL 3: 1.1.1 | |||
Matches level 2 gutter, but indents the number */ | |||
.legal-doc ol ol ol > li { | .legal-doc ol ol ol > li { | ||
counter-increment: level3; | counter-increment: level3; | ||
counter-reset: level4; | counter-reset: level4; | ||
padding-left: | padding-left: 8em; /* Matches Level 2 gutter */ | ||
} | } | ||
.legal-doc ol ol ol > li::before { | .legal-doc ol ol ol > li::before { | ||
content: counter(level1) "." counter(level2) "." counter(level3); | content: counter(level1) "." counter(level2) "." counter(level3); | ||
width: | left: 1.5em; /* Small indent for the number (~2 spaces) */ | ||
width: 6em; | |||
} | } | ||
/* LEVEL 4: 1.1.1.1 | /* LEVEL 4: 1.1.1.1 | ||
Further indent for both number and text */ | |||
.legal-doc ol ol ol ol > li { | .legal-doc ol ol ol ol > li { | ||
counter-increment: level4; | counter-increment: level4; | ||
padding-left: | padding-left: 9.5em; /* Pushed out to account for text alignment */ | ||
} | } | ||
.legal-doc ol ol ol ol > li::before { | .legal-doc ol ol ol ol > li::before { | ||
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4); | content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4); | ||
width: | left: 3em; /* Larger indent for the number (~4 spaces) */ | ||
width: 6em; | |||
} | |||
/* Bigger break for <br /> tags */ | |||
.legal-doc br { | |||
display: block; | |||
content: ""; | |||
margin-top: 0.6em; /* Creates the ~1.5x spacing effect when used */ | |||
} | } | ||