Template:Uksi/styles.css

/* Having to apply 2 sets of classes to cope with the continuations is tiresome but necessary due to how the classes superimpose.

TODO: Implement the number formating styles for Levels beyond 1 and 2

div.__uksi, div.__uksi__c, 						/* Generic formatting */ div.__uksi__l1, div.__uksi__l1__c,					/* Level 1 block -The Bold numbered "paragraphs" - Sections, Regulations, Directions*/ div.__uksi__l1inset1, div.__uksi__l1inset1__c,     /* Level 1 block inset by 2 em, for quoted text, "provisos" etc. */ div.__uksi__l1def, div.__uksi__l1def__c,			/* Level 1 defintions. "X shall have meaning Y" */ div.__uksi__l1interpet, div.__uksi__l1interpet__c, div.__uksi__l1proviso, div.__uksi__l1proviso__c, div.__uksi__l2, div.__uksi__l2__c ,					/* Level 2 block -The bracketed numbered "paragraphs" (1) (2) .. */ div.__uksi__l2a, div.__uksi__l2a__c,				/* Level 2 block - but with italicised numbers (a)(b).. etc*/ div.__uksi__l2inset1, div.__uksi__l2inset1__c,     /* Level 1 block inset by 1 em typically provisio or interpretation notes */ div.__uksi__l2proviso, div.__uksi__l2proviso__c,   /* Level 2 block inset as a "proviso" (e.g "Provides that...") */ div.__uksi__l2interpret, div.__uksi__l2interpret__c,/* Level 2 block inset as a interpretaion (e.g "In this paragaph X shall have the meaning Y")*/ div.__uksi__l3, div.__uksi__l3__c,					/* Level 3 block - The bracketed italic number "sub-pragraphs" (a) (b) .. etc.. */ div.__uksi__l3a, div.__uksi__l3a__c,				/* Level 3 block - The bracketed number "sub-pragraphs" (a) (b) .. etc.. */ div.__uksi__l3b, div.__uksi__l3b__c,				/* Level 3 block - The bracketed number "sub-pragraphs" (a) (b) .. etc.. */ div.__uksi__l4, div.__uksi__l4__c,					/* Level 4 block - The bracketed numbered parts of a sub paragraph (i) (ii) .. etc.. */ div.__uksi__l5, div.__uksi__l5__c,					/* Level 5 block - Indvidal parts of a level 4 sectuion (A) (B) ..etc.. (rare) */ div.__uksi__l1-2-3, div.__uksi__l1-2-3__c,        	/* Level 1 block, which goes all the way to a  level 3 block in it's opening. */ div.__uksi__l2-3, div.__uksi__l2-3__c,				/* Level 2 block, which goes into a level 3 block in it's opening. */ div.__uksi__l2as3, div.__uksi__l2as3__c			/* Level 2 block, but aligned as level 3 */ { margin-bottom:0.5em; /* Add some inter-paragraph spacing that is lost by using a DIV to do the layout. Match in this respect */ }

/* Levels 2a, 2-3 have a 2em margin , as does a level 1 inset defintion, quote etc*/ div.__uksi__l1inset1, div.__uksi__l1inset1__c, div.__uksi__l1def, div.__uksi__l1def__c, div.__uksi__l2ap, div.____uksi__l2ap__c, div.__uksi__l2-3, div.__uksi__l2-3__c {

padding-left:2em; /*For compatibility with layouts. */ }

div.__uksi__l2a, div.__uksi__l2a__c, div.__uksi__l2b, div.__uksi__l2b__c{ margin-bottom:0.5em; padding-left:4em; }

/* And the margins moves in 1 em for the subsequent levels.. div.__uksi__l2as3, div.__uksi__l2as3__c, /* 2 as 3 is effectively a 3rd level heading */ div.__uksi__l2inset1, div.__uksi__l2inset1__c, div.__uksi__l2interpret, div.__uksi__l2interpret__c, div.__uksi__l3, div.__uksi__l3__c{ padding-left:4em; /*For compatibility with layouts. */ }

div.__uksi__l3b, div.__uksi__l3b__c, div.__uksi__l3a, div.__uksi__l3a__c, div.__uksi__l4, div.__uksi__l4__c { padding-left:5em; /*For compatibility with layouts. */ }

div.__uksi__l5, div.__uksi__l5__c { padding-left:6em; /*For compatibility with layouts. */ }

/* Indentation of text. */

/* Continuations don't have any indentation on the first row. */ div.__uksi__c, div.__uksi__l1__c, div.__uksi__l2__c, div.__uksi__l2a__c, div.__uksi__l2b__c, div.__uksi__l3a__c, div.__uksi__l3__c, div.__uksi__l4__c, div.__uksi__l5__c, div.__uksi__l1-2-3__c, div.__uksi__l2-3__c, div.__uksi__l2as3__c, div.__uksi__l4__c, div.__uksi__l5__c { text-indent:0; } /* lets scrap the indentation /* Level 1 and Level 2 paragraphs have 1em of indentation. div.__uksi, div.__uksi__l1 , div.__uksi__l2, div.__uksi__l2a, div.__uksi__l1-2-3 { text-indent: 1em; }

/* Other levels have -1em of indentation. div.__uksi__l2-3, div.__uksi__l2as3, div.__uksi__l3, div.__uksi__l3a, div.__uksi__l4, div.__uksi__l5	{ text-indent:-1em; }

rule to nullify the text indentation applied elsewhere. */ .__uksi__ti0{ text-indent:0; }

/* Numbering for level 1 headings is in bold */ DIV.__uksi__l1 span.__uksi__s1, DIV.__uksi__l1-2 span.__uksi__s1, DIV.__uksi__l1-2-3 span.__uksi__s1{ font-weight:bold; }

/* and normal weight for level 2,4,5 */ div.__uksi__l1 span.__uksi__s1b, DIV.__uksi__l1 span.__uksi__s1+span.__uksi__s2, DIV.__uksi__l2 span.__uksi__s2, div.__uksi__l2b span.__uksi__s2, DIV.__uksi__l4 span.__uksi__s4, DIV.__uksi__l5 span.__uksi__s5 { font-weight:normal; }

/* numbers or alpha appear in italics for Level 3 */ div.__uksi__l2a span.__uksi__s2 > .__uksi__secnum, div.__uksi__l3b span.__uksi__s3 > .__uksi__secnum, DIV.__uksi__l2-3 span.__uksi__s3 > .__uksi__secnum, DIV.__uksi__l3 span.__uksi__s3 > .__uksi__secnum, DIV.__uksi__l1-2-3 span.__uksi__s3 > .__uksi__secnum{ font-weight:normal; font-style:italic; }

/* Float the numbers over for levels to 3-5 */ div.__uksi__l2a span.__uksi__s2, div.__uksi__l2b span.__uksi__s2, DIV.__uksi__l3 span.__uksi__s3, DIV.__uksi__l3a span.__uksi__s3, DIV.__uksi__l3b span.__uksi__s3, DIV.__uksi__l4 span.__uksi__s4, DIV.__uksi__l5 span.__uksi__s5 { margin-left:-2em; display: block; float:left; }

/* Ammendment sections */ .__uksi__amend__l1{position:relative; padding-left: 2em;} .__uksi__amend__l2{position:relative; padding-left: 2em;} .__uksi__amend__l3{position:relative; padding-left: 5em;} .__uksi__amend__l4{position:relative; padding-left: 7em;} .__uksi__amend__l5{position:relative; padding-left: 9em;}

/* Arrangment of sections */

.__uksi_aos { width:100%; }

.__uksi_aos_section, .__uksi_aos_part{ font-variant:small-caps; text-align:center; }

.__uksi_aos_heading{ text-align:center; font-style:italic; } .__uksi_aos tr td:nth-child(2){ text-align:right; }

.__uksi_aos3{ width:100%; }

.__uksi_aos3 tr td:nth-child(1){ text-align:right; vertical-align:top; }

.__uksi_aos3 tr td:nth-child(3){ text-align:right; vertical-align:bottom; }

/* Header table styles */ .__uksi__header__table{ margin:0 auto 0 auto; }

.__uksi__header__table tr.pl1 td:first-child{ padding-left:1em; }

/* footnote formatting .wst-smallrefs.__uksi__refs ol.references li::marker{ font-weight:bold; } .__uksi__ref > sup.reference{ font-weight:bold; padding-left:0.25em; padding-right:0.25em; }*/