| 1 | #setup_info |
|---|
| 2 | { |
|---|
| 3 | color:#5F5F5F; |
|---|
| 4 | } |
|---|
| 5 | |
|---|
| 6 | #setup_error |
|---|
| 7 | { |
|---|
| 8 | color:red; |
|---|
| 9 | } |
|---|
| 10 | |
|---|
| 11 | #setup_warning |
|---|
| 12 | { |
|---|
| 13 | color: #5F5F5F; |
|---|
| 14 | } |
|---|
| 15 | /* |
|---|
| 16 | StyleSheet coding standards: |
|---|
| 17 | |
|---|
| 18 | 1. use lowercase if possible |
|---|
| 19 | |
|---|
| 20 | 2. format styles like this: |
|---|
| 21 | |
|---|
| 22 | body |
|---|
| 23 | { |
|---|
| 24 | font-size: 12px; |
|---|
| 25 | font-family: Verdana, Arial, Helvetica, sans-serif |
|---|
| 26 | } |
|---|
| 27 | |
|---|
| 28 | 3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's. |
|---|
| 29 | |
|---|
| 30 | 4. close every property with ; also the last one. |
|---|
| 31 | */ |
|---|
| 32 | |
|---|
| 33 | body |
|---|
| 34 | { |
|---|
| 35 | background-image:url(../images/body-background.png); |
|---|
| 36 | font-size: 11px; |
|---|
| 37 | font-family: Verdana, Arial, Helvetica, sans-serif; |
|---|
| 38 | padding:3px; |
|---|
| 39 | } |
|---|
| 40 | |
|---|
| 41 | form |
|---|
| 42 | { |
|---|
| 43 | margin:0px; |
|---|
| 44 | padding:0px; |
|---|
| 45 | } |
|---|
| 46 | |
|---|
| 47 | img |
|---|
| 48 | { |
|---|
| 49 | border-width:0px; |
|---|
| 50 | border-style:none; |
|---|
| 51 | /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader; |
|---|
| 52 | */ |
|---|
| 53 | } |
|---|
| 54 | |
|---|
| 55 | a:link,a:visited |
|---|
| 56 | { |
|---|
| 57 | cursor:pointer; |
|---|
| 58 | color: #006699; |
|---|
| 59 | text-decoration: none; |
|---|
| 60 | } |
|---|
| 61 | |
|---|
| 62 | /* |
|---|
| 63 | a:visited |
|---|
| 64 | { |
|---|
| 65 | color: #006699; |
|---|
| 66 | text-decoration: none; |
|---|
| 67 | } |
|---|
| 68 | */ |
|---|
| 69 | a:hover,a:active |
|---|
| 70 | { |
|---|
| 71 | cursor:pointer; |
|---|
| 72 | color: #ff9933; |
|---|
| 73 | text-decoration: underline; |
|---|
| 74 | } |
|---|
| 75 | /* |
|---|
| 76 | a:active |
|---|
| 77 | { |
|---|
| 78 | color: #006699; |
|---|
| 79 | text-decoration: underline; |
|---|
| 80 | } |
|---|
| 81 | */ |
|---|
| 82 | input,button |
|---|
| 83 | { |
|---|
| 84 | font-size: 12px; |
|---|
| 85 | color: #006699; |
|---|
| 86 | font-family: Arial, Helvetica, sans-serif; |
|---|
| 87 | border: 1px #bbbbbb solid; |
|---|
| 88 | } |
|---|
| 89 | |
|---|
| 90 | input[type=submit],input[type=button],input[type=reset],button |
|---|
| 91 | { |
|---|
| 92 | margin:1px; |
|---|
| 93 | padding:1px; |
|---|
| 94 | cursor: pointer; |
|---|
| 95 | cursor: hand; |
|---|
| 96 | } |
|---|
| 97 | |
|---|
| 98 | input[type=image] |
|---|
| 99 | { |
|---|
| 100 | cursor: pointer; |
|---|
| 101 | cursor: hand; |
|---|
| 102 | border: 0px #bbbbbb none; |
|---|
| 103 | } |
|---|
| 104 | select |
|---|
| 105 | { |
|---|
| 106 | font-size: 11px; |
|---|
| 107 | color: #006699; |
|---|
| 108 | font-family: Arial, Helvetica, sans-serif; |
|---|
| 109 | border: 1px #bbbbbb solid; |
|---|
| 110 | } |
|---|
| 111 | |
|---|
| 112 | td |
|---|
| 113 | { |
|---|
| 114 | |
|---|
| 115 | /* global tags should never be defined here [ndee]*/ |
|---|
| 116 | font-size: 11px; |
|---|
| 117 | /* removed text-align:left; [ndee]*/ |
|---|
| 118 | /* padding-top:1px; |
|---|
| 119 | padding-bottom:1px;*/ |
|---|
| 120 | } |
|---|
| 121 | |
|---|
| 122 | .divLoginbox |
|---|
| 123 | { |
|---|
| 124 | position:relative; |
|---|
| 125 | width: 300px; |
|---|
| 126 | border-right: #9c9c9c 1px solid; |
|---|
| 127 | border-top: #9c9c9c 1px solid; |
|---|
| 128 | border-left: #9c9c9c 1px solid; |
|---|
| 129 | border-bottom: #9c9c9c 1px solid |
|---|
| 130 | } |
|---|
| 131 | |
|---|
| 132 | .divLoginboxHeader |
|---|
| 133 | { |
|---|
| 134 | text-align:center; |
|---|
| 135 | background-color:#dddddd; |
|---|
| 136 | padding-top:2px; |
|---|
| 137 | font-size:10px; |
|---|
| 138 | color:#666666; |
|---|
| 139 | } |
|---|
| 140 | .divSidebox |
|---|
| 141 | { |
|---|
| 142 | position:relative; |
|---|
| 143 | width: 147px; |
|---|
| 144 | border-right: #9c9c9c 1px solid; |
|---|
| 145 | border-top: #9c9c9c 1px solid; |
|---|
| 146 | border-left: #9c9c9c 1px solid; |
|---|
| 147 | border-bottom: #9c9c9c 1px solid |
|---|
| 148 | } |
|---|
| 149 | |
|---|
| 150 | .divSideboxHeader |
|---|
| 151 | { |
|---|
| 152 | text-align:center; |
|---|
| 153 | background-color:#dddddd; |
|---|
| 154 | padding-top:2px; |
|---|
| 155 | font-size:10px; |
|---|
| 156 | color:#666666; |
|---|
| 157 | } |
|---|
| 158 | |
|---|
| 159 | a.divSideboxEntry, .divSideboxEntry |
|---|
| 160 | { |
|---|
| 161 | text-align:left; |
|---|
| 162 | height:16px; |
|---|
| 163 | background-color:#eeeeee; |
|---|
| 164 | } |
|---|
| 165 | |
|---|
| 166 | a.appTitles,.appTitles |
|---|
| 167 | { |
|---|
| 168 | font-size: 10px; |
|---|
| 169 | height:18px; |
|---|
| 170 | padding-top:2px; |
|---|
| 171 | padding-bottom:2px; |
|---|
| 172 | } |
|---|
| 173 | |
|---|
| 174 | a.textSidebox |
|---|
| 175 | { |
|---|
| 176 | font-size: 10px; |
|---|
| 177 | border-top: #aaaaaa 0px none; |
|---|
| 178 | } |
|---|
| 179 | |
|---|
| 180 | .textSidebox |
|---|
| 181 | { |
|---|
| 182 | font-size: 10px; |
|---|
| 183 | height:18px; |
|---|
| 184 | padding-top:2px; |
|---|
| 185 | padding-bottom:2px; |
|---|
| 186 | border-top: #aaaaaa 1px solid; |
|---|
| 187 | |
|---|
| 188 | } |
|---|
| 189 | |
|---|
| 190 | .sideboxSpace |
|---|
| 191 | { |
|---|
| 192 | height:9px; |
|---|
| 193 | } |
|---|
| 194 | |
|---|
| 195 | .greyLine |
|---|
| 196 | { |
|---|
| 197 | margin:1px; |
|---|
| 198 | border-top-color:#7e7e7e; |
|---|
| 199 | border-top-width:1px; |
|---|
| 200 | border-top-style:solid; |
|---|
| 201 | height:1px; |
|---|
| 202 | } |
|---|
| 203 | |
|---|
| 204 | .prefSection |
|---|
| 205 | { |
|---|
| 206 | font-weight:bold; |
|---|
| 207 | font-size:16px; |
|---|
| 208 | line-height:40px; |
|---|
| 209 | } |
|---|
| 210 | |
|---|
| 211 | #extraIcons |
|---|
| 212 | { |
|---|
| 213 | /* position:absolute; |
|---|
| 214 | z-index:13; |
|---|
| 215 | right:10px; |
|---|
| 216 | top:113px; |
|---|
| 217 | visibility:hidden;*/ |
|---|
| 218 | /* background-image:url(../images/alpha-white.png);*/ |
|---|
| 219 | background-color:#eeeeee; |
|---|
| 220 | border-width:1px; |
|---|
| 221 | border-color:#7e7e7e; |
|---|
| 222 | border-style:solid; |
|---|
| 223 | } |
|---|
| 224 | |
|---|
| 225 | .extraIconsRow |
|---|
| 226 | { |
|---|
| 227 | border-top-color:#dddddd; |
|---|
| 228 | border-top-width:1px; |
|---|
| 229 | border-top-style:solid; |
|---|
| 230 | padding:2px; |
|---|
| 231 | } |
|---|
| 232 | |
|---|
| 233 | #divMain |
|---|
| 234 | { |
|---|
| 235 | background-color:white; |
|---|
| 236 | margin-top: 5px; |
|---|
| 237 | padding:9px; |
|---|
| 238 | border-color:#7e7e7e; |
|---|
| 239 | border-width:1px; |
|---|
| 240 | border-style:solid; |
|---|
| 241 | } |
|---|
| 242 | |
|---|
| 243 | #divLogo |
|---|
| 244 | { |
|---|
| 245 | position:absolute; |
|---|
| 246 | left:20px; |
|---|
| 247 | top:5px; |
|---|
| 248 | z-index:51; |
|---|
| 249 | } |
|---|
| 250 | |
|---|
| 251 | #divAppIconBar |
|---|
| 252 | { |
|---|
| 253 | background-color:white; |
|---|
| 254 | border-top-color:#9c9c9c; |
|---|
| 255 | border-top-width:1px; |
|---|
| 256 | border-top-style:solid; |
|---|
| 257 | background-image: url(../images/fundo_topo.gif); |
|---|
| 258 | background-repeat: repeat-x |
|---|
| 259 | } |
|---|
| 260 | |
|---|
| 261 | #divAppTextBar |
|---|
| 262 | { |
|---|
| 263 | background-color:white; |
|---|
| 264 | } |
|---|
| 265 | |
|---|
| 266 | #divStatusBar |
|---|
| 267 | { |
|---|
| 268 | background-color:white; |
|---|
| 269 | height:15px; |
|---|
| 270 | padding-left:10px; |
|---|
| 271 | margin-top: 13px; |
|---|
| 272 | /* margin-bottom: 2px;*/ |
|---|
| 273 | } |
|---|
| 274 | |
|---|
| 275 | /*#divSubContainer |
|---|
| 276 | { |
|---|
| 277 | } |
|---|
| 278 | */ |
|---|
| 279 | #tdSidebox |
|---|
| 280 | { |
|---|
| 281 | width:170px; |
|---|
| 282 | background-color:white; |
|---|
| 283 | overflow:visible; |
|---|
| 284 | } |
|---|
| 285 | |
|---|
| 286 | |
|---|
| 287 | #tdAppbox |
|---|
| 288 | { |
|---|
| 289 | background-color:white; |
|---|
| 290 | padding-left:5px; |
|---|
| 291 | width: 100%; |
|---|
| 292 | } |
|---|
| 293 | #divSideboxContainer |
|---|
| 294 | { |
|---|
| 295 | position:relative; |
|---|
| 296 | width:150px; |
|---|
| 297 | top:0px; |
|---|
| 298 | left:0px; |
|---|
| 299 | background-color:white; |
|---|
| 300 | border-width:1px; |
|---|
| 301 | border-style:solid; |
|---|
| 302 | z-index:40; |
|---|
| 303 | } |
|---|
| 304 | |
|---|
| 305 | #divAppboxHeader |
|---|
| 306 | { |
|---|
| 307 | /*width:100%;*/ |
|---|
| 308 | background-image:url(../images/appbox-header-background.png); |
|---|
| 309 | background-repeat: repeat-x; |
|---|
| 310 | height:36px; |
|---|
| 311 | line-height:28px; |
|---|
| 312 | text-align:center; |
|---|
| 313 | /* padding-top:7px;*/ |
|---|
| 314 | padding-bottom:0px; |
|---|
| 315 | font-size:14px; |
|---|
| 316 | font-weight:bold; |
|---|
| 317 | color:#666666; |
|---|
| 318 | border-top-color:#9c9c9c; |
|---|
| 319 | border-top-width:1px; |
|---|
| 320 | border-top-style:solid; |
|---|
| 321 | border-left-color:#9c9c9c; |
|---|
| 322 | border-left-width:1px; |
|---|
| 323 | border-left-style:solid; |
|---|
| 324 | border-right-color:#9c9c9c; |
|---|
| 325 | border-right-width:1px; |
|---|
| 326 | border-right-style:solid; |
|---|
| 327 | } |
|---|
| 328 | |
|---|
| 329 | #divAppbox |
|---|
| 330 | { |
|---|
| 331 | /* width:100%;*/ |
|---|
| 332 | background-color:#f7f7f7; |
|---|
| 333 | padding:5px; |
|---|
| 334 | border-bottom-color:#9c9c9c; |
|---|
| 335 | border-bottom-width:1px; |
|---|
| 336 | border-bottom-style:solid; |
|---|
| 337 | border-left-color:#9c9c9c; |
|---|
| 338 | border-left-width:1px; |
|---|
| 339 | border-left-style:solid; |
|---|
| 340 | border-right-color:#9c9c9c; |
|---|
| 341 | border-right-width:1px; |
|---|
| 342 | border-right-style:solid; |
|---|
| 343 | } |
|---|
| 344 | |
|---|
| 345 | #fmStatusBar |
|---|
| 346 | { |
|---|
| 347 | margin-left:4px; |
|---|
| 348 | margin-bottom:3px; |
|---|
| 349 | font-size: 10px; |
|---|
| 350 | /* font-family: Verdana, Arial, Helvetica, sans-serif;*/ |
|---|
| 351 | |
|---|
| 352 | |
|---|
| 353 | } |
|---|
| 354 | |
|---|
| 355 | |
|---|
| 356 | .fmButton |
|---|
| 357 | { |
|---|
| 358 | background-image:url(../images/buttonbackground.png); |
|---|
| 359 | width:28px; |
|---|
| 360 | height:28px; |
|---|
| 361 | background-repeat: no-repeat; |
|---|
| 362 | } |
|---|
| 363 | |
|---|
| 364 | #fmLocation |
|---|
| 365 | { |
|---|
| 366 | position:relative; |
|---|
| 367 | /*background-image:url(../images/buttonbackgroundscaled.png); |
|---|
| 368 | background-repeat: repeat-x;*/ |
|---|
| 369 | /*margin-left:4px;*/ |
|---|
| 370 | margin-bottom:3px; |
|---|
| 371 | height:27px; |
|---|
| 372 | |
|---|
| 373 | } |
|---|
| 374 | |
|---|
| 375 | #fmMenu |
|---|
| 376 | { |
|---|
| 377 | position:relative; |
|---|
| 378 | } |
|---|
| 379 | #fmFileWindow |
|---|
| 380 | { |
|---|
| 381 | background-color:#ffffff; |
|---|
| 382 | margin-left:4px; |
|---|
| 383 | padding:5px; |
|---|
| 384 | position:relative; |
|---|
| 385 | border-right: #cccccc 1px solid; |
|---|
| 386 | border-top: #9c9c9c 2px solid; |
|---|
| 387 | border-left: #9c9c9c 2px solid; |
|---|
| 388 | border-bottom: #cccccc 1px solid |
|---|
| 389 | } |
|---|
| 390 | |
|---|
| 391 | #user_info |
|---|
| 392 | { |
|---|
| 393 | |
|---|
| 394 | |
|---|
| 395 | } |
|---|
| 396 | |
|---|
| 397 | #admin_info |
|---|
| 398 | { |
|---|
| 399 | position:relative; |
|---|
| 400 | text-align:right; |
|---|
| 401 | } |
|---|
| 402 | |
|---|
| 403 | #divGenTime |
|---|
| 404 | { |
|---|
| 405 | bottom:14px; |
|---|
| 406 | font-size: 9px; |
|---|
| 407 | color: #ff0000; |
|---|
| 408 | text-align:center; |
|---|
| 409 | width:99%; |
|---|
| 410 | } |
|---|
| 411 | |
|---|
| 412 | #divPoweredBy |
|---|
| 413 | { |
|---|
| 414 | bottom:14px; |
|---|
| 415 | font-size: 9px; |
|---|
| 416 | color: #000000; |
|---|
| 417 | text-align:center; |
|---|
| 418 | width:99%; |
|---|
| 419 | } |
|---|
| 420 | |
|---|
