| commit | author | age | ||
| e019f2 | 1 | /***** Roundcube|Mail basic styles *****/ |
| 4e17e6 | 2 | |
| T | 3 | body |
| 4 | { | |
| 5 | margin: 8px; | |
| 0f8ff2 | 6 | background-color: #F6F6F6; |
| 4e17e6 | 7 | color: #000000; |
| T | 8 | } |
| 9 | ||
| 10 | body.iframe | |
| 11 | { | |
| 361ce6 | 12 | margin: 20px 0 0 0; |
| a02d48 | 13 | background-color: #FFF; |
| 4e17e6 | 14 | } |
| T | 15 | |
| 16 | body.extwin | |
| 17 | { | |
| 18 | margin: 10px; | |
| 19 | } | |
| 20 | ||
| fa7912 | 21 | body, td, th, div, p, h3, select, input, textarea |
| 4e17e6 | 22 | { |
| T | 23 | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| 24 | font-size: 12px; | |
| 25 | } | |
| 26 | ||
| 27 | th | |
| 28 | { | |
| 29 | font-weight: normal; | |
| 30 | } | |
| 31 | ||
| 32 | h3 | |
| 33 | { | |
| 34 | font-size: 18px; | |
| 35 | } | |
| 36 | ||
| 37 | a, a:active, a:visited | |
| 38 | { | |
| 39 | color: #000000; | |
| c8c1e0 | 40 | outline: none; |
| 4e17e6 | 41 | } |
| T | 42 | |
| 43 | a.button, a.button:visited, a.tab, a.tab:visited, a.axislist | |
| 44 | { | |
| 45 | color: #000000; | |
| 46 | text-decoration: none; | |
| 47 | } | |
| 48 | ||
| 49 | a.tab | |
| 50 | { | |
| 51 | width: 80px; | |
| 52 | display: block; | |
| 53 | text-align: center; | |
| 54 | } | |
| 55 | ||
| 56 | hr | |
| 57 | { | |
| 58 | height: 1px; | |
| 59 | background-color: #666666; | |
| 60 | border-style: none; | |
| 61 | } | |
| 62 | ||
| 6291c9 | 63 | input[type="text"], |
| A | 64 | input[type="button"], |
| 65 | input[type="password"], | |
| 66 | textarea | |
| 4e17e6 | 67 | { |
| 6291c9 | 68 | border: 1px solid #666666; |
| 632102 | 69 | color: #333333; |
| 4e17e6 | 70 | background-color: #ffffff; |
| T | 71 | } |
| 72 | ||
| 0b0a29 | 73 | input, textarea |
| f1a16f | 74 | { |
| 7e7edf | 75 | color: black; |
| fa7912 | 76 | padding: 1px 3px; |
| 0b0a29 | 77 | } |
| A | 78 | |
| 0501b6 | 79 | input.placeholder, |
| T | 80 | textarea.placeholder |
| 81 | { | |
| 82 | color: #aaa; | |
| 83 | } | |
| 84 | ||
| 4e17e6 | 85 | input.button |
| T | 86 | { |
| 87 | height: 20px; | |
| 88 | color: #333333; | |
| 89 | font-size: 12px; | |
| 90 | padding-left: 8px; | |
| 91 | padding-right: 8px; | |
| 92 | background: url(images/buttons/bg.gif) repeat-x #f0f0f0; | |
| 93 | border: 1px solid #a4a4a4; | |
| 94 | } | |
| 95 | ||
| 96 | input.button:hover | |
| 97 | { | |
| 98 | color: black; | |
| 99 | } | |
| 100 | ||
| ed132e | 101 | input.mainaction |
| T | 102 | { |
| 103 | font-weight: bold; | |
| 104 | border: 1px solid #999; | |
| 105 | } | |
| 106 | ||
| 4e17e6 | 107 | img |
| T | 108 | { |
| c47ff4 | 109 | border: 0; |
| 4e17e6 | 110 | } |
| T | 111 | |
| 112 | .alttext | |
| 113 | { | |
| 114 | font-size: 11px; | |
| 115 | } | |
| 116 | ||
| a8d23d | 117 | .hint |
| T | 118 | { |
| 119 | color: #666; | |
| 120 | font-size: 11px; | |
| 121 | } | |
| 4e17e6 | 122 | |
| 0501b6 | 123 | .formlinks a, |
| T | 124 | .formlinks a:visited |
| 125 | { | |
| 126 | color: #CC0000; | |
| 127 | font-size: 11px; | |
| 128 | text-decoration: none; | |
| 129 | } | |
| 130 | ||
| 131 | .formlinks a.disabled, | |
| 132 | .formlinks a.disabled:visited | |
| 133 | { | |
| 134 | color: #999999; | |
| 135 | } | |
| 136 | ||
| 4e17e6 | 137 | /** common user interface objects */ |
| T | 138 | |
| 087c7d | 139 | #mainscreen |
| A | 140 | { |
| 141 | position: absolute; | |
| 142 | top: 85px; | |
| 143 | right: 20px; | |
| 144 | bottom: 20px; | |
| 145 | left: 20px; | |
| 146 | } | |
| 147 | ||
| 4e17e6 | 148 | #header |
| T | 149 | { |
| 7902df | 150 | position: absolute; |
| 4b1647 | 151 | top: 8px; |
| T | 152 | left: 19px; |
| 4e17e6 | 153 | width: 170px; |
| T | 154 | height: 40px; |
| 7902df | 155 | z-index: 100; |
| 4e17e6 | 156 | } |
| T | 157 | |
| 158 | #taskbar | |
| 159 | { | |
| 7902df | 160 | position: absolute; |
| T | 161 | top: 0px; |
| 162 | right: 0px; | |
| 8955ca | 163 | height: 24px; |
| ee09d4 | 164 | width: 100%; |
| 510df5 | 165 | background: url(images/taskbar.png) top right no-repeat; |
| 39d8cc | 166 | padding: 10px 6px 5px 0px; |
| 7902df | 167 | text-align: right; |
| T | 168 | white-space: nowrap; |
| 169 | z-index: 2; | |
| 4e17e6 | 170 | } |
| T | 171 | |
| d7f49d | 172 | #taskbar a |
| 4e17e6 | 173 | { |
| 7902df | 174 | font-size: 11px; |
| T | 175 | color: #666666; |
| 176 | text-decoration: none; | |
| 35a390 | 177 | padding: 6px 12px 6px 26px; |
| 9224c8 | 178 | background: url(images/taskicons.gif) no-repeat; |
| 7902df | 179 | } |
| T | 180 | |
| 181 | #taskbar a:hover | |
| 182 | { | |
| 183 | color: #333333; | |
| 184 | } | |
| 185 | ||
| d7f49d | 186 | #taskbar a.button-mail |
| 7902df | 187 | { |
| d7f49d | 188 | background-position: 0 0; |
| 7902df | 189 | } |
| T | 190 | |
| d7f49d | 191 | #taskbar a.button-addressbook |
| 7902df | 192 | { |
| d7f49d | 193 | background-position: 0 -25px; |
| 7902df | 194 | } |
| T | 195 | |
| d7f49d | 196 | #taskbar a.button-settings |
| 7902df | 197 | { |
| d7f49d | 198 | background-position: 0 -50px; |
| 7902df | 199 | } |
| T | 200 | |
| d7f49d | 201 | #taskbar a.button-logout |
| 7902df | 202 | { |
| d7f49d | 203 | background-position: 0 -75px; |
| 4e17e6 | 204 | } |
| T | 205 | |
| 206 | #message | |
| 207 | { | |
| 208 | position: absolute; | |
| 209 | display: none; | |
| 7902df | 210 | top: -1px; |
| c7a815 | 211 | margin-left: -225px; |
| A | 212 | left: 50%; |
| 4e17e6 | 213 | z-index: 5000; |
| a95e0e | 214 | opacity: 0.85; |
| 4e17e6 | 215 | } |
| T | 216 | |
| 217 | #message div | |
| 218 | { | |
| 219 | width: 400px; | |
| a3861b | 220 | margin: 0px; |
| d7f49d | 221 | min-height: 22px; |
| 4e17e6 | 222 | padding: 8px 10px 8px 46px; |
| T | 223 | } |
| 224 | ||
| 225 | #message div.notice, | |
| 226 | #remote-objects-message | |
| 227 | { | |
| 9224c8 | 228 | background: url(images/display/icons.png) 6px 3px no-repeat; |
| 4e17e6 | 229 | background-color: #F7FDCB; |
| T | 230 | border: 1px solid #C2D071; |
| 231 | } | |
| 232 | ||
| 233 | #message div.error, | |
| 234 | #message div.warning | |
| 235 | { | |
| 9224c8 | 236 | background: url(images/display/icons.png) 6px -97px no-repeat; |
| 4e17e6 | 237 | background-color: #EF9398; |
| T | 238 | border: 1px solid #DC5757; |
| 239 | } | |
| 240 | ||
| 241 | #message div.confirmation | |
| 242 | { | |
| 9224c8 | 243 | background: url(images/display/icons.png) 6px -47px no-repeat; |
| 4e17e6 | 244 | background-color: #A6EF7B; |
| T | 245 | border: 1px solid #76C83F; |
| 246 | } | |
| 247 | ||
| 248 | #message div.loading | |
| 249 | { | |
| 9224c8 | 250 | background: url(images/display/loading.gif) 6px 3px no-repeat; |
| 7902df | 251 | background-color: #EBEBEB; |
| 4e17e6 | 252 | border: 1px solid #CCCCCC; |
| T | 253 | } |
| 254 | ||
| 087c7d | 255 | .box |
| cc97ea | 256 | { |
| 087c7d | 257 | border: 1px solid #999; |
| cc97ea | 258 | } |
| T | 259 | |
| ce06d3 | 260 | .boxtitle |
| A | 261 | { |
| 262 | height: 12px !important; | |
| 263 | padding: 2px 10px 5px 5px; | |
| 264 | border-bottom: 1px solid #999; | |
| 265 | color: #333; | |
| 266 | font-size: 11px; | |
| 267 | font-weight: bold; | |
| 087c7d | 268 | overflow: hidden; |
| ce06d3 | 269 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| A | 270 | } |
| 271 | ||
| e624fc | 272 | .boxtitle .rightalign |
| T | 273 | { |
| 274 | float: right; | |
| 275 | } | |
| 276 | ||
| 361ce6 | 277 | body.iframe .boxtitle |
| T | 278 | { |
| 279 | position: fixed; | |
| 280 | top: 0; | |
| 281 | left: 0; | |
| 282 | width: 100%; | |
| 283 | } | |
| 284 | ||
| ce06d3 | 285 | .boxcontent |
| A | 286 | { |
| 287 | padding: 15px 10px 10px 10px; | |
| 288 | background-color: #F2F2F2; | |
| 289 | } | |
| 290 | ||
| 291 | .boxcontent table td.title | |
| 292 | { | |
| 293 | color: #666; | |
| 294 | padding-right: 10px; | |
| 295 | } | |
| 296 | ||
| 297 | .boxlistcontent | |
| 298 | { | |
| 299 | position: absolute; | |
| 300 | top: 20px; | |
| 301 | bottom: 22px; | |
| 302 | left: 0; | |
| 303 | right: 0; | |
| 7888dc | 304 | width: 100%; |
| ce06d3 | 305 | overflow-y: auto; |
| A | 306 | overflow-x: hidden; |
| 087c7d | 307 | } |
| A | 308 | |
| 309 | .boxsubject | |
| 310 | { | |
| 311 | position: absolute; | |
| 312 | top: 0px; | |
| 313 | left: 0px; | |
| 314 | right: 0px; | |
| 315 | overflow: hidden; | |
| 316 | height: 22px; | |
| 317 | border-bottom: 1px solid #999; | |
| 318 | background: url(images/listheader.gif) top left repeat-x #CCC; | |
| ce06d3 | 319 | } |
| A | 320 | |
| 321 | .boxfooter | |
| 322 | { | |
| 323 | position: absolute; | |
| 324 | bottom: 0px; | |
| 325 | left: 0px; | |
| 326 | right: 0px; | |
| 327 | overflow: hidden; | |
| 328 | height: 22px; | |
| 329 | border-top: 1px solid #999; | |
| a2e817 | 330 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| ce06d3 | 331 | } |
| A | 332 | |
| 333 | .boxfooter a.button, | |
| 334 | .boxfooter a.buttonPas | |
| 335 | { | |
| 336 | display: block; | |
| 337 | float: left; | |
| 338 | width: 34px; | |
| 339 | height: 22px; | |
| 340 | padding: 0px; | |
| 341 | margin: 0; | |
| 342 | overflow: hidden; | |
| a2e817 | 343 | background: url(images/icons/groupactions.png) 0 0 no-repeat transparent; |
| ce06d3 | 344 | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| A | 345 | } |
| 346 | ||
| 347 | .boxfooter a.groupactions | |
| 348 | { | |
| 349 | background-position: 0 -26px; | |
| 350 | } | |
| 351 | ||
| 352 | .boxfooter a.buttonPas | |
| 353 | { | |
| 354 | opacity: 0.35; | |
| 355 | } | |
| 356 | ||
| 0d35d6 | 357 | .pagenav |
| A | 358 | { |
| 359 | min-width: 250px; | |
| 360 | } | |
| 361 | ||
| ce06d3 | 362 | .pagenav span |
| A | 363 | { |
| 9689f5 | 364 | color: #444; |
| ce06d3 | 365 | font-size: 11px; |
| A | 366 | text-shadow: white 1px 1px; |
| 087c7d | 367 | white-space: nowrap; |
| ce06d3 | 368 | } |
| A | 369 | |
| 4a4265 | 370 | .pagenav a.button, |
| T | 371 | .pagenav a.buttonPas |
| 372 | { | |
| 373 | display: block; | |
| 374 | float: left; | |
| 375 | width: 11px; | |
| 376 | height: 11px; | |
| 377 | padding: 0; | |
| 378 | margin: 1px; | |
| 379 | overflow: hidden; | |
| 9224c8 | 380 | background: url(images/pagenav.gif) 0 0 no-repeat transparent; |
| 4a4265 | 381 | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| T | 382 | } |
| 383 | ||
| 384 | .pagenav a.buttonPas { | |
| 385 | opacity: 0.35; | |
| 386 | } | |
| 387 | ||
| 388 | .pagenav a.firstpageSel { | |
| 389 | background-position: 0 -11px; | |
| 390 | } | |
| 391 | ||
| 392 | .pagenav a.prevpage { | |
| 393 | background-position: -11px 0; | |
| 394 | } | |
| 395 | ||
| 396 | .pagenav a.prevpageSel { | |
| 397 | background-position: -11px -11px; | |
| 398 | } | |
| 399 | ||
| 400 | .pagenav a.nextpage { | |
| 401 | background-position: -22px 0; | |
| 402 | } | |
| 403 | ||
| 404 | .pagenav a.nextpageSel { | |
| 405 | background-position: -22px -11px; | |
| 406 | } | |
| 407 | ||
| 408 | .pagenav a.lastpage { | |
| 409 | background-position: -33px 0; | |
| 410 | } | |
| 411 | ||
| 412 | .pagenav a.lastpageSel { | |
| 413 | background-position: -33px -11px; | |
| 414 | } | |
| 415 | ||
| a7d5c6 | 416 | .splitter |
| T | 417 | { |
| e5686f | 418 | user-select: none; |
| A | 419 | -moz-user-select: none; |
| 420 | -khtml-user-select: none; | |
| a7d5c6 | 421 | position: absolute; |
| T | 422 | background: url(images/dimple.png) center no-repeat; |
| 423 | } | |
| 424 | ||
| 425 | .splitter-h | |
| 426 | { | |
| 636328 | 427 | cursor: n-resize; cursor: row-resize; |
| a7d5c6 | 428 | background-position: center 2px; |
| T | 429 | } |
| 430 | ||
| 431 | .splitter-v | |
| 432 | { | |
| 636328 | 433 | cursor: e-resize; cursor: col-resize; |
| e5686f | 434 | background-position: 2px center; |
| a7d5c6 | 435 | } |
| T | 436 | |
| c16986 | 437 | .popupmenu |
| A | 438 | { |
| 439 | position: absolute; | |
| 440 | top: 32px; | |
| 441 | left: 90px; | |
| 442 | width: auto; | |
| 443 | display: none; | |
| 444 | background-color: #fff; | |
| 445 | background-color: rgba(255, 255, 255, 0.95); | |
| 446 | border: 1px solid #999; | |
| 447 | padding: 4px; | |
| 448 | z-index: 240; | |
| 449 | border-radius: 3px; | |
| 450 | -moz-border-radius: 3px; | |
| 451 | -webkit-border-radius: 3px; | |
| 452 | -moz-box-shadow: 1px 1px 12px #999; | |
| 453 | -webkit-box-shadow: #999 1px 1px 12px; | |
| 454 | } | |
| 455 | ||
| 9b3fdc | 456 | .popupmenu ul |
| A | 457 | { |
| 458 | margin: -4px 0; | |
| 459 | padding: 0; | |
| 460 | list-style: none; | |
| 461 | } | |
| 462 | ||
| 463 | .popupmenu ul li | |
| 464 | { | |
| 465 | font-size: 11px; | |
| 466 | white-space: nowrap; | |
| 467 | min-width: 100px; | |
| 468 | margin: 3px -4px; | |
| 469 | } | |
| 470 | ||
| 471 | .popupmenu li a | |
| 472 | { | |
| 473 | display: block; | |
| 474 | color: #a0a0a0; | |
| 475 | padding: 2px 10px; | |
| 476 | text-decoration: none; | |
| 477 | min-height: 14px; | |
| 478 | } | |
| 479 | ||
| 480 | .popupmenu li a.active, | |
| 481 | .popupmenu li a.active:active, | |
| 482 | .popupmenu li a.active:visited | |
| 483 | { | |
| 484 | color: #333; | |
| 485 | } | |
| 486 | ||
| 487 | .popupmenu li a.active:hover | |
| 488 | { | |
| 489 | color: #fff; | |
| 490 | background-color: #c00; | |
| 491 | } | |
| e9b5a6 | 492 | |
| 8254d9 | 493 | .popupmenu li.block input |
| a509bb | 494 | { |
| A | 495 | float: left; |
| 496 | } | |
| 497 | ||
| 7a0b9b | 498 | .darkbg |
| A | 499 | { |
| 500 | background-color: #F2F2F2 !important; | |
| 501 | } | |
| 502 | ||
| e25a35 | 503 | .dropbutton, |
| A | 504 | .dropbutton span |
| 505 | { | |
| 506 | float: left; | |
| 507 | height: 32px; | |
| 508 | } | |
| 509 | ||
| 510 | .dropbutton:hover | |
| 511 | { | |
| e363b0 | 512 | /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */ |
| e25a35 | 513 | } |
| A | 514 | |
| 515 | .dropbutton span | |
| 516 | { | |
| 517 | width: 9px; | |
| 518 | background: url(images/dbutton.png) -53px 0 no-repeat transparent; | |
| 519 | } | |
| 520 | ||
| 521 | .dropbutton span:hover | |
| 522 | { | |
| 523 | cursor: pointer; | |
| e363b0 | 524 | background-position: -74px 0; |
| e25a35 | 525 | } |
| A | 526 | |
| 6fff3c | 527 | |
| 4e17e6 | 528 | /***** common table settings ******/ |
| T | 529 | |
| 530 | table.records-table thead tr td | |
| 531 | { | |
| 532 | height: 20px; | |
| 533 | padding: 0px 4px 0px 4px; | |
| 534 | vertical-align: middle; | |
| 535 | border-bottom: 1px solid #999999; | |
| 536 | color: #333333; | |
| 9224c8 | 537 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| 4e17e6 | 538 | font-size: 11px; |
| T | 539 | font-weight: bold; |
| 540 | } | |
| 541 | ||
| 542 | table.records-table tbody tr td | |
| 543 | { | |
| 544 | height: 16px; | |
| 545 | padding: 2px 4px 2px 4px; | |
| 546 | font-size: 11px; | |
| 547 | white-space: nowrap; | |
| 548 | border-bottom: 1px solid #EBEBEB; | |
| 549 | overflow: hidden; | |
| 550 | text-align: left; | |
| 551 | } | |
| 552 | ||
| 553 | table.records-table tr | |
| 554 | { | |
| 555 | background-color: #FFFFFF; | |
| 556 | } | |
| 557 | ||
| 558 | table.records-table tr.selected td | |
| 559 | { | |
| 560 | color: #FFFFFF; | |
| 561 | background-color: #CC3333; | |
| 562 | } | |
| 563 | ||
| 6b47de | 564 | table.records-table tr.focused td |
| T | 565 | { |
| 566 | } | |
| 567 | ||
| 568 | table.records-table tr.unfocused td | |
| 569 | { | |
| 570 | color: #FFFFFF; | |
| 571 | background-color: #929292; | |
| 572 | } | |
| 4e17e6 | 573 | |
| T | 574 | |
| f11541 | 575 | /***** mac-style quicksearch field *****/ |
| T | 576 | |
| 577 | #quicksearchbar | |
| 578 | { | |
| 579 | position: absolute; | |
| e538b3 | 580 | top: 55px; |
| 39d8cc | 581 | right: 30px; |
| A | 582 | width: 190px; |
| f11541 | 583 | height: 20px; |
| T | 584 | text-align: right; |
| 9224c8 | 585 | background: url(images/searchfield.gif) top left no-repeat; |
| f11541 | 586 | } |
| T | 587 | |
| 30b152 | 588 | #searchreset |
| f11541 | 589 | { |
| T | 590 | position: absolute; |
| 591 | top: 3px; | |
| 39d8cc | 592 | right: 12px; |
| f11541 | 593 | text-decoration: none; |
| T | 594 | } |
| 595 | ||
| 9e5550 | 596 | #searchmenulink |
| 30b152 | 597 | { |
| A | 598 | position: absolute; |
| 599 | top: 3px; | |
| 39d8cc | 600 | right: 168px; |
| 30b152 | 601 | } |
| A | 602 | |
| f11541 | 603 | #quicksearchbar img |
| T | 604 | { |
| 605 | vertical-align: middle; | |
| 606 | } | |
| 607 | ||
| 608 | #quicksearchbox | |
| 609 | { | |
| 610 | position: absolute; | |
| 611 | top: 2px; | |
| 562c0e | 612 | left: 24px; |
| f11541 | 613 | width: 140px; |
| 269719 | 614 | height: 15px; |
| f11541 | 615 | font-size: 11px; |
| T | 616 | padding: 0px; |
| 617 | border: none; | |
| 618 | } | |
| 619 | ||
| 4e17e6 | 620 | /***** roundcube webmail pre-defined classes *****/ |
| T | 621 | |
| 479a99 | 622 | #rcmversion |
| f11541 | 623 | { |
| T | 624 | position: absolute; |
| 479a99 | 625 | bottom: 10px; |
| A | 626 | right: 20px; |
| 627 | text-align: right; | |
| 628 | white-space: nowrap; | |
| 629 | font-size: 8pt; | |
| 630 | color: #999; | |
| f11541 | 631 | } |
| T | 632 | |
| 633 | #rcmdraglayer | |
| 634 | { | |
| 633142 | 635 | min-width: 300px; |
| T | 636 | width: auto !important; |
| f11541 | 637 | width: 300px; |
| T | 638 | border: 1px solid #999999; |
| 5800fb | 639 | background-color: #fff; |
| f11541 | 640 | padding-left: 8px; |
| T | 641 | padding-right: 8px; |
| 642 | padding-top: 3px; | |
| 643 | padding-bottom: 3px; | |
| 644 | font-size: 11px; | |
| 633142 | 645 | white-space: nowrap; |
| ca38db | 646 | opacity: 0.82; |
| T | 647 | border-radius: 3px; |
| 648 | -moz-border-radius: 3px; | |
| 649 | -webkit-border-radius: 3px; | |
| 650 | -moz-box-shadow: 1px 1px 12px #999; | |
| 651 | -webkit-box-shadow: #999 1px 1px 12px; | |
| 652 | } | |
| 653 | ||
| 5800fb | 654 | .draglayercopy:before |
| T | 655 | { |
| ca38db | 656 | position: absolute; |
| T | 657 | bottom: -5px; |
| 658 | left: -6px; | |
| 659 | content: " "; | |
| 660 | width: 14px; | |
| 661 | height: 14px; | |
| 662 | background: url(images/messageactions.png) -2px -128px no-repeat; | |
| f11541 | 663 | } |
| T | 664 | |
| 4e17e6 | 665 | a.rcmContactAddress |
| T | 666 | { |
| 667 | text-decoration: none; | |
| 668 | } | |
| 669 | ||
| 670 | a.rcmContactAddress:hover | |
| 671 | { | |
| 672 | text-decoration: underline; | |
| 673 | } | |
| 674 | ||
| 675 | #rcmKSearchpane | |
| 676 | { | |
| 677 | background-color: #F9F9F9; | |
| 678 | border: 1px solid #CCCCCC; | |
| 679 | } | |
| 680 | ||
| 681 | #rcmKSearchpane ul | |
| 682 | { | |
| 683 | margin: 0px; | |
| 684 | padding: 2px; | |
| 685 | list-style-image: none; | |
| 686 | list-style-type: none; | |
| 687 | } | |
| 688 | ||
| 689 | #rcmKSearchpane ul li | |
| 690 | { | |
| 2c8e84 | 691 | display: block; |
| 4e17e6 | 692 | height: 16px; |
| T | 693 | font-size: 11px; |
| 2c8e84 | 694 | padding-left: 6px; |
| 4e17e6 | 695 | padding-top: 2px; |
| 2c8e84 | 696 | padding-right: 6px; |
| T | 697 | white-space: nowrap; |
| 698 | cursor: pointer; | |
| 4e17e6 | 699 | } |
| T | 700 | |
| 701 | #rcmKSearchpane ul li.selected | |
| 702 | { | |
| 703 | color: #ffffff; | |
| 704 | background-color: #CC3333; | |
| 705 | } | |
| 706 | ||
| f055b1 | 707 | #login-form |
| A | 708 | { |
| 709 | margin-left: auto; | |
| 710 | margin-right: auto; | |
| 711 | margin-top: 50px; | |
| 712 | width: 400px; | |
| 713 | border: 1px solid #999; | |
| 714 | } | |
| 715 | ||
| 716 | #login-form table td.title | |
| 717 | { | |
| 718 | text-align: right; | |
| 719 | white-space: nowrap; | |
| 720 | } | |
| 721 | ||
| 722 | #login-form table | |
| 723 | { | |
| 724 | width: 1%; | |
| 725 | margin: auto; | |
| 726 | } | |
| 09839a | 727 | |
| df2a51 | 728 | #rcmloginuser, #rcmloginpwd, #rcmloginhost |
| V | 729 | { |
| 730 | width: 200px; | |
| 731 | } | |
| 732 | ||
| 09839a | 733 | #console |
| A | 734 | { |
| 735 | opacity: 0.8; | |
| 736 | } | |
| 6fff3c | 737 | |
| 6769ba | 738 | .disabled |
| A | 739 | { |
| 740 | color: #999; | |
| 741 | } | |
| 742 | ||
| 743 | font.bold | |
| 744 | { | |
| 745 | font-weight: bold; | |
| 746 | } | |
| 747 | ||
| 7a0b9b | 748 | |
| 6fff3c | 749 | /***** onclick menu list *****/ |
| A | 750 | |
| 751 | ul.toolbarmenu | |
| 752 | { | |
| f52c93 | 753 | margin: -4px 0 -4px 0; |
| 6fff3c | 754 | padding: 0; |
| A | 755 | list-style: none; |
| 756 | } | |
| 757 | ||
| 758 | ul.toolbarmenu li | |
| 759 | { | |
| 760 | font-size: 11px; | |
| 761 | white-space: nowrap; | |
| 762 | min-width: 130px; | |
| cf3992 | 763 | margin: 2px -4px; |
| 6fff3c | 764 | } |
| A | 765 | |
| 766 | ul.toolbarmenu li a | |
| 767 | { | |
| 768 | display: block; | |
| 769 | color: #a0a0a0; | |
| f1ad36 | 770 | padding: 1px 12px 3px 28px; |
| 6fff3c | 771 | text-decoration: none; |
| A | 772 | min-height: 14px; |
| 773 | } | |
| 774 | ||
| 775 | ul.toolbarmenu li a.active, | |
| 776 | ul.toolbarmenu li a.active:active, | |
| 777 | ul.toolbarmenu li a.active:visited | |
| 778 | { | |
| 779 | color: #333; | |
| 780 | } | |
| 781 | ||
| 782 | ul.toolbarmenu li input | |
| 783 | { | |
| 784 | vertical-align: middle; | |
| 785 | } | |
| 786 | ||
| 787 | ul.toolbarmenu li hr | |
| 788 | { | |
| 789 | color: #ccc; | |
| 790 | width: 130px; | |
| 791 | height: 1px; | |
| 792 | margin: 2px 1px 2px 1px; | |
| 793 | } | |
| 794 | ||
| 795 | ul.toolbarmenu li img | |
| 796 | { | |
| 797 | float: left; | |
| 798 | margin: 0 2px; | |
| 799 | } | |
| 800 | ||
| e9b5a6 | 801 | div.popupmenu ul li.separator_below, |
| 6fff3c | 802 | ul.toolbarmenu li.separator_below |
| A | 803 | { |
| 804 | border-bottom: 1px solid #ccc; | |
| 805 | margin-bottom: 2px; | |
| 806 | padding-bottom: 2px; | |
| 807 | } | |
| 808 | ||
| e9b5a6 | 809 | div.popupmenu ul li.separator_above, |
| 6fff3c | 810 | ul.toolbarmenu li.separator_above |
| A | 811 | { |
| 812 | border-top: 1px solid #ccc; | |
| 813 | margin-top: 2px; | |
| 814 | padding-top: 2px; | |
| 815 | } | |
| f52c93 | 816 | |
| 3cacf9 | 817 | #searchmenu |
| A | 818 | { |
| 819 | width: 160px; | |
| 820 | } | |
| 821 | ||
| 822 | #searchmenu ul.toolbarmenu | |
| 823 | { | |
| 824 | margin: 0; | |
| 825 | } | |
| 826 | ||
| 827 | #searchmenu ul.toolbarmenu li | |
| 828 | { | |
| 829 | margin: 1px 4px 1px; | |
| 830 | } | |
| 831 | ||
| 6769ba | 832 | |
| A | 833 | /***** tabbed interface elements *****/ |
| 834 | ||
| 835 | div.tabsbar, | |
| 836 | #tabsbar | |
| f52c93 | 837 | { |
| 6769ba | 838 | position: absolute; |
| A | 839 | top: 50px; |
| 840 | left: 220px; | |
| 841 | right: 20px; | |
| 842 | height: 22px; | |
| 843 | border-bottom: 1px solid #999999; | |
| 844 | white-space: nowrap; | |
| f52c93 | 845 | } |
| 087c7d | 846 | |
| 6769ba | 847 | div.tabsbar |
| 087c7d | 848 | { |
| 6769ba | 849 | top: 35px; |
| A | 850 | left: 12px; |
| 851 | right: 12px; | |
| 087c7d | 852 | } |
| 6769ba | 853 | |
| A | 854 | span.tablink, |
| 855 | span.tablink-selected | |
| 856 | { | |
| 857 | float: left; | |
| 858 | height: 23px !important; | |
| 859 | height: 22px; | |
| 860 | overflow: hidden; | |
| 861 | background: url(images/tabs-left.gif) top left no-repeat; | |
| 862 | } | |
| 863 | ||
| 864 | span.tablink | |
| 865 | { | |
| 866 | cursor: pointer; | |
| 867 | } | |
| 868 | ||
| 869 | span.tablink-selected | |
| 870 | { | |
| 871 | cursor: default; | |
| 872 | background-position: 0px -23px; | |
| 873 | } | |
| 874 | ||
| 875 | span.tablink a, | |
| 876 | span.tablink-selected a | |
| 877 | { | |
| 5b123f | 878 | display: inline-block; |
| 6769ba | 879 | padding: 5px 10px 0 5px; |
| A | 880 | margin-left: 5px; |
| 881 | height: 23px; | |
| 882 | color: #555555; | |
| 883 | max-width: 185px; | |
| 884 | text-decoration: none; | |
| 885 | overflow: hidden; | |
| 886 | text-overflow: ellipsis; | |
| 887 | -o-text-overflow: ellipsis; | |
| 888 | background: url(images/tabs-right.gif) top right no-repeat; | |
| 889 | } | |
| 890 | ||
| 891 | span.tablink-selected a | |
| 892 | { | |
| 893 | cursor: inherit; | |
| 894 | color: #000000; | |
| 895 | background-position: right -23px; | |
| 896 | } | |
| 897 | ||
| cb7d32 | 898 | fieldset |
| T | 899 | { |
| 900 | margin-bottom: 1em; | |
| 901 | border: 1px solid #999999; | |
| 902 | padding: 4px 8px 9px 8px; | |
| 903 | } | |
| 904 | ||
| 905 | legend | |
| 906 | { | |
| 907 | color: #999999; | |
| 908 | } | |
| 909 | ||
| 6769ba | 910 | fieldset.tabbed |
| A | 911 | { |
| 912 | margin-top: 22px; | |
| 913 | padding-top: 12px; | |
| 914 | } | |
| 915 | ||
| af3c04 | 916 | .quota_text { |
| A | 917 | text-align: center; |
| 918 | font-size: 10px; | |
| 919 | color: #666; | |
| 920 | border: 1px solid #999; | |
| 921 | cursor: default; | |
| 922 | } | |
| 923 | .quota_bg { background-color: white; } | |
| a1621c | 924 | .quota_high { background: url(images/quota-colors.png) repeat-x 0 -28px #f90509; } |
| V | 925 | .quota_mid { background: url(images/quota-colors.png) repeat-x 0 -14px #e3e909; } |
| 926 | .quota_low { background: url(images/quota-colors.png) repeat-x 0 0px #05f905; } | |
| af3c04 | 927 | .quota_text_high { color: white; } |
| A | 928 | .quota_text_mid { color: #666; } |
| 929 | .quota_text_low { color: #666; } | |
