/* revision date : 03/04/02 */ /*----------------------------------------------------------------------*/ /* FILENAME : sits.css */ /* DATE : Original Creation Date 25-Jan-02 */ /* WHO : alan kirk */ /* WHY : main style sheet for use with SITS e:Vision */ /*----------------------------------------------------------------------*/ /* REVISIONS: */ /* Date Name Reason */ /* --------- ---------- --------------------------------*/ /* 11-Apr-02 Alan Kirk updated for version 6.1.2 */ /* */ /* */ /* */ /* */ /*----------------------------------------------------------------------*/ /* The BODY style applies to every page. If a background image or background colour is required it should be applied here */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #003366; background-color: #FFFFFF; scrollbar-face-color: #9999cc; scrollbar-shadow-color: #999999; scrollbar-highlight-color: #990099; scrollbar-track-color: #cccccc; scrollbar-arrow-color: #990099; scrollbar-3dlight-color: #cccccc; scrollbar-darkshadow-color: #666666; } a:link { text-decoration: underline; font-weight: normal} a:visited { text-decoration: underline; font-weight: normal} a:hover { text-decoration: underline; font-weight: bold} a:active { text-decoration: underline; font-weight: bold} /* applied to the main 'placeholder table on every page - provides default font settings and background colours if req for any elements without a class applied */ .pagedefault { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #006699} .pagetitle { font-size: 16px; font-weight: bold; color: #000099; background-color: #FFFFFF} /* pagemsg is used on the descriptive text provided below each page title */ .pagemsg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666699; background-color: #FFFFFF} /* the following classes format table elements - numbers 1 and 2 allow for 2 levels of table */ .tabletitle1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #0000FF} .tabletitle2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #666699} /* used on any optional extra descriptive text inside each data table (just below table title) */ .tablemsg1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666699; background-color: #FFFFFF} .tablemsg2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFCCCC} /* used on TD tag for record count message */ .recordcount { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF} /* column and row headings on tables */ .colhead1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; background-color: #666699; font-weight: bold} .colhead2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #9999cc; font-weight: bold} .rowhead1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF; background-color: #CCCCFF; font-weight: bold} .rowhead2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #CCCCFF; font-weight: bold} /* data1 is the main table data format. Applied to the TD tag for single record display and to the TR tag along with data1over using javascrip for multiple record display */ /* Where applied to the TR tag must be used in conjunction with data1over and data1nobg */ .data1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; background-color: #FFFFCC} .data1over { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #CCCCFF; font-weight: normal} /* same as data1 but used for second level data tables */ .data2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; font-weight: normal} .data2over { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #CC99FF; font-weight: normal} /* data1nobg and data2nobg provide a backwards compatibility fix for Netsacpe below v6.2 */ /* data1nobg and data2nobg should never be given a background colour, hence 'nobg'. */ /* these two classes are applied to the TD tag where a row highlight effect is used by adding data1 and data1over to the TR tag using javascript. */ .data1nobg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal } .data2nobg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal } /* used on main portal page to add style to portal links within a container */ .portallink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #993399; font-weight: normal; background-color: #FFFFFF} .portalcontmsg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #666699; font-weight: normal} /* these set the style attributes of links inside containers on the main portal page */ .portallink a:link { text-decoration: underline; font-size: 10px; color: #993399; font-weight: normal} .portallink a:visited { text-decoration: underline; font-size: 10px; color: #993399; font-weight: normal} .portallink a:hover { text-decoration: underline; font-size: 10px; color: #ffffff; font-weight: normal; background-color: #993399} .portallink a:active { text-decoration: underline; font-size: 10px; color: #ffffff; font-weight: normal; background-color: #993399} /* !!!! VERY IMPORTANT - ALL FORM CLASSES ONLY TO BE EDITED IN NOTEPAD!!!! */ /* form submit buttons of different set widths. */ .formsub40 { BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; FONT: 10px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 40px; COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand } .formsub80 { BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; FONT: 10px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 80px; COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand } .formsub120 { BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; FONT: 10px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand } .formsub240 { BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; FONT: 10px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 240px; COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand } .formsubfree { BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; FONT: 10px verdana bold; BORDER-LEFT: black 1px solid; COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand } /* JONP1 - 11/04/02 - formsub15 added for portal layout screen*/ .formsub15 { BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; FONT: 10px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 15px; COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #CCCCcc; cursor: hand } /* standard form input boxes for different set widths */ .formin40 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 40px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccccff } .formin80 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 80px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccccff } .formin120 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccccff } .formin240 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 240px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccccff } .forminfree { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccccff } /* mandatory for input boxes of different set widths */ .forminmand { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ffcccc } .forminmand40 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 40px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ffcccc } .forminmand80 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 80px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ffcccc } .forminmand120 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ffcccc } .forminmand240 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT: 12px verdana bold; BORDER-LEFT: black 1px solid; WIDTH: 240px; COLOR: #000000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ffcccc } /* WHEM1 - forminfree1 and blockfree added 25/02/02 - required in IPP - to fix uniface bug where class tag is added to TD on dynamically generated mandatory fields */ .forminfree1 { FONT: 12px verdana bold; COLOR: #000000; BACKGROUND-COLOR: #ffffcc } .forminmand { FONT: 12px verdana bold; COLOR: #000000; BACKGROUND-COLOR: #f7b7ce } /* background colours applied to TD tags for form input boxes and submit buttons */ .bgformin { background-color: #FFFFCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} .bgformsub { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666699} /* bginside is the background colour for all data tables (normally white) applied to TABLE tag */ .bginside { background-color: #FFFFFF} /* bgborder is the colour of the data table border. Applied to 'border' table TABLE tag */ .bgborder { background-color: #0000FF} /* the classes below should not be added to any program hts - they are used in the navigation bars and body-start and body-end and are therefore NOT part of the web standards and should NOT be added into any other hts */ .logincolour { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #0000FF; font-weight: bold } .welcome { font-size: 10px; font-weight: bold; color: #CCCCCC; text-align: left; vertical-align: bottom } .name { font-size: 10px; font-weight: bold; color: #FFFFFF; text-align: left; vertical-align: bottom } .link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #999999} .divider { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC} .date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC} .pagefooter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF; background-color: #FFFFFF; font-weight: normal} .menuheads { font-size: 10px; font-weight: bold; color: #FFFFFF; text-align: left; vertical-align: bottom } /* these classes have been used in a few places in previous versions but are NOT part of the web standards - they are still listed for backwards compatibility but should not be added to any new Hts files. */ .paratitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #336666; font-weight: bold } .para { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #336666; font-weight: normal} .pagehelptext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} .altlink { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;color: #990099} .altlink a:link {color: #990099} .altlink a:visited {color: #990099} .altlink a:hover {color: #990099} .altlink a:active {color: #990099} .altlink2 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;color: #990099; background-color: #FFFFFF} .altlink2 a:link {color: #666666} .altlink2 a:visited {color: #666666} .altlink2 a:hover {color: #990099} .altlink2 a:active {color: #990099} .blockfree { BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 2px solid; } .navbg { background-color: #993399} .navborder { font-family: Verdana, Arial, Helvetica, sans-serif; color: #993399; background-color: #FFFFFF; font-size: 10px; font-weight: bold} .navfooter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF} .navlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF}