This is a new window. Please close it with the X at the top right corner.

Style sheet features used on this website

The data on this page shows examples of each of the features used on the LFHHS Website
After each one is the selector, property and value used to create the effect
You can download the sheet and save it for your own use if you like, just
right click the link below and choose "Save as" or Save target as"
then give it a .css filename to use it
Download the style sheet as a text file


Scroll Bar Colours
body {
scrollbar-track-color : #cccc99;
scrollbar-face-color : #800000;
scrollbar-arrow-color : #ffffcc;
scrollbar-darkshadow-color : #000000;
scrollbar-shadow-color : #990000;
scrollbar-3dlight-color : #993300;
scrollbar-highlight-color : #ffffcc;
scrollbar-base-color : #ffffff;
}

<a> Link colour
#4169e1
text-decoration: none;

 

<a> Visited Link colour
#3399cc
text-decoration: none;

 

<a> Hover colour
#ff0000
text-decoration: none;

 

Horizontal line
color : #cccc99;
height : 1

 

Table.m - the format for the main menu items (right aligned)
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight : 600;
color: Maroon;
text-align : right;

 

 

Table.ms - the format for sub menu items (right aligned)
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight : 600;
text-align : right;
color: Maroon;
background-color : #cccc99;
width : 95%;

 

 

Table.mss - the format for sub sub menu items (right aligned)
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight : bold;
text-align : right;
color: Maroon;
background-color : #fff9de;
width : 90%;

 

table.msss - the format for Sub Sub Sub Menu items (right aligned)
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight : bold;
text-align : right;
color: Maroon;
background-color : #FFFAFA;
width : 90%;

 

 td.ml - Sub Menu border lines. (used in conjunction with table.ms)
 Used to create the impresion of buttons.
 Light border above, dark border below  - for each data item in the table.
border : solid #666633;
border-width : 1px;
border-color : #ffffcc #cccc99 #666633 #cccc99;
padding-left : 0px;
padding-bottom : 1;
padding-right : 4;
padding-top : 1;

 

 

 td.sml - Sub Sub Menu border lines. (used in conjunction with table.mss)
 Used to create the impresion of buttons.
 White border above, shaded border below  - for each data item in the table.
border : solid ;
border-width : 1px;
border-color : #ffffff #fff9de #cccc99 #fff9de;
padding-left : 0px;
padding-bottom : 1;
padding-right : 4;
padding-top : 0;

 

 

 td.ph  - Table heading used at the top of each page 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 800;
color: Maroon;
font-variant : small-caps;
background : #cccc99;
border : 2px solid Maroon;

 

 

td.sh  - Table sub heading used within each page 
font-family: "Arial",sans-serif;
font-size: 14px;
font-weight: bold;
color: Maroon;
font-variant : small-caps;

 

 

 table.r  - Table format for boxes on right hand of page 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: rgb(51,0,51);
text-align : justify;
letter-spacing : -1px;
border : 2px solid #993333;
background-color : #cccc99;

 

 

.p1 - Text for main body of the page

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #330000;

 

 

.p5 - Box heading text

font-family: "Trebuchet MS", sans serif;
color: #cccc99;
font-weight : bold;
font-size : 22px;

 

 

.p6 - format for text links at foot of page

font-family: Tahoma , Helvetica, sans-serif;
font-size: 11px;
color: Maroon;
text-align : center;

 

 

.p7 - alternative colour for body text on page

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8B4513;

 

 

.p8 - same as p7 but with a white background (that does not show up here :-)

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8B4513;
background-color : White;

 

Small font in various colours used in Microfiche listing tables
.b Small font in  black (used in Microfiche listing tables)
font : 10px Verdana, Helvetica, sans-serif;
color : Black;
.r  Small font in  red (used in Microfiche listing tables)
font : 10px Verdana, Helvetica, sans-serif;
color : Red;
.g  Small font in  green  (used in Microfiche listing tables)
font : 10px Verdana, Helvetica, sans-serif;
color : Green;
.v  Small font in  violet  (used in Microfiche listing tables)
font : 10px Verdana, Helvetica, sans-serif;
color : #5a005a;
.m  Small font in  maroon  (used in Microfiche listing tables)
font : 10px Verdana, Helvetica, sans-serif;
color : Maroon;
.n  Small font in  navy  (used in Microfiche listing tables)
font : 10px Verdana, Helvetica, sans-serif;
color : #000033;

 

 

H1 - Bold Green heading used for website plan

font-family : "Arial Narrow", Helvetica, sans-serif;
font-size : x-large;
font-weight : bold;
color : Green;

 

 

H2 - Bold Red heading used for website plan

font-family : "Arial Narrow", Helvetica, sans-serif;
font-size : x-large;
font-weight : bold;
color : Red;

 

.lg - Green narrow text listing used for website plan

font-family : "Arial Narrow", Helvetica, sans-serif;
color : Green;
font-size : 16px;

 

.la - Amber narrow text listing used for website plan

font-family : "Arial Narrow", Helvetica, sans-serif;
color : Green;
font-size : 16px;

 

.lr - red narrow text listing used for website plan

font-family : "Arial Narrow", Helvetica, sans-serif;
color : Green;
font-size : 16px;

 

.address - format for address text

font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 120%;

 

 

.copy - format for copyright text

font-family: "verdana", sans-serif;
font-size: 10px;