|
0
|
1 /**
|
|
|
2 * Roundcube webmail styles for skin "Larry"
|
|
|
3 *
|
|
|
4 * Copyright (c) 2012-2015, The Roundcube Dev Team
|
|
|
5 * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
|
|
|
6 *
|
|
|
7 * The contents are subject to the Creative Commons Attribution-ShareAlike
|
|
|
8 * License. It is allowed to copy, distribute, transmit and to adapt the work
|
|
|
9 * by keeping credits to the original autors in the README file.
|
|
|
10 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
|
|
|
11 */
|
|
|
12
|
|
|
13 body {
|
|
|
14 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
|
|
15 font-size: 11px;
|
|
|
16 color: #333;
|
|
|
17 background: url(images/linen.jpg?v=0382.14157) repeat #d1d5d8;
|
|
|
18 margin: 0;
|
|
|
19 }
|
|
|
20
|
|
|
21 body.noscroll {
|
|
|
22 /* also avoids bounce effect in Chrome and Safari */
|
|
|
23 overflow: hidden;
|
|
|
24 }
|
|
|
25
|
|
|
26 .iphone body.noscroll {
|
|
|
27 /* revert on iPhone (#1490551) */
|
|
|
28 overflow: auto;
|
|
|
29 }
|
|
|
30
|
|
|
31 a {
|
|
|
32 color: #0069a6;
|
|
|
33 }
|
|
|
34
|
|
|
35 a:visited {
|
|
|
36 color: #0186ba;
|
|
|
37 }
|
|
|
38
|
|
|
39 img {
|
|
|
40 border: 0;
|
|
|
41 }
|
|
|
42
|
|
|
43 .voice {
|
|
|
44 position: absolute;
|
|
|
45 border: 0;
|
|
|
46 clip: rect(0 0 0 0);
|
|
|
47 width: 1px;
|
|
|
48 height: 1px;
|
|
|
49 margin: -1px;
|
|
|
50 padding: 0;
|
|
|
51 overflow: hidden;
|
|
|
52 }
|
|
|
53
|
|
|
54 html.mozilla select {
|
|
|
55 padding: 2px 1px;
|
|
|
56 }
|
|
|
57
|
|
|
58 input,
|
|
|
59 textarea,
|
|
|
60 select,
|
|
|
61 button {
|
|
|
62 font-family: inherit;
|
|
|
63 font-size: inherit;
|
|
|
64 vertical-align: middle;
|
|
|
65 }
|
|
|
66
|
|
|
67 input[type="text"],
|
|
|
68 input[type="password"],
|
|
|
69 textarea {
|
|
|
70 margin: 0; /* Safari by default adds a margin */
|
|
|
71 padding: 4px;
|
|
|
72 border: 1px solid #b2b2b2;
|
|
|
73 border-radius: 4px;
|
|
|
74 box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
|
|
|
75 -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
|
|
|
76 }
|
|
|
77
|
|
|
78 input[type="text"]:focus,
|
|
|
79 input[type="password"]:focus,
|
|
|
80 input.button:focus,
|
|
|
81 textarea:focus {
|
|
|
82 border-color: #4787b1;
|
|
|
83 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
|
84 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
|
85 outline: none;
|
|
|
86 }
|
|
|
87
|
|
|
88 input[type="text"]:required,
|
|
|
89 input[type="password"]:required {
|
|
|
90 border-color: #4787b1;
|
|
|
91 }
|
|
|
92
|
|
|
93 input.placeholder,
|
|
|
94 textarea.placeholder {
|
|
|
95 color: #aaa;
|
|
|
96 }
|
|
|
97
|
|
|
98 .bold {
|
|
|
99 font-weight: bold;
|
|
|
100 }
|
|
|
101
|
|
|
102 /* fixes vertical alignment of checkboxes and labels */
|
|
|
103 label input + span {
|
|
|
104 vertical-align: middle;
|
|
|
105 }
|
|
|
106
|
|
|
107 /*** buttons ***/
|
|
|
108
|
|
|
109 input.button {
|
|
|
110 display: inline-block;
|
|
|
111 margin: 0 2px;
|
|
|
112 padding: 2px 5px;
|
|
|
113 color: #525252;
|
|
|
114 text-shadow: 0px 1px 1px #fff;
|
|
|
115 border: 1px solid #c0c0c0;
|
|
|
116 border-radius: 4px;
|
|
|
117 background: #f7f7f7;
|
|
|
118 background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
119 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
|
|
|
120 background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
121 background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
122 background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
123 box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
|
124 -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
|
125 text-decoration: none;
|
|
|
126 outline: none;
|
|
|
127 }
|
|
|
128
|
|
|
129 .formbuttons input.button {
|
|
|
130 color: #ddd;
|
|
|
131 font-size: 110%;
|
|
|
132 text-shadow: 0px 1px 1px #333;
|
|
|
133 padding: 4px 12px;
|
|
|
134 border-color: #465864;
|
|
|
135 border-radius: 5px;
|
|
|
136 background: #7a7b7d;
|
|
|
137 background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */
|
|
|
138 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */
|
|
|
139 background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */
|
|
|
140 background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */
|
|
|
141 background: linear-gradient(to bottom, #7b7b7b 0%, #606060 100%); /* W3C */
|
|
|
142 box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
|
|
|
143 -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
|
|
|
144 }
|
|
|
145
|
|
|
146 .formbuttons input.button:hover,
|
|
|
147 .formbuttons input.button:focus,
|
|
|
148 input.button.mainaction:hover,
|
|
|
149 input.button.mainaction:focus {
|
|
|
150 color: #f2f2f2;
|
|
|
151 border-color: #465864;
|
|
|
152 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
|
|
|
153 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
|
|
|
154 }
|
|
|
155
|
|
|
156 .formbuttons input.button:active {
|
|
|
157 color: #fff;
|
|
|
158 background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
|
|
|
159 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b));
|
|
|
160 background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
|
|
|
161 background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
|
|
|
162 background: linear-gradient(to bottom, #5c5c5c 0%, #7b7b7b 100%);
|
|
|
163 }
|
|
|
164
|
|
|
165 input.button.mainaction {
|
|
|
166 color: #ededed;
|
|
|
167 text-shadow: 0px 1px 1px #333;
|
|
|
168 border-color: #1f262c;
|
|
|
169 background: #505050;
|
|
|
170 background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
|
171 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
|
|
|
172 background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
|
173 background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
|
174 background: linear-gradient(to bottom, #505050 0%, #2a2e31 100%);
|
|
|
175 box-shadow: inset 0 1px 0 0 #777;
|
|
|
176 -webkit-box-shadow: inset 0 1px 0 0 #777;
|
|
|
177 }
|
|
|
178
|
|
|
179 input.button.mainaction:active {
|
|
|
180 color: #fff;
|
|
|
181 background: #515151;
|
|
|
182 background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
|
183 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
|
|
|
184 background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
|
185 background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
|
186 background: linear-gradient(to bottom, #2a2e31 0%, #505050 100%);
|
|
|
187 }
|
|
|
188
|
|
|
189 input.button[disabled],
|
|
|
190 input.button[disabled]:hover,
|
|
|
191 input.button.mainaction[disabled] {
|
|
|
192 color: #aaa !important;
|
|
|
193 }
|
|
|
194
|
|
|
195 input.mainaction {
|
|
|
196 font-weight: bold;
|
|
|
197 }
|
|
|
198
|
|
|
199 /** link buttons **/
|
|
|
200
|
|
|
201 a.button,
|
|
|
202 .buttongroup {
|
|
|
203 display: inline-block;
|
|
|
204 margin: 0 2px;
|
|
|
205 padding: 2px 5px;
|
|
|
206 color: #525252;
|
|
|
207 text-shadow: 0px 1px 1px #fff;
|
|
|
208 border: 1px solid #c6c6c6;
|
|
|
209 border-radius: 4px;
|
|
|
210 background: #f7f7f7;
|
|
|
211 background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
212 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
|
|
|
213 background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
214 background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
215 background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
|
|
|
216 box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
|
217 -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
|
218 text-decoration: none;
|
|
|
219 }
|
|
|
220
|
|
|
221 .buttongroup {
|
|
|
222 padding: 0;
|
|
|
223 white-space: nowrap;
|
|
|
224 }
|
|
|
225
|
|
|
226 a.button:focus,
|
|
|
227 input.button:focus {
|
|
|
228 border-color: #4fadd5;
|
|
|
229 box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
|
|
|
230 -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
|
|
|
231 outline: none;
|
|
|
232 }
|
|
|
233
|
|
|
234 label.disabled,
|
|
|
235 a.button.disabled {
|
|
|
236 color: #999;
|
|
|
237 }
|
|
|
238
|
|
|
239 a.button.disabled,
|
|
|
240 input.button.disabled,
|
|
|
241 input.button[disabled],
|
|
|
242 a.button.disabled:hover,
|
|
|
243 input.button.disabled:hover,
|
|
|
244 input.button[disabled]:hover {
|
|
|
245 border-color: #c6c6c6;
|
|
|
246 box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
|
|
|
247 -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
|
|
|
248 }
|
|
|
249
|
|
|
250 a.button.disabled span.inner {
|
|
|
251 opacity: 0.4;
|
|
|
252 }
|
|
|
253
|
|
|
254 .buttongroup a.button {
|
|
|
255 margin: 0;
|
|
|
256 border-width: 0 1px 0 0;
|
|
|
257 border-radius: 0;
|
|
|
258 background: none;
|
|
|
259 box-shadow: none;
|
|
|
260 -webkit-box-shadow: none;
|
|
|
261 }
|
|
|
262
|
|
|
263 .buttongroup a.button.first,
|
|
|
264 .buttongroup a.button:first-child {
|
|
|
265 border-radius: 4px 0 0 4px;
|
|
|
266 border-left: 0;
|
|
|
267 }
|
|
|
268
|
|
|
269 .buttongroup a.button.last,
|
|
|
270 .buttongroup a.button:last-child {
|
|
|
271 border-radius: 0 4px 4px 0;
|
|
|
272 border-right: 0;
|
|
|
273 }
|
|
|
274
|
|
|
275 a.button.pressed,
|
|
|
276 a.button:active,
|
|
|
277 input.button:active {
|
|
|
278 background: #e6e6e6;
|
|
|
279 background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
|
280 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
|
|
|
281 background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
|
282 background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
|
283 background: linear-gradient(to bottom, #e6e6e6 0%, #f9f9f9 100%);
|
|
|
284 }
|
|
|
285
|
|
|
286 .pagenav.dark a.button {
|
|
|
287 font-weight: bold;
|
|
|
288 border-color: #e6e6e6;
|
|
|
289 background: #d8d8d8;
|
|
|
290 background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
|
|
|
291 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
|
|
|
292 background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
|
|
|
293 background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
|
|
|
294 background: linear-gradient(to bottom, #d8d8d8 0%, #bababa 100%);
|
|
|
295 box-shadow: 0 1px 1px 0 #999;
|
|
|
296 -webkit-box-shadow: 0 1px 1px 0 #999;
|
|
|
297 }
|
|
|
298
|
|
|
299 .pagenav.dark a.button.pressed {
|
|
|
300 background: #bababa;
|
|
|
301 background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
|
|
|
302 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
|
|
|
303 background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
|
|
|
304 background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
|
|
|
305 background: linear-gradient(to bottom, #bababa 0%, #d8d8d8 100%);
|
|
|
306 }
|
|
|
307
|
|
|
308 .buttongroup a.button.selected,
|
|
|
309 .buttongroup a.button.selected:hover {
|
|
|
310 background: #8a8a8a;
|
|
|
311 background: -moz-linear-gradient(top, #909090 0%, #858585 100%);
|
|
|
312 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585));
|
|
|
313 background: -o-linear-gradient(top, #909090 0%, #858585 100%);
|
|
|
314 background: -ms-linear-gradient(top, #909090 0%, #858585 100%);
|
|
|
315 background: linear-gradient(to bottom, #909090 0%, #858585 100%);
|
|
|
316 box-shadow: inset 0 1px 2px 0 #555;
|
|
|
317 -webkit-box-shadow: inset 0 1px 2px 0 #555;
|
|
|
318 border-right-color: #555;
|
|
|
319 border-left-color: #555;
|
|
|
320 }
|
|
|
321
|
|
|
322 .buttongroup a.button:focus,
|
|
|
323 .buttongroup a.button.selected:focus {
|
|
|
324 background: #f2f2f2;
|
|
|
325 background: -moz-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
|
|
|
326 background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#49b3d2), color-stop(100%,#66bcd9));
|
|
|
327 background: -o-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
|
|
|
328 background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
|
|
|
329 background: linear-gradient(to bottom, #49b3d2 0, #66bcd9 100%);
|
|
|
330 }
|
|
|
331
|
|
|
332 .pagenav a.button {
|
|
|
333 padding: 1px 3px;
|
|
|
334 height: 16px;
|
|
|
335 vertical-align: middle;
|
|
|
336 margin-bottom: 1px;
|
|
|
337 }
|
|
|
338
|
|
|
339 .pagenav .buttongroup a.button,
|
|
|
340 .pagenav .buttongroup a.button:hover {
|
|
|
341 padding: 1px 5px;
|
|
|
342 margin-bottom: 0;
|
|
|
343 }
|
|
|
344
|
|
|
345 a.button span.icon,
|
|
|
346 .pagenav a.button span.inner {
|
|
|
347 display: inline-block;
|
|
|
348 width: 16px;
|
|
|
349 height: 13px;
|
|
|
350 text-indent: 1000px;
|
|
|
351 overflow: hidden;
|
|
|
352 background: url(images/buttons.png?v=51d4.15699) -6px -211px no-repeat;
|
|
|
353 }
|
|
|
354
|
|
|
355 a.button.prevpage span.icon,
|
|
|
356 .pagenav a.prevpage span.inner {
|
|
|
357 background-position: -7px -226px;
|
|
|
358 }
|
|
|
359
|
|
|
360 a.button.nextpage span.icon,
|
|
|
361 .pagenav a.nextpage span.inner {
|
|
|
362 background-position: -28px -226px;
|
|
|
363 }
|
|
|
364
|
|
|
365 a.button.lastpage span.icon,
|
|
|
366 .pagenav a.lastpage span.inner {
|
|
|
367 background-position: -28px -211px;
|
|
|
368 }
|
|
|
369
|
|
|
370 a.button.pageup span.icon,
|
|
|
371 .pagenav a.pageup span.inner {
|
|
|
372 background-position: -7px -241px;
|
|
|
373 }
|
|
|
374
|
|
|
375 a.button.pagedown span.icon,
|
|
|
376 .pagenav a.pagedown span.inner {
|
|
|
377 background-position: -29px -241px;
|
|
|
378 }
|
|
|
379
|
|
|
380 a.button.reply span.icon,
|
|
|
381 .pagenav a.reply span.inner {
|
|
|
382 background-position: -7px -256px;
|
|
|
383 }
|
|
|
384
|
|
|
385 a.button.forward span.icon,
|
|
|
386 .pagenav a.forward span.inner {
|
|
|
387 background-position: -29px -256px;
|
|
|
388 }
|
|
|
389
|
|
|
390 a.button.replyall span.icon,
|
|
|
391 .pagenav a.replyall span.inner {
|
|
|
392 background-position: -7px -271px;
|
|
|
393 }
|
|
|
394
|
|
|
395 a.button.extwin span.icon,
|
|
|
396 .pagenav a.extwin span.inner {
|
|
|
397 background-position: -29px -271px;
|
|
|
398 }
|
|
|
399
|
|
|
400 a.button.changeformat.html span.icon,
|
|
|
401 .pagenav a.changeformat.html span.inner {
|
|
|
402 background-position: -7px -1859px;
|
|
|
403 }
|
|
|
404 a.button.changeformat.html.selected span.icon,
|
|
|
405 .pagenav a.changeformat.html.selected span.inner {
|
|
|
406 background-position: -29px -1859px;
|
|
|
407 }
|
|
|
408
|
|
|
409 a.button.changeformat.text span.icon,
|
|
|
410 .pagenav a.changeformat.text span.inner {
|
|
|
411 background-position: -7px -1874px;
|
|
|
412 }
|
|
|
413 a.button.changeformat.text.selected span.icon,
|
|
|
414 .pagenav a.changeformat.text.selected span.inner {
|
|
|
415 background-position: -29px -1874px;
|
|
|
416 }
|
|
|
417
|
|
|
418 a.button.add span.icon {
|
|
|
419 background-position: -7px -2009px;
|
|
|
420 }
|
|
|
421
|
|
|
422 a.button.delete span.icon {
|
|
|
423 background-position: -29px -2009px;
|
|
|
424 }
|
|
|
425
|
|
|
426 .pagenav .countdisplay {
|
|
|
427 display: inline-block;
|
|
|
428 padding: 3px 1em 0 1em;
|
|
|
429 text-shadow: 0px 1px 1px #fff;
|
|
|
430 min-width: 16em;
|
|
|
431 }
|
|
|
432
|
|
|
433 .pagenavbuttons {
|
|
|
434 position: relative;
|
|
|
435 top: -2px;
|
|
|
436 }
|
|
|
437
|
|
|
438 a.iconbutton {
|
|
|
439 display: inline-block;
|
|
|
440 width: 20px;
|
|
|
441 height: 18px;
|
|
|
442 text-decoration: none;
|
|
|
443 text-indent: -5000px;
|
|
|
444 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat;
|
|
|
445 }
|
|
|
446
|
|
|
447 a.iconbutton.disabled {
|
|
|
448 opacity: 0.4;
|
|
|
449 cursor: default;
|
|
|
450 }
|
|
|
451
|
|
|
452 a.iconbutton.searchicon,
|
|
|
453 a.iconbutton.searchoptions {
|
|
|
454 width: 24px;
|
|
|
455 background-position: -2px -317px;
|
|
|
456 }
|
|
|
457
|
|
|
458 a.iconbutton.searchicon {
|
|
|
459 width: 15px;
|
|
|
460 }
|
|
|
461
|
|
|
462 a.iconbutton.reset {
|
|
|
463 width: 24px;
|
|
|
464 background-position: -25px -317px;
|
|
|
465 }
|
|
|
466
|
|
|
467 a.iconbutton.remove,
|
|
|
468 a.iconbutton.cancel {
|
|
|
469 background-position: -7px -378px;
|
|
|
470 }
|
|
|
471
|
|
|
472 a.iconbutton.delete {
|
|
|
473 background-position: -7px -338px;
|
|
|
474 }
|
|
|
475
|
|
|
476 a.iconbutton.add {
|
|
|
477 background-position: -7px -358px;
|
|
|
478 }
|
|
|
479
|
|
|
480 a.iconbutton.remove {
|
|
|
481 background-position: -7px -379px;
|
|
|
482 }
|
|
|
483
|
|
|
484 a.iconbutton.cancel {
|
|
|
485 background-position: -7px -398px;
|
|
|
486 }
|
|
|
487
|
|
|
488 a.iconbutton.edit {
|
|
|
489 background-position: -7px -418px;
|
|
|
490 }
|
|
|
491
|
|
|
492 a.iconbutton.upload {
|
|
|
493 background-position: -6px -438px;
|
|
|
494 }
|
|
|
495
|
|
|
496
|
|
|
497 a.iconlink {
|
|
|
498 display: inline-block;
|
|
|
499 color: #888;
|
|
|
500 text-decoration: none;
|
|
|
501 white-space: nowrap;
|
|
|
502 padding: 2px 8px 2px 20px;
|
|
|
503 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat;
|
|
|
504 }
|
|
|
505
|
|
|
506 a.iconlink:hover {
|
|
|
507 text-decoration: underline;
|
|
|
508 }
|
|
|
509
|
|
|
510 a.iconlink.delete {
|
|
|
511 background-position: -7px -337px;
|
|
|
512 }
|
|
|
513
|
|
|
514 a.iconlink.add {
|
|
|
515 background-position: -7px -357px;
|
|
|
516 }
|
|
|
517
|
|
|
518 a.iconlink.remove {
|
|
|
519 background-position: -7px -378px;
|
|
|
520 }
|
|
|
521
|
|
|
522 a.iconlink.cancel {
|
|
|
523 background-position: -7px -397px;
|
|
|
524 }
|
|
|
525
|
|
|
526 a.iconlink.edit {
|
|
|
527 background-position: -7px -417px;
|
|
|
528 }
|
|
|
529
|
|
|
530 a.iconlink.upload {
|
|
|
531 background-position: -6px -437px;
|
|
|
532 }
|
|
|
533
|
|
|
534
|
|
|
535 /*** message bar ***/
|
|
|
536
|
|
|
537 #message div.loading,
|
|
|
538 #message div.uploading,
|
|
|
539 #message div.warning,
|
|
|
540 #message div.error,
|
|
|
541 #message div.notice,
|
|
|
542 #message div.confirmation,
|
|
|
543 #message-objects div.notice {
|
|
|
544 color: #555;
|
|
|
545 font-weight: bold;
|
|
|
546 padding: 6px 30px 6px 25px;
|
|
|
547 display: inline-block;
|
|
|
548 white-space: nowrap;
|
|
|
549 background: url(images/messages.png?v=3a4f.1461) 0 5px no-repeat;
|
|
|
550 cursor: default;
|
|
|
551 }
|
|
|
552
|
|
|
553 #message div.warning {
|
|
|
554 color: #960;
|
|
|
555 background-position: 0 -86px;
|
|
|
556 }
|
|
|
557
|
|
|
558 #message div.error {
|
|
|
559 color: #cf2734;
|
|
|
560 background-position: 0 -55px;
|
|
|
561 }
|
|
|
562
|
|
|
563 #message div.confirmation {
|
|
|
564 color: #093;
|
|
|
565 background-position: 0 -25px;
|
|
|
566 }
|
|
|
567
|
|
|
568 #message div.loading {
|
|
|
569 background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat;
|
|
|
570 }
|
|
|
571
|
|
|
572 #message div a,
|
|
|
573 #message div span {
|
|
|
574 padding-right: 0.5em;
|
|
|
575 text-decoration: none;
|
|
|
576 }
|
|
|
577
|
|
|
578 #message div a:hover {
|
|
|
579 text-decoration: underline;
|
|
|
580 cursor: pointer;
|
|
|
581 }
|
|
|
582
|
|
|
583 #message.statusbar {
|
|
|
584 display: none;
|
|
|
585 position: absolute;
|
|
|
586 bottom: 0;
|
|
|
587 left: 0;
|
|
|
588 right: 0;
|
|
|
589 height: 27px;
|
|
|
590 padding-left: 8px;
|
|
|
591 border-top: 1px solid #ddd;
|
|
|
592 border-radius: 0 0 4px 4px;
|
|
|
593 background: #eaeaea;
|
|
|
594 background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
|
|
|
595 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
|
|
|
596 background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
|
|
|
597 background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
|
|
|
598 background: linear-gradient(to bottom, #eaeaea 0%, #c8c8c8 100%);
|
|
|
599 white-space: nowrap;
|
|
|
600 overflow: hidden;
|
|
|
601 text-overflow: ellipsis;
|
|
|
602 }
|
|
|
603
|
|
|
604 #messagestack {
|
|
|
605 position: absolute;
|
|
|
606 bottom: 20px;
|
|
|
607 right: 12px;
|
|
|
608 z-index: 50000;
|
|
|
609 width: auto;
|
|
|
610 height: auto;
|
|
|
611 max-height: 85%;
|
|
|
612 overflow-y: auto;
|
|
|
613 padding: 2px;
|
|
|
614 }
|
|
|
615
|
|
|
616 #messagestack div {
|
|
|
617 display: block;
|
|
|
618 position: relative;
|
|
|
619 width: 280px;
|
|
|
620 height: auto;
|
|
|
621 min-height: 16px;
|
|
|
622 margin: 3px 2px 5px 2px;
|
|
|
623 padding: 8px 10px 7px 30px;
|
|
|
624 cursor: default;
|
|
|
625 font-size: 12px;
|
|
|
626 font-weight: bold;
|
|
|
627 border-radius: 4px;
|
|
|
628 border: 1px solid #444;
|
|
|
629 color: #ebebeb;
|
|
|
630 text-shadow: 0 1px 1px #000;
|
|
|
631
|
|
|
632 background: rgba(64,64,64,0.85);
|
|
|
633 background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%);
|
|
|
634 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.85)), color-stop(100%,rgba(48,48,48,0.9)));
|
|
|
635 background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
|
|
|
636 background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
|
|
|
637 background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
|
|
|
638 background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
|
|
|
639
|
|
|
640 box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
|
|
|
641 -webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
|
|
|
642 }
|
|
|
643
|
|
|
644 #messagestack div:after {
|
|
|
645 content: "";
|
|
|
646 position: absolute;
|
|
|
647 display: block;
|
|
|
648 top: 0;
|
|
|
649 left: 4px;
|
|
|
650 width: 20px;
|
|
|
651 height: 24px;
|
|
|
652 background: url(images/messages_dark.png?v=270a.1471) 0 7px no-repeat;
|
|
|
653 }
|
|
|
654
|
|
|
655 #messagestack div.error {
|
|
|
656 color: #ff615d;
|
|
|
657 }
|
|
|
658
|
|
|
659 #messagestack div.error:after {
|
|
|
660 background-position: 0 -55px;
|
|
|
661 }
|
|
|
662
|
|
|
663 #messagestack div.warning {
|
|
|
664 color: #f4bf0e;
|
|
|
665 }
|
|
|
666
|
|
|
667 #messagestack div.warning:after {
|
|
|
668 background-position: 0 -84px;
|
|
|
669 }
|
|
|
670
|
|
|
671 #messagestack div.confirmation {
|
|
|
672 color: #00e05a;
|
|
|
673 }
|
|
|
674
|
|
|
675 #messagestack div.confirmation:after {
|
|
|
676 background-position: 0 -25px;
|
|
|
677 }
|
|
|
678
|
|
|
679 #messagestack div.uploading,
|
|
|
680 #messagestack div.loading {
|
|
|
681 color: #ddd;
|
|
|
682 }
|
|
|
683
|
|
|
684 #messagestack div.uploading:after,
|
|
|
685 #messagestack div.loading:after {
|
|
|
686 top: 4px;
|
|
|
687 left: 6px;
|
|
|
688 background: url(images/ajaxloader_dark.gif?v=cf1b.1849) 0 4px no-repeat;
|
|
|
689 }
|
|
|
690
|
|
|
691 #messagestack div.voice {
|
|
|
692 position: absolute;
|
|
|
693 top: -1000px;
|
|
|
694 }
|
|
|
695
|
|
|
696 #messagestack div a {
|
|
|
697 color: #94c0da;
|
|
|
698 }
|
|
|
699
|
|
|
700 #messagestack div a:hover {
|
|
|
701 text-decoration: underline;
|
|
|
702 cursor: pointer;
|
|
|
703 }
|
|
|
704
|
|
|
705 .ui-dialog.error .ui-dialog-title,
|
|
|
706 .ui-dialog.warning .ui-dialog-title,
|
|
|
707 .ui-dialog.confirmation .ui-dialog-title {
|
|
|
708 padding-left: 25px;
|
|
|
709 background: url(images/messages.png?v=3a4f.1461) 0 5px no-repeat;
|
|
|
710 text-shadow: 0 1px 1px #fff;
|
|
|
711 }
|
|
|
712
|
|
|
713 .ui-dialog.warning .ui-dialog-title {
|
|
|
714 color: #960;
|
|
|
715 background-position: 0 -90px;
|
|
|
716 }
|
|
|
717
|
|
|
718 .ui-dialog.error .ui-dialog-title {
|
|
|
719 color: #cf2734;
|
|
|
720 background-position: 0 -60px;
|
|
|
721 }
|
|
|
722
|
|
|
723 .ui-dialog.confirmation .ui-dialog-title {
|
|
|
724 color: #093;
|
|
|
725 background-position: 0 -30px;
|
|
|
726 }
|
|
|
727
|
|
|
728 .ui-dialog.popupmessage .ui-dialog-titlebar {
|
|
|
729 padding: 8px 1em 4px 1em;
|
|
|
730 background: #e3e3e3;
|
|
|
731 background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
|
|
|
732 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf));
|
|
|
733 background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
|
|
|
734 background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
|
|
|
735 background: linear-gradient(to bottom, #e3e3e3 0%, #cfcfcf 100%);
|
|
|
736 }
|
|
|
737
|
|
|
738 .ui-dialog.popupmessage .ui-widget-content {
|
|
|
739 font-size: 12px;
|
|
|
740 background: #eee;
|
|
|
741 background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%);
|
|
|
742 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc));
|
|
|
743 background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%);
|
|
|
744 background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%);
|
|
|
745 background: linear-gradient(to bottom, #eee 0%, #dcdcdc 100%);
|
|
|
746 }
|
|
|
747
|
|
|
748
|
|
|
749 /*** basic page layout ***/
|
|
|
750
|
|
|
751 #header {
|
|
|
752 overflow-x: hidden; /* Chrome bug #1488851 */
|
|
|
753 }
|
|
|
754
|
|
|
755 #topline {
|
|
|
756 height: 18px;
|
|
|
757 background: url(images/linen_header.jpg?v=514a.580) repeat #666;
|
|
|
758 border-bottom: 1px solid #4f4f4f;
|
|
|
759 padding: 2px 0 2px 10px;
|
|
|
760 color: #aaa;
|
|
|
761 text-align: center;
|
|
|
762 }
|
|
|
763
|
|
|
764 #topnav {
|
|
|
765 position: relative;
|
|
|
766 height: 46px;
|
|
|
767 margin-bottom: 10px;
|
|
|
768 padding: 0 0 0 10px;
|
|
|
769 background: #111;
|
|
|
770 background: -moz-linear-gradient(top, #404040 0%, #060606 100%);
|
|
|
771 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606));
|
|
|
772 background: -o-linear-gradient(top, #404040 0%, #060606 100%);
|
|
|
773 background: -ms-linear-gradient(top, #404040 0%, #060606 100%);
|
|
|
774 background: linear-gradient(to bottom, #404040 0%, #060606 100%);
|
|
|
775 }
|
|
|
776
|
|
|
777 #topline a,
|
|
|
778 #topnav a {
|
|
|
779 color: #eee;
|
|
|
780 text-decoration: none;
|
|
|
781 }
|
|
|
782
|
|
|
783 #topline a:hover {
|
|
|
784 text-decoration: underline;
|
|
|
785 }
|
|
|
786
|
|
|
787 #toplogo {
|
|
|
788 padding-top: 2px;
|
|
|
789 cursor: pointer;
|
|
|
790 border: none;
|
|
|
791 }
|
|
|
792
|
|
|
793 .topleft {
|
|
|
794 float: left;
|
|
|
795 }
|
|
|
796
|
|
|
797 .topright {
|
|
|
798 float: right;
|
|
|
799 }
|
|
|
800
|
|
|
801 .closelink {
|
|
|
802 display: inline-block;
|
|
|
803 padding: 2px 10px 2px 20px;
|
|
|
804 }
|
|
|
805
|
|
|
806 #topline span.username {
|
|
|
807 padding-right: 1em;
|
|
|
808 }
|
|
|
809
|
|
|
810 #topline .topleft a {
|
|
|
811 display: inline-block;
|
|
|
812 padding: 2px 0.8em 0 0;
|
|
|
813 color: #aaa;
|
|
|
814 }
|
|
|
815
|
|
|
816 #topline a.button-logout {
|
|
|
817 display: inline-block;
|
|
|
818 padding: 2px 10px 2px 20px;
|
|
|
819 background: url(images/buttons.png?v=51d4.15699) -6px -193px no-repeat;
|
|
|
820 color: #fff;
|
|
|
821 }
|
|
|
822
|
|
|
823 #taskbar .button-logout {
|
|
|
824 display: none;
|
|
|
825 }
|
|
|
826
|
|
|
827 #taskbar a.button-logout span.button-inner {
|
|
|
828 background-position: -2px -1791px;
|
|
|
829 }
|
|
|
830
|
|
|
831 #taskbar a.button-logout:hover span.button-inner {
|
|
|
832 background-position: -2px -1829px;
|
|
|
833 }
|
|
|
834
|
|
|
835
|
|
|
836 /*** minimal version of the page header ***/
|
|
|
837
|
|
|
838 .minimal #topline {
|
|
|
839 position: fixed;
|
|
|
840 top: -18px;
|
|
|
841 background: #444;
|
|
|
842 z-index: 5000;
|
|
|
843 width: 100%;
|
|
|
844 height: 22px;
|
|
|
845 -moz-box-sizing: border-box;
|
|
|
846 box-sizing: border-box;
|
|
|
847 }
|
|
|
848
|
|
|
849 .minimal #topline:hover {
|
|
|
850 top: 0px;
|
|
|
851 opacity: 0.94;
|
|
|
852 -webkit-transition: top 0.3s ease-in-out;
|
|
|
853 -moz-transition: top 0.3s ease-in-out;
|
|
|
854 -o-transition: top 0.3s ease-in-out;
|
|
|
855 transition: top 0.3s ease-in-out;
|
|
|
856 }
|
|
|
857
|
|
|
858 .extwin #topline,
|
|
|
859 .extwin #topline:hover {
|
|
|
860 position: static;
|
|
|
861 top: 0px;
|
|
|
862 height: 18px;
|
|
|
863 width: auto;
|
|
|
864 -moz-box-sizing: content-box;
|
|
|
865 box-sizing: content-box;
|
|
|
866 opacity: 0.999;
|
|
|
867 }
|
|
|
868
|
|
|
869 .minimal #topline a.button-logout {
|
|
|
870 display: none;
|
|
|
871 }
|
|
|
872
|
|
|
873 .minimal #topline span.username {
|
|
|
874 display: inline-block;
|
|
|
875 padding-top: 2px;
|
|
|
876 }
|
|
|
877
|
|
|
878 .minimal #topnav {
|
|
|
879 position: relative;
|
|
|
880 top: 4px;
|
|
|
881 height: 42px;
|
|
|
882 }
|
|
|
883
|
|
|
884 .minimal #taskbar a {
|
|
|
885 position: relative;
|
|
|
886 padding: 10px 10px 0 6px;
|
|
|
887 height: 32px;
|
|
|
888 }
|
|
|
889
|
|
|
890 .minimal #taskbar .button-logout {
|
|
|
891 display: inline-block;
|
|
|
892 }
|
|
|
893
|
|
|
894 .minimal #taskbar .button-inner {
|
|
|
895 top: -4px;
|
|
|
896 padding: 0;
|
|
|
897 height: 24px !important;
|
|
|
898 width: 27px;
|
|
|
899 text-indent: -5000px;
|
|
|
900 }
|
|
|
901
|
|
|
902 #taskbar .tooltip {
|
|
|
903 display: none;
|
|
|
904 }
|
|
|
905
|
|
|
906 .minimal #taskbar .tooltip {
|
|
|
907 position: absolute;
|
|
|
908 top: -500px;
|
|
|
909 right: 2px;
|
|
|
910 display: inline-block;
|
|
|
911 padding: 2px 8px 3px 8px;
|
|
|
912 background: #444;
|
|
|
913 background: -moz-linear-gradient(top, #444 0%, #333 100%);
|
|
|
914 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333));
|
|
|
915 background: -o-linear-gradient(top, #444 0%, #333 100%);
|
|
|
916 background: -ms-linear-gradient(top, #444 0%, #333 100%);
|
|
|
917 background: linear-gradient(to bottom, #444 0%, #333 100%);
|
|
|
918 color: #eee;
|
|
|
919 font-weight: bold;
|
|
|
920 white-space: nowrap;
|
|
|
921 border: 1px solid #777;
|
|
|
922 box-shadow: 0 1px 5px 0 #333;
|
|
|
923 -webkit-box-shadow: 0 1px 5px 0 #333;
|
|
|
924 z-index: 200;
|
|
|
925 white-space: nowrap;
|
|
|
926 text-shadow: 0px 1px 1px #000;
|
|
|
927 }
|
|
|
928
|
|
|
929 .minimal #taskbar .tooltip:after {
|
|
|
930 content: "";
|
|
|
931 position: absolute;
|
|
|
932 top: -4px;
|
|
|
933 right: 15px;
|
|
|
934 border-style: solid;
|
|
|
935 border-width: 0 4px 4px;
|
|
|
936 border-color: #888 transparent;
|
|
|
937 /* reduce the damage in FF3.0 */
|
|
|
938 display: block;
|
|
|
939 width: 0;
|
|
|
940 z-index: 251;
|
|
|
941 }
|
|
|
942
|
|
|
943 .minimal #taskbar a:hover .tooltip {
|
|
|
944 display: block;
|
|
|
945 top: 39px;
|
|
|
946 }
|
|
|
947
|
|
|
948
|
|
|
949 /*** taskbar ***/
|
|
|
950
|
|
|
951 #taskbar {
|
|
|
952 position: relative;
|
|
|
953 padding-right: 18px;
|
|
|
954 }
|
|
|
955
|
|
|
956 #taskbar a {
|
|
|
957 display: inline-block;
|
|
|
958 height: 34px;
|
|
|
959 padding: 12px 10px 0 6px;
|
|
|
960 }
|
|
|
961
|
|
|
962 #taskbar a span.button-inner {
|
|
|
963 display: inline-block;
|
|
|
964 font-size: 110%;
|
|
|
965 font-weight: normal;
|
|
|
966 text-shadow: 0px 1px 1px black;
|
|
|
967 padding: 5px 0 0 34px;
|
|
|
968 height: 19px;
|
|
|
969 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat;
|
|
|
970 }
|
|
|
971
|
|
|
972 #taskbar a:focus {
|
|
|
973 color: #fff;
|
|
|
974 text-shadow: 0px 1px 1px #666;
|
|
|
975 background-color: rgba(73,180,210,0.7);
|
|
|
976 outline: none;
|
|
|
977 }
|
|
|
978
|
|
|
979 #taskbar a.button-selected {
|
|
|
980 color: #3cf;
|
|
|
981 background-color: #2c2c2c;
|
|
|
982 }
|
|
|
983
|
|
|
984 #taskbar a.button-mail span.button-inner {
|
|
|
985 background-position: 0 2px;
|
|
|
986 }
|
|
|
987
|
|
|
988 #taskbar a.button-mail:hover span.button-inner,
|
|
|
989 #taskbar a.button-mail.button-selected span.button-inner {
|
|
|
990 background-position: 0 -22px;
|
|
|
991 }
|
|
|
992
|
|
|
993 #taskbar a.button-addressbook span.button-inner {
|
|
|
994 background-position: 0 -48px;
|
|
|
995 }
|
|
|
996
|
|
|
997 #taskbar a.button-addressbook:hover span.button-inner,
|
|
|
998 #taskbar a.button-addressbook.button-selected span.button-inner {
|
|
|
999 background-position: 0 -72px;
|
|
|
1000 }
|
|
|
1001
|
|
|
1002 #taskbar a.button-settings span.button-inner {
|
|
|
1003 background-position: 0 -96px;
|
|
|
1004 }
|
|
|
1005
|
|
|
1006 #taskbar a.button-settings:hover span.button-inner,
|
|
|
1007 #taskbar a.button-settings.button-selected span.button-inner {
|
|
|
1008 background-position: 0 -120px;
|
|
|
1009 }
|
|
|
1010
|
|
|
1011 #taskbar a.button-calendar span.button-inner {
|
|
|
1012 background-position: 0 -144px;
|
|
|
1013 }
|
|
|
1014
|
|
|
1015 #taskbar a.button-calendar:hover span.button-inner,
|
|
|
1016 #taskbar a.button-calendar.button-selected span.button-inner {
|
|
|
1017 background-position: 0 -168px;
|
|
|
1018 }
|
|
|
1019
|
|
|
1020 #taskbar .minmodetoggle {
|
|
|
1021 position: absolute;
|
|
|
1022 top: 0;
|
|
|
1023 right: 0;
|
|
|
1024 display: block;
|
|
|
1025 width: 19px;
|
|
|
1026 height: 46px;
|
|
|
1027 cursor: pointer;
|
|
|
1028 background: url(images/buttons.png?v=51d4.15699) -35px -1778px no-repeat;
|
|
|
1029 }
|
|
|
1030
|
|
|
1031 .minimal #taskbar .minmodetoggle {
|
|
|
1032 height: 42px;
|
|
|
1033 background-position: -35px -1820px;
|
|
|
1034 }
|
|
|
1035
|
|
|
1036 #mainscreen {
|
|
|
1037 position: absolute;
|
|
|
1038 top: 88px;
|
|
|
1039 left: 10px;
|
|
|
1040 right: 10px;
|
|
|
1041 bottom: 20px;
|
|
|
1042 }
|
|
|
1043
|
|
|
1044 #mainscreencontent {
|
|
|
1045 position: absolute;
|
|
|
1046 top: 42px;
|
|
|
1047 left: 0;
|
|
|
1048 right: 0;
|
|
|
1049 bottom: 0;
|
|
|
1050 }
|
|
|
1051
|
|
|
1052 #mainscreen.offset {
|
|
|
1053 top: 132px;
|
|
|
1054 }
|
|
|
1055
|
|
|
1056 #mainscreen .offset {
|
|
|
1057 top: 42px;
|
|
|
1058 }
|
|
|
1059
|
|
|
1060 .minimal #mainscreen {
|
|
|
1061 top: 62px;
|
|
|
1062 }
|
|
|
1063
|
|
|
1064 .minimal #mainscreen.offset {
|
|
|
1065 top: 102px;
|
|
|
1066 }
|
|
|
1067
|
|
|
1068 .extwin #mainscreen {
|
|
|
1069 top: 40px;
|
|
|
1070 }
|
|
|
1071
|
|
|
1072 .extwin #mainscreen.offset {
|
|
|
1073 top: 86px;
|
|
|
1074 }
|
|
|
1075
|
|
|
1076 .uibox {
|
|
|
1077 border: 1px solid #a3a3a3;
|
|
|
1078 border-radius: 4px;
|
|
|
1079 overflow: hidden;
|
|
|
1080 box-shadow: 0 0 2px #999;
|
|
|
1081 -webkit-box-shadow: 0 0 2px #999;
|
|
|
1082 background: #fff;
|
|
|
1083 }
|
|
|
1084
|
|
|
1085 .minwidth {
|
|
|
1086 min-width: 1024px;
|
|
|
1087 }
|
|
|
1088
|
|
|
1089 .scroller {
|
|
|
1090 overflow: auto;
|
|
|
1091 }
|
|
|
1092
|
|
|
1093 .watermark {
|
|
|
1094 background-image: url(images/watermark.jpg?v=e784.5000);
|
|
|
1095 background-position: center;
|
|
|
1096 background-repeat: no-repeat;
|
|
|
1097 }
|
|
|
1098
|
|
|
1099 /* fix scrolling within iframes in webkit browsers on touch devices */
|
|
|
1100 @media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
|
|
|
1101 .iframebox {
|
|
|
1102 overflow: auto;
|
|
|
1103 -webkit-overflow-scrolling: touch;
|
|
|
1104 }
|
|
|
1105 }
|
|
|
1106
|
|
|
1107
|
|
|
1108 /*** lists ***/
|
|
|
1109
|
|
|
1110 .listbox {
|
|
|
1111 background: #d9ecf4;
|
|
|
1112 overflow: hidden;
|
|
|
1113 }
|
|
|
1114
|
|
|
1115 .listbox .scroller {
|
|
|
1116 position: absolute;
|
|
|
1117 top: 0;
|
|
|
1118 left: 0;
|
|
|
1119 width: 100%;
|
|
|
1120 bottom: 0;
|
|
|
1121 overflow-x: hidden;
|
|
|
1122 overflow-y: auto;
|
|
|
1123 }
|
|
|
1124
|
|
|
1125 .listbox .scroller.withfooter {
|
|
|
1126 bottom: 42px;
|
|
|
1127 }
|
|
|
1128
|
|
|
1129 .listbox .boxtitle + .scroller {
|
|
|
1130 top: 34px;
|
|
|
1131 }
|
|
|
1132
|
|
|
1133 .boxtitle,
|
|
|
1134 .uibox .listing thead th,
|
|
|
1135 .uibox .listing thead td {
|
|
|
1136 font-size: 12px;
|
|
|
1137 font-weight: bold;
|
|
|
1138 padding: 7px 8px 6px 8px;
|
|
|
1139 line-height: 20px;
|
|
|
1140 margin: 0;
|
|
|
1141 text-shadow: 0px 1px 1px #fff;
|
|
|
1142 border-bottom: 1px solid #bbd3da;
|
|
|
1143 white-space: nowrap;
|
|
|
1144 }
|
|
|
1145
|
|
|
1146 .uibox .listing thead th,
|
|
|
1147 .uibox .listing thead td {
|
|
|
1148 padding-bottom: 8px;
|
|
|
1149 height: auto;
|
|
|
1150 }
|
|
|
1151
|
|
|
1152 .uibox .boxtitle,
|
|
|
1153 .uibox .listing thead th,
|
|
|
1154 .uibox .listing thead td {
|
|
|
1155 background: #b0ccd7;
|
|
|
1156 color: #004458;
|
|
|
1157 border-radius: 4px 4px 0 0;
|
|
|
1158 }
|
|
|
1159
|
|
|
1160 .listbox .listitem,
|
|
|
1161 .listbox .tablink,
|
|
|
1162 .listing tbody td,
|
|
|
1163 .listing li {
|
|
|
1164 display: block;
|
|
|
1165 border-top: 1px solid #fff;
|
|
|
1166 border-bottom: 1px solid #bbd3da;
|
|
|
1167 cursor: default;
|
|
|
1168 font-weight: normal;
|
|
|
1169 }
|
|
|
1170
|
|
|
1171 .listbox .listitem a,
|
|
|
1172 .listbox .listitem span,
|
|
|
1173 .listbox .tablink a,
|
|
|
1174 .listing tbody td,
|
|
|
1175 .listing li a {
|
|
|
1176 display: block;
|
|
|
1177 color: #376572;
|
|
|
1178 text-shadow: 0px 1px 1px #fff;
|
|
|
1179 text-decoration: none;
|
|
|
1180 cursor: default;
|
|
|
1181 padding: 4px 8px;
|
|
|
1182 line-height: 17px;
|
|
|
1183 height: 17px;
|
|
|
1184 white-space: nowrap;
|
|
|
1185 }
|
|
|
1186
|
|
|
1187 .listing tbody td {
|
|
|
1188 display: table-cell;
|
|
|
1189 min-height: 14px;
|
|
|
1190 outline: none;
|
|
|
1191 }
|
|
|
1192
|
|
|
1193 .listing tbody td a {
|
|
|
1194 color: #376572;
|
|
|
1195 text-shadow: 0px 1px 1px #fff;
|
|
|
1196 text-decoration: none;
|
|
|
1197 }
|
|
|
1198
|
|
|
1199 .webkit .listing tbody td {
|
|
|
1200 height: 14px;
|
|
|
1201 }
|
|
|
1202
|
|
|
1203 /* This padding-left minus the focused padding left should be half of the focused border-left */
|
|
|
1204 .listing thead tr td:first-child,
|
|
|
1205 .listing tbody tr td:first-child {
|
|
|
1206 border-left: 2px solid transparent;
|
|
|
1207 padding-left: 6px;
|
|
|
1208 }
|
|
|
1209
|
|
|
1210 .listing.iconized thead tr td:first-child,
|
|
|
1211 .listing.iconized tbody tr td:first-child {
|
|
|
1212 padding-left: 34px;
|
|
|
1213 }
|
|
|
1214
|
|
|
1215 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
|
|
|
1216 .listing.focus tbody tr.focused > td:first-child {
|
|
|
1217 border-left: 2px solid #739da8;
|
|
|
1218 }
|
|
|
1219
|
|
|
1220 .listbox .listitem.selected,
|
|
|
1221 .listbox .tablink.selected,
|
|
|
1222 .listbox .listitem.selected > a,
|
|
|
1223 .listbox .tablink.selected > a,
|
|
|
1224 .listing tbody tr.selected td,
|
|
|
1225 .listing li.selected,
|
|
|
1226 .listing li.selected > a {
|
|
|
1227 color: #004458;
|
|
|
1228 font-weight: bold;
|
|
|
1229 background-color: #c7e3ef;
|
|
|
1230 }
|
|
|
1231
|
|
|
1232 ul.listing {
|
|
|
1233 display: block;
|
|
|
1234 list-style: none;
|
|
|
1235 margin: 0;
|
|
|
1236 padding: 0;
|
|
|
1237 }
|
|
|
1238
|
|
|
1239 ul.listing li {
|
|
|
1240 background-color: #d9ecf4;
|
|
|
1241 overflow: hidden;
|
|
|
1242 text-overflow: ellipsis;
|
|
|
1243 white-space: nowrap;
|
|
|
1244 }
|
|
|
1245
|
|
|
1246 ul.listing li ul {
|
|
|
1247 border-top: 1px solid #bbd3da;
|
|
|
1248 }
|
|
|
1249
|
|
|
1250 ul.listing li.droptarget,
|
|
|
1251 table.listing tr.droptarget td {
|
|
|
1252 background-color: #e8e798;
|
|
|
1253 }
|
|
|
1254
|
|
|
1255 .listbox table.listing {
|
|
|
1256 background-color: #d9ecf4;
|
|
|
1257 }
|
|
|
1258
|
|
|
1259 table.listing,
|
|
|
1260 table.layout {
|
|
|
1261 border: 0;
|
|
|
1262 width: 100%;
|
|
|
1263 border-spacing: 0;
|
|
|
1264 }
|
|
|
1265
|
|
|
1266 table.layout td {
|
|
|
1267 vertical-align: top;
|
|
|
1268 }
|
|
|
1269
|
|
|
1270 ul.treelist li {
|
|
|
1271 position: relative;
|
|
|
1272 }
|
|
|
1273
|
|
|
1274 ul.treelist li ul {
|
|
|
1275 margin: 0;
|
|
|
1276 padding: 0;
|
|
|
1277 }
|
|
|
1278
|
|
|
1279 ul.treelist li ul li:last-child {
|
|
|
1280 border-bottom: 0;
|
|
|
1281 }
|
|
|
1282
|
|
|
1283 ul.treelist li a {
|
|
|
1284 display: block;
|
|
|
1285 padding-left: 20px;
|
|
|
1286 overflow: hidden;
|
|
|
1287 text-overflow: ellipsis;
|
|
|
1288 }
|
|
|
1289
|
|
|
1290 ul.treelist li a:focus,
|
|
|
1291 ul.listing .listitem a:focus,
|
|
|
1292 ul.listing .listitem span:focus,
|
|
|
1293 ul.listing.focus .listitem.focused span {
|
|
|
1294 color: #fff !important;
|
|
|
1295 background-color: rgba(73,180,210,0.6);
|
|
|
1296 text-shadow: 0px 1px 1px #666;
|
|
|
1297 outline: none;
|
|
|
1298 }
|
|
|
1299
|
|
|
1300 ul.treelist ul li a {
|
|
|
1301 padding-left: 38px;
|
|
|
1302 }
|
|
|
1303
|
|
|
1304 ul.treelist ul ul li a {
|
|
|
1305 padding-left: 54px;
|
|
|
1306 }
|
|
|
1307
|
|
|
1308 ul.treelist.iconized li a {
|
|
|
1309 padding-left: 36px;
|
|
|
1310 }
|
|
|
1311
|
|
|
1312 ul.treelist.iconized ul li a {
|
|
|
1313 padding-left: 62px;
|
|
|
1314 }
|
|
|
1315
|
|
|
1316 ul.treelist.iconized ul ul li a {
|
|
|
1317 padding-left: 88px;
|
|
|
1318 }
|
|
|
1319
|
|
|
1320 ul.treelist.iconized ul ul ul li a {
|
|
|
1321 padding-left: 114px;
|
|
|
1322 }
|
|
|
1323
|
|
|
1324 ul.treelist li div.treetoggle {
|
|
|
1325 position: absolute;
|
|
|
1326 top: 7px;
|
|
|
1327 left: 4px;
|
|
|
1328 width: 13px;
|
|
|
1329 height: 13px;
|
|
|
1330 background: url(images/listicons.png?v=1877.13442) -3px -144px no-repeat;
|
|
|
1331 cursor: pointer;
|
|
|
1332 }
|
|
|
1333
|
|
|
1334 ul.treelist li ul li div.treetoggle {
|
|
|
1335 left: 22px;
|
|
|
1336 }
|
|
|
1337
|
|
|
1338 ul.treelist.iconized li div.treetoggle {
|
|
|
1339 top: 13px;
|
|
|
1340 left: 19px;
|
|
|
1341 }
|
|
|
1342
|
|
|
1343 ul.treelist.iconized ul li div.treetoggle {
|
|
|
1344 left: 45px;
|
|
|
1345 }
|
|
|
1346
|
|
|
1347 ul.treelist.iconized ul ul li div.treetoggle {
|
|
|
1348 left: 71px;
|
|
|
1349 }
|
|
|
1350
|
|
|
1351 ul.treelist li div.treetoggle.expanded {
|
|
|
1352 background-position: -3px -168px;
|
|
|
1353 }
|
|
|
1354
|
|
|
1355 ul.treelist li.selected > div.collapsed {
|
|
|
1356 background-position: -23px -144px;
|
|
|
1357 }
|
|
|
1358
|
|
|
1359 ul.treelist li.selected > div.expanded {
|
|
|
1360 background-position: -23px -168px;
|
|
|
1361 }
|
|
|
1362
|
|
|
1363 .listbox .boxfooter {
|
|
|
1364 position: absolute;
|
|
|
1365 bottom: 0;
|
|
|
1366 left: 0;
|
|
|
1367 width: 100%;
|
|
|
1368 height: 42px;
|
|
|
1369 border-top: 1px solid #ccdde4;
|
|
|
1370 background: #d9ecf4;
|
|
|
1371 box-shadow: inset 0 1px 0 0 #fff;
|
|
|
1372 -webkit-box-shadow: inset 0 1px 0 0 #fff;
|
|
|
1373 white-space: nowrap;
|
|
|
1374 overflow: hidden;
|
|
|
1375 }
|
|
|
1376
|
|
|
1377 .uibox .boxfooter {
|
|
|
1378 border-radius: 0 0 4px 4px;
|
|
|
1379 }
|
|
|
1380
|
|
|
1381 .boxfooter .listbutton {
|
|
|
1382 display: inline-block;
|
|
|
1383 text-decoration: none;
|
|
|
1384 width: 48px;
|
|
|
1385 border-right: 1px solid #fff;
|
|
|
1386 background: #c7e3ef;
|
|
|
1387 padding: 3px 0;
|
|
|
1388 margin-top: 1px;
|
|
|
1389 }
|
|
|
1390
|
|
|
1391 .boxfooter a.listbutton:focus {
|
|
|
1392 color: #fff;
|
|
|
1393 background-color: rgba(73,180,210,0.6);
|
|
|
1394 text-shadow: 0px 1px 1px #666;
|
|
|
1395 outline: none;
|
|
|
1396 }
|
|
|
1397
|
|
|
1398 .uibox .boxfooter .listbutton:first-child {
|
|
|
1399 border-radius: 0 0 0 4px;
|
|
|
1400 }
|
|
|
1401
|
|
|
1402 .boxfooter .listbutton .inner {
|
|
|
1403 display: inline-block;
|
|
|
1404 width: 48px;
|
|
|
1405 height: 35px;
|
|
|
1406 text-indent: -5000px;
|
|
|
1407 background-image: url(images/buttons.png?v=51d4.15699);
|
|
|
1408 background-position: -1000px 0;
|
|
|
1409 background-repeat: no-repeat;
|
|
|
1410 }
|
|
|
1411
|
|
|
1412 .boxfooter .listbutton.add .inner {
|
|
|
1413 background-position: 10px -1301px;
|
|
|
1414 }
|
|
|
1415
|
|
|
1416 .boxfooter .listbutton.delete .inner {
|
|
|
1417 background-position: 10px -1342px;
|
|
|
1418 }
|
|
|
1419
|
|
|
1420 .boxfooter .listbutton.groupactions .inner {
|
|
|
1421 background-position: 5px -1382px;
|
|
|
1422 }
|
|
|
1423
|
|
|
1424 .boxfooter .listbutton.addto .inner {
|
|
|
1425 background-position: 5px -1422px;
|
|
|
1426 }
|
|
|
1427
|
|
|
1428 .boxfooter .listbutton.addcc .inner {
|
|
|
1429 background-position: 5px -1462px;
|
|
|
1430 }
|
|
|
1431
|
|
|
1432 .boxfooter .listbutton.addbcc {
|
|
|
1433 width: 54px;
|
|
|
1434 }
|
|
|
1435
|
|
|
1436 .boxfooter .listbutton.addbcc .inner {
|
|
|
1437 width: 54px;
|
|
|
1438 background-position: 2px -1502px;
|
|
|
1439 }
|
|
|
1440
|
|
|
1441 .boxfooter .listbutton.removegroup .inner {
|
|
|
1442 background-position: 5px -1540px;
|
|
|
1443 }
|
|
|
1444
|
|
|
1445 .boxfooter .listbutton.disabled .inner {
|
|
|
1446 opacity: 0.4;
|
|
|
1447 }
|
|
|
1448
|
|
|
1449 .boxfooter .countdisplay {
|
|
|
1450 display: inline-block;
|
|
|
1451 position: relative;
|
|
|
1452 top: 10px;
|
|
|
1453 color: #69929e;
|
|
|
1454 padding: 3px 6px;
|
|
|
1455 }
|
|
|
1456
|
|
|
1457 .boxpagenav {
|
|
|
1458 position: absolute;
|
|
|
1459 top: 10px;
|
|
|
1460 right: 6px;
|
|
|
1461 width: auto;
|
|
|
1462 }
|
|
|
1463
|
|
|
1464 .boxpagenav a.icon {
|
|
|
1465 display: inline-block;
|
|
|
1466 padding: 1px 3px;
|
|
|
1467 height: 13px;
|
|
|
1468 width: 14px;
|
|
|
1469 text-indent: 1000px;
|
|
|
1470 vertical-align: bottom;
|
|
|
1471 overflow: hidden;
|
|
|
1472 background: url(images/buttons.png?v=51d4.15699) -4px -286px no-repeat;
|
|
|
1473 }
|
|
|
1474
|
|
|
1475 .boxpagenav a.icon.prevpage {
|
|
|
1476 background-position: -4px -301px;
|
|
|
1477 }
|
|
|
1478
|
|
|
1479 .boxpagenav a.icon.nextpage {
|
|
|
1480 background-position: -28px -301px;
|
|
|
1481 }
|
|
|
1482
|
|
|
1483 .boxpagenav a.icon.lastpage {
|
|
|
1484 background-position: -28px -286px;
|
|
|
1485 }
|
|
|
1486
|
|
|
1487 .boxpagenav a.icon.disabled {
|
|
|
1488 opacity: 0.4;
|
|
|
1489 }
|
|
|
1490
|
|
|
1491 .centerbox {
|
|
|
1492 width: 40em;
|
|
|
1493 margin: 16px auto;
|
|
|
1494 }
|
|
|
1495
|
|
|
1496 .errorbox {
|
|
|
1497 width: 40em;
|
|
|
1498 padding: 20px;
|
|
|
1499 }
|
|
|
1500
|
|
|
1501 .errorbox h3 {
|
|
|
1502 font-size: 16px;
|
|
|
1503 margin-top: 0;
|
|
|
1504 }
|
|
|
1505
|
|
|
1506
|
|
|
1507 /*** Records table ***/
|
|
|
1508
|
|
|
1509 table.records-table {
|
|
|
1510 display: table;
|
|
|
1511 width: 100%;
|
|
|
1512 table-layout: fixed;
|
|
|
1513 border-spacing: 0;
|
|
|
1514 border: 1px solid #bbd3da;
|
|
|
1515 }
|
|
|
1516
|
|
|
1517 .boxlistcontent .records-table {
|
|
|
1518 border: 0;
|
|
|
1519 }
|
|
|
1520
|
|
|
1521 .records-table thead th,
|
|
|
1522 .records-table thead td {
|
|
|
1523 color: #69939e;
|
|
|
1524 font-size: 11px;
|
|
|
1525 font-weight: bold;
|
|
|
1526 background: #d6eaf3;
|
|
|
1527 background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
|
|
|
1528 background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
|
|
|
1529 background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
|
|
|
1530 background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
|
|
|
1531 background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
|
|
|
1532 border-left: 1px solid #bbd3da;
|
|
|
1533 padding: 8px 7px;
|
|
|
1534 overflow: hidden;
|
|
|
1535 text-overflow: ellipsis;
|
|
|
1536 text-align: left;
|
|
|
1537 }
|
|
|
1538
|
|
|
1539 .records-table.sortheader thead th,
|
|
|
1540 .records-table.sortheader thead td {
|
|
|
1541 padding: 0;
|
|
|
1542 }
|
|
|
1543
|
|
|
1544 .records-table thead th a,
|
|
|
1545 .records-table thead td a,
|
|
|
1546 .records-table thead th span,
|
|
|
1547 .records-table thead td span {
|
|
|
1548 display: block;
|
|
|
1549 padding: 7px 7px;
|
|
|
1550 color: #69939e;
|
|
|
1551 text-decoration: none;
|
|
|
1552 overflow: hidden;
|
|
|
1553 text-overflow: ellipsis;
|
|
|
1554 }
|
|
|
1555
|
|
|
1556 .records-table thead th a:focus,
|
|
|
1557 .records-table thead td a:focus {
|
|
|
1558 color: #fff;
|
|
|
1559 background-color: rgba(73,180,210,0.7);
|
|
|
1560 text-shadow: 0px 1px 1px #666;
|
|
|
1561 outline: none;
|
|
|
1562 }
|
|
|
1563
|
|
|
1564 .records-table tbody td {
|
|
|
1565 padding: 2px 7px;
|
|
|
1566 border-bottom: 1px solid #ddd;
|
|
|
1567 border-left: 1px dotted #bbd3da;
|
|
|
1568 white-space: nowrap;
|
|
|
1569 cursor: default;
|
|
|
1570 overflow: hidden;
|
|
|
1571 text-overflow: ellipsis;
|
|
|
1572 background-color: #fff;
|
|
|
1573 outline: none;
|
|
|
1574 }
|
|
|
1575
|
|
|
1576 /* This padding-left minus the focused padding left should be half of the focused border-left */
|
|
|
1577 .records-table thead tr th:first-child,
|
|
|
1578 .records-table thead tr td:first-child,
|
|
|
1579 .records-table tbody tr td:first-child {
|
|
|
1580 border-left: 2px solid transparent;
|
|
|
1581 padding-left: 4px;
|
|
|
1582 }
|
|
|
1583
|
|
|
1584 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
|
|
|
1585 .records-table.focus tbody tr.focused > td:first-child {
|
|
|
1586 border-left: 2px solid #49b3d2;
|
|
|
1587 }
|
|
|
1588
|
|
|
1589 .records-table tr.selected td {
|
|
|
1590 color: #fff !important;
|
|
|
1591 background-color: #4db0d2 !important;
|
|
|
1592 }
|
|
|
1593
|
|
|
1594 .records-table.focus tr.selected td {
|
|
|
1595 background: #019bc6;
|
|
|
1596 background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
|
1597 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
|
|
|
1598 background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
|
1599 background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
|
1600 background: linear-gradient(to bottom, #019bc6 0%, #017cb4 100%);
|
|
|
1601 }
|
|
|
1602
|
|
|
1603 .records-table tr.selected td a,
|
|
|
1604 .records-table tr.selected td span {
|
|
|
1605 color: #fff !important;
|
|
|
1606 }
|
|
|
1607
|
|
|
1608 .records-table tr.deleted td,
|
|
|
1609 .records-table tr.deleted td a {
|
|
|
1610 color: #ccc !important;
|
|
|
1611 }
|
|
|
1612
|
|
|
1613 /*** iFrames ***/
|
|
|
1614
|
|
|
1615 #aboutframe {
|
|
|
1616 width: 97%;
|
|
|
1617 height: 100%;
|
|
|
1618 border: 0;
|
|
|
1619 padding: 0;
|
|
|
1620 }
|
|
|
1621
|
|
|
1622 body.iframe {
|
|
|
1623 background: #fff;
|
|
|
1624 margin: 38px 0 10px 0;
|
|
|
1625 }
|
|
|
1626
|
|
|
1627 body.iframe.error {
|
|
|
1628 background: #ededed;
|
|
|
1629 }
|
|
|
1630
|
|
|
1631 body.iframe.floatingbuttons {
|
|
|
1632 margin-bottom: 40px;
|
|
|
1633 }
|
|
|
1634
|
|
|
1635 body.iframe.fullheight {
|
|
|
1636 margin: 0;
|
|
|
1637 }
|
|
|
1638
|
|
|
1639 .contentbox .boxtitle,
|
|
|
1640 body.iframe .boxtitle {
|
|
|
1641 color: #777;
|
|
|
1642 background: #eee;
|
|
|
1643 background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
|
|
|
1644 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
|
|
|
1645 background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
|
|
|
1646 background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
|
|
|
1647 background: linear-gradient(to bottom, #eee 0%, #dfdfdf 100%);
|
|
|
1648 border-bottom: 1px solid #ccc;
|
|
|
1649 }
|
|
|
1650
|
|
|
1651 body.iframe .boxtitle {
|
|
|
1652 position: fixed;
|
|
|
1653 top: 0;
|
|
|
1654 left: 0;
|
|
|
1655 width: 100%;
|
|
|
1656 z-index: 100;
|
|
|
1657 }
|
|
|
1658
|
|
|
1659 body.iframe .footerleft.floating,
|
|
|
1660 #composeview-bottom .formbuttons.floating {
|
|
|
1661 position: fixed;
|
|
|
1662 left: 0;
|
|
|
1663 bottom: 0;
|
|
|
1664 width: 100%;
|
|
|
1665 z-index: 110;
|
|
|
1666 background: #fff;
|
|
|
1667 padding-top: 8px;
|
|
|
1668 padding-bottom: 12px;
|
|
|
1669 }
|
|
|
1670
|
|
|
1671 body.iframe .footerleft.floating:before,
|
|
|
1672 #composeview-bottom .formbuttons.floating:before {
|
|
|
1673 content: " ";
|
|
|
1674 position: absolute;
|
|
|
1675 top: -6px;
|
|
|
1676 left: 0;
|
|
|
1677 width: 100%;
|
|
|
1678 height: 6px;
|
|
|
1679 background: url(images/overflowshadow.png?v=71ba.250) top center no-repeat;
|
|
|
1680 }
|
|
|
1681
|
|
|
1682 .boxcontent {
|
|
|
1683 padding: 10px;
|
|
|
1684 }
|
|
|
1685
|
|
|
1686 .contentbox .scroller {
|
|
|
1687 position: absolute;
|
|
|
1688 top: 34px;
|
|
|
1689 left: 0;
|
|
|
1690 right: 0;
|
|
|
1691 bottom: 0px;
|
|
|
1692 overflow: auto;
|
|
|
1693 }
|
|
|
1694
|
|
|
1695 .iframebox {
|
|
|
1696 position: absolute;
|
|
|
1697 top: 0;
|
|
|
1698 left: 0;
|
|
|
1699 right: 0;
|
|
|
1700 bottom: 0px;
|
|
|
1701 }
|
|
|
1702
|
|
|
1703 .footerleft {
|
|
|
1704 padding: 0 12px 4px 12px;
|
|
|
1705 }
|
|
|
1706
|
|
|
1707 .propform fieldset {
|
|
|
1708 margin-bottom: 20px;
|
|
|
1709 border: 0;
|
|
|
1710 padding: 0;
|
|
|
1711 }
|
|
|
1712
|
|
|
1713 .propform fieldset legend {
|
|
|
1714 display: block;
|
|
|
1715 font-size: 14px;
|
|
|
1716 font-weight: bold;
|
|
|
1717 padding-bottom: 10px;
|
|
|
1718 margin-bottom: 0;
|
|
|
1719 }
|
|
|
1720
|
|
|
1721 .propform fieldset fieldset legend {
|
|
|
1722 color: #666;
|
|
|
1723 font-size: 12px;
|
|
|
1724 }
|
|
|
1725
|
|
|
1726 .propform div.prop {
|
|
|
1727 margin-bottom: 0.5em;
|
|
|
1728 }
|
|
|
1729
|
|
|
1730 .propform div.prop.block label {
|
|
|
1731 display: block;
|
|
|
1732 margin-bottom: 0.3em;
|
|
|
1733 }
|
|
|
1734
|
|
|
1735 .propform div.prop.block input,
|
|
|
1736 .propform div.prop.block textarea {
|
|
|
1737 width: 95%;
|
|
|
1738 }
|
|
|
1739
|
|
|
1740 .propform a.disabled {
|
|
|
1741 color: #999;
|
|
|
1742 text-decoration: none;
|
|
|
1743 cursor: default;
|
|
|
1744 }
|
|
|
1745
|
|
|
1746 fieldset.floating {
|
|
|
1747 float: left;
|
|
|
1748 margin-right: 10px;
|
|
|
1749 margin-bottom: 10px;
|
|
|
1750 }
|
|
|
1751
|
|
|
1752 table.propform {
|
|
|
1753 width: 100%;
|
|
|
1754 border-spacing: 0;
|
|
|
1755 border-collapse: collapse;
|
|
|
1756 }
|
|
|
1757
|
|
|
1758 ul.proplist li,
|
|
|
1759 table.propform td {
|
|
|
1760 width: 80%;
|
|
|
1761 padding: 4px 10px;
|
|
|
1762 background: #eee;
|
|
|
1763 border-bottom: 2px solid #fff;
|
|
|
1764 }
|
|
|
1765
|
|
|
1766 table.propform td.title {
|
|
|
1767 width: 20%;
|
|
|
1768 color: #333;
|
|
|
1769 padding-right: 20px;
|
|
|
1770 white-space: nowrap;
|
|
|
1771 }
|
|
|
1772
|
|
|
1773 table.propform .mceLayout td {
|
|
|
1774 padding: 0;
|
|
|
1775 border-bottom: 0;
|
|
|
1776 }
|
|
|
1777
|
|
|
1778 ul.proplist {
|
|
|
1779 list-style: none;
|
|
|
1780 margin: 0;
|
|
|
1781 padding: 0;
|
|
|
1782 }
|
|
|
1783
|
|
|
1784 ul.proplist li {
|
|
|
1785 width: auto;
|
|
|
1786 }
|
|
|
1787
|
|
|
1788 #pluginbody {
|
|
|
1789 position: absolute;
|
|
|
1790 top: 0;
|
|
|
1791 left: 0;
|
|
|
1792 right: 0;
|
|
|
1793 bottom: 0;
|
|
|
1794 }
|
|
|
1795
|
|
|
1796
|
|
|
1797 /*** Login form ***/
|
|
|
1798
|
|
|
1799 #login-form {
|
|
|
1800 position: relative;
|
|
|
1801 width: 580px;
|
|
|
1802 margin: 20ex auto 2ex auto;
|
|
|
1803 }
|
|
|
1804
|
|
|
1805 #login-form .box-inner {
|
|
|
1806 width: 430px;
|
|
|
1807 background: url(images/linen_login.jpg?v=0484.10363) top left no-repeat #5c5c5c;
|
|
|
1808 margin: 0 50px;
|
|
|
1809 padding: 10px 24px 24px 24px;
|
|
|
1810 border: 1px solid #333;
|
|
|
1811 border-radius: 5px;
|
|
|
1812 box-shadow: inset 0 0 1px #ccc;
|
|
|
1813 -webkit-box-shadow: inset 0 0 1px #ccc;
|
|
|
1814 }
|
|
|
1815
|
|
|
1816 #login-form .box-bottom {
|
|
|
1817 background: url(images/login_shadow.png?v=1169.789) top center no-repeat;
|
|
|
1818 margin-top: -3px;
|
|
|
1819 padding-top: 10px;
|
|
|
1820 }
|
|
|
1821
|
|
|
1822 #login-form .noscriptwarning {
|
|
|
1823 margin: 0 auto;
|
|
|
1824 width: 430px;
|
|
|
1825 color: #cf2734;
|
|
|
1826 font-size: 110%;
|
|
|
1827 font-weight: bold;
|
|
|
1828 }
|
|
|
1829
|
|
|
1830 #login-form td.input {
|
|
|
1831 width: 80%;
|
|
|
1832 padding: 8px;
|
|
|
1833 }
|
|
|
1834
|
|
|
1835 #login-form input[type="text"],
|
|
|
1836 #login-form input[type="password"] {
|
|
|
1837 width: 100%;
|
|
|
1838 border-color: #666;
|
|
|
1839 }
|
|
|
1840
|
|
|
1841 #login-form input.button {
|
|
|
1842 color: #444;
|
|
|
1843 text-shadow: 0px 1px 1px #fff;
|
|
|
1844 border-color: #f9f9f9;
|
|
|
1845 background: #f9f9f9;
|
|
|
1846 background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
|
|
|
1847 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
|
|
|
1848 background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
|
|
|
1849 background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
|
|
|
1850 background: linear-gradient(to bottom, #f9f9f9 0%, #e2e2e2 100%);
|
|
|
1851 box-shadow: inset 0 1px 0 0 #fff;
|
|
|
1852 -webkit-box-shadow: inset 0 1px 0 0 #fff;
|
|
|
1853 }
|
|
|
1854
|
|
|
1855 #login-form input.button:hover,
|
|
|
1856 #login-form input.button:focus {
|
|
|
1857 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
|
|
|
1858 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
|
|
|
1859 }
|
|
|
1860
|
|
|
1861 #login-form input.button:active {
|
|
|
1862 color: #333;
|
|
|
1863 background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
|
|
|
1864 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9));
|
|
|
1865 background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
|
|
|
1866 background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
|
|
|
1867 background: linear-gradient(to bottom, #dcdcdc 0%, #f9f9f9 100%);
|
|
|
1868 }
|
|
|
1869
|
|
|
1870 #login-form form table {
|
|
|
1871 width: 98%;
|
|
|
1872 }
|
|
|
1873
|
|
|
1874 #login-form td.title {
|
|
|
1875 width: 20%;
|
|
|
1876 white-space: nowrap;
|
|
|
1877 color: #cecece;
|
|
|
1878 text-shadow: 0px 1px 1px black;
|
|
|
1879 text-align: right;
|
|
|
1880 padding-right: 1em;
|
|
|
1881 }
|
|
|
1882
|
|
|
1883 #login-form p.formbuttons {
|
|
|
1884 margin-top: 2em;
|
|
|
1885 text-align: center;
|
|
|
1886 }
|
|
|
1887
|
|
|
1888 #login-form #logo {
|
|
|
1889 margin-bottom: 20px;
|
|
|
1890 border: none;
|
|
|
1891 }
|
|
|
1892
|
|
|
1893 #login-form #message {
|
|
|
1894 min-height: 40px;
|
|
|
1895 padding: 5px 25px;
|
|
|
1896 text-align: center;
|
|
|
1897 font-size: 1.1em;
|
|
|
1898 }
|
|
|
1899
|
|
|
1900 #login-form #message div {
|
|
|
1901 display: inline-block;
|
|
|
1902 padding-right: 0;
|
|
|
1903 font-size: 12px;
|
|
|
1904 }
|
|
|
1905
|
|
|
1906 #bottomline {
|
|
|
1907 font-size: 90%;
|
|
|
1908 text-align: center;
|
|
|
1909 margin-top: 2em;
|
|
|
1910 }
|
|
|
1911
|
|
|
1912
|
|
|
1913
|
|
|
1914 /*** quicksearch **/
|
|
|
1915
|
|
|
1916 .searchbox {
|
|
|
1917 position: relative;
|
|
|
1918 }
|
|
|
1919
|
|
|
1920 #quicksearchbar {
|
|
|
1921 position: absolute;
|
|
|
1922 right: 2px;
|
|
|
1923 top: 2px;
|
|
|
1924 width: 240px;
|
|
|
1925 }
|
|
|
1926
|
|
|
1927 .searchbox input,
|
|
|
1928 #quicksearchbar input {
|
|
|
1929 width: 176px;
|
|
|
1930 margin: 0;
|
|
|
1931 padding: 3px 30px 3px 34px;
|
|
|
1932 height: 18px;
|
|
|
1933 background: #f1f1f1;
|
|
|
1934 border-color: #ababab;
|
|
|
1935 font-weight: bold;
|
|
|
1936 font-size: 11px;
|
|
|
1937 }
|
|
|
1938
|
|
|
1939 .searchbox .searchicon,
|
|
|
1940 .searchbox #searchmenulink,
|
|
|
1941 #quicksearchbar #searchmenulink {
|
|
|
1942 position: absolute;
|
|
|
1943 top: 5px;
|
|
|
1944 left: 6px;
|
|
|
1945 }
|
|
|
1946
|
|
|
1947 .searchbox #searchreset,
|
|
|
1948 .searchbox .iconbutton.reset,
|
|
|
1949 #quicksearchbar #searchreset {
|
|
|
1950 position: absolute;
|
|
|
1951 top: 4px;
|
|
|
1952 right: 1px;
|
|
|
1953 }
|
|
|
1954
|
|
|
1955 .listsearchbox {
|
|
|
1956 padding: 4px;
|
|
|
1957 background: #c7e3ef;
|
|
|
1958 display: none;
|
|
|
1959 }
|
|
|
1960
|
|
|
1961 .listsearchbox input {
|
|
|
1962 width: 100%;
|
|
|
1963 height: 26px;
|
|
|
1964 -moz-box-sizing: border-box;
|
|
|
1965 box-sizing: border-box;
|
|
|
1966 }
|
|
|
1967
|
|
|
1968 /*** toolbar ***/
|
|
|
1969
|
|
|
1970 .toolbar .spacer {
|
|
|
1971 display: inline-block;
|
|
|
1972 width: 24px;
|
|
|
1973 height: 40px;
|
|
|
1974 padding: 0;
|
|
|
1975 }
|
|
|
1976
|
|
|
1977 .toolbar a.button {
|
|
|
1978 text-align: center;
|
|
|
1979 font-size: 10px;
|
|
|
1980 color: #555;
|
|
|
1981 min-width: 50px;
|
|
|
1982 max-width: 70px;
|
|
|
1983 height: 13px;
|
|
|
1984 overflow: hidden;
|
|
|
1985 text-overflow: ellipsis;
|
|
|
1986 white-space: nowrap;
|
|
|
1987 padding: 28px 2px 0 2px;
|
|
|
1988 text-shadow: 0px 1px 1px #eee;
|
|
|
1989 box-shadow: none;
|
|
|
1990 -webkit-box-shadow: none;
|
|
|
1991 background: url(images/buttons.png?v=51d4.15699) -100px 0 no-repeat transparent;
|
|
|
1992 border: 0;
|
|
|
1993 border-radius: 0;
|
|
|
1994 }
|
|
|
1995
|
|
|
1996 .dropbutton .dropbuttontip:focus,
|
|
|
1997 .toolbar a.button:focus {
|
|
|
1998 color: #fff;
|
|
|
1999 text-shadow: 0px 1px 1px #666;
|
|
|
2000 background-color: rgba(30,150,192, 0.5);
|
|
|
2001 border-radius: 3px;
|
|
|
2002 }
|
|
|
2003
|
|
|
2004 .toolbar a.button.disabled {
|
|
|
2005 opacity: 0.4;
|
|
|
2006 }
|
|
|
2007
|
|
|
2008 .dropbutton {
|
|
|
2009 display: inline-block;
|
|
|
2010 position: relative;
|
|
|
2011 }
|
|
|
2012
|
|
|
2013 .dropbutton .dropbuttontip {
|
|
|
2014 display: block;
|
|
|
2015 position: absolute;
|
|
|
2016 right: 0;
|
|
|
2017 top: 0;
|
|
|
2018 height: 41px;
|
|
|
2019 width: 18px;
|
|
|
2020 overflow: hidden;
|
|
|
2021 text-indent: -5000px;
|
|
|
2022 background: url(images/buttons.png?v=51d4.15699) 0 -1255px no-repeat;
|
|
|
2023 cursor: pointer;
|
|
|
2024 outline: none;
|
|
|
2025 }
|
|
|
2026
|
|
|
2027 .dropbutton .dropbuttontip:focus,
|
|
|
2028 .dropbutton .dropbuttontip:hover {
|
|
|
2029 background-position: -26px -1255px;
|
|
|
2030 }
|
|
|
2031
|
|
|
2032 .dropbutton a.button.disabled + .dropbuttontip {
|
|
|
2033 opacity: 0.5;
|
|
|
2034 }
|
|
|
2035
|
|
|
2036 .dropbutton a.button.disabled + .dropbuttontip:hover {
|
|
|
2037 background-position: 0 -1255px;
|
|
|
2038 }
|
|
|
2039
|
|
|
2040 .dropbutton a.button {
|
|
|
2041 margin-left: 0;
|
|
|
2042 padding-left: 0;
|
|
|
2043 margin-right: 0;
|
|
|
2044 padding-right: 0;
|
|
|
2045 }
|
|
|
2046
|
|
|
2047 .toolbar a.button.back {
|
|
|
2048 background-position: 0 -1216px;
|
|
|
2049 }
|
|
|
2050
|
|
|
2051 .toolbar a.button.checkmail {
|
|
|
2052 background-position: center -1176px;
|
|
|
2053 }
|
|
|
2054
|
|
|
2055 .toolbar a.button.compose {
|
|
|
2056 background-position: center -530px;
|
|
|
2057 }
|
|
|
2058
|
|
|
2059 .toolbar a.button.reply {
|
|
|
2060 background-position: center -570px;
|
|
|
2061 }
|
|
|
2062
|
|
|
2063 .toolbar a.button.reply-all {
|
|
|
2064 min-width: 64px;
|
|
|
2065 background-position: 0 -610px;
|
|
|
2066 }
|
|
|
2067
|
|
|
2068 .toolbar a.button.forward {
|
|
|
2069 min-width: 64px;
|
|
|
2070 background-position: 0 -650px;
|
|
|
2071 }
|
|
|
2072
|
|
|
2073 .toolbar a.button.delete {
|
|
|
2074 background-position: center -690px;
|
|
|
2075 }
|
|
|
2076
|
|
|
2077 .toolbar a.button.archive {
|
|
|
2078 background-position: center -730px;
|
|
|
2079 }
|
|
|
2080
|
|
|
2081 .toolbar a.button.junk {
|
|
|
2082 background-position: center -770px;
|
|
|
2083 }
|
|
|
2084
|
|
|
2085 .toolbar a.button.print {
|
|
|
2086 background-position: center -810px;
|
|
|
2087 }
|
|
|
2088
|
|
|
2089 .toolbar a.button.markmessage {
|
|
|
2090 background-position: center -1094px;
|
|
|
2091 }
|
|
|
2092
|
|
|
2093 .toolbar a.button.move {
|
|
|
2094 background-position: center -1971px;
|
|
|
2095 }
|
|
|
2096
|
|
|
2097 .toolbar a.button.more {
|
|
|
2098 background-position: center -850px;
|
|
|
2099 }
|
|
|
2100
|
|
|
2101 .toolbar a.button.attach {
|
|
|
2102 background-position: center -890px;
|
|
|
2103 }
|
|
|
2104
|
|
|
2105 .toolbar a.button.spellcheck {
|
|
|
2106 min-width: 64px;
|
|
|
2107 background-position: 0 -930px;
|
|
|
2108 }
|
|
|
2109
|
|
|
2110 .toolbar a.button.spellcheck.selected {
|
|
|
2111 background-position: 0 -1620px;
|
|
|
2112 color: #1978a1;
|
|
|
2113 }
|
|
|
2114
|
|
|
2115 .toolbar a.button.insertsig {
|
|
|
2116 background-position: center -1135px;
|
|
|
2117 }
|
|
|
2118
|
|
|
2119 .toolbar a.button.search {
|
|
|
2120 background-position: center -970px;
|
|
|
2121 }
|
|
|
2122
|
|
|
2123 .toolbar a.button.import {
|
|
|
2124 background-position: center -1012px;
|
|
|
2125 }
|
|
|
2126
|
|
|
2127 .toolbar a.button.export {
|
|
|
2128 min-width: 64px;
|
|
|
2129 background-position: 0 -1054px;
|
|
|
2130 }
|
|
|
2131
|
|
|
2132 .toolbar a.button.send {
|
|
|
2133 background-position: center -1660px;
|
|
|
2134 }
|
|
|
2135
|
|
|
2136 .toolbar a.button.savedraft {
|
|
|
2137 background-position: center -1700px;
|
|
|
2138 }
|
|
|
2139
|
|
|
2140 .toolbar a.button.close {
|
|
|
2141 background-position: 0 -1745px;
|
|
|
2142 }
|
|
|
2143
|
|
|
2144 .toolbar a.button.download {
|
|
|
2145 background-position: center -1892px;
|
|
|
2146 }
|
|
|
2147
|
|
|
2148 .toolbar a.button.responses {
|
|
|
2149 background-position: center -1932px;
|
|
|
2150 }
|
|
|
2151
|
|
|
2152 a.menuselector {
|
|
|
2153 display: inline-block;
|
|
|
2154 border: 1px solid #ababab;
|
|
|
2155 border-radius: 4px;
|
|
|
2156 background: #f8f8f8;
|
|
|
2157 background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
|
|
|
2158 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
|
|
|
2159 background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
|
|
|
2160 background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
|
|
|
2161 background: linear-gradient(to bottom, #f8f8f8 0%, #dddddd 100%);
|
|
|
2162 text-decoration: none;
|
|
|
2163 color: #333;
|
|
|
2164 cursor: pointer;
|
|
|
2165 white-space: nowrap;
|
|
|
2166 }
|
|
|
2167
|
|
|
2168 a.menuselector .handle {
|
|
|
2169 display: inline-block;
|
|
|
2170 padding: 0 32px 0 6px;
|
|
|
2171 height: 20px;
|
|
|
2172 line-height: 19px;
|
|
|
2173 text-shadow: 0px 1px 1px #fff;
|
|
|
2174 background: url(images/selector.png?v=799c.181) right center no-repeat;
|
|
|
2175 border-radius: 4px;
|
|
|
2176 }
|
|
|
2177
|
|
|
2178 a.menuselector:active {
|
|
|
2179 background: #dddddd;
|
|
|
2180 background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
|
|
|
2181 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8));
|
|
|
2182 background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
|
|
|
2183 background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
|
|
|
2184 background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%);
|
|
|
2185 text-decoration: none;
|
|
|
2186 }
|
|
|
2187
|
|
|
2188 select.decorated {
|
|
|
2189 position: relative;
|
|
|
2190 z-index: 10;
|
|
|
2191 opacity: 0;
|
|
|
2192 height: 22px;
|
|
|
2193 cursor: pointer;
|
|
|
2194 -khtml-appearance: none;
|
|
|
2195 -webkit-appearance: none;
|
|
|
2196 border: 0;
|
|
|
2197 }
|
|
|
2198
|
|
|
2199 html.opera select.decorated {
|
|
|
2200 opacity: 1;
|
|
|
2201 }
|
|
|
2202
|
|
|
2203 select.decorated option {
|
|
|
2204 color: #fff;
|
|
|
2205 background: #444;
|
|
|
2206 border: 0;
|
|
|
2207 border-top: 1px solid #5a5a5a;
|
|
|
2208 border-bottom: 1px solid #333;
|
|
|
2209 text-shadow: 0px 1px 1px #333;
|
|
|
2210 padding: 4px 6px;
|
|
|
2211 outline: none;
|
|
|
2212 cursor: default;
|
|
|
2213 }
|
|
|
2214
|
|
|
2215
|
|
|
2216 a.menuselector:focus,
|
|
|
2217 a.menuselector.focus,
|
|
|
2218 a.iconbutton:focus,
|
|
|
2219 .pagenav a.button:focus {
|
|
|
2220 border-color: #4fadd5;
|
|
|
2221 box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
|
|
|
2222 -webkit-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
|
|
|
2223 outline: none;
|
|
|
2224 }
|
|
|
2225
|
|
|
2226
|
|
|
2227 /*** quota indicator ***/
|
|
|
2228
|
|
|
2229 #quotadisplay {
|
|
|
2230 left: 6px;
|
|
|
2231 height: 18px;
|
|
|
2232 font-size: 12px;
|
|
|
2233 font-weight: bold;
|
|
|
2234 text-shadow: 0px 1px 1px #fff;
|
|
|
2235 padding-left: 30px;
|
|
|
2236 background: url(images/quota.png?v=7ea4.2033) -100px 0 no-repeat;
|
|
|
2237 }
|
|
|
2238
|
|
|
2239 table.quota-info {
|
|
|
2240 border-spacing: 0;
|
|
|
2241 border-collapse: collapse;
|
|
|
2242 table-layout: fixed;
|
|
|
2243 margin: 5px;
|
|
|
2244 }
|
|
|
2245
|
|
|
2246 table.quota-info td,
|
|
|
2247 table.quota-info th {
|
|
|
2248 color: white;
|
|
|
2249 border: 1px solid lightgrey;
|
|
|
2250 padding: 2px 3px;
|
|
|
2251 text-align: center;
|
|
|
2252 min-width: 80px;
|
|
|
2253 }
|
|
|
2254
|
|
|
2255 table.quota-info td.name {
|
|
|
2256 text-align: left;
|
|
|
2257 }
|
|
|
2258
|
|
|
2259 table.quota-info td.root {
|
|
|
2260 font-style: italic;
|
|
|
2261 }
|
|
|
2262
|
|
|
2263 /*** popup menus ***/
|
|
|
2264
|
|
|
2265 .popupmenu,
|
|
|
2266 #rcmKSearchpane {
|
|
|
2267 display: none;
|
|
|
2268 position: absolute;
|
|
|
2269 top: 32px;
|
|
|
2270 left: 90px;
|
|
|
2271 width: auto;
|
|
|
2272 max-height: 70%;
|
|
|
2273 overflow: -moz-scrollbars-vertical;
|
|
|
2274 overflow-y: auto;
|
|
|
2275 background: #444;
|
|
|
2276 border: 1px solid #999;
|
|
|
2277 z-index: 240;
|
|
|
2278 border-radius: 4px;
|
|
|
2279 box-shadow: 0 2px 6px 0 #333;
|
|
|
2280 -webkit-box-shadow: 0 2px 6px 0 #333;
|
|
|
2281 }
|
|
|
2282
|
|
|
2283 .popupmenu.dropdown {
|
|
|
2284 border-radius: 0 0 4px 4px;
|
|
|
2285 border-top: 0;
|
|
|
2286 }
|
|
|
2287
|
|
|
2288 ul.toolbarmenu,
|
|
|
2289 ul.toolbarmenu ul,
|
|
|
2290 #rcmKSearchpane ul {
|
|
|
2291 margin: 0;
|
|
|
2292 padding: 0;
|
|
|
2293 list-style: none;
|
|
|
2294 }
|
|
|
2295
|
|
|
2296 .googie_list td,
|
|
|
2297 ul.toolbarmenu li,
|
|
|
2298 #rcmKSearchpane ul li {
|
|
|
2299 color: #fff;
|
|
|
2300 white-space: nowrap;
|
|
|
2301 min-width: 130px;
|
|
|
2302 margin: 0;
|
|
|
2303 border-top: 1px solid #5a5a5a;
|
|
|
2304 border-bottom: 1px solid #333;
|
|
|
2305 }
|
|
|
2306
|
|
|
2307 .googie_list tr:first-child td,
|
|
|
2308 ul.toolbarmenu > li:first-child,
|
|
|
2309 select.decorated option:first-child {
|
|
|
2310 border-top: 0;
|
|
|
2311 }
|
|
|
2312
|
|
|
2313 .googie_list tr:last-child td,
|
|
|
2314 ul.toolbarmenu > li:last-child,
|
|
|
2315 select.decorated option:last-child {
|
|
|
2316 border-bottom: 0;
|
|
|
2317 }
|
|
|
2318
|
|
|
2319 .googie_list td span,
|
|
|
2320 ul.toolbarmenu li a {
|
|
|
2321 display: block;
|
|
|
2322 color: #666;
|
|
|
2323 text-shadow: 0px 1px 1px #333;
|
|
|
2324 text-decoration: none;
|
|
|
2325 min-height: 14px;
|
|
|
2326 padding: 6px 16px 6px 10px;
|
|
|
2327 }
|
|
|
2328
|
|
|
2329 .googie_list td span {
|
|
|
2330 padding: 3px 10px;
|
|
|
2331 }
|
|
|
2332
|
|
|
2333 .googie_list td span,
|
|
|
2334 ul.toolbarmenu li a.active {
|
|
|
2335 color: #fff;
|
|
|
2336 cursor: default;
|
|
|
2337 }
|
|
|
2338
|
|
|
2339 .googie_list td.googie_list_onhover,
|
|
|
2340 ul.toolbarmenu li a.active:hover,
|
|
|
2341 ul.toolbarmenu li a.active:focus,
|
|
|
2342 #rcmKSearchpane ul li.selected,
|
|
|
2343 select.decorated option:hover,
|
|
|
2344 select.decorated option[selected='selected'] {
|
|
|
2345 background-color: #00aad6;
|
|
|
2346 background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
|
2347 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
|
|
|
2348 background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
|
2349 background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
|
2350 background: linear-gradient(to bottom, #00aad6 0%, #008fc9 100%);
|
|
|
2351 outline: none;
|
|
|
2352 }
|
|
|
2353
|
|
|
2354 ul.toolbarmenu.iconized li a,
|
|
|
2355 ul.toolbarmenu.selectable li a {
|
|
|
2356 padding-left: 30px;
|
|
|
2357 }
|
|
|
2358
|
|
|
2359 ul.toolbarmenu.selectable li a.selected {
|
|
|
2360 background: url(images/messages.png?v=3a4f.1461) 4px -27px no-repeat;
|
|
|
2361 }
|
|
|
2362
|
|
|
2363 ul.toolbarmenu li label {
|
|
|
2364 display: block;
|
|
|
2365 color: #fff;
|
|
|
2366 padding: 4px 8px;
|
|
|
2367 text-shadow: 0px 1px 1px #333;
|
|
|
2368 }
|
|
|
2369
|
|
|
2370 ul.toolbarmenu li.separator label {
|
|
|
2371 color: #bbb;
|
|
|
2372 font-style: italic;
|
|
|
2373 }
|
|
|
2374
|
|
|
2375 ul.toolbarmenu li a.icon {
|
|
|
2376 color: #eee;
|
|
|
2377 padding: 2px 6px;
|
|
|
2378 }
|
|
|
2379
|
|
|
2380 ul.toolbarmenu li span.icon,
|
|
|
2381 #rcmKSearchpane ul li i.icon {
|
|
|
2382 display: block;
|
|
|
2383 min-height: 14px;
|
|
|
2384 padding: 4px 4px 1px 24px;
|
|
|
2385 height: 17px;
|
|
|
2386 background-image: url(images/listicons.png?v=1877.13442);
|
|
|
2387 background-position: -100px 0;
|
|
|
2388 background-repeat: no-repeat;
|
|
|
2389 opacity: 0.2;
|
|
|
2390 }
|
|
|
2391
|
|
|
2392 ul.toolbarmenu li a.active span.icon {
|
|
|
2393 opacity: 0.99;
|
|
|
2394 }
|
|
|
2395
|
|
|
2396 ul.toolbarmenu li span.read {
|
|
|
2397 background-position: 0 -1220px;
|
|
|
2398 }
|
|
|
2399
|
|
|
2400 ul.toolbarmenu li span.unread {
|
|
|
2401 background-position: 0 -1196px;
|
|
|
2402 }
|
|
|
2403
|
|
|
2404 ul.toolbarmenu li span.flagged {
|
|
|
2405 background-position: 0 -1244px;
|
|
|
2406 }
|
|
|
2407
|
|
|
2408 ul.toolbarmenu li span.unflagged {
|
|
|
2409 background-position: 0 -1268px;
|
|
|
2410 }
|
|
|
2411
|
|
|
2412 ul.toolbarmenu li span.mail {
|
|
|
2413 background-position: 0 -1293px;
|
|
|
2414 }
|
|
|
2415
|
|
|
2416 ul.toolbarmenu li span.list {
|
|
|
2417 background-position: 0 -1317px;
|
|
|
2418 }
|
|
|
2419
|
|
|
2420 ul.toolbarmenu li span.invert {
|
|
|
2421 background-position: 0 -1340px;
|
|
|
2422 }
|
|
|
2423
|
|
|
2424 ul.toolbarmenu li span.cross {
|
|
|
2425 background-position: 0 -1365px;
|
|
|
2426 }
|
|
|
2427
|
|
|
2428 ul.toolbarmenu li span.print {
|
|
|
2429 background-position: 0 -1436px;
|
|
|
2430 }
|
|
|
2431
|
|
|
2432 ul.toolbarmenu li span.download {
|
|
|
2433 background-position: 0 -1412px;
|
|
|
2434 }
|
|
|
2435
|
|
|
2436 ul.toolbarmenu li span.edit {
|
|
|
2437 background-position: 0 -1388px;
|
|
|
2438 }
|
|
|
2439
|
|
|
2440 ul.toolbarmenu li span.viewsource {
|
|
|
2441 background-position: 0 -1460px;
|
|
|
2442 }
|
|
|
2443
|
|
|
2444 ul.toolbarmenu li span.extwin {
|
|
|
2445 background-position: 0 -1484px;
|
|
|
2446 }
|
|
|
2447
|
|
|
2448 ul.toolbarmenu li span.conversation {
|
|
|
2449 background-position: 0 -1532px;
|
|
|
2450 }
|
|
|
2451
|
|
|
2452 ul.toolbarmenu li span.move {
|
|
|
2453 background-position: 0 -2126px;
|
|
|
2454 }
|
|
|
2455
|
|
|
2456 ul.toolbarmenu li span.copy {
|
|
|
2457 background-position: 0 -2150px;
|
|
|
2458 }
|
|
|
2459
|
|
|
2460 #snippetslist {
|
|
|
2461 max-width: 200px;
|
|
|
2462 }
|
|
|
2463
|
|
|
2464 #snippetslist li a {
|
|
|
2465 overflow: hidden;
|
|
|
2466 text-overflow: ellipsis;
|
|
|
2467 }
|
|
|
2468
|
|
|
2469 #rcmKSearchpane {
|
|
|
2470 border-radius: 0 0 4px 4px;
|
|
|
2471 border-top: 0;
|
|
|
2472 }
|
|
|
2473
|
|
|
2474 #rcmKSearchpane ul li {
|
|
|
2475 text-shadow: 0px 1px 1px #333;
|
|
|
2476 text-decoration: none;
|
|
|
2477 min-height: 14px;
|
|
|
2478 padding: 6px 10px 6px 28px;
|
|
|
2479 border: 0;
|
|
|
2480 cursor: default;
|
|
|
2481 position: relative;
|
|
|
2482 }
|
|
|
2483
|
|
|
2484 #rcmKSearchpane ul li i.icon {
|
|
|
2485 opacity: 0.99;
|
|
|
2486 position: absolute;
|
|
|
2487 top: 4px;
|
|
|
2488 left: 5px;
|
|
|
2489 width: 18px;
|
|
|
2490 height: 18px;
|
|
|
2491 padding: 0;
|
|
|
2492 background-position: -1px -2223px;
|
|
|
2493 }
|
|
|
2494
|
|
|
2495 #rcmKSearchpane ul li.group i.icon {
|
|
|
2496 background-position: -1px -2247px;
|
|
|
2497 }
|
|
|
2498
|
|
|
2499 .popupdialog {
|
|
|
2500 display: none;
|
|
|
2501 padding: 10px;
|
|
|
2502 }
|
|
|
2503
|
|
|
2504 .popupdialog .formbuttons {
|
|
|
2505 margin: 20px 0 4px 0;
|
|
|
2506 }
|
|
|
2507
|
|
|
2508 .ui-dialog .prompt input {
|
|
|
2509 display: block;
|
|
|
2510 margin: 8px 0;
|
|
|
2511 }
|
|
|
2512
|
|
|
2513 .hint {
|
|
|
2514 margin: 4px 0;
|
|
|
2515 color: #999;
|
|
|
2516 text-shadow: 0px 1px 1px #fff;
|
|
|
2517 }
|
|
|
2518
|
|
|
2519 .splitter {
|
|
|
2520 user-select: none;
|
|
|
2521 -moz-user-select: none;
|
|
|
2522 -khtml-user-select: none;
|
|
|
2523 position: absolute;
|
|
|
2524 background: url(images/splitter.png?v=2724.136) center no-repeat;
|
|
|
2525 }
|
|
|
2526
|
|
|
2527 .splitter-h {
|
|
|
2528 height: 10px;
|
|
|
2529 width: 100%;
|
|
|
2530 cursor: n-resize;
|
|
|
2531 cursor: row-resize;
|
|
|
2532 background-position: center 0;
|
|
|
2533 }
|
|
|
2534
|
|
|
2535 .splitter-v {
|
|
|
2536 width: 10px;
|
|
|
2537 height: 100%;
|
|
|
2538 cursor: e-resize;
|
|
|
2539 cursor: col-resize;
|
|
|
2540 background-position: 0 center;
|
|
|
2541 }
|
|
|
2542
|
|
|
2543 #rcmdraglayer {
|
|
|
2544 min-width: 260px;
|
|
|
2545 width: auto !important;
|
|
|
2546 width: 260px;
|
|
|
2547 padding: 6px 8px;
|
|
|
2548 background: #444;
|
|
|
2549 border: 1px solid #555;
|
|
|
2550 border-radius: 4px;
|
|
|
2551 box-shadow: 0 2px 6px 0 #333;
|
|
|
2552 -webkit-box-shadow: 0 2px 6px 0 #333;
|
|
|
2553 z-index: 250;
|
|
|
2554 color: #ccc;
|
|
|
2555 white-space: nowrap;
|
|
|
2556 opacity: 0.92;
|
|
|
2557 text-shadow: 0px 1px 1px #333;
|
|
|
2558 }
|
|
|
2559
|
|
|
2560 #rcmdraglayer:after {
|
|
|
2561 content: "";
|
|
|
2562 position: absolute;
|
|
|
2563 top: 6px;
|
|
|
2564 left: -6px;
|
|
|
2565 border-style: solid;
|
|
|
2566 border-width: 6px 6px 6px 0;
|
|
|
2567 border-color: transparent #444;
|
|
|
2568 /* reduce the damage in FF3.0 */
|
|
|
2569 display: block;
|
|
|
2570 width: 0;
|
|
|
2571 z-index: 251;
|
|
|
2572 }
|
|
|
2573
|
|
|
2574 .draglayercopy:before {
|
|
|
2575 position: absolute;
|
|
|
2576 bottom: -6px;
|
|
|
2577 left: -6px;
|
|
|
2578 content: " ";
|
|
|
2579 width: 16px;
|
|
|
2580 height: 16px;
|
|
|
2581 background: url(images/buttons.png?v=51d4.15699) -7px -358px no-repeat;
|
|
|
2582 z-index: 255;
|
|
|
2583 }
|
|
|
2584
|
|
|
2585 .popup label > input {
|
|
|
2586 margin-left: 10px;
|
|
|
2587 }
|
|
|
2588
|
|
|
2589 /*** folder selector ***/
|
|
|
2590
|
|
|
2591 #folder-selector {
|
|
|
2592 z-index: 1000;
|
|
|
2593 }
|
|
|
2594
|
|
|
2595 #folder-selector li a span {
|
|
|
2596 background: url(images/listicons.png?v=1877.13442) 4px -2021px no-repeat;
|
|
|
2597 display: block;
|
|
|
2598 height: 17px;
|
|
|
2599 min-height: 14px;
|
|
|
2600 padding: 4px 4px 1px 28px;
|
|
|
2601 overflow: hidden;
|
|
|
2602 max-width: 120px;
|
|
|
2603 text-overflow: ellipsis;
|
|
|
2604 }
|
|
|
2605
|
|
|
2606 #folder-selector li a.virtual {
|
|
|
2607 opacity: .2;
|
|
|
2608 }
|
|
|
2609
|
|
|
2610 #folder-selector li a.inbox span {
|
|
|
2611 background-position: 4px -2049px;
|
|
|
2612 }
|
|
|
2613 #folder-selector li a.drafts span {
|
|
|
2614 background-position: 4px -1388px;
|
|
|
2615 }
|
|
|
2616 #folder-selector li a.sent span {
|
|
|
2617 background-position: 4px -2074px;
|
|
|
2618 }
|
|
|
2619 #folder-selector li a.trash span {
|
|
|
2620 background-position: 4px -1508px;
|
|
|
2621 }
|
|
|
2622 #folder-selector li a.junk span {
|
|
|
2623 background-position: 4px -2100px;
|
|
|
2624 }
|
|
|
2625
|
|
|
2626 /*** folders list ***/
|
|
|
2627
|
|
|
2628 .folderlist li.mailbox a {
|
|
|
2629 padding-left: 36px;
|
|
|
2630 white-space: nowrap;
|
|
|
2631 overflow: hidden;
|
|
|
2632 text-overflow: ellipsis;
|
|
|
2633 background-image: url(images/listicons.png?v=1877.13442);
|
|
|
2634 background-repeat: no-repeat;
|
|
|
2635 background-position: 6px 3px;
|
|
|
2636 }
|
|
|
2637
|
|
|
2638 .folderlist li.mailbox.unread > a {
|
|
|
2639 padding-right: 36px;
|
|
|
2640 }
|
|
|
2641
|
|
|
2642 .folderlist li.mailbox > a:focus,
|
|
|
2643 .folderlist li.mailbox.selected > a {
|
|
|
2644 background-position: 6px -21px;
|
|
|
2645 }
|
|
|
2646
|
|
|
2647 .folderlist li.mailbox.inbox > a {
|
|
|
2648 background-position: 6px -189px;
|
|
|
2649 }
|
|
|
2650
|
|
|
2651 .folderlist li.mailbox.inbox > a:focus,
|
|
|
2652 .folderlist li.mailbox.inbox.selected > a {
|
|
|
2653 background-position: 6px -213px;
|
|
|
2654 }
|
|
|
2655
|
|
|
2656 .folderlist li.mailbox.drafts > a {
|
|
|
2657 background-position: 6px -238px;
|
|
|
2658 }
|
|
|
2659
|
|
|
2660 .folderlist li.mailbox.drafts > a:focus,
|
|
|
2661 .folderlist li.mailbox.drafts.selected > a {
|
|
|
2662 background-position: 6px -262px;
|
|
|
2663 }
|
|
|
2664
|
|
|
2665 .folderlist li.mailbox.sent > a {
|
|
|
2666 background-position: 6px -286px;
|
|
|
2667 }
|
|
|
2668
|
|
|
2669 .folderlist li.mailbox.sent > a:focus,
|
|
|
2670 .folderlist li.mailbox.sent.selected > a {
|
|
|
2671 background-position: 6px -310px;
|
|
|
2672 }
|
|
|
2673
|
|
|
2674 .folderlist li.mailbox.junk > a {
|
|
|
2675 background-position: 6px -334px;
|
|
|
2676 }
|
|
|
2677
|
|
|
2678 .folderlist li.mailbox.junk > a:focus,
|
|
|
2679 .folderlist li.mailbox.junk.selected > a {
|
|
|
2680 background-position: 6px -358px;
|
|
|
2681 }
|
|
|
2682
|
|
|
2683 .folderlist li.mailbox.trash > a {
|
|
|
2684 background-position: 6px -382px;
|
|
|
2685 }
|
|
|
2686
|
|
|
2687 .folderlist li.mailbox.trash > a:focus,
|
|
|
2688 .folderlist li.mailbox.trash.selected > a {
|
|
|
2689 background-position: 6px -406px;
|
|
|
2690 }
|
|
|
2691
|
|
|
2692 .folderlist li.mailbox.trash.empty > a {
|
|
|
2693 background-position: 6px -1924px;
|
|
|
2694 }
|
|
|
2695
|
|
|
2696 .folderlist li.mailbox.trash.empty > a:focus,
|
|
|
2697 .folderlist li.mailbox.trash.empty.selected > a {
|
|
|
2698 background-position: 6px -1948px;
|
|
|
2699 }
|
|
|
2700
|
|
|
2701 .folderlist li.mailbox.archive > a {
|
|
|
2702 background-position: 6px -1699px;
|
|
|
2703 }
|
|
|
2704
|
|
|
2705 .folderlist li.mailbox.archive > a:focus,
|
|
|
2706 .folderlist li.mailbox.archive.selected > a {
|
|
|
2707 background-position: 6px -1723px;
|
|
|
2708 }
|
|
|
2709
|
|
|
2710 .folderlist li.mailbox ul li.drafts > a {
|
|
|
2711 background-position: 23px -238px;
|
|
|
2712 }
|
|
|
2713
|
|
|
2714 .folderlist li.mailbox ul li.drafts > a:focus,
|
|
|
2715 .folderlist li.mailbox ul li.drafts.selected > a {
|
|
|
2716 background-position: 23px -262px;
|
|
|
2717 }
|
|
|
2718
|
|
|
2719 .folderlist li.mailbox ul li.sent > a {
|
|
|
2720 background-position: 23px -286px;
|
|
|
2721 }
|
|
|
2722
|
|
|
2723 .folderlist li.mailbox ul li.sent > a:focus,
|
|
|
2724 .folderlist li.mailbox ul li.sent.selected > a {
|
|
|
2725 background-position: 23px -310px;
|
|
|
2726 }
|
|
|
2727
|
|
|
2728 .folderlist li.mailbox ul li.junk > a {
|
|
|
2729 background-position: 23px -334px;
|
|
|
2730 }
|
|
|
2731
|
|
|
2732 .folderlist li.mailbox ul li.junk > a:focus,
|
|
|
2733 .folderlist li.mailbox ul li.junk.selected > a {
|
|
|
2734 background-position: 23px -358px;
|
|
|
2735 }
|
|
|
2736
|
|
|
2737 .folderlist li.mailbox ul li.trash > a {
|
|
|
2738 background-position: 23px -382px;
|
|
|
2739 }
|
|
|
2740
|
|
|
2741 .folderlist li.mailbox ul li.trash > a:focus,
|
|
|
2742 .folderlist li.mailbox ul li.trash.selected > a {
|
|
|
2743 background-position: 23px -406px;
|
|
|
2744 }
|
|
|
2745
|
|
|
2746 .folderlist li.mailbox ul li.trash.empty > a {
|
|
|
2747 background-position: 23px -1924px;
|
|
|
2748 }
|
|
|
2749
|
|
|
2750 .folderlist li.mailbox ul li.trash.empty > a:focus,
|
|
|
2751 .folderlist li.mailbox ul li.trash.empty.selected > a {
|
|
|
2752 background-position: 23px -1948px;
|
|
|
2753 }
|
|
|
2754
|
|
|
2755 .folderlist li.mailbox ul li.archive > a {
|
|
|
2756 background-position: 23px -1699px;
|
|
|
2757 }
|
|
|
2758
|
|
|
2759 .folderlist li.mailbox ul li.archive > a:focus,
|
|
|
2760 .folderlist li.mailbox ul li.archive.selected > a {
|
|
|
2761 background-position: 23px -1723px;
|
|
|
2762 }
|
|
|
2763
|
|
|
2764 .folderlist li.virtual > a {
|
|
|
2765 color: #aaa;
|
|
|
2766 }
|
|
|
2767
|
|
|
2768 .folderlist li.mailbox div.treetoggle {
|
|
|
2769 top: 13px;
|
|
|
2770 left: 19px;
|
|
|
2771 }
|
|
|
2772
|
|
|
2773 .folderlist li.mailbox ul li:last-child {
|
|
|
2774 border-bottom: 0;
|
|
|
2775 }
|
|
|
2776
|
|
|
2777 /* nested mailboxes */
|
|
|
2778
|
|
|
2779 .folderlist li.mailbox ul {
|
|
|
2780 list-style: none;
|
|
|
2781 margin: 0;
|
|
|
2782 padding: 0;
|
|
|
2783 border-top: 1px solid #bbd3da;
|
|
|
2784 }
|
|
|
2785
|
|
|
2786 .folderlist li.mailbox ul li a {
|
|
|
2787 padding-left: 52px; /* 36 + 1 x 16 */
|
|
|
2788 background-position: 22px -95px; /* 6 + 1 x 16 */
|
|
|
2789 }
|
|
|
2790 .folderlist li.mailbox ul li > a:focus,
|
|
|
2791 .folderlist li.mailbox ul li.selected > a {
|
|
|
2792 background-position: 22px -119px;
|
|
|
2793 }
|
|
|
2794 .folderlist li.mailbox ul li div.treetoggle {
|
|
|
2795 left: 33px;
|
|
|
2796 top: 14px;
|
|
|
2797 }
|
|
|
2798
|
|
|
2799 .folderlist li.mailbox ul ul li.mailbox a {
|
|
|
2800 padding-left: 68px; /* 2x */
|
|
|
2801 background-position: 38px -95px;
|
|
|
2802 }
|
|
|
2803 .folderlist li.mailbox ul ul li > a:focus,
|
|
|
2804 .folderlist li.mailbox ul ul li.selected > a {
|
|
|
2805 background-position: 38px -119px;
|
|
|
2806 }
|
|
|
2807 .folderlist li.mailbox ul ul li div.treetoggle {
|
|
|
2808 left: 48px;
|
|
|
2809 }
|
|
|
2810
|
|
|
2811 .folderlist li.mailbox ul ul ul li.mailbox a {
|
|
|
2812 padding-left: 84px; /* 3x */
|
|
|
2813 background-position: 54px -95px;
|
|
|
2814 }
|
|
|
2815 .folderlist li.mailbox ul ul ul li > a:focus,
|
|
|
2816 .folderlist li.mailbox ul ul ul li.selected > a {
|
|
|
2817 background-position: 54px -119px;
|
|
|
2818 }
|
|
|
2819 .folderlist li.mailbox ul ul ul li div.treetoggle {
|
|
|
2820 left: 64px;
|
|
|
2821 }
|
|
|
2822
|
|
|
2823 .folderlist li.mailbox ul ul ul ul li.mailbox a {
|
|
|
2824 padding-left: 100px; /* 4x */
|
|
|
2825 background-position: 70px -95px;
|
|
|
2826 }
|
|
|
2827 .folderlist li.mailbox ul ul ul ul li > a:focus,
|
|
|
2828 .folderlist li.mailbox ul ul ul ul li.selected > a {
|
|
|
2829 background-position: 70px -119px;
|
|
|
2830 }
|
|
|
2831 .folderlist li.mailbox ul ul ul ul li div.treetoggle {
|
|
|
2832 left: 80px;
|
|
|
2833 }
|
|
|
2834
|
|
|
2835 /* indent folders on levels > 4 */
|
|
|
2836 .folderlist li.mailbox ul ul ul ul ul li {
|
|
|
2837 padding-left: 16px;
|
|
|
2838 }
|
|
|
2839 .folderlist li.mailbox ul ul ul ul ul li div.treetoggle {
|
|
|
2840 left: 96px;
|
|
|
2841 }
|
|
|
2842
|
|
|
2843
|
|
|
2844 /*** attachment list ***/
|
|
|
2845
|
|
|
2846 .attachmentslist {
|
|
|
2847 list-style: none;
|
|
|
2848 margin: 0;
|
|
|
2849 padding: 0;
|
|
|
2850 overflow: hidden;
|
|
|
2851 text-overflow: ellipsis;
|
|
|
2852 }
|
|
|
2853
|
|
|
2854 .attachmentslist li {
|
|
|
2855 display: block;
|
|
|
2856 position: relative;
|
|
|
2857 background: url(images/filetypes.png?v=91f3.4626) 0 0 no-repeat;
|
|
|
2858 margin-bottom: 1px;
|
|
|
2859 }
|
|
|
2860
|
|
|
2861 .attachmentslist li.txt,
|
|
|
2862 .attachmentslist li.text {
|
|
|
2863 background-position: 0 -416px;
|
|
|
2864 }
|
|
|
2865
|
|
|
2866 .attachmentslist li.pdf {
|
|
|
2867 background-position: 0 -26px;
|
|
|
2868 }
|
|
|
2869
|
|
|
2870 .attachmentslist li.doc,
|
|
|
2871 .attachmentslist li.docx,
|
|
|
2872 .attachmentslist li.msword {
|
|
|
2873 background-position: 0 -52px;
|
|
|
2874 }
|
|
|
2875
|
|
|
2876 .attachmentslist li.odt {
|
|
|
2877 background-position: 0 -78px;
|
|
|
2878 }
|
|
|
2879
|
|
|
2880 .attachmentslist li.xls,
|
|
|
2881 .attachmentslist li.xlsx,
|
|
|
2882 .attachmentslist li.msexcel {
|
|
|
2883 background-position: 0 -104px;
|
|
|
2884 }
|
|
|
2885
|
|
|
2886 .attachmentslist li.ods {
|
|
|
2887 background-position: 0 -130px;
|
|
|
2888 }
|
|
|
2889
|
|
|
2890 .attachmentslist li.zip,
|
|
|
2891 .attachmentslist li.gz {
|
|
|
2892 background-position: 0 -156px;
|
|
|
2893 }
|
|
|
2894
|
|
|
2895 .attachmentslist li.rar {
|
|
|
2896 background-position: 0 -182px;
|
|
|
2897 }
|
|
|
2898
|
|
|
2899 .attachmentslist li.image {
|
|
|
2900 background-position: 0 -208px;
|
|
|
2901 }
|
|
|
2902
|
|
|
2903 .attachmentslist li.jpg,
|
|
|
2904 .attachmentslist li.jpeg {
|
|
|
2905 background-position: 0 -234px;
|
|
|
2906 }
|
|
|
2907
|
|
|
2908 .attachmentslist li.png {
|
|
|
2909 background-position: 0 -260px;
|
|
|
2910 }
|
|
|
2911
|
|
|
2912 .attachmentslist li.m4p {
|
|
|
2913 background-position: 0 -286px;
|
|
|
2914 }
|
|
|
2915
|
|
|
2916 .attachmentslist li.mp3,
|
|
|
2917 .attachmentslist li.audio {
|
|
|
2918 background-position: 0 -312px;
|
|
|
2919 }
|
|
|
2920
|
|
|
2921 .attachmentslist li.video {
|
|
|
2922 background-position: 0 -338px;
|
|
|
2923 }
|
|
|
2924
|
|
|
2925 .attachmentslist li.ics,
|
|
|
2926 .attachmentslist li.calendar {
|
|
|
2927 background-position: 0 -364px;
|
|
|
2928 }
|
|
|
2929
|
|
|
2930 .attachmentslist li.vcard {
|
|
|
2931 background-position: 0 -390px;
|
|
|
2932 }
|
|
|
2933
|
|
|
2934 .attachmentslist li.sig,
|
|
|
2935 .attachmentslist li.pgp-signature,
|
|
|
2936 .attachmentslist li.pkcs7-signature {
|
|
|
2937 background-position: 0 -442px;
|
|
|
2938 }
|
|
|
2939
|
|
|
2940 .attachmentslist li.html {
|
|
|
2941 background-position: 0 -468px;
|
|
|
2942 }
|
|
|
2943
|
|
|
2944 .attachmentslist li.eml,
|
|
|
2945 .attachmentslist li.rfc822 {
|
|
|
2946 background-position: 0 -494px;
|
|
|
2947 }
|
|
|
2948
|
|
|
2949 .attachmentslist li.ppt,
|
|
|
2950 .attachmentslist li.pptx,
|
|
|
2951 .attachmentslist li.ppsx,
|
|
|
2952 .attachmentslist li.vnd.mspowerpoint {
|
|
|
2953 background-position: 0 -520px;
|
|
|
2954 }
|
|
|
2955
|
|
|
2956 .attachmentslist li.odp,
|
|
|
2957 .attachmentslist li.otp {
|
|
|
2958 background-position: 0 -546px;
|
|
|
2959 }
|
|
|
2960
|
|
|
2961 .attachmentslist li a,
|
|
|
2962 #compose-attachments ul li {
|
|
|
2963 display: block;
|
|
|
2964 color: #333;
|
|
|
2965 font-weight: bold;
|
|
|
2966 padding: 3px 15px 3px 30px;
|
|
|
2967 text-shadow: 0px 1px 1px #fff;
|
|
|
2968 text-decoration: none;
|
|
|
2969 white-space: nowrap;
|
|
|
2970 overflow: hidden;
|
|
|
2971 text-overflow: ellipsis;
|
|
|
2972 line-height: 20px;
|
|
|
2973 outline: none;
|
|
|
2974 }
|
|
|
2975
|
|
|
2976 .attachmentslist li a.drop {
|
|
|
2977 background: url(images/buttons.png?v=51d4.15699) no-repeat scroll center -1570px;
|
|
|
2978 width: 14px;
|
|
|
2979 height: 20px;
|
|
|
2980 cursor: pointer;
|
|
|
2981 position: absolute;
|
|
|
2982 right: 0;
|
|
|
2983 top: 0;
|
|
|
2984 padding: 0;
|
|
|
2985 overflow: hidden;
|
|
|
2986 text-indent: -5000px;
|
|
|
2987 outline: none;
|
|
|
2988 }
|
|
|
2989
|
|
|
2990 .attachmentslist li a:focus,
|
|
|
2991 .attachmentslist li a.drop:focus {
|
|
|
2992 background-color: rgba(30,150,192, 0.5);
|
|
|
2993 border-radius: 2px;
|
|
|
2994 }
|
|
|
2995
|
|
|
2996 #compose-attachments ul li {
|
|
|
2997 padding-right: 28px;
|
|
|
2998 }
|
|
|
2999
|
|
|
3000 .attachmentslist li a:hover {
|
|
|
3001 text-decoration: underline;
|
|
|
3002 }
|
|
|
3003
|
|
|
3004 .attachmentslist li.uploading {
|
|
|
3005 background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat;
|
|
|
3006 }
|
|
|
3007
|
|
|
3008 .attachmentslist li a.delete,
|
|
|
3009 .attachmentslist li a.cancelupload {
|
|
|
3010 position: absolute;
|
|
|
3011 top: 4px;
|
|
|
3012 right: 0;
|
|
|
3013 width: 20px;
|
|
|
3014 height: 18px;
|
|
|
3015 padding: 0;
|
|
|
3016 text-decoration: none;
|
|
|
3017 text-indent: -5000px;
|
|
|
3018 background-image: url(images/buttons.png?v=51d4.15699);
|
|
|
3019 background-position: -6px -338px;
|
|
|
3020 background-repeat: no-repeat;
|
|
|
3021 }
|
|
|
3022
|
|
|
3023 .attachmentslist li a.cancelupload {
|
|
|
3024 background-position: -6px -378px;
|
|
|
3025 }
|
|
|
3026
|
|
|
3027 /*** fieldset tabs ***/
|
|
|
3028
|
|
|
3029 .tabbed.ui-tabs {
|
|
|
3030 padding: 0;
|
|
|
3031 border: 0 !important;
|
|
|
3032 background: none;
|
|
|
3033 }
|
|
|
3034
|
|
|
3035 .ui-dialog .tabbed.ui-tabs {
|
|
|
3036 margin: -12px -8px 0 -8px;
|
|
|
3037 }
|
|
|
3038
|
|
|
3039 .boxcontent.tabbed.ui-tabs {
|
|
|
3040 padding: 10px;
|
|
|
3041 }
|
|
|
3042
|
|
|
3043 .ui-tabs .tabsbar.ui-tabs-nav {
|
|
|
3044 margin-bottom: 10px;
|
|
|
3045 }
|
|
|
3046
|
|
|
3047 .ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav {
|
|
|
3048 margin-bottom: 0;
|
|
|
3049 }
|
|
|
3050
|
|
|
3051 .tabsbar .tablink:last-child {
|
|
|
3052 background: none;
|
|
|
3053 }
|
|
|
3054
|
|
|
3055 .tabsbar .tablink:last-child a {
|
|
|
3056 border-right: 0;
|
|
|
3057 }
|
|
|
3058
|
|
|
3059 .ui-tabs .ui-tabs-nav li.tablink a {
|
|
|
3060 background: #fff;
|
|
|
3061 }
|
|
|
3062
|
|
|
3063 .ui-tabs fieldset.ui-tabs-panel {
|
|
|
3064 border: 0;
|
|
|
3065 padding: 0;
|
|
|
3066 margin-left: 0;
|
|
|
3067 background: none;
|
|
|
3068 }
|
|
|
3069
|
|
|
3070 .ui-dialog .propform .ui-tabs-panel {
|
|
|
3071 display: block;
|
|
|
3072 background: #efefef;
|
|
|
3073 padding: 0.5em 1em;
|
|
|
3074 }
|
|
|
3075
|
|
|
3076 #image-selector-form.droptarget {
|
|
|
3077 background: url(images/filedrop.png?v=ba79.421) center bottom no-repeat;
|
|
|
3078 }
|
|
|
3079
|
|
|
3080 /** Common TinyMCE fixes **/
|
|
|
3081 .mce-btn-small .mce-ico {
|
|
|
3082 display: inline; /* for old Firefox */
|
|
|
3083 }
|
|
|
3084
|
|
|
3085 .mce-btn-small i {
|
|
|
3086 line-height: 16px !important;
|
|
|
3087 vertical-align: text-top !important;
|
|
|
3088 }
|
|
|
3089
|
|
|
3090 _:not(), _:-moz-handler-blocked, .mozilla .mce-btn-small i {
|
|
|
3091 line-height: 20px !important;
|
|
|
3092 } |
