Jump to content

Template:LegalDocument/styles.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
/* Written by Gemini! */
/* Written by Gemini! */
/* Container and Reset */
/* Container and Reset */
.legal-doc {
.legal-doc {
   counter-reset: level1;
   counter-reset: level1;
   line-height: 1.5; /* Base spacing */
   line-height: 1.5;
}
}


Line 12: Line 13:
}
}


/* LEVEL 1: Articles (Numbers Suppressed) */
/* LEVEL 1: Articles (Bold, No Number) */
.legal-doc > ol > li {
.legal-doc > ol > li {
   counter-increment: level1;
   counter-increment: level1;
   counter-reset: level2;
   counter-reset: level2;
   margin-top: 2em;
   margin-top: 1.8em;
   font-weight: bold;
   font-weight: bold;
}
}


/* Common for Levels 2-4: Absolute positioning for numbering */
/* Common for Levels 2-4: Reset bolding and prepare for numbering */
.legal-doc ol ol > li {
.legal-doc ol ol > li {
   position: relative;
   position: relative;
   margin-bottom: 0.8em;
   margin-bottom: 0.6em;
  font-weight: normal;  
}
}


Line 29: Line 31:
   position: absolute;
   position: absolute;
   text-align: left;
   text-align: left;
  font-weight: bold; /* Numbers stay bold for readability */
}
}


/* LEVEL 2: Section 1.1  
/* LEVEL 2: "Section 1.1"
   Gutter: 8em total for text alignment */
   Text starts at 6.5em (the Gutter) */
.legal-doc ol ol > li {
.legal-doc ol ol > li {
   counter-increment: level2;
   counter-increment: level2;
   counter-reset: level3;
   counter-reset: level3;
   padding-left: 8em; /* The "Gutter" */
   padding-left: 6.5em;  
}
}


.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; /* Starts at the very left */
   left: 0; /* Level 2 label starts at the margin */
   width: 7.5em;
   width: 6em;
}
}


/* LEVEL 3: 1.1.1  
/* LEVEL 3: "1.1.1"
   Matches level 2 gutter, but indents the number */
   Text starts at 6.5em (Matches Level 2 alignment) */
.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: 8em; /* Matches Level 2 gutter */
   padding-left: 6.5em;  
}
}


.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: 1.5em; /* Small indent for the number (~2 spaces) */
   left: 1em; /* Small indent from margin (~2 spaces) */
   width: 6em;
   width: 5em;
}
}


/* LEVEL 4: 1.1.1.1  
/* LEVEL 4: "1.1.1.1"
   Further indent for both number and text */
   Slightly deeper indent for both numbering and text */
.legal-doc ol ol ol ol > li {
.legal-doc ol ol ol ol > li {
   counter-increment: level4;
   counter-increment: level4;
   padding-left: 9.5em; /* Pushed out to account for text alignment */
   padding-left: 7.5em; /* Text indented slightly more than Level 3 */
}
}


.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: 3em; /* Larger indent for the number (~4 spaces) */
   left: 2em; /* Deeper label indent from margin (~4 spaces) */
   width: 6em;
   width: 5em;
}
}


Line 76: Line 79:
   display: block;
   display: block;
   content: "";
   content: "";
   margin-top: 0.6em; /* Creates the ~1.5x spacing effect when used */
   margin-top: 0.6em;
}
}
author, editor
153

edits