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