/* ======================================================================== Created : 19th of October 2004, 13:01 CET by : Tina Holmboe Updated : 19th of October 2004, 13:01 CET by : Tina Holmboe Media type : handheld Usage : Main layout. Please note that, when updating stylesheets, the following rules are to be observed: - Rulesets start in column 0. - Blocks are written with the opening curly bracket following the rule name and the ending bracket in column 0, alone. - A declaration start in column 1. Properties are separated from values by a colon (":") in column 25. Declarations always end with one whitespace and a semi-colon (" ;") whether needed by syntax or not. - Short-hand properties are not used. margin- and padding- are exempt. - Short-hand RGB codes are not used. ======================================================================== */ * { font-family : "Trebuchet MS", Verdana, sans-serif ; } /* body: the tag should have a black background. All other elements */ /* are indented slightly so that this background shows. */ body { margin : 0em ; padding : 0em ; background-color : #ffffff ; color : #000000 ; } /* Headers and header-related declarations */ /* --------------------------------------- */ h1, h2, h3, h4, h5, h6 { text-transform : lowercase ; font-weight : 100 ; font-family : Garamond, Cage, fantasy ; margin-left : 10% ; background-color : #ffffff ; color : #000000 ; } h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter { } h1 { font-size : 250% ; text-align : left ; padding : 0em ; padding-right : 0em ; padding-bottom : 1ex ; margin-left : 10% ; margin-right : 25% ; margin-bottom : 3ex ; border-bottom-style : solid ; border-width : 2px ; border-color : #696969 ; } h2 { font-size : 170% ; margin-top : 1em ; margin-bottom : 0em ; } h2#articlesubTitle { font-family : "Trebuchet MS", Verdana, sans-serif ; font-size : .75em ; margin-top : 0em ; margin-left : 12% ; } h2.articleTitle { font-size : 110% ; } h3 { font-size : 160% ; margin-bottom : 0em ; } h4 { font-size : 150% ; margin-bottom : 0em ; } h5 { font-size : 140% ; margin-bottom : 0em ; } h6 { font-size : 130% ; margin-bottom : 0em ; } /* Paragraphs. */ /* --------------------------------------- */ p { line-height : 1.3 ; margin-left : 6.5% ; margin-right : 6.5% ; margin-top : 0em ; padding-top : 0em ; margin-bottom : 1em ; } p + p { /* text-indent : 1.5ex ; */ margin-top : 0em ; } p#authorDetails { font-style : italic ; font-size : .75em ; text-align : right ; max-width : 100% ; } p.motto { font-size : 120% ; font-weight : 100 ; margin-left : auto ; margin-right : auto ; text-align : center ; max-width : 25em ; } /* Lists and list items. */ /* --------------------------------------- */ dl, ul, ol { margin-left : 6.5% ; margin-right : 3.5% ; margin-top : 0em ; padding-top : 0em ; padding-left : 3em ; margin-bottom : 5ex ; line-height : 1.4 ; font-size : 100% ; } dt { margin-left : 6.5% ; margin-right : 3.5% ; margin-top : 1ex ; } dd { margin-left : 9% ; margin-right : 3.5% ; } dd.versionComment { margin-bottom : 2ex ; } #content li { margin-bottom : 2px ; margin-bottom : 2ex ; list-style-type : circle ; line-height : 1.3 ; } ul + p { margin-top : 3em ; } /* Inline-level elements. */ /* --------------------------------------- */ sup, .footnote { vertical-align : top ; font-size : .75em ; } em { font-style : italic ; } strong { font-style : italic ; font-weight : bold ; } del { text-decoration : line-through ; } code, samp, kbd, var, tt { font-family : "Andale Mono", "Courier New", monospace ; font-size : 95% ; font-style : normal ; background-color : #000000 ; color : #ffffff ; } abbr { cursor : help ; border-bottom-style : dashed ; border-bottom-width : 1px ; border-bottom-color : #4b0000 ; } img.authorPresentation { float : left ; padding-right : 1ex ; } img.floatRightInText, img.floatLeftInText { background-color : #c3c3c3 ; border-color : #000000 ; border-width : 1px ; border-style : solid ; padding : 2px ; margin : .5ex ; } img.floatRightInText { float : right ; margin-left : 1ex ; } img.floatLeftInText { float : left ; margin-right : 1ex ; } /* Other block-level elements. */ /* --------------------------------------- */ pre { font-family : "Andale Mono", "Courier New", monospace ; font-size : 75% ; background-color : #ffffff ; margin-left : 6.5% ; margin-right : 6.5% ; border-style : solid ; border-width : 1px ; border-color : #696969 ; padding-top : 1ex ; padding-bottom : 1ex ; padding-left : 2px ; padding-right : 2px ; } hr { margin-left : auto ; margin-right : auto ; margin-top : 4ex ; margin-bottom : 4ex ; width : 65% ; background-color : #ffffff ; } fieldset { border-color : #ffffff ; border-width : 2px ; border-style : groove ; margin-left : 6.5% ; margin-right : 6.5% ; margin-top : 1ex ; } legend { text-transform : lowercase ; margin-left : 1ex ; margin-right : 1ex ; } address { margin-left : 6.5% ; margin-right : 6.5% ; } table { margin-left : 6.5% ; margin-right : 6.5% ; } caption { text-align : right ; font-size : 75% ; } th, td { font-size : 85% ; } td.centerContentInCell { text-align : center ; vertical-align : middle ; } td.numberCell { text-align : right ; padding-right : 4px ; font-family : "Andale Mono", "Courier New", monospace ; font-size : 70% ; } td.dateCell { text-align : left ; padding-right : 4px ; font-family : "Andale Mono", "Courier New", monospace ; font-size : 70% ; } blockquote { font-style : italic ; } blockquote[cite]:after { content : "\2014 " attr(cite) ; font-size : 75% ; margin-left : 6.5% ; padding-left : 12% ; } a img { border-style : none ; } a { text-decoration : underline ; } a:link { background-color : inherit ; color : #000000 ; } a:active { background-color : red ; color : red ; } a:visited { background-color : inherit ; color : #000000 ; } a:hover { background-color : #ffffff ; color : #000000 ; text-decoration : none ; } a:focus { outline-style : dotted ; outline-color : green ; outline-width : 1px ; } a span { color : #000000 ; } /* Links in the right-hand side menu. */ /* --------------------------------------- */ #menubar a { text-decoration : none ; } #menubar a:link { color : #000000 ; background-color : #ffffff ; } #menubar a:visited { color : #000000 ; background-color : #ffffff ; } #menubar a:hover { color : #000000 ; background-color : #ffffff ; } /* Links in the main content. */ /* --------------------------------------- */ #sitemapWrapper * a span { color : #000000 ; padding-right : 3px ; padding-left : 2px ; } #sitemapWrapper ul { margin-left : 6.5% ; } #sitemapWrapper ul li ul { margin-left : 10px ; } /* Tables in the main content. */ /* --------------------------------------- */ #content table { margin-left : auto ; margin-right : auto ; margin-bottom : 4ex ; width : 90% ; font-size : 95% ; border-collapse : collapse ; padding : 1ex ; } #content table td, #content table th { border-style : solid ; border-color : #d6d6d6 ; border-width : 1px ; /* background-color : #eaeaea ; */ empty-cells : show ; } .browserTests tbody th { text-align : left ; font-size : 120% ; background-color : red ; } .browserTests .browserThumbnail { vertical-align : middle ; text-align : center ; padding : 4px ; } .browserTests .browserThumbnail img { padding : 1px ; border-style : solid ; border-color : #000000 ; border-width : 1px ; display : block ; margin-left : auto ; margin-right : auto ; } table.waiChecklist { margin-left : 6.5% ; margin-right : 6.5% ; margin-top : 4ex ; width : 50% ; } table.waiChecklist th { background-color : #c6c6c6 ; color : #000000 ; border-color : #a0a0a0 ; border-style : solid ; border-width : 1px ; } table.waiChecklist td { padding-left : 4px ; padding-right : 4px ; padding-bottom : 2px ; padding-top : 2px ; background-color : #f4f4f4 ; color : #000000 ; } td.waiCheckpoint { text-align : center ; } td.waiStatus { text-align : center ; } /* Other elements in the main menu. */ /* --------------------------------------- */ li.inactiveMenuItem a span { color : #696969 ; font-weight : 100 ; } li.activeMenuItem a span { color : #000000 ; font-weight : bold ; } li.inactiveMenuItem a, li.activeMenuItem a { padding-left: 4px ; } #menubar li { margin-bottom : 0em ; list-style-type : none ; } #languageSelect { z-index : 1024 ; position : absolute ; top : 126px ; right : 42px ; width : 54px ; height : 16px ; background-color : #ffffff ; color : #000000 ; } #languageSelect a { background-color : #ffffff ; } #menubar .subMenu { background-color : #c3c3c3 ; } #menubar ul { margin-bottom : 0em ; list-style-type : none ; margin-left : 3px ; margin-right : 3px ; padding-left : 2px ; border-style : solid ; border-color : #696969 ; border-width : 1px ; } #menubar ul li ul { border-style : none ; } #menubar ul li { border-width : 1px ; border-style : solid ; border-color : #c3c3c3 ; margin-bottom : 0px ; } #menubar ul li:hover { border-color : #000000 ; background-color : #ffffff ; color : #000000 ; } #menubar ul li a { display : block ; } #menubar p, #menubar form { margin : 0px ; padding : 0px ; text-indent : 0px ; } #countryNavigation { position : relative ; top : 2px ; left : 0px ; background-color : #c3c3c3 ; border-style : solid ; border-color : #696969 ; border-width : 1px ; width : 140px ; font-size : 72% ; padding-top : 2px ; padding-bottom : 2px ; padding-left : 2px ; padding-right : 0px ; } #quickSearch { position : relative ; top : 4px ; left : 3px ; background-color : #c3c3c3 ; border-style : solid ; border-color : #696969 ; border-width : 1px ; width : 142px ; font-size : 72% ; } #quickSearch p { padding-top : 2px ; padding-bottom : 5px ; padding-left : 2px ; padding-right : 0px ; } #quickSearch input { margin-left : .50em ; padding-left : 2px ; border-style : solid ; border-width : 1px ; border-color : #a0a0a0 ; background-color : #e0e0e0 ; color : #000000 ; } #quickSearch input[type=submit] { border-style : solid ; border-width : 1px ; border-color : #a0a0a0 ; font-size : 75% ; } #quickSearch input[type=submit]:hover { border-color : #000000 ; background-color : #b08408 ; color : #ffffff ; background-color : #ffffff ; color : #000000 ; cursor : pointer ; } #quickSearch input[type=text]:focus { background-color : #ffffff ; color : #000000 ; } #quickSearch input[disabled] { background-color : #dddddd ; color : #000000 ; } p#updated { position : relative ; top : 6px ; left : 3px ; background-color : #c3c3c3 ; border-style : solid ; border-color : #696969 ; border-width : 1px ; width : 140px ; font-size : 75% ; padding-top : 2px ; padding-bottom : 2px ; padding-left : 2px ; padding-right : 0px ; } p#copyright { position : relative ; top : 8px ; margin-bottom : 0px ; left : 3px ; background-color : #c3c3c3 ; border-style : solid ; border-color : #696969 ; border-width : 1px ; width : 140px ; font-size : 70% ; padding-top : 2px ; padding-bottom : 2px ; padding-left : 2px ; padding-right : 0px ; } div#news { position : relative ; top : 10px ; margin-bottom : 0px ; left : 3px ; background-color : #c3c3c3 ; border-style : solid ; border-color : #696969 ; border-width : 1px ; width : 140px ; font-size : 75% ; padding-top : 2px ; padding-bottom : 2px ; padding-left : 2px ; padding-right : 0px ; } div#news h3 { display : inline ; margin-left : 3px ; } /* Other, generic, classes. */ /* --------------------------------------- */ #logotype { z-index : 1024 ; position : absolute ; right : 35px ; top : 30px ; } /* menubar: the right hand side column with a white background */ #menubar { position : absolute ; right : 11px ; top : 11px ; height : 100% ; background-color : #ffffff ; color : #000000 ; width : 150px ; padding-top : 160px ; padding-bottom : 1em ; min-height : 85em ; border-style : solid ; border-color : #696969 ; border-width : 1px ; } /* This is the content area, with a light grey background and black text */ #content { background-color : #ffffff ; color : #000000 ; margin : 10px ; padding-right : 160px ; padding-left : 10px ; padding-top : 11px ; padding-bottom : 10px ; border-width : 1px ; border-style : solid ; border-color : #c3c3c3 ; min-height : 85em ; } p.sectionImage { text-align : center ; font-family : "Andale Mono", monospace ; font-size : 0.75em ; margin : 1em ; float : left ; } .hidden { display : none ; } #skipNavigation { font-size : 72% ; visibility : visible ; color : #696969 ; } #skipNavigation:focus { visibility : visible ; } /* Newsrelated */ /* --------------------------------------- */ div.newsBubble { background-color : #ffffff ; color : #000000 ; margin-left : 8% ; margin-right : 8% ; max-width : 25em ; border-style : ridge ; border-width : 1px ; border-color : #ffffff ; } div.newsBubble h2 { margin-top : 0em ; margin-top: 2px ; margin-bottom : 4px ; margin-left : 1ex ; } div.newsBubble a:hover { background-color : #dcdcdc ; color : #000000 ; text-decoration : none ; } .newsDate { margin-left : 2ex ; } div.newsBubble p { margin-left : 2ex ; } ul.newsItems li { margin-top : 2ex ; } /* RNIB status information. */ /* --------------------------------------- */ table.rnibProjectStatus th { font-weight : 900 ; text-align : center ; vertical-align : middle ; } td.rnibRowNameCell { padding-top : 2ex ; } td.rnibDateCell { text-align : center ; vertical-align : middle ; } /* CGI templates */ /* --------------------------------------- */ table#directoryListing th { font-weight : 900 ; text-align : center ; vertical-align : middle ; background-color : #c6c6c6 ; color : #000000 ; border-color : #a0a0a0 ; border-style : solid ; border-width : 1px ; } table#directoryListing td.imgCell { padding-top : 4px ; text-align : center ; vertical-align : middle ; }