author, editor, Interface administrators, Administrators
174
edits
No edit summary |
(Wooooo) |
||
| Line 1: | Line 1: | ||
/* | /* Legal Document Formatting with Multi-Level Numbering */ | ||
/* | /* Initialize the document container and level 1 counter */ | ||
.legal-doc { | .legal-doc { | ||
counter-reset: level1; | counter-reset: level1; | ||
| Line 8: | Line 8: | ||
} | } | ||
/* | /* Remove default list styling from all nested lists */ | ||
.legal-doc ol { | .legal-doc ol { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 15: | Line 15: | ||
} | } | ||
/* | /* LEVEL 1: Articles (e.g., "ARTICLE 1") | ||
Centered, bold, larger font */ | |||
.legal-doc > ol > li { | .legal-doc > ol > li { | ||
counter-increment: level1; | counter-increment: level1; | ||
| Line 26: | Line 27: | ||
} | } | ||
/* | /* LEVEL 2: Sections (e.g., "Section 1.1") | ||
.legal-doc ol ol li { | Normal text with 8em left gutter for content, number at 0.5em */ | ||
.legal-doc > ol > li > ol > li { | |||
position: relative; | position: relative; | ||
counter-increment: level2; | |||
counter-reset: level3; | |||
font-weight: normal; | font-weight: normal; | ||
text-align: left; | text-align: left; | ||
padding-left: 8em; | |||
padding-left: 8em; | |||
margin-bottom: 1.2em !important; | margin-bottom: 1.2em !important; | ||
} | } | ||
.legal-doc > ol > li > ol > li::before { | |||
.legal-doc li: | content: "Section " counter(level1) "." counter(level2); | ||
position: absolute; | position: absolute; | ||
left: 0.5em; | |||
font-weight: normal; | font-weight: normal; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* | /* LEVEL 3: Subsections (e.g., "1.1.1") | ||
Text aligns with level 2 gutter (8em), number at 2em */ | |||
.legal-doc > ol > li > ol > li > ol > li { | |||
position: relative; | |||
Text aligns with | |||
.legal-doc ol ol ol > li { | |||
counter-increment: level3; | counter-increment: level3; | ||
counter-reset: level4; | counter-reset: level4; | ||
font-weight: normal; | |||
margin-left: -8em; | text-align: left; | ||
padding-left: 8em; | margin-left: -8em; | ||
padding-left: 8em; | |||
margin-bottom: 1.2em !important; | |||
} | } | ||
.legal-doc ol ol ol > li::before { | .legal-doc > ol > li > ol > li > ol > li::before { | ||
content: counter(level1) "." counter(level2) "." counter(level3); | content: counter(level1) "." counter(level2) "." counter(level3); | ||
left: 2em; | position: absolute; | ||
left: 2em; | |||
font-weight: normal; | |||
white-space: nowrap; | |||
} | } | ||
/* | /* LEVEL 4: Sub-subsections (e.g., "1.1.1.1") | ||
Text indented further to 9.5em, number at 3.5em */ | |||
.legal-doc ol ol ol ol li { | .legal-doc > ol > li > ol > li > ol > li > ol > li { | ||
position: relative; | |||
counter-increment: level4; | counter-increment: level4; | ||
font-weight: normal; | |||
text-align: left; | |||
margin-left: -8em; | margin-left: -8em; | ||
padding-left: 9.5em; | padding-left: 9.5em; | ||
margin-bottom: 1.2em !important; | |||
} | } | ||
.legal-doc ol ol ol ol li::before { | .legal-doc > ol > li > ol > li > ol > li > ol > li::before { | ||
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4); | content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4); | ||
left: 3.5em; | position: absolute; | ||
left: 3.5em; | |||
font-weight: normal; | |||
white-space: nowrap; | |||
} | |||
/* Remove bottom margin from last item in any list to prevent stacking */ | |||
.legal-doc li:last-child { | |||
margin-bottom: 0 !important; | |||
} | |||
/* Add top margin to nested list containers to maintain spacing */ | |||
.legal-doc ol ol ol, | |||
.legal-doc ol ol ol ol { | |||
margin-top: 1.2em !important; | |||
} | } | ||
/* Line breaks: add spacing between paragraphs within list items */ | |||
.legal-doc br { | .legal-doc br { | ||
display: block; | display: block; | ||
content: ""; | content: ""; | ||
margin-top: 0.8em; | margin-top: 0.8em; | ||
} | } | ||
.legal-doc | /* Smaller gap after underlined headings within list items */ | ||
.legal-doc u + br { | |||
display: block; | display: block; | ||
content: ""; | content: ""; | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||