author, editor
153
edits
Template:LegalDocument/styles.css: Difference between revisions
Template:LegalDocument/styles.css (view source)
Revision as of 17:02, 21 January 2026
, Wednesday at 17:02no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Gemini sucks */ | ||
/* Container Reset */ | |||
.legal-doc { | .legal-doc { | ||
counter-reset: level1; | counter-reset: level1; | ||
line-height: 1. | line-height: 1.6; | ||
margin-top: 1em; | |||
} | } | ||
/* 1. | /* 1. Reset all lists to zero indent so they align with "Normal Text" */ | ||
.legal-doc ol { | .legal-doc ol { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 13: | Line 15: | ||
} | } | ||
/* LEVEL 1: Articles - Centered | /* 2. LEVEL 1: Articles - Centered */ | ||
.legal-doc > ol > li { | .legal-doc > ol > li { | ||
counter-increment: level1; | counter-increment: level1; | ||
| Line 20: | Line 22: | ||
margin-bottom: 1.5em; | margin-bottom: 1.5em; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
} | } | ||
/* | /* 3. Common setup for Levels 2, 3, and 4 */ | ||
.legal-doc ol ol | .legal-doc ol ol li { | ||
position: relative; | position: relative; | ||
font-weight: normal; | font-weight: normal; | ||
margin-bottom: 0.8em; | margin-bottom: 0.8em; | ||
/* This padding creates the Gutter */ | |||
padding-left: 8em; | |||
} | } | ||
.legal-doc ol ol | .legal-doc ol ol li::before { | ||
position: absolute; | position: absolute; | ||
font-weight: bold; | font-weight: bold; | ||
white-space: nowrap; | |||
} | } | ||
/* LEVEL 2: "Section 1.1" | /* 4. LEVEL 2: "Section 1.1" | ||
Number starts 0.5em from the left margin */ | |||
.legal-doc ol ol > li { | .legal-doc ol ol > li { | ||
counter-increment: level2; | counter-increment: level2; | ||
counter-reset: level3; | counter-reset: level3; | ||
} | } | ||
.legal-doc ol ol > li::before { | .legal-doc ol ol > li::before { | ||
content: "Section " counter(level1) "." counter(level2); | content: "Section " counter(level1) "." counter(level2); | ||
left: 0 | left: 0.5em; | ||
} | } | ||
/* LEVEL 3: "1.1.1" | /* 5. LEVEL 3: "1.1.1" | ||
Text aligns with L2 gutter (8em), Number indents to 2em */ | |||
.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: | /* Reset nesting: ensures L3 doesn't add to L2's padding */ | ||
margin-left: -8em; | |||
padding-left: 8em; | |||
} | } | ||
.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); | ||
left: | left: 2em; | ||
} | } | ||
/* LEVEL 4: "1.1.1.1" | /* 6. LEVEL 4: "1.1.1.1" | ||
Both text and number move right */ | |||
.legal-doc ol ol ol ol > li { | .legal-doc ol ol ol ol > li { | ||
counter-increment: level4; | counter-increment: level4; | ||
padding-left: | margin-left: -8em; | ||
padding-left: 9.5em; | |||
} | } | ||
.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); | ||
left: | left: 3.5em; | ||
} | } | ||
/* | /* Spacing for <br /> */ | ||
.legal-doc br { | .legal-doc br { | ||
display: block; | display: block; | ||