User:ShakespeareFan00/Statute table/idx/style.css

/* Formatting for use in creating the Index portion of the Chronlogical Table and Index of the Statutes */

/* Outer list class */ .__st__idx { }

/* Level 1 heading... in small caps */ .__st_idx_heading { font-variant: small-caps; font-weight: normal; display: block; }

/*2nd level headings are in bold. */ .__st_idx_heading2 { font-variant: normal; font-weight: bold; display: block; margin-left:1em; }

.__st_idx_heading3{ font-variant: normal; display: block; margin-left:2em; }

/* All topics that are below headings get offset by 1em */

.__st_idx_heading~.__st_idx_topic{ display:block; margin-left:1em; clear:both; max-width:calc(100% - 1em); }

.__st_idx_heading2~dl, .__st_idx_heading2~.__st_idx_topic{ display:block; margin-left:2em; clear:both; max-width:calc(100% - 12em - 2em); }

.__st_idx_heading3~.__st_idx_topic{ display:block; margin-left:3em; clear:both; max-width:calc(100% - 3em); }

.__st_idx_heading4~.__st_idx_topic{ display:block; margin-left:5em; clear:both; max-width:calc(100% - 5em); }

.__st_idx_topic .__st_idx_heading4x { position:relative; left:-1em; float:left; display:block; clear:left; }

/* indent 1 em for each sub level */ .__st_idx_topic .__st_idx_topic{ margin-left:1em; display:block; }

.__st_idx_topic .__st_idx_list{ position:relative; min-width:15%; width:auto; display:block; float:right; /* Right hand side */ right:2em; /* 2em from the edge of the page */ clear:right; text-align:left; /*place embeded content on the left */ }

.__st_idx_topic .__st_idx_topic_text{ display: inline-block; width: 100%; /* Ideally this should depend on the width of the .__st_idx_list but I've not figured how to do that yet.*/ margin-left: 1em; text-indent: -1em; position: relative; } /* The prefix for Level 4 topics is on the left offset by 1 em. */ .__st_idx_topic .__st_idx_topic_prefix{ float:left; display:block; margin-left:-2em; left:-2em; }

.__st__idx__statute{ font-variant: normal; font-weight: normal; text-align:right; display:block; }

.__st__idx_h1~dl, .__st__idx_h1~.__st__idx_tt{ width:100%; width:calc(100% - 2em); margin-left:2em; }

.__st__idx_h2~dl, .__st__idx_h2~.__st__idx_tt{ width:100%; width:calc(100% - 2em); margin-left:2em; }

.__st__idx_h3~dl, .__st__idx_h3~.__st__idx_tt{ width:calc(100% - 4em); margin-left:4em; }

.__st__idx_h4~dl, .__st__idx_h4~.__st__idx_tt{ width:calc(100% - 6em); margin-left:6em; }

dt{ font-weight:normal; }

dt+dt{ margin-left:1.6em; font-weight:normal; }

.__st__idx_tt .__st_idx_x td:nth-child(2){ padding-left: 4.0em; text-indent: -2.0em; vertical-align: top; text-align: left; }

.__st__idx_tt .__st_idx_t td:first-child{ vertical-align:top; text-align:left; }

.__st__idx_tt .__st_idx_t td:nth-child(2) {	padding-left: 2.0em; text-indent: -2.0em; vertical-align:top; text-align:left; }

.__st__idx_tt .__st_idx_x td:nth-child(3), .__st__idx_tt .__st_idx_t td:nth-child(3){ text-align:right; vertical-align:bottom; min-width:15%; }

.__st__idx_h1.wst-heading{ line-height:1.1em; text-align:left; font-size:1em; font-variant:small-caps; margin-left:0 }

.__st__idx_h2.wst-heading{ line-height:1.1em; text-align:left; font-size:1em; font-weight:bold; margin-left:0 }

.__st__idx_h3.wst-heading{ line-height:1.1em; text-align:left; font-size:1em; font-style:italic; margin-left:2em }

.__st__idx_h3.wst-heading{ line-height:1.1em; text-align:left; font-size:1em; font-style:italic; margin-left:2em }

.__st__idx_h4.wst-heading{ line-height:1.1em; text-align:left; font-size:1em; font-style:italic; margin-left:3em }