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