sinorca-screen-alt.css (5002B)
1 /*********************************************** 2 * TITLE: Sinorca Alterative Screen Stylesheet * 3 * URI : sinorca/sinorca-screen-alt.css * 4 * MODIF: 2003-May-13 18:48 +0800 * 5 ***********************************************/ 6 7 8 /* ##### Common Styles ##### */ 9 10 body { 11 color: black; 12 background-color: white; 13 font-family: verdana, helvetica, arial, sans-serif; 14 font-size: 71%; /* Enables font size scaling in MSIE */ 15 margin: 0; 16 padding: 0; 17 } 18 19 html > body { 20 font-size: 8.5pt; 21 } 22 23 acronym, .titleTip { 24 border-bottom: 1px dotted rgb(153,153,153); 25 cursor: help; 26 margin: 0; 27 padding: 0 0 0.4px 0; 28 } 29 30 .doNotDisplay { 31 display: none; 32 } 33 34 .smallCaps { 35 font-size: 110%; 36 font-variant: small-caps; 37 } 38 39 40 /* ##### Header ##### */ 41 42 .superHeader { 43 color: white; 44 background-color: rgb(100,135,220); 45 height: 2em; 46 } 47 48 .superHeader a { 49 color: white; 50 background-color: transparent; 51 text-decoration: none; 52 font-size: 91%; 53 margin: 0; 54 padding: 0 0.5ex 0 0.25ex; 55 } 56 57 .superHeader a:hover { 58 text-decoration: underline; 59 } 60 61 .superHeader .left { 62 position: absolute; 63 left: 1.5mm; 64 top: 0.75ex; 65 } 66 67 .superHeader .right { 68 position: absolute; 69 right: 1.5mm; 70 top: 0.75ex; 71 } 72 73 .midHeader { 74 color: rgb(39,78,144); 75 background-color: rgb(140,170,230); 76 } 77 78 .headerTitle { 79 font-size: 337%; 80 font-weight: normal; 81 margin: 0 0 0 4mm; 82 padding: 0.25ex 0; 83 } 84 85 .subHeader { 86 color: white; 87 background-color: rgb(0,51,153); 88 margin: 0; 89 padding: 1ex 1ex 1ex 1.5mm; 90 } 91 92 .subHeader a { 93 color: white; 94 background-color: transparent; 95 text-decoration: none; 96 font-weight: bold; 97 margin: 0; 98 padding: 0 0.75ex 0 0.5ex; 99 } 100 101 .subHeader a:hover { 102 text-decoration: underline; 103 } 104 105 .superHeader .highlight, .subHeader .highlight { 106 color: rgb(253,160,91); 107 background-color: transparent; 108 } 109 110 111 /* ##### Side Boxes ##### */ 112 113 #side-bar { 114 width: 14em; 115 margin: 2.5em 0 0 1.25mm; 116 float: left; 117 clear: left; 118 } 119 120 body > #side-bar { 121 margin-left: 2.5mm; /* Circumvents a rendering bug in MSIE (6.0) */ 122 } 123 124 .sideBarTitle { 125 color: white; 126 background-color: rgb(100,135,220); 127 font-weight: bold; 128 margin: 0; 129 padding: 0.4ex 0 0.4ex 0.6ex; 130 } 131 132 #side-bar ul { 133 list-style-type: none; 134 list-style-position: outside; 135 margin: 0; 136 padding: 0 0 2.25em 0; 137 } 138 139 #side-bar li { 140 margin: 0; 141 padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE (6.0) */ 142 } 143 144 #side-bar a, .thisPage { 145 color: rgb(0,102,204); 146 background-color: transparent; 147 text-decoration: none; 148 font-weight: bold; 149 margin: 0; 150 padding: 1.3ex 2ex; 151 display: block; 152 } 153 154 .thisPage { 155 color: black; 156 background-color: transparent; 157 } 158 159 #side-bar a:hover { 160 color: white; 161 background-color: rgb(100,135,220); 162 text-decoration: none; 163 } 164 165 .sideBarText { 166 line-height: 1.5em; 167 margin: 0 0 2.5em 0; 168 padding: 1ex 0.5ex 0 0.5ex; 169 display: block; 170 } 171 172 .sideBarText + .sideBarText { /* Not recognised by MSIE (6.0) */ 173 margin-top: -1.5em; 174 } 175 176 #side-bar .sideBarText a { 177 text-decoration: underline; 178 font-weight: normal; 179 margin: 0; 180 padding: 0; 181 display: inline; 182 } 183 184 #side-bar .sideBarText a:hover { 185 color: rgb(0,102,204); 186 background-color: transparent; 187 text-decoration: none; 188 } 189 190 191 /* ##### Main Copy ##### */ 192 193 #main-copy { 194 color: black; 195 background-color: transparent; 196 text-align: justify; 197 line-height: 1.5em; 198 margin: -1em 0 0 15em; 199 padding: 0.5mm 5mm 5mm 5mm; 200 } 201 202 #bodyText { 203 margin: 0 0 0 15.5em; 204 padding: 2mm 5mm 2mm 5mm; 205 } 206 207 208 #main-copy p { 209 margin: 1em 1ex 2em 1ex; 210 padding: 0; 211 } 212 213 #main-copy a { 214 color: rgb(0,102,204); 215 background-color: transparent; 216 text-decoration: underline; 217 } 218 219 #main-copy a:hover { 220 text-decoration: none; 221 } 222 223 #main-copy h1 { 224 color: rgb(0,102,204); 225 background-color: transparent; 226 font-size: 145.5%; 227 font-weight: bold; 228 margin: 2em 0 0 0; 229 padding: 0.5ex 0 0.5ex 0.6ex; 230 border-bottom: 1px solid rgb(0,102,204); 231 } 232 233 #main-copy .topOfPage { 234 color: rgb(0,102,204); 235 background-color: transparent; 236 font-size: 91%; 237 font-weight: bold; 238 text-decoration: none; 239 margin: 3ex 1ex 0 0; 240 padding: 0; 241 float: right; 242 } 243 244 dl { 245 margin: 1em 1ex 2em 1ex; 246 padding: 0; 247 } 248 249 dt { 250 font-weight: bold; 251 margin: 0 0 0 0; 252 padding: 0; 253 } 254 255 dd { 256 margin: 0 0 2em 2em; 257 padding: 0; 258 } 259 260 261 /* ##### Footer ##### */ 262 263 #footer { 264 color: white; 265 background-color: rgb(100,135,220); 266 font-size: 91%; 267 margin: 0; 268 padding: 1em 2.5mm 2.5ex 2.5mm; 269 clear: both; 270 } 271 272 #footer .left { 273 text-align: left; 274 line-height: 1.45em; 275 float: left; 276 clear: left; 277 } 278 279 #footer .right { 280 text-align: right; 281 line-height: 1.45em; 282 } 283 284 #footer a { 285 color: white; 286 background-color: transparent; 287 text-decoration: underline; 288 } 289 290 #footer a:hover { 291 text-decoration: none; 292 }