| 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 | ||
| dae0b7 | 373 | .boxfooter a.delgroup { |
| TB | 374 | background-position: 0 -49px; |
| 375 | } | |
| 376 | ||
| ce06d3 | 377 | .boxfooter a.buttonPas |
| A | 378 | { |
| 379 | opacity: 0.35; | |
| 380 | } | |
| 381 | ||
| 382 | .pagenav span | |
| 383 | { | |
| 9689f5 | 384 | color: #444; |
| ce06d3 | 385 | font-size: 11px; |
| A | 386 | text-shadow: white 1px 1px; |
| 087c7d | 387 | white-space: nowrap; |
| ce06d3 | 388 | } |
| A | 389 | |
| 4a4265 | 390 | .pagenav a.button, |
| T | 391 | .pagenav a.buttonPas |
| 392 | { | |
| 393 | display: block; | |
| 394 | float: left; | |
| 395 | width: 11px; | |
| 396 | height: 11px; | |
| 397 | padding: 0; | |
| 398 | margin: 1px; | |
| f545ea | 399 | margin-top: 2px; |
| 4a4265 | 400 | overflow: hidden; |
| 9224c8 | 401 | background: url(images/pagenav.gif) 0 0 no-repeat transparent; |
| 4a4265 | 402 | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| T | 403 | } |
| 404 | ||
| 405 | .pagenav a.buttonPas { | |
| 406 | opacity: 0.35; | |
| 407 | } | |
| 408 | ||
| 409 | .pagenav a.firstpageSel { | |
| 410 | background-position: 0 -11px; | |
| 411 | } | |
| 412 | ||
| 413 | .pagenav a.prevpage { | |
| 414 | background-position: -11px 0; | |
| 415 | } | |
| 416 | ||
| 417 | .pagenav a.prevpageSel { | |
| 418 | background-position: -11px -11px; | |
| 419 | } | |
| 420 | ||
| 421 | .pagenav a.nextpage { | |
| 422 | background-position: -22px 0; | |
| 423 | } | |
| 424 | ||
| 425 | .pagenav a.nextpageSel { | |
| 426 | background-position: -22px -11px; | |
| 427 | } | |
| 428 | ||
| 429 | .pagenav a.lastpage { | |
| 430 | background-position: -33px 0; | |
| 431 | } | |
| 432 | ||
| 433 | .pagenav a.lastpageSel { | |
| 434 | background-position: -33px -11px; | |
| 435 | } | |
| 436 | ||
| a7d5c6 | 437 | .splitter |
| T | 438 | { |
| e5686f | 439 | user-select: none; |
| A | 440 | -moz-user-select: none; |
| 441 | -khtml-user-select: none; | |
| a7d5c6 | 442 | position: absolute; |
| T | 443 | background: url(images/dimple.png) center no-repeat; |
| 444 | } | |
| 445 | ||
| 446 | .splitter-h | |
| 447 | { | |
| 636328 | 448 | cursor: n-resize; cursor: row-resize; |
| a7d5c6 | 449 | background-position: center 2px; |
| T | 450 | } |
| 451 | ||
| 452 | .splitter-v | |
| 453 | { | |
| 636328 | 454 | cursor: e-resize; cursor: col-resize; |
| e5686f | 455 | background-position: 2px center; |
| a7d5c6 | 456 | } |
| T | 457 | |
| c16986 | 458 | .popupmenu |
| A | 459 | { |
| 460 | position: absolute; | |
| 461 | top: 32px; | |
| 462 | left: 90px; | |
| 463 | width: auto; | |
| 464 | display: none; | |
| 465 | background-color: #fff; | |
| 466 | background-color: rgba(255, 255, 255, 0.95); | |
| 467 | border: 1px solid #999; | |
| 468 | padding: 4px; | |
| 469 | z-index: 240; | |
| 470 | border-radius: 3px; | |
| 471 | -moz-border-radius: 3px; | |
| 472 | -webkit-border-radius: 3px; | |
| 473 | -moz-box-shadow: 1px 1px 12px #999; | |
| 474 | -webkit-box-shadow: #999 1px 1px 12px; | |
| 475 | } | |
| 476 | ||
| 9b3fdc | 477 | .popupmenu ul |
| A | 478 | { |
| 479 | margin: -4px 0; | |
| 480 | padding: 0; | |
| 481 | list-style: none; | |
| 482 | } | |
| 483 | ||
| 484 | .popupmenu ul li | |
| 485 | { | |
| 486 | font-size: 11px; | |
| 487 | white-space: nowrap; | |
| 488 | min-width: 100px; | |
| 489 | margin: 3px -4px; | |
| 490 | } | |
| 491 | ||
| 492 | .popupmenu li a | |
| 493 | { | |
| 494 | display: block; | |
| 495 | color: #a0a0a0; | |
| 496 | padding: 2px 10px; | |
| 497 | text-decoration: none; | |
| 498 | min-height: 14px; | |
| 4be86f | 499 | background: transparent; |
| 9b3fdc | 500 | } |
| A | 501 | |
| 502 | .popupmenu li a.active, | |
| 503 | .popupmenu li a.active:active, | |
| 504 | .popupmenu li a.active:visited | |
| 505 | { | |
| 506 | color: #333; | |
| 507 | } | |
| 508 | ||
| 4be86f | 509 | .popupmenu li a.active:hover, |
| A | 510 | .popupmenu.selectable li a.selected:hover |
| 9b3fdc | 511 | { |
| A | 512 | color: #fff; |
| 513 | background-color: #c00; | |
| 514 | } | |
| e9b5a6 | 515 | |
| 8254d9 | 516 | .popupmenu li.block input |
| a509bb | 517 | { |
| A | 518 | float: left; |
| 519 | } | |
| 520 | ||
| 4be86f | 521 | .popupmenu.selectable li a.selected |
| A | 522 | { |
| 523 | background: url(images/messageicons.png) 2px -372px no-repeat; | |
| 524 | } | |
| 525 | ||
| 526 | .popupmenu.selectable li a | |
| 527 | { | |
| 528 | padding-left: 20px; | |
| 529 | } | |
| 530 | ||
| 7a0b9b | 531 | .darkbg |
| A | 532 | { |
| 533 | background-color: #F2F2F2 !important; | |
| 534 | } | |
| 535 | ||
| e25a35 | 536 | .dropbutton, |
| A | 537 | .dropbutton span |
| 538 | { | |
| 539 | float: left; | |
| 540 | height: 32px; | |
| 541 | } | |
| 542 | ||
| 543 | .dropbutton:hover | |
| 544 | { | |
| e363b0 | 545 | /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */ |
| e25a35 | 546 | } |
| A | 547 | |
| 548 | .dropbutton span | |
| 549 | { | |
| 550 | width: 9px; | |
| 551 | background: url(images/dbutton.png) -53px 0 no-repeat transparent; | |
| 552 | } | |
| 553 | ||
| 554 | .dropbutton span:hover | |
| 555 | { | |
| 556 | cursor: pointer; | |
| e363b0 | 557 | background-position: -74px 0; |
| e25a35 | 558 | } |
| A | 559 | |
| 85fd29 | 560 | img.uploading |
| A | 561 | { |
| 562 | width: 16px; | |
| 563 | height: 16px; | |
| 564 | } | |
| 6fff3c | 565 | |
| 4e17e6 | 566 | /***** common table settings ******/ |
| T | 567 | |
| 568 | table.records-table thead tr td | |
| 569 | { | |
| 570 | height: 20px; | |
| 571 | padding: 0px 4px 0px 4px; | |
| 572 | vertical-align: middle; | |
| 573 | border-bottom: 1px solid #999999; | |
| 574 | color: #333333; | |
| 9224c8 | 575 | background: url(images/listheader.gif) top left repeat-x #CCC; |
| 4e17e6 | 576 | font-size: 11px; |
| T | 577 | font-weight: bold; |
| 578 | } | |
| 579 | ||
| 580 | table.records-table tbody tr td | |
| 581 | { | |
| 582 | height: 16px; | |
| 583 | padding: 2px 4px 2px 4px; | |
| 584 | font-size: 11px; | |
| 585 | white-space: nowrap; | |
| 586 | border-bottom: 1px solid #EBEBEB; | |
| 587 | overflow: hidden; | |
| 588 | text-align: left; | |
| 589 | } | |
| 590 | ||
| 591 | table.records-table tr | |
| 592 | { | |
| 593 | background-color: #FFFFFF; | |
| 594 | } | |
| 595 | ||
| 596 | table.records-table tr.selected td | |
| 597 | { | |
| 598 | color: #FFFFFF; | |
| 599 | background-color: #CC3333; | |
| 600 | } | |
| 601 | ||
| 6b47de | 602 | table.records-table tr.focused td |
| T | 603 | { |
| 604 | } | |
| 605 | ||
| 606 | table.records-table tr.unfocused td | |
| 607 | { | |
| 608 | color: #FFFFFF; | |
| 609 | background-color: #929292; | |
| 610 | } | |
| 4e17e6 | 611 | |
| T | 612 | |
| f11541 | 613 | /***** mac-style quicksearch field *****/ |
| T | 614 | |
| 615 | #quicksearchbar | |
| 616 | { | |
| 617 | position: absolute; | |
| e538b3 | 618 | top: 55px; |
| f54742 | 619 | right: 10px; |
| 39d8cc | 620 | width: 190px; |
| f11541 | 621 | height: 20px; |
| T | 622 | text-align: right; |
| 9224c8 | 623 | background: url(images/searchfield.gif) top left no-repeat; |
| f11541 | 624 | } |
| T | 625 | |
| 30b152 | 626 | #searchreset |
| f11541 | 627 | { |
| T | 628 | position: absolute; |
| 629 | top: 3px; | |
| 39d8cc | 630 | right: 12px; |
| f11541 | 631 | text-decoration: none; |
| T | 632 | } |
| 633 | ||
| 9e5550 | 634 | #searchmenulink |
| 30b152 | 635 | { |
| A | 636 | position: absolute; |
| 637 | top: 3px; | |
| 39d8cc | 638 | right: 168px; |
| 30b152 | 639 | } |
| A | 640 | |
| f11541 | 641 | #quicksearchbar img |
| T | 642 | { |
| 643 | vertical-align: middle; | |
| 644 | } | |
| 645 | ||
| 646 | #quicksearchbox | |
| 647 | { | |
| 648 | position: absolute; | |
| 649 | top: 2px; | |
| 562c0e | 650 | left: 24px; |
| f11541 | 651 | width: 140px; |
| 269719 | 652 | height: 15px; |
| f11541 | 653 | font-size: 11px; |
| T | 654 | padding: 0px; |
| 655 | border: none; | |
| 656 | } | |
| 657 | ||
| 4e17e6 | 658 | /***** roundcube webmail pre-defined classes *****/ |
| T | 659 | |
| 479a99 | 660 | #rcmversion |
| f11541 | 661 | { |
| T | 662 | position: absolute; |
| 479a99 | 663 | bottom: 10px; |
| A | 664 | right: 20px; |
| 665 | text-align: right; | |
| 666 | white-space: nowrap; | |
| 667 | font-size: 8pt; | |
| 668 | color: #999; | |
| f11541 | 669 | } |
| T | 670 | |
| 671 | #rcmdraglayer | |
| 672 | { | |
| 633142 | 673 | min-width: 300px; |
| T | 674 | width: auto !important; |
| f11541 | 675 | width: 300px; |
| T | 676 | border: 1px solid #999999; |
| 5800fb | 677 | background-color: #fff; |
| f11541 | 678 | padding-left: 8px; |
| T | 679 | padding-right: 8px; |
| 680 | padding-top: 3px; | |
| 681 | padding-bottom: 3px; | |
| 682 | font-size: 11px; | |
| 633142 | 683 | white-space: nowrap; |
| ca38db | 684 | opacity: 0.82; |
| T | 685 | border-radius: 3px; |
| 686 | -moz-border-radius: 3px; | |
| 687 | -webkit-border-radius: 3px; | |
| 688 | -moz-box-shadow: 1px 1px 12px #999; | |
| 689 | -webkit-box-shadow: #999 1px 1px 12px; | |
| 690 | } | |
| 691 | ||
| 5800fb | 692 | .draglayercopy:before |
| T | 693 | { |
| ca38db | 694 | position: absolute; |
| T | 695 | bottom: -5px; |
| 696 | left: -6px; | |
| 697 | content: " "; | |
| 698 | width: 14px; | |
| 699 | height: 14px; | |
| 700 | background: url(images/messageactions.png) -2px -128px no-repeat; | |
| f11541 | 701 | } |
| T | 702 | |
| 4e17e6 | 703 | a.rcmContactAddress |
| T | 704 | { |
| 705 | text-decoration: none; | |
| 706 | } | |
| 707 | ||
| 708 | a.rcmContactAddress:hover | |
| 709 | { | |
| 710 | text-decoration: underline; | |
| 711 | } | |
| 712 | ||
| 713 | #rcmKSearchpane | |
| 714 | { | |
| 715 | background-color: #F9F9F9; | |
| 716 | border: 1px solid #CCCCCC; | |
| 717 | } | |
| 718 | ||
| 719 | #rcmKSearchpane ul | |
| 720 | { | |
| 721 | margin: 0px; | |
| 722 | padding: 2px; | |
| 723 | list-style-image: none; | |
| 724 | list-style-type: none; | |
| 725 | } | |
| 726 | ||
| 727 | #rcmKSearchpane ul li | |
| 728 | { | |
| 2c8e84 | 729 | display: block; |
| 4e17e6 | 730 | height: 16px; |
| T | 731 | font-size: 11px; |
| 2c8e84 | 732 | padding-left: 6px; |
| 4e17e6 | 733 | padding-top: 2px; |
| 2c8e84 | 734 | padding-right: 6px; |
| T | 735 | white-space: nowrap; |
| 736 | cursor: pointer; | |
| 4e17e6 | 737 | } |
| T | 738 | |
| 739 | #rcmKSearchpane ul li.selected | |
| 740 | { | |
| 741 | color: #ffffff; | |
| 742 | background-color: #CC3333; | |
| 743 | } | |
| 744 | ||
| f055b1 | 745 | #login-form |
| A | 746 | { |
| 747 | margin-left: auto; | |
| 748 | margin-right: auto; | |
| 749 | margin-top: 50px; | |
| 750 | width: 400px; | |
| 751 | border: 1px solid #999; | |
| 752 | } | |
| 753 | ||
| 754 | #login-form table td.title | |
| 755 | { | |
| 756 | text-align: right; | |
| 757 | white-space: nowrap; | |
| 758 | } | |
| 759 | ||
| 760 | #login-form table | |
| 761 | { | |
| 762 | width: 1%; | |
| 763 | margin: auto; | |
| 764 | } | |
| 09839a | 765 | |
| 497013 | 766 | #login-form table td.input input |
| df2a51 | 767 | { |
| V | 768 | width: 200px; |
| 769 | } | |
| 770 | ||
| 559446 | 771 | #login-bottomline |
| T | 772 | { |
| 773 | width: 400px; | |
| 774 | margin: 5em auto; | |
| 775 | font-size: 85%; | |
| 776 | text-align: center; | |
| 5a927c | 777 | color: #666; |
| 559446 | 778 | } |
| T | 779 | |
| 09839a | 780 | #console |
| A | 781 | { |
| 782 | opacity: 0.8; | |
| 783 | } | |
| 6fff3c | 784 | |
| 06c990 | 785 | .disabled, |
| A | 786 | a.disabled |
| 6769ba | 787 | { |
| A | 788 | color: #999; |
| 789 | } | |
| 790 | ||
| 791 | font.bold | |
| 792 | { | |
| 793 | font-weight: bold; | |
| 794 | } | |
| 795 | ||
| 7a0b9b | 796 | |
| 6fff3c | 797 | /***** onclick menu list *****/ |
| A | 798 | |
| 799 | ul.toolbarmenu | |
| 800 | { | |
| f52c93 | 801 | margin: -4px 0 -4px 0; |
| 6fff3c | 802 | padding: 0; |
| A | 803 | list-style: none; |
| 804 | } | |
| 805 | ||
| 806 | ul.toolbarmenu li | |
| 807 | { | |
| 808 | font-size: 11px; | |
| 809 | white-space: nowrap; | |
| 810 | min-width: 130px; | |
| cf3992 | 811 | margin: 2px -4px; |
| 6fff3c | 812 | } |
| A | 813 | |
| 814 | ul.toolbarmenu li a | |
| 815 | { | |
| 816 | display: block; | |
| 817 | color: #a0a0a0; | |
| f1ad36 | 818 | padding: 1px 12px 3px 28px; |
| 6fff3c | 819 | text-decoration: none; |
| A | 820 | min-height: 14px; |
| 821 | } | |
| 822 | ||
| 823 | ul.toolbarmenu li a.active, | |
| 824 | ul.toolbarmenu li a.active:active, | |
| 825 | ul.toolbarmenu li a.active:visited | |
| 826 | { | |
| 827 | color: #333; | |
| 828 | } | |
| 829 | ||
| 830 | ul.toolbarmenu li input | |
| 831 | { | |
| 832 | vertical-align: middle; | |
| 833 | } | |
| 834 | ||
| 835 | ul.toolbarmenu li hr | |
| 836 | { | |
| 837 | color: #ccc; | |
| 838 | width: 130px; | |
| 839 | height: 1px; | |
| 840 | margin: 2px 1px 2px 1px; | |
| 841 | } | |
| 842 | ||
| 843 | ul.toolbarmenu li img | |
| 844 | { | |
| 845 | float: left; | |
| 846 | margin: 0 2px; | |
| 847 | } | |
| 848 | ||
| e9b5a6 | 849 | div.popupmenu ul li.separator_below, |
| 6fff3c | 850 | ul.toolbarmenu li.separator_below |
| A | 851 | { |
| 852 | border-bottom: 1px solid #ccc; | |
| 853 | margin-bottom: 2px; | |
| 854 | padding-bottom: 2px; | |
| 855 | } | |
| 856 | ||
| e9b5a6 | 857 | div.popupmenu ul li.separator_above, |
| 6fff3c | 858 | ul.toolbarmenu li.separator_above |
| A | 859 | { |
| 860 | border-top: 1px solid #ccc; | |
| 861 | margin-top: 2px; | |
| 862 | padding-top: 2px; | |
| 863 | } | |
| f52c93 | 864 | |
| 3cacf9 | 865 | #searchmenu |
| A | 866 | { |
| 867 | width: 160px; | |
| 868 | } | |
| 869 | ||
| 870 | #searchmenu ul.toolbarmenu | |
| 871 | { | |
| 872 | margin: 0; | |
| 873 | } | |
| 874 | ||
| 875 | #searchmenu ul.toolbarmenu li | |
| 876 | { | |
| 877 | margin: 1px 4px 1px; | |
| 878 | } | |
| 879 | ||
| 6769ba | 880 | |
| A | 881 | /***** tabbed interface elements *****/ |
| 882 | ||
| 883 | div.tabsbar, | |
| 884 | #tabsbar | |
| f52c93 | 885 | { |
| 6769ba | 886 | position: absolute; |
| A | 887 | top: 50px; |
| 888 | left: 220px; | |
| 889 | right: 20px; | |
| 890 | height: 22px; | |
| 891 | border-bottom: 1px solid #999999; | |
| 892 | white-space: nowrap; | |
| f52c93 | 893 | } |
| 087c7d | 894 | |
| 6769ba | 895 | div.tabsbar |
| 087c7d | 896 | { |
| 6769ba | 897 | top: 35px; |
| A | 898 | left: 12px; |
| 899 | right: 12px; | |
| 087c7d | 900 | } |
| 6769ba | 901 | |
| A | 902 | span.tablink, |
| 903 | span.tablink-selected | |
| 904 | { | |
| 905 | float: left; | |
| 906 | height: 23px !important; | |
| 907 | height: 22px; | |
| 908 | overflow: hidden; | |
| 909 | background: url(images/tabs-left.gif) top left no-repeat; | |
| 910 | } | |
| 911 | ||
| 912 | span.tablink | |
| 913 | { | |
| 914 | cursor: pointer; | |
| 915 | } | |
| 916 | ||
| 917 | span.tablink-selected | |
| 918 | { | |
| 919 | cursor: default; | |
| 920 | background-position: 0px -23px; | |
| 921 | } | |
| 922 | ||
| 923 | span.tablink a, | |
| 924 | span.tablink-selected a | |
| 925 | { | |
| 5b123f | 926 | display: inline-block; |
| 6769ba | 927 | padding: 5px 10px 0 5px; |
| A | 928 | margin-left: 5px; |
| 929 | height: 23px; | |
| 930 | color: #555555; | |
| 931 | max-width: 185px; | |
| 932 | text-decoration: none; | |
| 933 | overflow: hidden; | |
| 934 | text-overflow: ellipsis; | |
| 935 | -o-text-overflow: ellipsis; | |
| 936 | background: url(images/tabs-right.gif) top right no-repeat; | |
| 937 | } | |
| 938 | ||
| 939 | span.tablink-selected a | |
| 940 | { | |
| 941 | cursor: inherit; | |
| 942 | color: #000000; | |
| 943 | background-position: right -23px; | |
| 944 | } | |
| 945 | ||
| cb7d32 | 946 | fieldset |
| T | 947 | { |
| 948 | margin-bottom: 1em; | |
| 949 | border: 1px solid #999999; | |
| 950 | padding: 4px 8px 9px 8px; | |
| 951 | } | |
| 952 | ||
| 953 | legend | |
| 954 | { | |
| 955 | color: #999999; | |
| 956 | } | |
| 957 | ||
| 6769ba | 958 | fieldset.tabbed |
| A | 959 | { |
| 960 | margin-top: 22px; | |
| 961 | padding-top: 12px; | |
| 962 | } | |
| 963 | ||
| af3c04 | 964 | .quota_text { |
| A | 965 | text-align: center; |
| 966 | font-size: 10px; | |
| 967 | color: #666; | |
| 968 | border: 1px solid #999; | |
| 969 | cursor: default; | |
| 970 | } | |
| 971 | .quota_bg { background-color: white; } | |
| a1621c | 972 | .quota_high { background: url(images/quota-colors.png) repeat-x 0 -28px #f90509; } |
| V | 973 | .quota_mid { background: url(images/quota-colors.png) repeat-x 0 -14px #e3e909; } |
| 974 | .quota_low { background: url(images/quota-colors.png) repeat-x 0 0px #05f905; } | |
| af3c04 | 975 | .quota_text_high { color: white; } |
| A | 976 | .quota_text_mid { color: #666; } |
| 977 | .quota_text_low { color: #666; } | |
