]> git.donarmstrong.com Git - roundcube.git/blob - skins/default/common.css
Imported Upstream version 0.3
[roundcube.git] / skins / default / common.css
1 /***** RoundCube|Mail basic styles *****/
2
3 body
4 {
5   margin: 8px;
6   background-color: #F6F6F6; /* #EBEBEB; */
7   color: #000000;
8 }
9
10 body.iframe
11 {
12   margin: 0px;
13   background-color: #FFF;
14 }
15
16 body.extwin
17 {
18   margin: 10px;
19 }
20
21 body, td, th, div, p, h3
22 {
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-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
36   font-size: 18px;
37   color: #000000;
38 }
39
40 a, a:active, a:visited
41 {
42   color: #000000;
43   outline: none;
44 }
45
46 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
47 {
48   color: #000000;
49   text-decoration: none;
50 }
51
52 a.tab
53 {
54   width: 80px;
55   display: block;
56   text-align: center;
57 }
58
59 hr
60 {
61   height: 1px;
62   background-color: #666666;
63   border-style: none;
64 }
65
66 input[type="text"],
67 input[type="button"],
68 input[type="password"],
69 textarea
70 {
71   font-size: 9pt;
72   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
73   padding: 1px;
74   padding-left: 3px;
75   padding-right: 3px;
76   border: 1px solid #666666;
77   color: #333333;
78   background-color: #ffffff;
79 }
80
81 input, textarea
82 {
83   font-size: 9pt;
84   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
85   color: black;
86   padding-left: 3px;
87   padding-right: 3px;
88 }
89
90 input.button
91 {
92   height: 20px;
93   color: #333333;
94   font-size: 12px;
95   padding-left: 8px;
96   padding-right: 8px;
97   background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
98   border: 1px solid #a4a4a4;
99 }
100
101 input.button:hover
102 {
103   color: black;
104 }
105
106 input.mainaction
107 {
108   font-weight: bold;
109   border: 1px solid #999;
110 }
111
112 img
113 {
114   border: 0;
115 }
116
117 .alttext
118 {
119   font-size: 11px;
120 }
121
122 .hint
123 {
124   color: #666;
125   font-size: 11px;
126 }
127
128 /** common user interface objects */
129
130 #header
131 {
132   position: absolute;
133   top: 8px;
134   left: 19px;
135   width: 170px;
136   height: 40px;
137   z-index: 100;
138 }
139
140 #taskbar
141 {
142   position: absolute;
143   top: 0px;
144   right: 0px;
145   width: 600px;
146   height: 37px;
147   background: url(images/taskbar.gif) top right no-repeat;
148   padding: 10px 4px 10px 0px;
149   text-align: right;
150   white-space: nowrap;
151   z-index: 2;
152 }
153
154 #taskbar a
155 {
156   font-size: 11px;
157   color: #666666;
158   text-decoration: none;
159   padding: 6px 14px 6px 27px;
160   background: url('images/taskicons.gif') no-repeat;
161 }
162
163 #taskbar a:hover
164 {
165   color: #333333;
166 }
167
168 #taskbar a.button-mail
169 {
170   background-position: 0 0;
171 }
172
173 #taskbar a.button-addressbook
174 {
175   background-position: 0 -25px;
176 }
177
178 #taskbar a.button-settings
179 {
180   background-position: 0 -50px;
181 }
182
183 #taskbar a.button-logout
184 {
185   background-position: 0 -75px;
186 }
187
188 #message
189 {
190   position: absolute;
191   display: none;
192   top: -1px;
193   left: 200px;
194   right: 200px;
195   z-index: 5000;
196   opacity: 0.85;
197 }
198
199 #message div
200 {
201   width: 400px;
202   margin: 0px auto;
203   min-height: 22px;
204   padding: 8px 10px 8px 46px;
205 }
206
207 #message div.notice,
208 #remote-objects-message
209 {
210   background: url('images/display/icons.png') 6px 3px no-repeat;
211   background-color: #F7FDCB;
212   border: 1px solid #C2D071;
213 }
214
215 #message div.error,
216 #message div.warning
217 {
218   background: url('images/display/icons.png') 6px -97px no-repeat;
219   background-color: #EF9398;
220   border: 1px solid #DC5757;
221 }
222
223 #message div.confirmation
224 {
225   background: url('images/display/icons.png') 6px -47px no-repeat;
226   background-color: #A6EF7B;
227   border: 1px solid #76C83F;
228 }
229
230 #message div.loading
231 {
232   background: url('images/display/loading.gif') 6px 3px no-repeat;
233   background-color: #EBEBEB;
234   border: 1px solid #CCCCCC;
235 }
236
237 #pagecontent
238 {
239   position: absolute;
240   top: 95px;
241   left: 20px;
242 }
243
244 .pagenav a.button,
245 .pagenav a.buttonPas
246 {
247   display: block;
248   float: left;
249   width: 11px;
250   height: 11px;
251   padding: 0;
252   margin: 1px;
253   overflow: hidden;
254   background: url('images/pagenav.gif') 0 0 no-repeat transparent;
255   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
256 }
257
258 .pagenav a.buttonPas {
259   opacity: 0.35;
260 }
261
262 .pagenav a.firstpageSel {
263   background-position: 0 -11px;
264 }
265
266 .pagenav a.prevpage {
267   background-position: -11px 0;
268 }
269
270 .pagenav a.prevpageSel {
271   background-position: -11px -11px;
272 }
273
274 .pagenav a.nextpage {
275   background-position: -22px 0;
276 }
277
278 .pagenav a.nextpageSel {
279   background-position: -22px -11px;
280 }
281
282 .pagenav a.lastpage {
283   background-position: -33px 0;
284 }
285
286 .pagenav a.lastpageSel {
287   background-position: -33px -11px;
288 }
289
290 .splitter
291 {
292   user-select: none;
293   -moz-user-select: none;
294   -khtml-user-select: none;
295   position: absolute;
296   background: url(images/dimple.png) center no-repeat;
297 }
298
299 .splitter-h
300 {
301   cursor: n-resize;
302   background-position: center 2px;
303 }
304
305 .splitter-v
306 {
307   cursor: e-resize;
308   background-position: 2px center;
309 }
310
311 .boxtitle
312 {
313   height: 12px !important;
314   padding: 2px 10px 5px 10px;
315   border-bottom: 1px solid #999;
316   color: #333;
317   font-size: 11px;
318   font-weight: bold;
319   background: url('images/listheader.gif') top left repeat-x #CCC;
320 }
321
322 /***** common table settings ******/
323
324 table.records-table thead tr td
325 {
326   height: 20px;
327   padding: 0px 4px 0px 4px;
328   vertical-align: middle;
329   border-bottom: 1px solid #999999;
330   color: #333333;
331   background: url('images/listheader.gif') top left repeat-x #CCC;
332   font-size: 11px;
333   font-weight: bold;
334 }
335
336 table.records-table tbody tr td
337 {
338   height: 16px;
339   padding: 2px 4px 2px 4px;
340   font-size: 11px;
341   white-space: nowrap;
342   border-bottom: 1px solid #EBEBEB;
343   overflow: hidden;
344   text-align: left;  
345 }
346
347 table.records-table tr
348 {
349   background-color: #FFFFFF;
350 }
351
352 table.records-table tr.selected td
353 {
354   color: #FFFFFF;
355   background-color: #CC3333;
356 }
357
358 table.records-table tr.focused td
359 {
360 }
361
362 table.records-table tr.unfocused td
363 {
364   color: #FFFFFF;
365   background-color: #929292;
366 }
367
368
369 /***** mac-style quicksearch field *****/
370
371 #quicksearchbar
372 {
373   position: absolute;
374   top: 55px;
375   right: 20px;
376   width: 182px;
377   height: 20px;
378   text-align: right;
379   background: url('images/searchfield.gif') top left no-repeat;
380 }
381
382 #searchreset
383 {
384   position: absolute;
385   top: 3px;
386   right: 4px;
387   text-decoration: none;
388 }
389
390 #searchmod
391 {
392  position: absolute;
393  top: 3px;
394  right: 160px;
395 }
396
397 #quicksearchbar img
398 {
399   vertical-align: middle;
400 }
401
402 #quicksearchbox
403 {
404   position: absolute;
405   top: 2px;
406   left: 24px;
407   width: 140px;
408   height: 15px;
409   font-size: 11px;
410   padding: 0px;
411   border: none;
412 }
413
414
415 /***** roundcube webmail pre-defined classes *****/
416
417 #rcversion
418 {
419   position: absolute;
420   top: 67px;
421   left: 20px;
422   width: 160px;
423   text-align: center;
424
425   font-weight: normal;
426   font-size: x-small;
427   font-variant: small-caps;
428   
429   color: #999999;
430   /*border: 1px solid #308014;
431   background-color: #b4eeb4;*/
432 }
433
434 #rcmdraglayer
435 {
436   min-width: 300px;
437   width: auto !important;
438   width: 300px;
439   border: 1px solid #999999;
440   background-color: #F9F9F9;
441   padding-left: 8px;
442   padding-right: 8px;
443   padding-top: 3px;
444   padding-bottom: 3px;
445   font-size: 11px;
446   white-space: nowrap;
447   opacity: 0.7;
448 }
449
450 a.rcmContactAddress
451 {
452   text-decoration: none;
453 }
454
455 a.rcmContactAddress:hover
456 {
457   text-decoration: underline;
458 }
459
460 #rcmKSearchpane
461 {
462   background-color: #F9F9F9;
463   border: 1px solid #CCCCCC;
464 }
465
466 #rcmKSearchpane ul
467 {
468   margin: 0px;
469   padding: 2px;
470   list-style-image: none;
471   list-style-type: none;
472 }
473
474 #rcmKSearchpane ul li
475 {
476   display: block;
477   height: 16px;
478   font-size: 11px;
479   padding-left: 6px;
480   padding-top: 2px;
481   padding-right: 6px;
482   white-space: nowrap;
483   cursor: pointer;
484 }
485
486 #rcmKSearchpane ul li.selected
487 {
488   color: #ffffff;
489   background-color: #CC3333;
490 }
491
492 #login-form
493 {
494   margin-left: auto;
495   margin-right: auto;
496   margin-top: 50px;
497   width: 400px;
498   border: 1px solid #999;
499 }
500
501 #login-form table td.title
502 {
503   color: #666;
504   text-align: right;
505   padding-right: 10px;
506   white-space: nowrap;
507 }
508
509 #login-form table
510 {
511   width: 1%;
512   margin: auto;
513 }
514
515 #login-form .boxcontent
516 {
517   padding: 20px 10px 10px 10px;
518 }
519
520 #console
521 {
522   opacity: 0.8;
523 }