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