| commit | author | age | ||
| 4e17e6 | 1 | /***** RoundCube|Mail basic styles *****/ |
| T | 2 | |
| 3 | body | |
| 4 | { | |
| 5 | margin: 8px; | |
| 0f8ff2 | 6 | background-color: #F6F6F6; |
| 4e17e6 | 7 | color: #000000; |
| T | 8 | } |
| 9 | ||
| 10 | body.iframe | |
| 11 | { | |
| 12 | margin: 0px; | |
| a02d48 | 13 | background-color: #FFF; |
| 4e17e6 | 14 | } |
| T | 15 | |
| 16 | body.extwin | |
| 17 | { | |
| 18 | margin: 10px; | |
| 19 | } | |
| 20 | ||
| 8e44f4 | 21 | body, td, th, div, p, h3 |
| 4e17e6 | 22 | { |
| T | 23 | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| 24 | font-size: 12px; | |
| 25 | color: #000000; | |
| 26 | } | |
| 27 | ||
| 28 | th | |
| 29 | { | |
| 30 | font-weight: normal; | |
| 31 | } | |
| 32 | ||
| 33 | h3 | |
| 34 | { | |
| 35 | font-size: 18px; | |
| 36 | } | |
| 37 | ||
| 38 | a, a:active, a:visited | |
| 39 | { | |
| 40 | color: #000000; | |
| c8c1e0 | 41 | outline: none; |
| 4e17e6 | 42 | } |
| T | 43 | |
| 44 | a.button, a.button:visited, a.tab, a.tab:visited, a.axislist | |
| 45 | { | |
| 46 | color: #000000; | |
| 47 | text-decoration: none; | |
| 48 | } | |
| 49 | ||
| 50 | a.tab | |
| 51 | { | |
| 52 | width: 80px; | |
| 53 | display: block; | |
| 54 | text-align: center; | |
| 55 | } | |
| 56 | ||
| 57 | hr | |
| 58 | { | |
| 59 | height: 1px; | |
| 60 | background-color: #666666; | |
| 61 | border-style: none; | |
| 62 | } | |
| 63 | ||
| 6291c9 | 64 | input[type="text"], |
| A | 65 | input[type="button"], |
| 66 | input[type="password"], | |
| 67 | textarea | |
| 4e17e6 | 68 | { |
| T | 69 | padding: 1px; |
| 70 | padding-left: 3px; | |
| 71 | padding-right: 3px; | |
| 6291c9 | 72 | border: 1px solid #666666; |
| 632102 | 73 | color: #333333; |
| 4e17e6 | 74 | background-color: #ffffff; |
| T | 75 | } |
| 76 | ||
| 0b0a29 | 77 | input, textarea |
| f1a16f | 78 | { |
| c2af7e | 79 | font-size: 9pt; |
| A | 80 | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| 7e7edf | 81 | color: black; |
| 6291c9 | 82 | padding-left: 3px; |
| A | 83 | padding-right: 3px; |
| f1a16f | 84 | } |
| T | 85 | |
| 0b0a29 | 86 | select |
| A | 87 | { |
| 88 | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; | |
| 89 | color: black; | |
| 90 | } | |
| 91 | ||
| 4e17e6 | 92 | input.button |
| T | 93 | { |
| 94 | height: 20px; | |
| 95 | color: #333333; | |
| 96 | font-size: 12px; | |
| 97 | padding-left: 8px; | |
| 98 | padding-right: 8px; | |
| 99 | background: url(images/buttons/bg.gif) repeat-x #f0f0f0; | |
| 100 | border: 1px solid #a4a4a4; | |
| 101 | } | |
| 102 | ||
| 103 | input.button:hover | |
| 104 | { | |
| 105 | color: black; | |
| 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 | |
| T | 130 | /** common user interface objects */ |
| 131 | ||
| 132 | #header | |
| 133 | { | |
| 7902df | 134 | position: absolute; |
| 4b1647 | 135 | top: 8px; |
| T | 136 | left: 19px; |
| 4e17e6 | 137 | width: 170px; |
| T | 138 | height: 40px; |
| 7902df | 139 | z-index: 100; |
| 4e17e6 | 140 | } |
| T | 141 | |
| 142 | #taskbar | |
| 143 | { | |
| 7902df | 144 | position: absolute; |
| T | 145 | top: 0px; |
| 146 | right: 0px; | |
| 147 | width: 600px; | |
| 8955ca | 148 | height: 24px; |
| 7902df | 149 | background: url(images/taskbar.gif) top right no-repeat; |
| 8955ca | 150 | padding: 10px 4px 5px 0px; |
| 7902df | 151 | text-align: right; |
| T | 152 | white-space: nowrap; |
| 153 | z-index: 2; | |
| 4e17e6 | 154 | } |
| T | 155 | |
| d7f49d | 156 | #taskbar a |
| 4e17e6 | 157 | { |
| 7902df | 158 | font-size: 11px; |
| T | 159 | color: #666666; |
| 160 | text-decoration: none; | |
| b4f7c6 | 161 | padding: 6px 14px 6px 27px; |
| 9224c8 | 162 | background: url(images/taskicons.gif) no-repeat; |
| 7902df | 163 | } |
| T | 164 | |
| 165 | #taskbar a:hover | |
| 166 | { | |
| 167 | color: #333333; | |
| 168 | } | |
| 169 | ||
| d7f49d | 170 | #taskbar a.button-mail |
| 7902df | 171 | { |
| d7f49d | 172 | background-position: 0 0; |
| 7902df | 173 | } |
| T | 174 | |
| d7f49d | 175 | #taskbar a.button-addressbook |
| 7902df | 176 | { |
| d7f49d | 177 | background-position: 0 -25px; |
| 7902df | 178 | } |
| T | 179 | |
| d7f49d | 180 | #taskbar a.button-settings |
| 7902df | 181 | { |
| d7f49d | 182 | background-position: 0 -50px; |
| 7902df | 183 | } |
| T | 184 | |
| d7f49d | 185 | #taskbar a.button-logout |
| 7902df | 186 | { |
| d7f49d | 187 | background-position: 0 -75px; |
| 4e17e6 | 188 | } |
| T | 189 | |
| 190 | #message | |
| 191 | { | |
| 192 | position: absolute; | |
| 193 | display: none; | |
| 7902df | 194 | top: -1px; |
| 4e17e6 | 195 | left: 200px; |
| T | 196 | right: 200px; |
| 197 | z-index: 5000; | |
| a95e0e | 198 | opacity: 0.85; |
| 4e17e6 | 199 | } |
| T | 200 | |
| 201 | #message div | |
| 202 | { | |
| 203 | width: 400px; | |
| 204 | margin: 0px auto; | |
| d7f49d | 205 | min-height: 22px; |
| 4e17e6 | 206 | padding: 8px 10px 8px 46px; |
| T | 207 | } |
| 208 | ||
| 209 | #message div.notice, | |
| 210 | #remote-objects-message | |
| 211 | { | |
| 9224c8 | 212 | background: url(images/display/icons.png) 6px 3px no-repeat; |
| 4e17e6 | 213 | background-color: #F7FDCB; |
| T | 214 | border: 1px solid #C2D071; |
| 215 | } | |
| 216 | ||
| 217 | #message div.error, | |
| 218 | #message div.warning | |
| 219 | { | |
| 9224c8 | 220 | background: url(images/display/icons.png) 6px -97px no-repeat; |
| 4e17e6 | 221 | background-color: #EF9398; |
| T | 222 | border: 1px solid #DC5757; |
| 223 | } | |
| 224 | ||
| 225 | #message div.confirmation | |
| 226 | { | |
| 9224c8 | 227 | background: url(images/display/icons.png) 6px -47px no-repeat; |
| 4e17e6 | 228 | background-color: #A6EF7B; |
| T | 229 | border: 1px solid #76C83F; |
| 230 | } | |
| 231 | ||
| 232 | #message div.loading | |
| 233 | { | |
| 9224c8 | 234 | background: url(images/display/loading.gif) 6px 3px no-repeat; |
| 7902df | 235 | background-color: #EBEBEB; |
| 4e17e6 | 236 | border: 1px solid #CCCCCC; |
| T | 237 | } |
| 238 | ||
| cc97ea | 239 | #pagecontent |
| T | 240 | { |
| 241 | position: absolute; | |
| 242 | top: 95px; | |
| 243 | left: 20px; | |
| 244 | } | |
| 245 | ||
| 4a4265 | 246 | .pagenav a.button, |
| T | 247 | .pagenav a.buttonPas |
| 248 | { | |
| 249 | display: block; | |
| 250 | float: left; | |
| 251 | width: 11px; | |
| 252 | height: 11px; | |
| 253 | padding: 0; | |
| 254 | margin: 1px; | |
| 255 | overflow: hidden; | |
| 9224c8 | 256 | background: url(images/pagenav.gif) 0 0 no-repeat transparent; |
| 4a4265 | 257 | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| T | 258 | } |
| 259 | ||
| 260 | .pagenav a.buttonPas { | |
| 261 | opacity: 0.35; | |
| 262 | } | |
| 263 | ||
| 264 | .pagenav a.firstpageSel { | |
| 265 | background-position: 0 -11px; | |
| 266 | } | |
| 267 | ||
| 268 | .pagenav a.prevpage { | |
| 269 | background-position: -11px 0; | |
| 270 | } | |
| 271 | ||
| 272 | .pagenav a.prevpageSel { | |
| 273 | background-position: -11px -11px; | |
| 274 | } | |
| 275 | ||
| 276 | .pagenav a.nextpage { | |
| 277 | background-position: -22px 0; | |
| 278 | } | |
| 279 | ||
| 280 | .pagenav a.nextpageSel { | |
| 281 | background-position: -22px -11px; | |
| 282 | } | |
| 283 | ||
| 284 | .pagenav a.lastpage { | |
| 285 | background-position: -33px 0; | |
| 286 | } | |
| 287 | ||
| 288 | .pagenav a.lastpageSel { | |
| 289 | background-position: -33px -11px; | |
| 290 | } | |
| 291 | ||
| a7d5c6 | 292 | .splitter |
| T | 293 | { |
| e5686f | 294 | user-select: none; |
| A | 295 | -moz-user-select: none; |
| 296 | -khtml-user-select: none; | |
| a7d5c6 | 297 | position: absolute; |
| T | 298 | background: url(images/dimple.png) center no-repeat; |
| 299 | } | |
| 300 | ||
| 301 | .splitter-h | |
| 302 | { | |
| 303 | cursor: n-resize; | |
| 304 | background-position: center 2px; | |
| 305 | } | |
| 306 | ||
| 307 | .splitter-v | |
| 308 | { | |
| 309 | cursor: e-resize; | |
| e5686f | 310 | background-position: 2px center; |
| a7d5c6 | 311 | } |
| T | 312 | |
| 0c219c | 313 | .boxtitle |
| T | 314 | { |
| 315 | height: 12px !important; | |
| 2aaa99 | 316 | padding: 2px 10px 5px 5px; |
| 0c219c | 317 | border-bottom: 1px solid #999; |
| T | 318 | color: #333; |
| 319 | font-size: 11px; | |
| 320 | font-weight: bold; | |
| 9224c8 | 321 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| 0c219c | 322 | } |
| 6fff3c | 323 | |
| A | 324 | .boxcontent |
| 325 | { | |
| 326 | padding: 15px 10px 10px 10px; | |
| 0f8ff2 | 327 | background-color: #F2F2F2; |
| 6fff3c | 328 | } |
| A | 329 | |
| 330 | .boxcontent table td.title | |
| 331 | { | |
| 332 | color: #666; | |
| 333 | padding-right: 10px; | |
| 334 | } | |
| 335 | ||
| c16986 | 336 | .popupmenu |
| A | 337 | { |
| 338 | position: absolute; | |
| 339 | top: 32px; | |
| 340 | left: 90px; | |
| 341 | width: auto; | |
| 342 | display: none; | |
| 343 | background-color: #fff; | |
| 344 | background-color: rgba(255, 255, 255, 0.95); | |
| 345 | border: 1px solid #999; | |
| 346 | padding: 4px; | |
| 347 | z-index: 240; | |
| 348 | border-radius: 3px; | |
| 349 | -moz-border-radius: 3px; | |
| 350 | -webkit-border-radius: 3px; | |
| 351 | -moz-box-shadow: 1px 1px 12px #999; | |
| 352 | -webkit-box-shadow: #999 1px 1px 12px; | |
| 353 | } | |
| 354 | ||
| 9b3fdc | 355 | .popupmenu ul |
| A | 356 | { |
| 357 | margin: -4px 0; | |
| 358 | padding: 0; | |
| 359 | list-style: none; | |
| 360 | } | |
| 361 | ||
| 362 | .popupmenu ul li | |
| 363 | { | |
| 364 | font-size: 11px; | |
| 365 | white-space: nowrap; | |
| 366 | min-width: 100px; | |
| 367 | margin: 3px -4px; | |
| 368 | } | |
| 369 | ||
| 370 | .popupmenu li a | |
| 371 | { | |
| 372 | display: block; | |
| 373 | color: #a0a0a0; | |
| 374 | padding: 2px 10px; | |
| 375 | text-decoration: none; | |
| 376 | min-height: 14px; | |
| 377 | } | |
| 378 | ||
| 379 | .popupmenu li a.active, | |
| 380 | .popupmenu li a.active:active, | |
| 381 | .popupmenu li a.active:visited | |
| 382 | { | |
| 383 | color: #333; | |
| 384 | } | |
| 385 | ||
| 386 | .popupmenu li a.active:hover | |
| 387 | { | |
| 388 | color: #fff; | |
| 389 | background-color: #c00; | |
| 390 | } | |
| 391 | ||
| 392 | ||
| 6fff3c | 393 | |
| 4e17e6 | 394 | /***** common table settings ******/ |
| T | 395 | |
| 396 | table.records-table thead tr td | |
| 397 | { | |
| 398 | height: 20px; | |
| 399 | padding: 0px 4px 0px 4px; | |
| 400 | vertical-align: middle; | |
| 401 | border-bottom: 1px solid #999999; | |
| 402 | color: #333333; | |
| 9224c8 | 403 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| 4e17e6 | 404 | font-size: 11px; |
| T | 405 | font-weight: bold; |
| 406 | } | |
| 407 | ||
| 408 | table.records-table tbody tr td | |
| 409 | { | |
| 410 | height: 16px; | |
| 411 | padding: 2px 4px 2px 4px; | |
| 412 | font-size: 11px; | |
| 413 | white-space: nowrap; | |
| 414 | border-bottom: 1px solid #EBEBEB; | |
| 415 | overflow: hidden; | |
| 416 | text-align: left; | |
| 417 | } | |
| 418 | ||
| 419 | table.records-table tr | |
| 420 | { | |
| 421 | background-color: #FFFFFF; | |
| 422 | } | |
| 423 | ||
| 424 | table.records-table tr.selected td | |
| 425 | { | |
| 426 | color: #FFFFFF; | |
| 427 | background-color: #CC3333; | |
| 428 | } | |
| 429 | ||
| 6b47de | 430 | table.records-table tr.focused td |
| T | 431 | { |
| 432 | } | |
| 433 | ||
| 434 | table.records-table tr.unfocused td | |
| 435 | { | |
| 436 | color: #FFFFFF; | |
| 437 | background-color: #929292; | |
| 438 | } | |
| 4e17e6 | 439 | |
| T | 440 | |
| f11541 | 441 | /***** mac-style quicksearch field *****/ |
| T | 442 | |
| 443 | #quicksearchbar | |
| 444 | { | |
| 445 | position: absolute; | |
| e538b3 | 446 | top: 55px; |
| 834432 | 447 | right: 20px; |
| f11541 | 448 | width: 182px; |
| T | 449 | height: 20px; |
| 450 | text-align: right; | |
| 9224c8 | 451 | background: url(images/searchfield.gif) top left no-repeat; |
| f11541 | 452 | } |
| T | 453 | |
| 30b152 | 454 | #searchreset |
| f11541 | 455 | { |
| T | 456 | position: absolute; |
| 457 | top: 3px; | |
| 458 | right: 4px; | |
| 459 | text-decoration: none; | |
| 460 | } | |
| 461 | ||
| 30b152 | 462 | #searchmod |
| A | 463 | { |
| 464 | position: absolute; | |
| 465 | top: 3px; | |
| 562c0e | 466 | right: 160px; |
| 30b152 | 467 | } |
| A | 468 | |
| f11541 | 469 | #quicksearchbar img |
| T | 470 | { |
| 471 | vertical-align: middle; | |
| 472 | } | |
| 473 | ||
| 474 | #quicksearchbox | |
| 475 | { | |
| 476 | position: absolute; | |
| 477 | top: 2px; | |
| 562c0e | 478 | left: 24px; |
| f11541 | 479 | width: 140px; |
| 269719 | 480 | height: 15px; |
| f11541 | 481 | font-size: 11px; |
| T | 482 | padding: 0px; |
| 483 | border: none; | |
| 484 | } | |
| 485 | ||
| 486 | ||
| 4e17e6 | 487 | /***** roundcube webmail pre-defined classes *****/ |
| T | 488 | |
| f11541 | 489 | #rcversion |
| T | 490 | { |
| 491 | position: absolute; | |
| 492 | top: 67px; | |
| 493 | left: 20px; | |
| 494 | width: 160px; | |
| 495 | text-align: center; | |
| 496 | ||
| 497 | font-weight: normal; | |
| 498 | font-size: x-small; | |
| 499 | font-variant: small-caps; | |
| 500 | ||
| 501 | color: #999999; | |
| 502 | /*border: 1px solid #308014; | |
| 503 | background-color: #b4eeb4;*/ | |
| 504 | } | |
| 505 | ||
| 506 | #rcmdraglayer | |
| 507 | { | |
| 633142 | 508 | min-width: 300px; |
| T | 509 | width: auto !important; |
| f11541 | 510 | width: 300px; |
| T | 511 | border: 1px solid #999999; |
| 512 | background-color: #F9F9F9; | |
| 513 | padding-left: 8px; | |
| 514 | padding-right: 8px; | |
| 515 | padding-top: 3px; | |
| 516 | padding-bottom: 3px; | |
| 517 | font-size: 11px; | |
| 633142 | 518 | white-space: nowrap; |
| f45bbe | 519 | opacity: 0.7; |
| f11541 | 520 | } |
| T | 521 | |
| 4e17e6 | 522 | a.rcmContactAddress |
| T | 523 | { |
| 524 | text-decoration: none; | |
| 525 | } | |
| 526 | ||
| 527 | a.rcmContactAddress:hover | |
| 528 | { | |
| 529 | text-decoration: underline; | |
| 530 | } | |
| 531 | ||
| 532 | #rcmKSearchpane | |
| 533 | { | |
| 534 | background-color: #F9F9F9; | |
| 535 | border: 1px solid #CCCCCC; | |
| 536 | } | |
| 537 | ||
| 538 | #rcmKSearchpane ul | |
| 539 | { | |
| 540 | margin: 0px; | |
| 541 | padding: 2px; | |
| 542 | list-style-image: none; | |
| 543 | list-style-type: none; | |
| 544 | } | |
| 545 | ||
| 546 | #rcmKSearchpane ul li | |
| 547 | { | |
| 2c8e84 | 548 | display: block; |
| 4e17e6 | 549 | height: 16px; |
| T | 550 | font-size: 11px; |
| 2c8e84 | 551 | padding-left: 6px; |
| 4e17e6 | 552 | padding-top: 2px; |
| 2c8e84 | 553 | padding-right: 6px; |
| T | 554 | white-space: nowrap; |
| 555 | cursor: pointer; | |
| 4e17e6 | 556 | } |
| T | 557 | |
| 558 | #rcmKSearchpane ul li.selected | |
| 559 | { | |
| 560 | color: #ffffff; | |
| 561 | background-color: #CC3333; | |
| 562 | } | |
| 563 | ||
| f055b1 | 564 | #login-form |
| A | 565 | { |
| 566 | margin-left: auto; | |
| 567 | margin-right: auto; | |
| 568 | margin-top: 50px; | |
| 569 | width: 400px; | |
| 570 | border: 1px solid #999; | |
| 571 | } | |
| 572 | ||
| 573 | #login-form table td.title | |
| 574 | { | |
| 575 | text-align: right; | |
| 576 | white-space: nowrap; | |
| 577 | } | |
| 578 | ||
| 579 | #login-form table | |
| 580 | { | |
| 581 | width: 1%; | |
| 582 | margin: auto; | |
| 583 | } | |
| 09839a | 584 | |
| df2a51 | 585 | #rcmloginuser, #rcmloginpwd, #rcmloginhost |
| V | 586 | { |
| 587 | width: 200px; | |
| 588 | } | |
| 589 | ||
| 09839a | 590 | #console |
| A | 591 | { |
| 592 | opacity: 0.8; | |
| 593 | } | |
| 6fff3c | 594 | |
| c16986 | 595 | |
| 6fff3c | 596 | /***** onclick menu list *****/ |
| A | 597 | |
| 598 | ul.toolbarmenu | |
| 599 | { | |
| f52c93 | 600 | margin: -4px 0 -4px 0; |
| 6fff3c | 601 | padding: 0; |
| A | 602 | list-style: none; |
| 603 | } | |
| 604 | ||
| 605 | ul.toolbarmenu li | |
| 606 | { | |
| 607 | font-size: 11px; | |
| 608 | white-space: nowrap; | |
| 609 | min-width: 130px; | |
| f52c93 | 610 | margin: 3px -4px; |
| 6fff3c | 611 | } |
| A | 612 | |
| 613 | ul.toolbarmenu li a | |
| 614 | { | |
| 615 | display: block; | |
| 616 | color: #a0a0a0; | |
| f52c93 | 617 | padding: 2px 12px 3px 28px; |
| 6fff3c | 618 | text-decoration: none; |
| A | 619 | min-height: 14px; |
| 620 | } | |
| 621 | ||
| 622 | ul.toolbarmenu li a.active, | |
| 623 | ul.toolbarmenu li a.active:active, | |
| 624 | ul.toolbarmenu li a.active:visited | |
| 625 | { | |
| 626 | color: #333; | |
| 627 | } | |
| 628 | ||
| 629 | ul.toolbarmenu li input | |
| 630 | { | |
| 631 | vertical-align: middle; | |
| 632 | } | |
| 633 | ||
| 634 | ul.toolbarmenu li hr | |
| 635 | { | |
| 636 | color: #ccc; | |
| 637 | width: 130px; | |
| 638 | height: 1px; | |
| 639 | margin: 2px 1px 2px 1px; | |
| 640 | } | |
| 641 | ||
| 642 | ul.toolbarmenu li img | |
| 643 | { | |
| 644 | float: left; | |
| 645 | margin: 0 2px; | |
| 646 | } | |
| 647 | ||
| 648 | ul.toolbarmenu li.separator_below | |
| 649 | { | |
| 650 | border-bottom: 1px solid #ccc; | |
| 651 | margin-bottom: 2px; | |
| 652 | padding-bottom: 2px; | |
| 653 | } | |
| 654 | ||
| 655 | ul.toolbarmenu li.separator_above | |
| 656 | { | |
| 657 | border-top: 1px solid #ccc; | |
| 658 | margin-top: 2px; | |
| 659 | padding-top: 2px; | |
| 660 | } | |
| f52c93 | 661 | |
| T | 662 | .disabled |
| 663 | { | |
| 664 | color: #999; | |
| 665 | } | |
