alecpl
2010-06-10 93e3ae138586c3c0a8a02b09abbc3d660e7d31fa
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;
510df5 149   background: url(images/taskbar.png) 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;
35a390 161   padding: 6px 12px 6px 26px;
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
ff38d0 336 .boxlistcontent
A 337 {
338   position: absolute;
339   top: 20px;
340   bottom: 22px;
341   left: 0;
342   right: 0;
343   overflow-y: auto;
344   overflow-x: hidden;
345 }
346
347 .boxfooter
348 {
349   position: absolute;
350   bottom: 0px;
351   left: 0px;
352   right: 0px;
353   height: 22px;
354   border-top: 1px solid #999;
355   background: url('images/listheader.gif') top left repeat-x #CCC;
356 }
357
358 .boxfooter a.button,
359 .boxfooter a.buttonPas
360 {
361   display: block;
362   float: left;
363   width: 34px;
364   height: 22px;
365   padding: 0px;
366   margin: 0;
367   overflow: hidden;
368   background: url('images/icons/groupactions.png') 0 0 no-repeat transparent;
369   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
370 }
371
372 .boxfooter a.groupactions
373 {
374   background-position: 0 -26px;
375 }
376
377 .boxfooter a.buttonPas
378 {
379   opacity: 0.35;
380 }
381
c16986 382 .popupmenu
A 383 {
384   position: absolute;
385   top: 32px;
386   left: 90px;
387   width: auto;
388   display: none;
389   background-color: #fff;
390   background-color: rgba(255, 255, 255, 0.95);
391   border: 1px solid #999;
392   padding: 4px;
393   z-index: 240;
394   border-radius: 3px;
395   -moz-border-radius: 3px;
396   -webkit-border-radius: 3px;
397   -moz-box-shadow: 1px 1px 12px #999;
398   -webkit-box-shadow: #999 1px 1px 12px;
399 }
400
9b3fdc 401 .popupmenu ul
A 402 {
403   margin: -4px 0;
404   padding: 0;
405   list-style: none;
406 }
407
408 .popupmenu ul li
409 {
410   font-size: 11px;
411   white-space: nowrap;
412   min-width: 100px;
413   margin: 3px -4px;
414 }
415
416 .popupmenu li a
417 {
418   display: block;
419   color: #a0a0a0;
420   padding: 2px 10px;
421   text-decoration: none;
422   min-height: 14px;
423 }
424
425 .popupmenu li a.active,
426 .popupmenu li a.active:active,
427 .popupmenu li a.active:visited
428 {
429   color: #333;
430 }
431
432 .popupmenu li a.active:hover
433 {
434   color: #fff;
435   background-color: #c00;
436 }
437
e9b5a6 438
6fff3c 439
4e17e6 440 /***** common table settings ******/
T 441
442 table.records-table thead tr td
443 {
444   height: 20px;
445   padding: 0px 4px 0px 4px;
446   vertical-align: middle;
447   border-bottom: 1px solid #999999;
448   color: #333333;
9224c8 449   background: url(images/listheader.gif) top left repeat-x #CCC;
4e17e6 450   font-size: 11px;
T 451   font-weight: bold;
452 }
453
454 table.records-table tbody tr td
455 {
456   height: 16px;
457   padding: 2px 4px 2px 4px;
458   font-size: 11px;
459   white-space: nowrap;
460   border-bottom: 1px solid #EBEBEB;
461   overflow: hidden;
462   text-align: left;  
463 }
464
465 table.records-table tr
466 {
467   background-color: #FFFFFF;
468 }
469
470 table.records-table tr.selected td
471 {
472   color: #FFFFFF;
473   background-color: #CC3333;
474 }
475
6b47de 476 table.records-table tr.focused td
T 477 {
478 }
479
480 table.records-table tr.unfocused td
481 {
482   color: #FFFFFF;
483   background-color: #929292;
484 }
4e17e6 485
T 486
f11541 487 /***** mac-style quicksearch field *****/
T 488
489 #quicksearchbar
490 {
491   position: absolute;
e538b3 492   top: 55px;
834432 493   right: 20px;
f11541 494   width: 182px;
T 495   height: 20px;
496   text-align: right;
9224c8 497   background: url(images/searchfield.gif) top left no-repeat;
f11541 498 }
T 499
30b152 500 #searchreset
f11541 501 {
T 502   position: absolute;
503   top: 3px;
504   right: 4px;
505   text-decoration: none;
506 }
507
30b152 508 #searchmod
A 509 {
510  position: absolute;
511  top: 3px;
562c0e 512  right: 160px;
30b152 513 }
A 514
f11541 515 #quicksearchbar img
T 516 {
517   vertical-align: middle;
518 }
519
520 #quicksearchbox
521 {
522   position: absolute;
523   top: 2px;
562c0e 524   left: 24px;
f11541 525   width: 140px;
269719 526   height: 15px;
f11541 527   font-size: 11px;
T 528   padding: 0px;
529   border: none;
530 }
531
532
4e17e6 533 /***** roundcube webmail pre-defined classes *****/
T 534
479a99 535 #rcmversion
f11541 536 {
T 537   position: absolute;
479a99 538   bottom: 10px;
A 539   right: 20px;
540   text-align: right;
541   white-space: nowrap;
542   font-size: 8pt;
543   color: #999;
f11541 544 }
T 545
546 #rcmdraglayer
547 {
633142 548   min-width: 300px;
T 549   width: auto !important;
f11541 550   width: 300px;
T 551   border: 1px solid #999999;
5800fb 552   background-color: #fff;
f11541 553   padding-left: 8px;
T 554   padding-right: 8px;
555   padding-top: 3px;
556   padding-bottom: 3px;
557   font-size: 11px;
633142 558   white-space: nowrap;
ca38db 559   opacity: 0.82;
T 560   border-radius: 3px;
561   -moz-border-radius: 3px;
562   -webkit-border-radius: 3px;
563   -moz-box-shadow: 1px 1px 12px #999;
564   -webkit-box-shadow: #999 1px 1px 12px;
565 }
566
5800fb 567 .draglayercopy:before
T 568 {
ca38db 569   position: absolute;
T 570   bottom: -5px;
571   left: -6px;
572   content: " ";
573   width: 14px;
574   height: 14px;
575   background: url(images/messageactions.png) -2px -128px no-repeat;
f11541 576 }
T 577
4e17e6 578 a.rcmContactAddress
T 579 {
580   text-decoration: none;
581 }
582
583 a.rcmContactAddress:hover
584 {
585   text-decoration: underline;
586 }
587
588 #rcmKSearchpane
589 {
590   background-color: #F9F9F9;
591   border: 1px solid #CCCCCC;
592 }
593
594 #rcmKSearchpane ul
595 {
596   margin: 0px;
597   padding: 2px;
598   list-style-image: none;
599   list-style-type: none;
600 }
601
602 #rcmKSearchpane ul li
603 {
2c8e84 604   display: block;
4e17e6 605   height: 16px;
T 606   font-size: 11px;
2c8e84 607   padding-left: 6px;
4e17e6 608   padding-top: 2px;
2c8e84 609   padding-right: 6px;
T 610   white-space: nowrap;
611   cursor: pointer;
4e17e6 612 }
T 613
614 #rcmKSearchpane ul li.selected
615 {
616   color: #ffffff;
617   background-color: #CC3333;
618 }
619
f055b1 620 #login-form
A 621 {
622   margin-left: auto;
623   margin-right: auto;
624   margin-top: 50px;
625   width: 400px;
626   border: 1px solid #999;
627 }
628
629 #login-form table td.title
630 {
631   text-align: right;
632   white-space: nowrap;
633 }
634
635 #login-form table
636 {
637   width: 1%;
638   margin: auto;
639 }
09839a 640
df2a51 641 #rcmloginuser, #rcmloginpwd, #rcmloginhost
V 642 {
643   width: 200px;
644 }
645
09839a 646 #console
A 647 {
648   opacity: 0.8;
649 }
6fff3c 650
c16986 651                   
6fff3c 652 /***** onclick menu list *****/
A 653
654 ul.toolbarmenu
655 {
f52c93 656   margin: -4px 0 -4px 0;
6fff3c 657   padding: 0;
A 658   list-style: none;
659 }
660
661 ul.toolbarmenu li
662 {
663   font-size: 11px;
664   white-space: nowrap;
665   min-width: 130px;
cf3992 666   margin: 2px -4px;
6fff3c 667 }
A 668
669 ul.toolbarmenu li a
670 {
671   display: block;
672   color: #a0a0a0;
f52c93 673   padding: 2px 12px 3px 28px;
6fff3c 674   text-decoration: none;
A 675   min-height: 14px;
676 }
677
678 ul.toolbarmenu li a.active,
679 ul.toolbarmenu li a.active:active,
680 ul.toolbarmenu li a.active:visited
681 {
682   color: #333;
683 }
684
685 ul.toolbarmenu li input
686 {
687   vertical-align: middle;
688 }
689
690 ul.toolbarmenu li hr
691 {
692   color: #ccc;
693   width: 130px;
694   height: 1px;
695   margin: 2px 1px 2px 1px;
696 }
697
698 ul.toolbarmenu li img
699 {
700   float: left;
701   margin: 0 2px;
702 }
703
e9b5a6 704 div.popupmenu ul li.separator_below,
6fff3c 705 ul.toolbarmenu li.separator_below
A 706 {
707   border-bottom: 1px solid #ccc;
708   margin-bottom: 2px;
709   padding-bottom: 2px;
710 }
711
e9b5a6 712 div.popupmenu ul li.separator_above,
6fff3c 713 ul.toolbarmenu li.separator_above
A 714 {
715   border-top: 1px solid #ccc;
716   margin-top: 2px;
717   padding-top: 2px;
718 }
f52c93 719
T 720 .disabled
721 {
722   color: #999;
723 }