| 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; |
| 8955ca | 166 | padding: 10px 4px 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 | |
| 7a0b9b | 493 | .darkbg |
| A | 494 | { |
| 495 | background-color: #F2F2F2 !important; | |
| 496 | } | |
| 497 | ||
| e25a35 | 498 | .dropbutton, |
| A | 499 | .dropbutton span |
| 500 | { | |
| 501 | float: left; | |
| 502 | height: 32px; | |
| 503 | } | |
| 504 | ||
| 505 | .dropbutton:hover | |
| 506 | { | |
| e363b0 | 507 | /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */ |
| e25a35 | 508 | } |
| A | 509 | |
| 510 | .dropbutton span | |
| 511 | { | |
| 512 | width: 9px; | |
| 513 | background: url(images/dbutton.png) -53px 0 no-repeat transparent; | |
| 514 | } | |
| 515 | ||
| 516 | .dropbutton span:hover | |
| 517 | { | |
| 518 | cursor: pointer; | |
| e363b0 | 519 | background-position: -74px 0; |
| e25a35 | 520 | } |
| A | 521 | |
| 6fff3c | 522 | |
| 4e17e6 | 523 | /***** common table settings ******/ |
| T | 524 | |
| 525 | table.records-table thead tr td | |
| 526 | { | |
| 527 | height: 20px; | |
| 528 | padding: 0px 4px 0px 4px; | |
| 529 | vertical-align: middle; | |
| 530 | border-bottom: 1px solid #999999; | |
| 531 | color: #333333; | |
| 9224c8 | 532 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| 4e17e6 | 533 | font-size: 11px; |
| T | 534 | font-weight: bold; |
| 535 | } | |
| 536 | ||
| 537 | table.records-table tbody tr td | |
| 538 | { | |
| 539 | height: 16px; | |
| 540 | padding: 2px 4px 2px 4px; | |
| 541 | font-size: 11px; | |
| 542 | white-space: nowrap; | |
| 543 | border-bottom: 1px solid #EBEBEB; | |
| 544 | overflow: hidden; | |
| 545 | text-align: left; | |
| 546 | } | |
| 547 | ||
| 548 | table.records-table tr | |
| 549 | { | |
| 550 | background-color: #FFFFFF; | |
| 551 | } | |
| 552 | ||
| 553 | table.records-table tr.selected td | |
| 554 | { | |
| 555 | color: #FFFFFF; | |
| 556 | background-color: #CC3333; | |
| 557 | } | |
| 558 | ||
| 6b47de | 559 | table.records-table tr.focused td |
| T | 560 | { |
| 561 | } | |
| 562 | ||
| 563 | table.records-table tr.unfocused td | |
| 564 | { | |
| 565 | color: #FFFFFF; | |
| 566 | background-color: #929292; | |
| 567 | } | |
| 4e17e6 | 568 | |
| T | 569 | |
| f11541 | 570 | /***** mac-style quicksearch field *****/ |
| T | 571 | |
| 572 | #quicksearchbar | |
| 573 | { | |
| 574 | position: absolute; | |
| e538b3 | 575 | top: 55px; |
| 834432 | 576 | right: 20px; |
| f11541 | 577 | width: 182px; |
| T | 578 | height: 20px; |
| 579 | text-align: right; | |
| 9224c8 | 580 | background: url(images/searchfield.gif) top left no-repeat; |
| f11541 | 581 | } |
| T | 582 | |
| 30b152 | 583 | #searchreset |
| f11541 | 584 | { |
| T | 585 | position: absolute; |
| 586 | top: 3px; | |
| 587 | right: 4px; | |
| 588 | text-decoration: none; | |
| 589 | } | |
| 590 | ||
| 9e5550 | 591 | #searchmenulink |
| 30b152 | 592 | { |
| A | 593 | position: absolute; |
| 594 | top: 3px; | |
| 562c0e | 595 | right: 160px; |
| 30b152 | 596 | } |
| A | 597 | |
| f11541 | 598 | #quicksearchbar img |
| T | 599 | { |
| 600 | vertical-align: middle; | |
| 601 | } | |
| 602 | ||
| 603 | #quicksearchbox | |
| 604 | { | |
| 605 | position: absolute; | |
| 606 | top: 2px; | |
| 562c0e | 607 | left: 24px; |
| f11541 | 608 | width: 140px; |
| 269719 | 609 | height: 15px; |
| f11541 | 610 | font-size: 11px; |
| T | 611 | padding: 0px; |
| 612 | border: none; | |
| 613 | } | |
| 614 | ||
| 615 | ||
| 4e17e6 | 616 | /***** roundcube webmail pre-defined classes *****/ |
| T | 617 | |
| 479a99 | 618 | #rcmversion |
| f11541 | 619 | { |
| T | 620 | position: absolute; |
| 479a99 | 621 | bottom: 10px; |
| A | 622 | right: 20px; |
| 623 | text-align: right; | |
| 624 | white-space: nowrap; | |
| 625 | font-size: 8pt; | |
| 626 | color: #999; | |
| f11541 | 627 | } |
| T | 628 | |
| 629 | #rcmdraglayer | |
| 630 | { | |
| 633142 | 631 | min-width: 300px; |
| T | 632 | width: auto !important; |
| f11541 | 633 | width: 300px; |
| T | 634 | border: 1px solid #999999; |
| 5800fb | 635 | background-color: #fff; |
| f11541 | 636 | padding-left: 8px; |
| T | 637 | padding-right: 8px; |
| 638 | padding-top: 3px; | |
| 639 | padding-bottom: 3px; | |
| 640 | font-size: 11px; | |
| 633142 | 641 | white-space: nowrap; |
| ca38db | 642 | opacity: 0.82; |
| T | 643 | border-radius: 3px; |
| 644 | -moz-border-radius: 3px; | |
| 645 | -webkit-border-radius: 3px; | |
| 646 | -moz-box-shadow: 1px 1px 12px #999; | |
| 647 | -webkit-box-shadow: #999 1px 1px 12px; | |
| 648 | } | |
| 649 | ||
| 5800fb | 650 | .draglayercopy:before |
| T | 651 | { |
| ca38db | 652 | position: absolute; |
| T | 653 | bottom: -5px; |
| 654 | left: -6px; | |
| 655 | content: " "; | |
| 656 | width: 14px; | |
| 657 | height: 14px; | |
| 658 | background: url(images/messageactions.png) -2px -128px no-repeat; | |
| f11541 | 659 | } |
| T | 660 | |
| 4e17e6 | 661 | a.rcmContactAddress |
| T | 662 | { |
| 663 | text-decoration: none; | |
| 664 | } | |
| 665 | ||
| 666 | a.rcmContactAddress:hover | |
| 667 | { | |
| 668 | text-decoration: underline; | |
| 669 | } | |
| 670 | ||
| 671 | #rcmKSearchpane | |
| 672 | { | |
| 673 | background-color: #F9F9F9; | |
| 674 | border: 1px solid #CCCCCC; | |
| 675 | } | |
| 676 | ||
| 677 | #rcmKSearchpane ul | |
| 678 | { | |
| 679 | margin: 0px; | |
| 680 | padding: 2px; | |
| 681 | list-style-image: none; | |
| 682 | list-style-type: none; | |
| 683 | } | |
| 684 | ||
| 685 | #rcmKSearchpane ul li | |
| 686 | { | |
| 2c8e84 | 687 | display: block; |
| 4e17e6 | 688 | height: 16px; |
| T | 689 | font-size: 11px; |
| 2c8e84 | 690 | padding-left: 6px; |
| 4e17e6 | 691 | padding-top: 2px; |
| 2c8e84 | 692 | padding-right: 6px; |
| T | 693 | white-space: nowrap; |
| 694 | cursor: pointer; | |
| 4e17e6 | 695 | } |
| T | 696 | |
| 697 | #rcmKSearchpane ul li.selected | |
| 698 | { | |
| 699 | color: #ffffff; | |
| 700 | background-color: #CC3333; | |
| 701 | } | |
| 702 | ||
| f055b1 | 703 | #login-form |
| A | 704 | { |
| 705 | margin-left: auto; | |
| 706 | margin-right: auto; | |
| 707 | margin-top: 50px; | |
| 708 | width: 400px; | |
| 709 | border: 1px solid #999; | |
| 710 | } | |
| 711 | ||
| 712 | #login-form table td.title | |
| 713 | { | |
| 714 | text-align: right; | |
| 715 | white-space: nowrap; | |
| 716 | } | |
| 717 | ||
| 718 | #login-form table | |
| 719 | { | |
| 720 | width: 1%; | |
| 721 | margin: auto; | |
| 722 | } | |
| 09839a | 723 | |
| df2a51 | 724 | #rcmloginuser, #rcmloginpwd, #rcmloginhost |
| V | 725 | { |
| 726 | width: 200px; | |
| 727 | } | |
| 728 | ||
| 09839a | 729 | #console |
| A | 730 | { |
| 731 | opacity: 0.8; | |
| 732 | } | |
| 6fff3c | 733 | |
| 6769ba | 734 | .disabled |
| A | 735 | { |
| 736 | color: #999; | |
| 737 | } | |
| 738 | ||
| 739 | font.bold | |
| 740 | { | |
| 741 | font-weight: bold; | |
| 742 | } | |
| 743 | ||
| 7a0b9b | 744 | |
| 6fff3c | 745 | /***** onclick menu list *****/ |
| A | 746 | |
| 747 | ul.toolbarmenu | |
| 748 | { | |
| f52c93 | 749 | margin: -4px 0 -4px 0; |
| 6fff3c | 750 | padding: 0; |
| A | 751 | list-style: none; |
| 752 | } | |
| 753 | ||
| 754 | ul.toolbarmenu li | |
| 755 | { | |
| 756 | font-size: 11px; | |
| 757 | white-space: nowrap; | |
| 758 | min-width: 130px; | |
| cf3992 | 759 | margin: 2px -4px; |
| 6fff3c | 760 | } |
| A | 761 | |
| 762 | ul.toolbarmenu li a | |
| 763 | { | |
| 764 | display: block; | |
| 765 | color: #a0a0a0; | |
| f1ad36 | 766 | padding: 1px 12px 3px 28px; |
| 6fff3c | 767 | text-decoration: none; |
| A | 768 | min-height: 14px; |
| 769 | } | |
| 770 | ||
| 771 | ul.toolbarmenu li a.active, | |
| 772 | ul.toolbarmenu li a.active:active, | |
| 773 | ul.toolbarmenu li a.active:visited | |
| 774 | { | |
| 775 | color: #333; | |
| 776 | } | |
| 777 | ||
| 778 | ul.toolbarmenu li input | |
| 779 | { | |
| 780 | vertical-align: middle; | |
| 781 | } | |
| 782 | ||
| 783 | ul.toolbarmenu li hr | |
| 784 | { | |
| 785 | color: #ccc; | |
| 786 | width: 130px; | |
| 787 | height: 1px; | |
| 788 | margin: 2px 1px 2px 1px; | |
| 789 | } | |
| 790 | ||
| 791 | ul.toolbarmenu li img | |
| 792 | { | |
| 793 | float: left; | |
| 794 | margin: 0 2px; | |
| 795 | } | |
| 796 | ||
| e9b5a6 | 797 | div.popupmenu ul li.separator_below, |
| 6fff3c | 798 | ul.toolbarmenu li.separator_below |
| A | 799 | { |
| 800 | border-bottom: 1px solid #ccc; | |
| 801 | margin-bottom: 2px; | |
| 802 | padding-bottom: 2px; | |
| 803 | } | |
| 804 | ||
| e9b5a6 | 805 | div.popupmenu ul li.separator_above, |
| 6fff3c | 806 | ul.toolbarmenu li.separator_above |
| A | 807 | { |
| 808 | border-top: 1px solid #ccc; | |
| 809 | margin-top: 2px; | |
| 810 | padding-top: 2px; | |
| 811 | } | |
| f52c93 | 812 | |
| 6769ba | 813 | |
| A | 814 | /***** tabbed interface elements *****/ |
| 815 | ||
| 816 | div.tabsbar, | |
| 817 | #tabsbar | |
| f52c93 | 818 | { |
| 6769ba | 819 | position: absolute; |
| A | 820 | top: 50px; |
| 821 | left: 220px; | |
| 822 | right: 20px; | |
| 823 | height: 22px; | |
| 824 | border-bottom: 1px solid #999999; | |
| 825 | white-space: nowrap; | |
| f52c93 | 826 | } |
| 087c7d | 827 | |
| 6769ba | 828 | div.tabsbar |
| 087c7d | 829 | { |
| 6769ba | 830 | top: 35px; |
| A | 831 | left: 12px; |
| 832 | right: 12px; | |
| 087c7d | 833 | } |
| 6769ba | 834 | |
| A | 835 | span.tablink, |
| 836 | span.tablink-selected | |
| 837 | { | |
| 838 | float: left; | |
| 839 | height: 23px !important; | |
| 840 | height: 22px; | |
| 841 | overflow: hidden; | |
| 842 | background: url(images/tabs-left.gif) top left no-repeat; | |
| 843 | } | |
| 844 | ||
| 845 | span.tablink | |
| 846 | { | |
| 847 | cursor: pointer; | |
| 848 | } | |
| 849 | ||
| 850 | span.tablink-selected | |
| 851 | { | |
| 852 | cursor: default; | |
| 853 | background-position: 0px -23px; | |
| 854 | } | |
| 855 | ||
| 856 | span.tablink a, | |
| 857 | span.tablink-selected a | |
| 858 | { | |
| 5b123f | 859 | display: inline-block; |
| 6769ba | 860 | padding: 5px 10px 0 5px; |
| A | 861 | margin-left: 5px; |
| 862 | height: 23px; | |
| 863 | color: #555555; | |
| 864 | max-width: 185px; | |
| 865 | text-decoration: none; | |
| 866 | overflow: hidden; | |
| 867 | text-overflow: ellipsis; | |
| 868 | -o-text-overflow: ellipsis; | |
| 869 | background: url(images/tabs-right.gif) top right no-repeat; | |
| 870 | } | |
| 871 | ||
| 872 | span.tablink-selected a | |
| 873 | { | |
| 874 | cursor: inherit; | |
| 875 | color: #000000; | |
| 876 | background-position: right -23px; | |
| 877 | } | |
| 878 | ||
| cb7d32 | 879 | fieldset |
| T | 880 | { |
| 881 | margin-bottom: 1em; | |
| 882 | border: 1px solid #999999; | |
| 883 | padding: 4px 8px 9px 8px; | |
| 884 | } | |
| 885 | ||
| 886 | legend | |
| 887 | { | |
| 888 | color: #999999; | |
| 889 | } | |
| 890 | ||
| 6769ba | 891 | fieldset.tabbed |
| A | 892 | { |
| 893 | margin-top: 22px; | |
| 894 | padding-top: 12px; | |
| 895 | } | |
| 896 | ||
| af3c04 | 897 | .quota_text { |
| A | 898 | text-align: center; |
| 899 | font-size: 10px; | |
| 900 | color: #666; | |
| 901 | border: 1px solid #999; | |
| 902 | cursor: default; | |
| 903 | } | |
| 904 | .quota_bg { background-color: white; } | |
| 905 | .quota_high { background-color: #F33131; } | |
| 906 | .quota_mid { background-color: #F5AD3C; } | |
| 907 | .quota_low { background-color: #91E164; } | |
| 908 | .quota_text_high { color: white; } | |
| 909 | .quota_text_mid { color: #666; } | |
| 910 | .quota_text_low { color: #666; } | |
