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 {{parabr}} 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;
}*/