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