/*************************************************************** * TITLE: Common Stylesheet for Blue Haze * * URI : http://www.oswd.org/design/xxx/bluehaze/bluehaze.css * * MODIF: 2003-01-05 1608 +0800 * ***************************************************************/ /* ###### Browser-specific Styles ###### */ /* For IE & Mozilla-based browsers: */ /* Fix for Windows 8 snap mode */ @-ms-viewport { width:device-width; } .LHS { margin-left: 2.5mm; float: left; clear: left; } .RHS { margin-right: 2.5mm; float: right; clear: right; } /* For Mozilla-based (CSS2-fully complaint) browsers only: */ [class~="LHS"] { margin-left: 5mm; } [class~="RHS"] { margin-right: 5mm; } /* ###### Body Text ###### */ body { background-color: white; color: black; font-family: verdana, tahoma, helvetica, arial, sans-serif; font-size: 95%; margin: 0; background-repeat: no-repeat; background-attachment: scroll; } h1, h2, h3 { font-family: "trebuchet ms", tahoma, sans-serif; } h1 { font-weight: bold; font-size: 150%; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0.5ex; } h3 { margin: 0; padding-bottom: 0.5ex; } img { border: none; } q { font-family: tahoma, verdana, helvetica, arial, sans-serif; font-weight: bold; border-style: dotted; border-width: 2px; margin: 0 1em 1ex 1em; padding: 0.5ex 0.5ex 0.5ex 1ex; width: 9em; float: left; } acronym { border-bottom-style: dotted; border-bottom-width: 1px; cursor: help; } code { font-family: "lucida console", monospace; font-size: 90%; } dt { font-weight: bold; } dd { padding-bottom: 1.5em; } #bodyText { text-align: justify; line-height: 1.2em; margin: 10mm 0 0 14em; max-width: 900px; padding: 0 1em 1ex 1em; } #cvsBodyText { text-align: justify; line-height: 1.5em; margin: 5mm 5mm 0 0; padding: 0 1em 1ex 1em; } #bodyText p, #bodyText ul { margin: 0; padding-bottom: 2ex; } #bodyText a { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; } #bodyText a:hover { border-bottom: none; } #bodyText .topOfPage { font-size: 90%; font-weight: bold; font-variant: small-caps; text-decoration: none; border: none; padding-left: 1ex; padding-right: 1ex; float: right; } .smallCaps { font-variant: small-caps; } /* ###### Header ###### */ #header { border-bottom-style: solid; border-bottom-width: 2px; min-height: 7.5em; margin-bottom: 5mm; padding: 0 2.5mm 0 5mm; background-repeat: no-repeat; } .headerTitle { font-size: 300%; font-weight: bold; line-height: 2em; } .fileBar { float: left; } .menuBar { /* float: left; */ } .locBar { float: right; } .fileBar * { text-decoration: none; } .menuBar *, .locBar * { text-decoration: none; font-weight: bold; padding-right: 0.5ex; } .fileBar a, .menuBar a, .locBar a { padding-right: 0ex; } .fileBar a:hover, .menuBar a:hover, .locBar a:hover { text-decoration: underline; padding-right: 0ex; } /* ###### Side Box ###### */ .sideBox { border-style: solid none solid none; border-width: 2px 0 2px 0; width: 11em; margin-top: 5mm; } .sideBox div { font-weight: bold; border-bottom-style: dashed; border-bottom-width: 1px; padding: 0.5ex 0.5em 0.5ex 0.75em; } .sideBox a, .sideBox a:hover, .sideBox span { color: black; text-decoration: none; line-height: 1.25em; display: block; padding: 1.25ex 0.5em 1.25ex 0.75em; } .sideBox .thisPage { font-weight: bold; } /* ###### Footer ###### */ #footer { padding-top: 0.75ex; padding-bottom: 0.75ex; clear: left; } #footer div { font-size: 85%; line-height: 1.25em; text-align: right; padding-right: 3mm; } #footer a:hover { text-decoration: none; } .footerLHS { float: left; clear: left; padding-left: 3mm; } /* ###### Table ###### */ table { background-color: white; color: black; font-family: verdana, tahoma, helvetica, arial, sans-serif; font-size: 95%; } td { padding-left: 2ex; padding-right: 2ex; } td a { text-decoration: none; } td a:hover { text-decoration: underline; } th { padding-left: 2ex; padding-right: 2ex; } th a { text-decoration: none; } th a:hover { text-decoration: underline; } @media only screen and (max-width: 799px) { #header { min-height: 0; margin-bottom: 10px; padding: 0 5px; } .sideBox { display: none; } #bodyText { margin: 10px 0 0 0; padding: 0 5px; } } @media only screen and (max-width: 599px) { .headerTitle { font-size: 180%; } }