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