Mercurial > hg > rc2

comparison skins/larry/styles.css @ 8:bf99236cc5cd default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
try to recover from upgrade fail
author Charlie Root
date Sat, 29 Dec 2018 07:07:34 -0500
parents 4681f974d28b
children
comparison
equal deleted inserted replaced
7:65fd7d441cf1 8:bf99236cc5cd
1 /** 1 /**
2 * Roundcube webmail styles for skin "Larry" 2 * Roundcube webmail styles for skin "Larry"
3 * 3 *
4 * Copyright (c) 2012-2015, The Roundcube Dev Team 4 * Copyright (c) 2012-2017, The Roundcube Dev Team
5 * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com 5 * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
6 * 6 *
7 * The contents are subject to the Creative Commons Attribution-ShareAlike 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 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. 9 * by keeping credits to the original autors in the README file.
12 12
13 body { 13 body {
14 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 14 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
15 font-size: 11px; 15 font-size: 11px;
16 color: #333; 16 color: #333;
17 background: url(images/linen.jpg?v=0382.14157) repeat #d1d5d8; 17 background: #cad2d9;
18 margin: 0; 18 margin: 0;
19 } 19 }
20 20
21 body.noscroll { 21 body.noscroll {
22 /* also avoids bounce effect in Chrome and Safari */ 22 /* also avoids bounce effect in Chrome and Safari */
49 margin: -1px; 49 margin: -1px;
50 padding: 0; 50 padding: 0;
51 overflow: hidden; 51 overflow: hidden;
52 } 52 }
53 53
54 html.mozilla select {
55 padding: 2px 1px;
56 }
57
58 input, 54 input,
59 textarea, 55 textarea,
60 select, 56 select,
61 button { 57 button {
62 font-family: inherit; 58 font-family: inherit;
69 textarea { 65 textarea {
70 margin: 0; /* Safari by default adds a margin */ 66 margin: 0; /* Safari by default adds a margin */
71 padding: 4px; 67 padding: 4px;
72 border: 1px solid #b2b2b2; 68 border: 1px solid #b2b2b2;
73 border-radius: 4px; 69 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 } 70 }
77 71
78 input[type="text"]:focus, 72 input[type="text"]:focus,
79 input[type="password"]:focus, 73 input[type="password"]:focus,
80 input.button:focus, 74 input.button:focus,
81 textarea:focus { 75 textarea:focus {
82 border-color: #4787b1; 76 border-color: #4787b1;
83 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); 77 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; 78 outline: none;
86 } 79 }
87 80
88 input[type="text"]:required, 81 input[type="text"]:required,
89 input[type="password"]:required { 82 input[type="password"]:required {
102 /* fixes vertical alignment of checkboxes and labels */ 95 /* fixes vertical alignment of checkboxes and labels */
103 label input + span { 96 label input + span {
104 vertical-align: middle; 97 vertical-align: middle;
105 } 98 }
106 99
100 .noselect {
101 user-select: none;
102 -moz-user-select: none;
103 -khtml-user-select: none;
104 -ms-user-select: none;
105 -webkit-user-select: none;
106 }
107
107 /*** buttons ***/ 108 /*** buttons ***/
108 109
109 input.button { 110 input.button {
110 display: inline-block; 111 display: inline-block;
111 margin: 0 2px; 112 margin: 0 2px;
112 padding: 2px 5px; 113 padding: 4px 8px;
113 color: #525252; 114 color: #525252;
114 text-shadow: 0px 1px 1px #fff;
115 border: 1px solid #c0c0c0; 115 border: 1px solid #c0c0c0;
116 border-radius: 4px; 116 border-radius: 4px;
117 background: #f7f7f7; 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; 118 text-decoration: none;
126 outline: none; 119 outline: none;
127 } 120 }
128 121
129 .formbuttons input.button { 122 .formbuttons input.button {
130 color: #ddd; 123 color: #ddd;
131 font-size: 110%; 124 font-size: 110%;
132 text-shadow: 0px 1px 1px #333;
133 padding: 4px 12px; 125 padding: 4px 12px;
134 border-color: #465864; 126 border-color: #465864;
135 border-radius: 5px; 127 border-radius: 5px;
136 background: #7a7b7d; 128 background: #666666;
137 background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */ 129 box-shadow: 0 1px 1px 0 #ccc;
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 } 130 }
145 131
146 .formbuttons input.button:hover, 132 .formbuttons input.button:hover,
147 .formbuttons input.button:focus, 133 .formbuttons input.button:focus,
148 input.button.mainaction:hover, 134 input.button.mainaction:hover,
149 input.button.mainaction:focus { 135 input.button.mainaction:focus {
150 color: #f2f2f2; 136 color: #f2f2f2;
151 border-color: #465864; 137 border-color: #465864;
152 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; 138 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
153 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
154 } 139 }
155 140
156 .formbuttons input.button:active { 141 .formbuttons input.button:active {
157 color: #fff; 142 color: #fff;
158 background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); 143 background: #5f5f5f;
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 } 144 }
164 145
165 input.button.mainaction { 146 input.button.mainaction {
166 color: #ededed; 147 color: #ededed;
167 text-shadow: 0px 1px 1px #333;
168 border-color: #1f262c; 148 border-color: #1f262c;
169 background: #505050; 149 background: #2c2f33;
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 } 150 }
178 151
179 input.button.mainaction:active { 152 input.button.mainaction:active {
180 color: #fff; 153 color: #fff;
181 background: #515151; 154 background: #515151;
182 background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%); 155 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)); 156 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%); 157 background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
186 background: linear-gradient(to bottom, #2a2e31 0%, #505050 100%); 158 background: linear-gradient(to bottom, #2a2e31 0%, #505050 100%);
187 } 159 }
188 160
189 input.button[disabled], 161 input.button[disabled],
192 color: #aaa !important; 164 color: #aaa !important;
193 } 165 }
194 166
195 input.mainaction { 167 input.mainaction {
196 font-weight: bold; 168 font-weight: bold;
169 }
170
171 form.smart-upload,
172 input.smart-upload {
173 visibility: hidden;
174 width: 1px;
175 height: 1px;
176 opacity: 0;
197 } 177 }
198 178
199 /** link buttons **/ 179 /** link buttons **/
200 180
201 a.button, 181 a.button,
202 .buttongroup { 182 .buttongroup {
203 display: inline-block; 183 display: inline-block;
204 margin: 0 2px; 184 margin: 0 2px;
205 padding: 2px 5px; 185 padding: 2px 5px;
206 color: #525252; 186 color: #525252;
207 text-shadow: 0px 1px 1px #fff;
208 border: 1px solid #c6c6c6; 187 border: 1px solid #c6c6c6;
209 border-radius: 4px; 188 border-radius: 4px;
210 background: #f7f7f7; 189 background: #e6e6e6;
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; 190 text-decoration: none;
219 } 191 }
220 192
221 .buttongroup { 193 .buttongroup {
222 padding: 0; 194 padding: 0;
223 white-space: nowrap; 195 white-space: nowrap;
224 } 196 }
225 197
226 a.button:focus, 198 a.button:focus,
227 input.button:focus { 199 input.button:focus {
228 border-color: #4fadd5; 200 border-color: #017db6;
229 box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 201 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; 202 outline: none;
232 } 203 }
233 204
234 label.disabled, 205 label.disabled,
235 a.button.disabled { 206 a.button.disabled {
241 input.button[disabled], 212 input.button[disabled],
242 a.button.disabled:hover, 213 a.button.disabled:hover,
243 input.button.disabled:hover, 214 input.button.disabled:hover,
244 input.button[disabled]:hover { 215 input.button[disabled]:hover {
245 border-color: #c6c6c6; 216 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 } 217 }
249 218
250 a.button.disabled span.inner { 219 a.button.disabled span.inner {
251 opacity: 0.4; 220 opacity: 0.4;
252 } 221 }
254 .buttongroup a.button { 223 .buttongroup a.button {
255 margin: 0; 224 margin: 0;
256 border-width: 0 1px 0 0; 225 border-width: 0 1px 0 0;
257 border-radius: 0; 226 border-radius: 0;
258 background: none; 227 background: none;
259 box-shadow: none;
260 -webkit-box-shadow: none;
261 } 228 }
262 229
263 .buttongroup a.button.first, 230 .buttongroup a.button.first,
264 .buttongroup a.button:first-child { 231 .buttongroup a.button:first-child {
265 border-radius: 4px 0 0 4px; 232 border-radius: 4px 0 0 4px;
273 } 240 }
274 241
275 a.button.pressed, 242 a.button.pressed,
276 a.button:active, 243 a.button:active,
277 input.button:active { 244 input.button:active {
278 background: #e6e6e6; 245 background: #f7f7f7;
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 } 246 }
285 247
286 .pagenav.dark a.button { 248 .pagenav.dark a.button {
287 font-weight: bold; 249 font-weight: bold;
288 border-color: #e6e6e6; 250 border: 0;
251 background: transparent;
252 margin: 0;
253 }
254
255 .pagenav.dark a.button.pressed {
289 background: #d8d8d8; 256 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 } 257 }
307 258
308 .buttongroup a.button.selected, 259 .buttongroup a.button.selected,
309 .buttongroup a.button.selected:hover { 260 .buttongroup a.button.selected:hover {
310 background: #8a8a8a; 261 background: #8a8a8a;
311 background: -moz-linear-gradient(top, #909090 0%, #858585 100%); 262 border-right-color: #8a8a8a;
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; 263 border-left-color: #555;
320 } 264 }
321 265
322 .buttongroup a.button:focus, 266 .buttongroup a.button:focus,
323 .buttongroup a.button.selected:focus { 267 .buttongroup a.button.selected:focus {
324 background: #f2f2f2; 268 background: #f2f2f2;
325 background: -moz-linear-gradient(top, #49b3d2 0, #66bcd9 100%); 269 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)); 270 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%); 271 background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
329 background: linear-gradient(to bottom, #49b3d2 0, #66bcd9 100%); 272 background: linear-gradient(to bottom, #49b3d2 0, #66bcd9 100%);
330 } 273 }
331 274
332 .pagenav a.button { 275 .pagenav a.button {
347 display: inline-block; 290 display: inline-block;
348 width: 16px; 291 width: 16px;
349 height: 13px; 292 height: 13px;
350 text-indent: 1000px; 293 text-indent: 1000px;
351 overflow: hidden; 294 overflow: hidden;
352 background: url(images/buttons.png?v=51d4.15699) -6px -211px no-repeat; 295 background: url(images/buttons.png?v=d70c.9130) -6px -211px no-repeat;
353 } 296 }
354 297
355 a.button.prevpage span.icon, 298 a.button.prevpage span.icon,
356 .pagenav a.prevpage span.inner { 299 .pagenav a.prevpage span.inner {
357 background-position: -7px -226px; 300 background-position: -7px -226px;
424 } 367 }
425 368
426 .pagenav .countdisplay { 369 .pagenav .countdisplay {
427 display: inline-block; 370 display: inline-block;
428 padding: 3px 1em 0 1em; 371 padding: 3px 1em 0 1em;
429 text-shadow: 0px 1px 1px #fff;
430 min-width: 16em; 372 min-width: 16em;
431 } 373 }
432 374
433 .pagenavbuttons { 375 .pagenavbuttons {
434 position: relative; 376 position: relative;
435 top: -2px; 377 top: -2px;
378 }
379
380 .pagenav .pagejumper {
381 text-align: center;
382 padding: 3px 0;
383 cursor: default;
436 } 384 }
437 385
438 a.iconbutton { 386 a.iconbutton {
439 display: inline-block; 387 display: inline-block;
440 width: 20px; 388 width: 20px;
441 height: 18px; 389 height: 18px;
442 text-decoration: none; 390 text-decoration: none;
443 text-indent: -5000px; 391 text-indent: -5000px;
444 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat; 392 background: url(images/buttons.png?v=d70c.9130) -1000px 0 no-repeat;
445 } 393 }
446 394
447 a.iconbutton.disabled { 395 a.iconbutton.disabled {
448 opacity: 0.4; 396 opacity: 0.4;
449 cursor: default; 397 cursor: default;
498 display: inline-block; 446 display: inline-block;
499 color: #888; 447 color: #888;
500 text-decoration: none; 448 text-decoration: none;
501 white-space: nowrap; 449 white-space: nowrap;
502 padding: 2px 8px 2px 20px; 450 padding: 2px 8px 2px 20px;
503 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat; 451 background: url(images/buttons.png?v=d70c.9130) -1000px 0 no-repeat;
504 } 452 }
505 453
506 a.iconlink:hover { 454 a.iconlink:hover {
507 text-decoration: underline; 455 text-decoration: underline;
508 } 456 }
544 color: #555; 492 color: #555;
545 font-weight: bold; 493 font-weight: bold;
546 padding: 6px 30px 6px 25px; 494 padding: 6px 30px 6px 25px;
547 display: inline-block; 495 display: inline-block;
548 white-space: nowrap; 496 white-space: nowrap;
549 background: url(images/messages.png?v=3a4f.1461) 0 5px no-repeat; 497 background: url(images/messages.png?v=72e9.1264) 0 5px no-repeat;
550 cursor: default; 498 cursor: default;
551 } 499 }
552 500
553 #message div.warning { 501 #message div.warning {
554 color: #960; 502 color: #960;
555 background-position: 0 -86px; 503 background-position: 0 -86px;
556 } 504 }
557 505
558 #message div.error { 506 #message div.error {
559 color: #cf2734; 507 color: #cf2734;
560 background-position: 0 -55px; 508 background-position: 0 -57px;
561 } 509 }
562 510
563 #message div.confirmation { 511 #message div.confirmation {
564 color: #093; 512 color: #093;
565 background-position: 0 -25px; 513 background-position: 0 -25px;
591 border-top: 1px solid #ddd; 539 border-top: 1px solid #ddd;
592 border-radius: 0 0 4px 4px; 540 border-radius: 0 0 4px 4px;
593 background: #eaeaea; 541 background: #eaeaea;
594 background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); 542 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)); 543 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%); 544 background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
598 background: linear-gradient(to bottom, #eaeaea 0%, #c8c8c8 100%); 545 background: linear-gradient(to bottom, #eaeaea 0%, #c8c8c8 100%);
599 white-space: nowrap; 546 white-space: nowrap;
600 overflow: hidden; 547 overflow: hidden;
601 text-overflow: ellipsis; 548 text-overflow: ellipsis;
625 font-size: 12px; 572 font-size: 12px;
626 font-weight: bold; 573 font-weight: bold;
627 border-radius: 4px; 574 border-radius: 4px;
628 border: 1px solid #444; 575 border: 1px solid #444;
629 color: #ebebeb; 576 color: #ebebeb;
630 text-shadow: 0 1px 1px #000;
631 577
632 background: rgba(64,64,64,0.85); 578 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%); 579 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))); 580 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%); 581 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%); 582 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%); 583 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 } 584 }
643 585
644 #messagestack div:after { 586 #messagestack div:after {
645 content: ""; 587 content: "";
646 position: absolute; 588 position: absolute;
647 display: block; 589 display: block;
648 top: 0; 590 top: 0;
649 left: 4px; 591 left: 4px;
650 width: 20px; 592 width: 20px;
651 height: 24px; 593 height: 24px;
652 background: url(images/messages_dark.png?v=270a.1471) 0 7px no-repeat; 594 background: url(images/messages_dark.png?v=8e53.601) 0 7px no-repeat;
653 } 595 }
654 596
655 #messagestack div.error { 597 #messagestack div.error {
656 color: #ff615d; 598 color: #ff615d;
657 } 599 }
704 646
705 .ui-dialog.error .ui-dialog-title, 647 .ui-dialog.error .ui-dialog-title,
706 .ui-dialog.warning .ui-dialog-title, 648 .ui-dialog.warning .ui-dialog-title,
707 .ui-dialog.confirmation .ui-dialog-title { 649 .ui-dialog.confirmation .ui-dialog-title {
708 padding-left: 25px; 650 padding-left: 25px;
709 background: url(images/messages.png?v=3a4f.1461) 0 5px no-repeat; 651 background: url(images/messages.png?v=72e9.1264) 0 5px no-repeat;
710 text-shadow: 0 1px 1px #fff;
711 } 652 }
712 653
713 .ui-dialog.warning .ui-dialog-title { 654 .ui-dialog.warning .ui-dialog-title {
714 color: #960; 655 color: #960;
715 background-position: 0 -90px; 656 background-position: 0 -91px;
716 } 657 }
717 658
718 .ui-dialog.error .ui-dialog-title { 659 .ui-dialog.error .ui-dialog-title {
719 color: #cf2734; 660 color: #cf2734;
720 background-position: 0 -60px; 661 background-position: 0 -62px;
721 } 662 }
722 663
723 .ui-dialog.confirmation .ui-dialog-title { 664 .ui-dialog.confirmation .ui-dialog-title {
724 color: #093; 665 color: #093;
725 background-position: 0 -30px; 666 background-position: 0 -32px;
726 } 667 }
727 668
728 .ui-dialog.popupmessage .ui-dialog-titlebar { 669 .ui-autocomplete {
729 padding: 8px 1em 4px 1em; 670 max-height: 160px;
730 background: #e3e3e3; 671 overflow-x: hidden;
731 background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); 672 overflow-y: auto;
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 } 673 }
747 674
748 675
749 /*** basic page layout ***/ 676 /*** basic page layout ***/
750 677
752 overflow-x: hidden; /* Chrome bug #1488851 */ 679 overflow-x: hidden; /* Chrome bug #1488851 */
753 } 680 }
754 681
755 #topline { 682 #topline {
756 height: 18px; 683 height: 18px;
757 background: url(images/linen_header.jpg?v=514a.580) repeat #666; 684 background-color: #333333;
758 border-bottom: 1px solid #4f4f4f; 685 border-bottom: 1px solid #383838;
759 padding: 2px 0 2px 10px; 686 padding: 2px 0 2px 10px;
760 color: #aaa; 687 color: #aaa;
761 text-align: center; 688 text-align: center;
762 } 689 }
763 690
764 #topnav { 691 #topnav {
765 position: relative; 692 position: relative;
766 height: 46px; 693 height: 46px;
767 margin-bottom: 10px; 694 margin-bottom: 10px;
768 padding: 0 0 0 10px; 695 padding: 0 0 0 10px;
769 background: #111; 696 background: #1c1c1c;
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 } 697 }
776 698
777 #topline a, 699 #topline a,
778 #topnav a { 700 #topnav a {
779 color: #eee; 701 color: #eee;
814 } 736 }
815 737
816 #topline a.button-logout { 738 #topline a.button-logout {
817 display: inline-block; 739 display: inline-block;
818 padding: 2px 10px 2px 20px; 740 padding: 2px 10px 2px 20px;
819 background: url(images/buttons.png?v=51d4.15699) -6px -193px no-repeat; 741 background: url(images/buttons.png?v=d70c.9130) -6px -193px no-repeat;
820 color: #fff; 742 color: #fff;
821 } 743 }
822 744
823 #taskbar .button-logout { 745 #taskbar .button-logout {
824 display: none; 746 display: none;
849 .minimal #topline:hover { 771 .minimal #topline:hover {
850 top: 0px; 772 top: 0px;
851 opacity: 0.94; 773 opacity: 0.94;
852 -webkit-transition: top 0.3s ease-in-out; 774 -webkit-transition: top 0.3s ease-in-out;
853 -moz-transition: top 0.3s ease-in-out; 775 -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; 776 transition: top 0.3s ease-in-out;
856 } 777 }
857 778
858 .extwin #topline, 779 .extwin #topline,
859 .extwin #topline:hover { 780 .extwin #topline:hover {
908 top: -500px; 829 top: -500px;
909 right: 2px; 830 right: 2px;
910 display: inline-block; 831 display: inline-block;
911 padding: 2px 8px 3px 8px; 832 padding: 2px 8px 3px 8px;
912 background: #444; 833 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; 834 color: #eee;
919 font-weight: bold; 835 font-weight: bold;
920 white-space: nowrap; 836 white-space: nowrap;
921 border: 1px solid #777; 837 box-shadow: 0 1px 4px 0 #333;
922 box-shadow: 0 1px 5px 0 #333;
923 -webkit-box-shadow: 0 1px 5px 0 #333;
924 z-index: 200; 838 z-index: 200;
925 white-space: nowrap; 839 white-space: nowrap;
926 text-shadow: 0px 1px 1px #000;
927 } 840 }
928 841
929 .minimal #taskbar .tooltip:after { 842 .minimal #taskbar .tooltip:after {
930 content: ""; 843 content: "";
931 position: absolute; 844 position: absolute;
932 top: -4px; 845 top: -4px;
933 right: 15px; 846 right: 15px;
934 border-style: solid; 847 border-style: solid;
935 border-width: 0 4px 4px; 848 border-width: 0 4px 4px;
936 border-color: #888 transparent; 849 border-color: #444 transparent;
937 /* reduce the damage in FF3.0 */ 850 /* reduce the damage in FF3.0 */
938 display: block; 851 display: block;
939 width: 0; 852 width: 0;
940 z-index: 251; 853 z-index: 251;
941 } 854 }
961 874
962 #taskbar a span.button-inner { 875 #taskbar a span.button-inner {
963 display: inline-block; 876 display: inline-block;
964 font-size: 110%; 877 font-size: 110%;
965 font-weight: normal; 878 font-weight: normal;
966 text-shadow: 0px 1px 1px black;
967 padding: 5px 0 0 34px; 879 padding: 5px 0 0 34px;
968 height: 19px; 880 height: 19px;
969 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat; 881 background: url(images/buttons.png?v=d70c.9130) -1000px 0 no-repeat;
970 } 882 }
971 883
972 #taskbar a:focus { 884 #taskbar a:focus {
973 color: #fff; 885 color: #fff;
974 text-shadow: 0px 1px 1px #666;
975 background-color: rgba(73,180,210,0.7); 886 background-color: rgba(73,180,210,0.7);
976 outline: none; 887 outline: none;
977 } 888 }
978 889
979 #taskbar a.button-selected { 890 #taskbar a.button-selected {
980 color: #3cf; 891 color: #20a6fb;
981 background-color: #2c2c2c; 892 background-color: #2c2c2c;
982 } 893 }
983 894
984 #taskbar a.button-mail span.button-inner { 895 #taskbar a.button-mail span.button-inner {
985 background-position: 0 2px; 896 background-position: 0 2px;
1023 right: 0; 934 right: 0;
1024 display: block; 935 display: block;
1025 width: 19px; 936 width: 19px;
1026 height: 46px; 937 height: 46px;
1027 cursor: pointer; 938 cursor: pointer;
1028 background: url(images/buttons.png?v=51d4.15699) -35px -1778px no-repeat; 939 background: url(images/buttons.png?v=d70c.9130) -35px -1778px no-repeat;
1029 } 940 }
1030 941
1031 .minimal #taskbar .minmodetoggle { 942 .minimal #taskbar .minmodetoggle {
1032 height: 42px; 943 height: 42px;
1033 background-position: -35px -1820px; 944 background-position: -35px -1820px;
1072 .extwin #mainscreen.offset { 983 .extwin #mainscreen.offset {
1073 top: 86px; 984 top: 86px;
1074 } 985 }
1075 986
1076 .uibox { 987 .uibox {
1077 border: 1px solid #a3a3a3; 988 border: 1px solid #b2b8bf;
1078 border-radius: 4px; 989 border-radius: 4px;
1079 overflow: hidden; 990 overflow: hidden;
1080 box-shadow: 0 0 2px #999;
1081 -webkit-box-shadow: 0 0 2px #999;
1082 background: #fff; 991 background: #fff;
1083 } 992 }
1084 993
1085 .minwidth { 994 .minwidth {
1086 min-width: 1024px; 995 min-width: 1024px;
1136 font-size: 12px; 1045 font-size: 12px;
1137 font-weight: bold; 1046 font-weight: bold;
1138 padding: 7px 8px 6px 8px; 1047 padding: 7px 8px 6px 8px;
1139 line-height: 20px; 1048 line-height: 20px;
1140 margin: 0; 1049 margin: 0;
1141 text-shadow: 0px 1px 1px #fff;
1142 border-bottom: 1px solid #bbd3da; 1050 border-bottom: 1px solid #bbd3da;
1143 white-space: nowrap; 1051 white-space: nowrap;
1144 } 1052 }
1145 1053
1146 .uibox .listing thead th, 1054 .uibox .listing thead th,
1160 .listbox .listitem, 1068 .listbox .listitem,
1161 .listbox .tablink, 1069 .listbox .tablink,
1162 .listing tbody td, 1070 .listing tbody td,
1163 .listing li { 1071 .listing li {
1164 display: block; 1072 display: block;
1165 border-top: 1px solid #fff;
1166 border-bottom: 1px solid #bbd3da; 1073 border-bottom: 1px solid #bbd3da;
1167 cursor: default; 1074 cursor: default;
1168 font-weight: normal; 1075 font-weight: normal;
1169 } 1076 }
1170 1077
1173 .listbox .tablink a, 1080 .listbox .tablink a,
1174 .listing tbody td, 1081 .listing tbody td,
1175 .listing li a { 1082 .listing li a {
1176 display: block; 1083 display: block;
1177 color: #376572; 1084 color: #376572;
1178 text-shadow: 0px 1px 1px #fff;
1179 text-decoration: none; 1085 text-decoration: none;
1180 cursor: default; 1086 cursor: default;
1181 padding: 4px 8px; 1087 padding: 5px 8px;
1182 line-height: 17px; 1088 line-height: 17px;
1183 height: 17px; 1089 height: 17px;
1184 white-space: nowrap; 1090 white-space: nowrap;
1185 } 1091 }
1186 1092
1190 outline: none; 1096 outline: none;
1191 } 1097 }
1192 1098
1193 .listing tbody td a { 1099 .listing tbody td a {
1194 color: #376572; 1100 color: #376572;
1195 text-shadow: 0px 1px 1px #fff;
1196 text-decoration: none; 1101 text-decoration: none;
1197 } 1102 }
1198 1103
1199 .webkit .listing tbody td { 1104 .webkit .listing tbody td {
1200 height: 14px; 1105 height: 14px;
1291 ul.listing .listitem a:focus, 1196 ul.listing .listitem a:focus,
1292 ul.listing .listitem span:focus, 1197 ul.listing .listitem span:focus,
1293 ul.listing.focus .listitem.focused span { 1198 ul.listing.focus .listitem.focused span {
1294 color: #fff !important; 1199 color: #fff !important;
1295 background-color: rgba(73,180,210,0.6); 1200 background-color: rgba(73,180,210,0.6);
1296 text-shadow: 0px 1px 1px #666;
1297 outline: none; 1201 outline: none;
1298 } 1202 }
1299 1203
1300 ul.treelist ul li a { 1204 ul.treelist ul li a {
1301 padding-left: 38px; 1205 padding-left: 38px;
1325 position: absolute; 1229 position: absolute;
1326 top: 7px; 1230 top: 7px;
1327 left: 4px; 1231 left: 4px;
1328 width: 13px; 1232 width: 13px;
1329 height: 13px; 1233 height: 13px;
1330 background: url(images/listicons.png?v=1877.13442) -3px -144px no-repeat; 1234 background: url(images/listicons.png?v=c458.10409) -3px -144px no-repeat;
1331 cursor: pointer; 1235 cursor: pointer;
1332 } 1236 }
1333 1237
1334 ul.treelist li ul li div.treetoggle { 1238 ul.treelist li ul li div.treetoggle {
1335 left: 22px; 1239 left: 22px;
1364 position: absolute; 1268 position: absolute;
1365 bottom: 0; 1269 bottom: 0;
1366 left: 0; 1270 left: 0;
1367 width: 100%; 1271 width: 100%;
1368 height: 42px; 1272 height: 42px;
1369 border-top: 1px solid #ccdde4; 1273 border-top: 1px solid #bbd3da;
1370 background: #d9ecf4; 1274 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; 1275 white-space: nowrap;
1374 overflow: hidden; 1276 overflow: hidden;
1375 } 1277 }
1376 1278
1377 .uibox .boxfooter { 1279 .uibox .boxfooter {
1389 } 1291 }
1390 1292
1391 .boxfooter a.listbutton:focus { 1293 .boxfooter a.listbutton:focus {
1392 color: #fff; 1294 color: #fff;
1393 background-color: rgba(73,180,210,0.6); 1295 background-color: rgba(73,180,210,0.6);
1394 text-shadow: 0px 1px 1px #666;
1395 outline: none; 1296 outline: none;
1396 } 1297 }
1397 1298
1398 .uibox .boxfooter .listbutton:first-child { 1299 .uibox .boxfooter .listbutton:first-child {
1399 border-radius: 0 0 0 4px; 1300 border-radius: 0 0 0 4px;
1402 .boxfooter .listbutton .inner { 1303 .boxfooter .listbutton .inner {
1403 display: inline-block; 1304 display: inline-block;
1404 width: 48px; 1305 width: 48px;
1405 height: 35px; 1306 height: 35px;
1406 text-indent: -5000px; 1307 text-indent: -5000px;
1407 background-image: url(images/buttons.png?v=51d4.15699); 1308 background-image: url(images/buttons.png?v=d70c.9130);
1408 background-position: -1000px 0; 1309 background-position: -1000px 0;
1409 background-repeat: no-repeat; 1310 background-repeat: no-repeat;
1410 } 1311 }
1411 1312
1412 .boxfooter .listbutton.add .inner { 1313 .boxfooter .listbutton.add .inner {
1467 height: 13px; 1368 height: 13px;
1468 width: 14px; 1369 width: 14px;
1469 text-indent: 1000px; 1370 text-indent: 1000px;
1470 vertical-align: bottom; 1371 vertical-align: bottom;
1471 overflow: hidden; 1372 overflow: hidden;
1472 background: url(images/buttons.png?v=51d4.15699) -4px -286px no-repeat; 1373 background: url(images/buttons.png?v=d70c.9130) -4px -286px no-repeat;
1473 } 1374 }
1474 1375
1475 .boxpagenav a.icon.prevpage { 1376 .boxpagenav a.icon.prevpage {
1476 background-position: -4px -301px; 1377 background-position: -4px -301px;
1477 } 1378 }
1522 .records-table thead td { 1423 .records-table thead td {
1523 color: #69939e; 1424 color: #69939e;
1524 font-size: 11px; 1425 font-size: 11px;
1525 font-weight: bold; 1426 font-weight: bold;
1526 background: #d6eaf3; 1427 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; 1428 border-left: 1px solid #bbd3da;
1533 padding: 8px 7px; 1429 padding: 8px 7px;
1534 overflow: hidden; 1430 overflow: hidden;
1535 text-overflow: ellipsis; 1431 text-overflow: ellipsis;
1536 text-align: left; 1432 text-align: left;
1555 1451
1556 .records-table thead th a:focus, 1452 .records-table thead th a:focus,
1557 .records-table thead td a:focus { 1453 .records-table thead td a:focus {
1558 color: #fff; 1454 color: #fff;
1559 background-color: rgba(73,180,210,0.7); 1455 background-color: rgba(73,180,210,0.7);
1560 text-shadow: 0px 1px 1px #666;
1561 outline: none; 1456 outline: none;
1562 } 1457 }
1563 1458
1564 .records-table tbody td { 1459 .records-table tbody td {
1565 padding: 2px 7px; 1460 padding: 2px 7px;
1586 border-left: 2px solid #49b3d2; 1481 border-left: 2px solid #49b3d2;
1587 } 1482 }
1588 1483
1589 .records-table tr.selected td { 1484 .records-table tr.selected td {
1590 color: #fff !important; 1485 color: #fff !important;
1591 background-color: #4db0d2 !important; 1486 background-color: #4db0d2;
1592 } 1487 }
1593 1488
1594 .records-table.focus tr.selected td { 1489 .records-table.focus tr.selected td {
1595 background: #019bc6; 1490 background-color: #017db6 !important;
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 } 1491 }
1602 1492
1603 .records-table tr.selected td a, 1493 .records-table tr.selected td a,
1604 .records-table tr.selected td span { 1494 .records-table tr.selected td span {
1605 color: #fff !important; 1495 color: #fff !important;
1637 } 1527 }
1638 1528
1639 .contentbox .boxtitle, 1529 .contentbox .boxtitle,
1640 body.iframe .boxtitle { 1530 body.iframe .boxtitle {
1641 color: #777; 1531 color: #777;
1642 background: #eee; 1532 background: #efefef;
1643 background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%); 1533 border-bottom: 1px solid #d0d0d0;
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 } 1534 }
1650 1535
1651 body.iframe .boxtitle { 1536 body.iframe .boxtitle {
1652 position: fixed; 1537 position: fixed;
1653 top: 0; 1538 top: 0;
1674 position: absolute; 1559 position: absolute;
1675 top: -6px; 1560 top: -6px;
1676 left: 0; 1561 left: 0;
1677 width: 100%; 1562 width: 100%;
1678 height: 6px; 1563 height: 6px;
1679 background: url(images/overflowshadow.png?v=71ba.250) top center no-repeat; 1564 background: url(images/overflowshadow.png?v=ac21.201) top center no-repeat;
1680 } 1565 }
1681 1566
1682 .boxcontent { 1567 .boxcontent {
1683 padding: 10px; 1568 padding: 10px;
1569 }
1570
1571 .boxcontent .boxwarning {
1572 margin: 0 0 10px;
1573 display: block;
1574 color: #960;
1575 border: 1px solid #ffdf0e;
1576 background: url(images/messages.png?v=72e9.1264) #fef893 5px -85px no-repeat;
1577 padding: 6px 12px 6px 30px;
1684 } 1578 }
1685 1579
1686 .contentbox .scroller { 1580 .contentbox .scroller {
1687 position: absolute; 1581 position: absolute;
1688 top: 34px; 1582 top: 34px;
1802 margin: 20ex auto 2ex auto; 1696 margin: 20ex auto 2ex auto;
1803 } 1697 }
1804 1698
1805 #login-form .box-inner { 1699 #login-form .box-inner {
1806 width: 430px; 1700 width: 430px;
1807 background: url(images/linen_login.jpg?v=0484.10363) top left no-repeat #5c5c5c; 1701 background: #404040;
1702 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #2e2e2e));
1703 background: -ms-linear-gradient(top, #404040 0%, #2e2e2e 100%);
1704 background: linear-gradient(to bottom, #404040 0%, #2e2e2e 100%);
1808 margin: 0 50px; 1705 margin: 0 50px;
1809 padding: 10px 24px 24px 24px; 1706 padding: 10px 24px 24px 24px;
1810 border: 1px solid #333; 1707 border-radius: 6px;
1811 border-radius: 5px;
1812 box-shadow: inset 0 0 1px #ccc;
1813 -webkit-box-shadow: inset 0 0 1px #ccc;
1814 } 1708 }
1815 1709
1816 #login-form .box-bottom { 1710 #login-form .box-bottom {
1817 background: url(images/login_shadow.png?v=1169.789) top center no-repeat;
1818 margin-top: -3px; 1711 margin-top: -3px;
1819 padding-top: 10px; 1712 padding-top: 10px;
1820 } 1713 }
1821 1714
1822 #login-form .noscriptwarning { 1715 #login-form .noscriptwarning {
1838 border-color: #666; 1731 border-color: #666;
1839 } 1732 }
1840 1733
1841 #login-form input.button { 1734 #login-form input.button {
1842 color: #444; 1735 color: #444;
1843 text-shadow: 0px 1px 1px #fff;
1844 border-color: #f9f9f9; 1736 border-color: #f9f9f9;
1845 background: #f9f9f9; 1737 background-color: #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 } 1738 }
1860 1739
1861 #login-form input.button:active { 1740 #login-form input.button:active {
1862 color: #333; 1741 color: #333;
1863 background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); 1742 background-color: #dcdcdc;
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 } 1743 }
1869 1744
1870 #login-form form table { 1745 #login-form form table {
1871 width: 98%; 1746 width: 98%;
1872 } 1747 }
1873 1748
1874 #login-form td.title { 1749 #login-form td.title {
1875 width: 20%; 1750 width: 20%;
1876 white-space: nowrap; 1751 white-space: nowrap;
1877 color: #cecece; 1752 color: #cecece;
1878 text-shadow: 0px 1px 1px black;
1879 text-align: right; 1753 text-align: right;
1880 padding-right: 1em; 1754 padding-right: 1em;
1881 } 1755 }
1882 1756
1883 #login-form p.formbuttons { 1757 #login-form p.formbuttons {
1983 height: 13px; 1857 height: 13px;
1984 overflow: hidden; 1858 overflow: hidden;
1985 text-overflow: ellipsis; 1859 text-overflow: ellipsis;
1986 white-space: nowrap; 1860 white-space: nowrap;
1987 padding: 28px 2px 0 2px; 1861 padding: 28px 2px 0 2px;
1988 text-shadow: 0px 1px 1px #eee; 1862 background: url(images/buttons.png?v=d70c.9130) -100px 0 no-repeat transparent;
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; 1863 border: 0;
1993 border-radius: 0; 1864 border-radius: 0;
1994 } 1865 }
1995 1866
1996 .dropbutton .dropbuttontip:focus, 1867 .dropbutton .dropbuttontip:focus,
1997 .toolbar a.button:focus { 1868 .toolbar a.button:focus {
1998 color: #fff; 1869 color: #fff;
1999 text-shadow: 0px 1px 1px #666;
2000 background-color: rgba(30,150,192, 0.5); 1870 background-color: rgba(30,150,192, 0.5);
2001 border-radius: 3px; 1871 border-radius: 3px;
2002 } 1872 }
2003 1873
2004 .toolbar a.button.disabled { 1874 .toolbar a.button.disabled {
2005 opacity: 0.4; 1875 opacity: 0.4;
1876 }
1877
1878 .toolbar a.button.selected {
1879 color: #1978a1;
1880 }
1881
1882 .toolbar a.button.selected:focus {
1883 color: #fff;
1884 }
1885
1886 .toolbar a.button.hidden {
1887 display: none;
2006 } 1888 }
2007 1889
2008 .dropbutton { 1890 .dropbutton {
2009 display: inline-block; 1891 display: inline-block;
2010 position: relative; 1892 position: relative;
2017 top: 0; 1899 top: 0;
2018 height: 41px; 1900 height: 41px;
2019 width: 18px; 1901 width: 18px;
2020 overflow: hidden; 1902 overflow: hidden;
2021 text-indent: -5000px; 1903 text-indent: -5000px;
2022 background: url(images/buttons.png?v=51d4.15699) 0 -1255px no-repeat; 1904 background: url(images/buttons.png?v=d70c.9130) 0 -1255px no-repeat;
2023 cursor: pointer; 1905 cursor: pointer;
2024 outline: none; 1906 outline: none;
2025 } 1907 }
2026 1908
2027 .dropbutton .dropbuttontip:focus, 1909 .dropbutton .dropbuttontip:focus,
2147 2029
2148 .toolbar a.button.responses { 2030 .toolbar a.button.responses {
2149 background-position: center -1932px; 2031 background-position: center -1932px;
2150 } 2032 }
2151 2033
2034 .toolbar a.button.encrypt {
2035 background-position: center -2025px;
2036 }
2037
2038 .toolbar a.button.encrypt.selected {
2039 background-position: center -2065px;
2040 }
2041
2152 a.menuselector { 2042 a.menuselector {
2153 display: inline-block; 2043 display: inline-block;
2154 border: 1px solid #ababab; 2044 border: 1px solid #ababab;
2155 border-radius: 4px; 2045 border-radius: 4px;
2156 background: #f8f8f8; 2046 background: #f1f1f1;
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; 2047 text-decoration: none;
2163 color: #333; 2048 color: #333;
2164 cursor: pointer; 2049 cursor: pointer;
2165 white-space: nowrap; 2050 white-space: nowrap;
2166 } 2051 }
2168 a.menuselector .handle { 2053 a.menuselector .handle {
2169 display: inline-block; 2054 display: inline-block;
2170 padding: 0 32px 0 6px; 2055 padding: 0 32px 0 6px;
2171 height: 20px; 2056 height: 20px;
2172 line-height: 19px; 2057 line-height: 19px;
2173 text-shadow: 0px 1px 1px #fff; 2058 background: url(images/selector.png?v=0d5b.118) right center no-repeat;
2174 background: url(images/selector.png?v=799c.181) right center no-repeat;
2175 border-radius: 4px; 2059 border-radius: 4px;
2176 } 2060 }
2177 2061
2178 a.menuselector:active { 2062 a.menuselector:active {
2179 background: #dddddd; 2063 background: #dddddd;
2180 background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); 2064 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)); 2065 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%); 2066 background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
2184 background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%); 2067 background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%);
2185 text-decoration: none; 2068 text-decoration: none;
2186 } 2069 }
2187 2070
2204 color: #fff; 2087 color: #fff;
2205 background: #444; 2088 background: #444;
2206 border: 0; 2089 border: 0;
2207 border-top: 1px solid #5a5a5a; 2090 border-top: 1px solid #5a5a5a;
2208 border-bottom: 1px solid #333; 2091 border-bottom: 1px solid #333;
2209 text-shadow: 0px 1px 1px #333;
2210 padding: 4px 6px; 2092 padding: 4px 6px;
2211 outline: none; 2093 outline: none;
2212 cursor: default; 2094 cursor: default;
2213 } 2095 }
2214 2096
2215 2097
2216 a.menuselector:focus, 2098 a.menuselector:focus,
2217 a.menuselector.focus, 2099 a.menuselector.focus,
2218 a.iconbutton:focus, 2100 a.iconbutton:focus,
2219 .pagenav a.button:focus { 2101 .pagenav a.button:focus {
2220 border-color: #4fadd5; 2102 border-color: #0883d0;
2221 box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8); 2103 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; 2104 outline: none;
2224 } 2105 }
2225 2106
2226 2107
2227 /*** quota indicator ***/ 2108 /*** quota indicator ***/
2229 #quotadisplay { 2110 #quotadisplay {
2230 left: 6px; 2111 left: 6px;
2231 height: 18px; 2112 height: 18px;
2232 font-size: 12px; 2113 font-size: 12px;
2233 font-weight: bold; 2114 font-weight: bold;
2234 text-shadow: 0px 1px 1px #fff;
2235 padding-left: 30px; 2115 padding-left: 30px;
2236 background: url(images/quota.png?v=7ea4.2033) -100px 0 no-repeat; 2116 background: url(images/quota.png?v=aaa4.1389) -100px 0 no-repeat;
2117 }
2118
2119 #quotadisplay.p90,
2120 #quotadisplay.p100 {
2121 color: #e03221;
2237 } 2122 }
2238 2123
2239 table.quota-info { 2124 table.quota-info {
2240 border-spacing: 0; 2125 border-spacing: 0;
2241 border-collapse: collapse; 2126 border-collapse: collapse;
2271 width: auto; 2156 width: auto;
2272 max-height: 70%; 2157 max-height: 70%;
2273 overflow: -moz-scrollbars-vertical; 2158 overflow: -moz-scrollbars-vertical;
2274 overflow-y: auto; 2159 overflow-y: auto;
2275 background: #444; 2160 background: #444;
2276 border: 1px solid #999;
2277 z-index: 240; 2161 z-index: 240;
2278 border-radius: 4px; 2162 border-radius: 4px;
2279 box-shadow: 0 2px 6px 0 #333; 2163 box-shadow: 0 2px 6px 0 #333;
2280 -webkit-box-shadow: 0 2px 6px 0 #333;
2281 } 2164 }
2282 2165
2283 .popupmenu.dropdown { 2166 .popupmenu.dropdown {
2284 border-radius: 0 0 4px 4px; 2167 border-radius: 0 0 4px 4px;
2285 border-top: 0; 2168 border-top: 0;
2169 }
2170
2171 .popupmenu > .buttons {
2172 border-top: 1px solid #5a5a5a;
2173 height: 25px;
2174 padding-top: 5px;
2175 text-align: center;
2286 } 2176 }
2287 2177
2288 ul.toolbarmenu, 2178 ul.toolbarmenu,
2289 ul.toolbarmenu ul, 2179 ul.toolbarmenu ul,
2290 #rcmKSearchpane ul { 2180 #rcmKSearchpane ul {
2299 color: #fff; 2189 color: #fff;
2300 white-space: nowrap; 2190 white-space: nowrap;
2301 min-width: 130px; 2191 min-width: 130px;
2302 margin: 0; 2192 margin: 0;
2303 border-top: 1px solid #5a5a5a; 2193 border-top: 1px solid #5a5a5a;
2304 border-bottom: 1px solid #333;
2305 } 2194 }
2306 2195
2307 .googie_list tr:first-child td, 2196 .googie_list tr:first-child td,
2308 ul.toolbarmenu > li:first-child, 2197 ul.toolbarmenu > li:first-child,
2309 select.decorated option:first-child { 2198 select.decorated option:first-child {
2318 2207
2319 .googie_list td span, 2208 .googie_list td span,
2320 ul.toolbarmenu li a { 2209 ul.toolbarmenu li a {
2321 display: block; 2210 display: block;
2322 color: #666; 2211 color: #666;
2323 text-shadow: 0px 1px 1px #333;
2324 text-decoration: none; 2212 text-decoration: none;
2325 min-height: 14px; 2213 min-height: 14px;
2326 padding: 6px 16px 6px 10px; 2214 padding: 6px 16px 6px 10px;
2327 } 2215 }
2328 2216
2338 2226
2339 .googie_list td.googie_list_onhover, 2227 .googie_list td.googie_list_onhover,
2340 ul.toolbarmenu li a.active:hover, 2228 ul.toolbarmenu li a.active:hover,
2341 ul.toolbarmenu li a.active:focus, 2229 ul.toolbarmenu li a.active:focus,
2342 #rcmKSearchpane ul li.selected, 2230 #rcmKSearchpane ul li.selected,
2231 #pagejump-selector ul li.selected,
2343 select.decorated option:hover, 2232 select.decorated option:hover,
2344 select.decorated option[selected='selected'] { 2233 select.decorated option[selected='selected'] {
2345 background-color: #00aad6; 2234 background-color: #0883d0;
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; 2235 outline: none;
2352 } 2236 }
2353 2237
2354 ul.toolbarmenu.iconized li a, 2238 ul.toolbarmenu.iconized li a,
2355 ul.toolbarmenu.selectable li a { 2239 ul.toolbarmenu.selectable li a {
2356 padding-left: 30px; 2240 padding-left: 30px;
2357 } 2241 }
2358 2242
2359 ul.toolbarmenu.selectable li a.selected { 2243 ul.toolbarmenu.selectable li a.selected {
2360 background: url(images/messages.png?v=3a4f.1461) 4px -27px no-repeat; 2244 background: url(images/messages.png?v=72e9.1264) 4px -27px no-repeat;
2361 } 2245 }
2362 2246
2363 ul.toolbarmenu li label { 2247 ul.toolbarmenu li label {
2364 display: block; 2248 display: block;
2365 color: #fff; 2249 color: #fff;
2366 padding: 4px 8px; 2250 padding: 4px 8px;
2367 text-shadow: 0px 1px 1px #333;
2368 } 2251 }
2369 2252
2370 ul.toolbarmenu li.separator label { 2253 ul.toolbarmenu li.separator label {
2371 color: #bbb; 2254 color: #bbb;
2372 font-style: italic; 2255 font-style: italic;
2256 padding: 0 8px;
2257 line-height: 17px;
2258 }
2259
2260 ul.toolbarmenu li input {
2261 margin: 0;
2373 } 2262 }
2374 2263
2375 ul.toolbarmenu li a.icon { 2264 ul.toolbarmenu li a.icon {
2376 color: #eee; 2265 color: #eee;
2377 padding: 2px 6px; 2266 padding: 2px 6px;
2381 #rcmKSearchpane ul li i.icon { 2270 #rcmKSearchpane ul li i.icon {
2382 display: block; 2271 display: block;
2383 min-height: 14px; 2272 min-height: 14px;
2384 padding: 4px 4px 1px 24px; 2273 padding: 4px 4px 1px 24px;
2385 height: 17px; 2274 height: 17px;
2386 background-image: url(images/listicons.png?v=1877.13442); 2275 background-image: url(images/listicons.png?v=c458.10409);
2387 background-position: -100px 0; 2276 background-position: -100px 0;
2388 background-repeat: no-repeat; 2277 background-repeat: no-repeat;
2389 opacity: 0.2; 2278 opacity: 0.2;
2390 } 2279 }
2391 2280
2431 2320
2432 ul.toolbarmenu li span.download { 2321 ul.toolbarmenu li span.download {
2433 background-position: 0 -1412px; 2322 background-position: 0 -1412px;
2434 } 2323 }
2435 2324
2325 ul.toolbarmenu li span.rename {
2326 background-position: 0 -2295px;
2327 }
2328
2436 ul.toolbarmenu li span.edit { 2329 ul.toolbarmenu li span.edit {
2437 background-position: 0 -1388px; 2330 background-position: 0 -1388px;
2438 } 2331 }
2439 2332
2440 ul.toolbarmenu li span.viewsource { 2333 ul.toolbarmenu li span.viewsource {
2453 background-position: 0 -2126px; 2346 background-position: 0 -2126px;
2454 } 2347 }
2455 2348
2456 ul.toolbarmenu li span.copy { 2349 ul.toolbarmenu li span.copy {
2457 background-position: 0 -2150px; 2350 background-position: 0 -2150px;
2351 }
2352
2353 #pagejump-selector {
2354 max-height: 250px;
2355 overflow-x: hidden;
2356 }
2357
2358 #pagejump-selector ul li {
2359 min-width: 45px;
2360 padding: 4px 6px;
2361 cursor: default;
2458 } 2362 }
2459 2363
2460 #snippetslist { 2364 #snippetslist {
2461 max-width: 200px; 2365 max-width: 200px;
2462 } 2366 }
2470 border-radius: 0 0 4px 4px; 2374 border-radius: 0 0 4px 4px;
2471 border-top: 0; 2375 border-top: 0;
2472 } 2376 }
2473 2377
2474 #rcmKSearchpane ul li { 2378 #rcmKSearchpane ul li {
2475 text-shadow: 0px 1px 1px #333;
2476 text-decoration: none; 2379 text-decoration: none;
2477 min-height: 14px; 2380 min-height: 14px;
2478 padding: 6px 10px 6px 28px; 2381 padding: 6px 10px 6px 28px;
2479 border: 0; 2382 border: 0;
2480 cursor: default; 2383 cursor: default;
2511 } 2414 }
2512 2415
2513 .hint { 2416 .hint {
2514 margin: 4px 0; 2417 margin: 4px 0;
2515 color: #999; 2418 color: #999;
2516 text-shadow: 0px 1px 1px #fff;
2517 } 2419 }
2518 2420
2519 .splitter { 2421 .splitter {
2520 user-select: none; 2422 user-select: none;
2521 -moz-user-select: none; 2423 -moz-user-select: none;
2522 -khtml-user-select: none; 2424 -khtml-user-select: none;
2523 position: absolute; 2425 position: absolute;
2524 background: url(images/splitter.png?v=2724.136) center no-repeat; 2426 background: url(images/splitter.png?v=6d32.134) center no-repeat;
2525 } 2427 }
2526 2428
2527 .splitter-h { 2429 .splitter-h {
2528 height: 10px; 2430 height: 10px;
2529 width: 100%; 2431 width: 100%;
2547 padding: 6px 8px; 2449 padding: 6px 8px;
2548 background: #444; 2450 background: #444;
2549 border: 1px solid #555; 2451 border: 1px solid #555;
2550 border-radius: 4px; 2452 border-radius: 4px;
2551 box-shadow: 0 2px 6px 0 #333; 2453 box-shadow: 0 2px 6px 0 #333;
2552 -webkit-box-shadow: 0 2px 6px 0 #333;
2553 z-index: 250; 2454 z-index: 250;
2554 color: #ccc; 2455 color: #ccc;
2555 white-space: nowrap; 2456 white-space: nowrap;
2556 opacity: 0.92; 2457 opacity: 0.92;
2557 text-shadow: 0px 1px 1px #333;
2558 } 2458 }
2559 2459
2560 #rcmdraglayer:after { 2460 #rcmdraglayer:after {
2561 content: ""; 2461 content: "";
2562 position: absolute; 2462 position: absolute;
2576 bottom: -6px; 2476 bottom: -6px;
2577 left: -6px; 2477 left: -6px;
2578 content: " "; 2478 content: " ";
2579 width: 16px; 2479 width: 16px;
2580 height: 16px; 2480 height: 16px;
2581 background: url(images/buttons.png?v=51d4.15699) -7px -358px no-repeat; 2481 background: url(images/buttons.png?v=d70c.9130) -7px -358px no-repeat;
2582 z-index: 255; 2482 z-index: 255;
2583 } 2483 }
2584 2484
2585 .popup label > input { 2485 .popup label > input {
2586 margin-left: 10px; 2486 margin-left: 10px;
2591 #folder-selector { 2491 #folder-selector {
2592 z-index: 1000; 2492 z-index: 1000;
2593 } 2493 }
2594 2494
2595 #folder-selector li a span { 2495 #folder-selector li a span {
2596 background: url(images/listicons.png?v=1877.13442) 4px -2021px no-repeat; 2496 background: url(images/listicons.png?v=c458.10409) 4px -2021px no-repeat;
2597 display: block; 2497 display: block;
2598 height: 17px; 2498 height: 17px;
2599 min-height: 14px; 2499 min-height: 14px;
2600 padding: 4px 4px 1px 28px; 2500 padding: 4px 4px 1px 28px;
2601 overflow: hidden; 2501 overflow: hidden;
2628 .folderlist li.mailbox a { 2528 .folderlist li.mailbox a {
2629 padding-left: 36px; 2529 padding-left: 36px;
2630 white-space: nowrap; 2530 white-space: nowrap;
2631 overflow: hidden; 2531 overflow: hidden;
2632 text-overflow: ellipsis; 2532 text-overflow: ellipsis;
2633 background-image: url(images/listicons.png?v=1877.13442); 2533 background-image: url(images/listicons.png?v=c458.10409);
2634 background-repeat: no-repeat; 2534 background-repeat: no-repeat;
2635 background-position: 6px 3px; 2535 background-position: 6px 3px;
2636 } 2536 }
2637 2537
2638 .folderlist li.mailbox.unread > a { 2538 .folderlist li.mailbox.unread > a {
2783 border-top: 1px solid #bbd3da; 2683 border-top: 1px solid #bbd3da;
2784 } 2684 }
2785 2685
2786 .folderlist li.mailbox ul li a { 2686 .folderlist li.mailbox ul li a {
2787 padding-left: 52px; /* 36 + 1 x 16 */ 2687 padding-left: 52px; /* 36 + 1 x 16 */
2788 background-position: 22px -95px; /* 6 + 1 x 16 */ 2688 background-position: 22px -93px; /* 6 + 1 x 16 */
2789 } 2689 }
2790 .folderlist li.mailbox ul li > a:focus, 2690 .folderlist li.mailbox ul li > a:focus,
2791 .folderlist li.mailbox ul li.selected > a { 2691 .folderlist li.mailbox ul li.selected > a {
2792 background-position: 22px -119px; 2692 background-position: 22px -117px;
2793 } 2693 }
2794 .folderlist li.mailbox ul li div.treetoggle { 2694 .folderlist li.mailbox ul li div.treetoggle {
2795 left: 33px; 2695 left: 33px;
2796 top: 14px; 2696 top: 14px;
2797 } 2697 }
2798 2698
2799 .folderlist li.mailbox ul ul li.mailbox a { 2699 .folderlist li.mailbox ul ul li.mailbox a {
2800 padding-left: 68px; /* 2x */ 2700 padding-left: 68px; /* 2x */
2801 background-position: 38px -95px; 2701 background-position: 38px -93px;
2802 } 2702 }
2803 .folderlist li.mailbox ul ul li > a:focus, 2703 .folderlist li.mailbox ul ul li > a:focus,
2804 .folderlist li.mailbox ul ul li.selected > a { 2704 .folderlist li.mailbox ul ul li.selected > a {
2805 background-position: 38px -119px; 2705 background-position: 38px -117px;
2806 } 2706 }
2807 .folderlist li.mailbox ul ul li div.treetoggle { 2707 .folderlist li.mailbox ul ul li div.treetoggle {
2808 left: 48px; 2708 left: 48px;
2809 } 2709 }
2810 2710
2811 .folderlist li.mailbox ul ul ul li.mailbox a { 2711 .folderlist li.mailbox ul ul ul li.mailbox a {
2812 padding-left: 84px; /* 3x */ 2712 padding-left: 84px; /* 3x */
2813 background-position: 54px -95px; 2713 background-position: 54px -93px;
2814 } 2714 }
2815 .folderlist li.mailbox ul ul ul li > a:focus, 2715 .folderlist li.mailbox ul ul ul li > a:focus,
2816 .folderlist li.mailbox ul ul ul li.selected > a { 2716 .folderlist li.mailbox ul ul ul li.selected > a {
2817 background-position: 54px -119px; 2717 background-position: 54px -117px;
2818 } 2718 }
2819 .folderlist li.mailbox ul ul ul li div.treetoggle { 2719 .folderlist li.mailbox ul ul ul li div.treetoggle {
2820 left: 64px; 2720 left: 64px;
2821 } 2721 }
2822 2722
2823 .folderlist li.mailbox ul ul ul ul li.mailbox a { 2723 .folderlist li.mailbox ul ul ul ul li.mailbox a {
2824 padding-left: 100px; /* 4x */ 2724 padding-left: 100px; /* 4x */
2825 background-position: 70px -95px; 2725 background-position: 70px -93px;
2826 } 2726 }
2827 .folderlist li.mailbox ul ul ul ul li > a:focus, 2727 .folderlist li.mailbox ul ul ul ul li > a:focus,
2828 .folderlist li.mailbox ul ul ul ul li.selected > a { 2728 .folderlist li.mailbox ul ul ul ul li.selected > a {
2829 background-position: 70px -119px; 2729 background-position: 70px -117px;
2830 } 2730 }
2831 .folderlist li.mailbox ul ul ul ul li div.treetoggle { 2731 .folderlist li.mailbox ul ul ul ul li div.treetoggle {
2832 left: 80px; 2732 left: 80px;
2833 } 2733 }
2834 2734
2852 } 2752 }
2853 2753
2854 .attachmentslist li { 2754 .attachmentslist li {
2855 display: block; 2755 display: block;
2856 position: relative; 2756 position: relative;
2857 background: url(images/filetypes.png?v=91f3.4626) 0 0 no-repeat; 2757 background: url(images/filetypes.png?v=a0f5.4718) 0 0 no-repeat;
2858 margin-bottom: 1px; 2758 margin-bottom: 1px;
2759 line-height: 24px;
2859 } 2760 }
2860 2761
2861 .attachmentslist li.txt, 2762 .attachmentslist li.txt,
2862 .attachmentslist li.text { 2763 .attachmentslist li.text {
2863 background-position: 0 -416px; 2764 background-position: 0 -416px;
2956 .attachmentslist li.odp, 2857 .attachmentslist li.odp,
2957 .attachmentslist li.otp { 2858 .attachmentslist li.otp {
2958 background-position: 0 -546px; 2859 background-position: 0 -546px;
2959 } 2860 }
2960 2861
2961 .attachmentslist li a, 2862 .attachmentslist li.application.asc {
2962 #compose-attachments ul li { 2863 background-position: 0 -598px;
2864 }
2865
2866 .attachmentslist li.application.pgp-keys {
2867 background-position: 0 -572px;
2868 }
2869
2870
2871 .attachmentslist li a {
2963 display: block; 2872 display: block;
2964 color: #333; 2873 color: #333;
2965 font-weight: bold; 2874 font-weight: bold;
2966 padding: 3px 15px 3px 30px; 2875 padding: 3px 15px 3px 30px;
2967 text-shadow: 0px 1px 1px #fff;
2968 text-decoration: none; 2876 text-decoration: none;
2969 white-space: nowrap; 2877 white-space: nowrap;
2970 overflow: hidden; 2878 overflow: hidden;
2971 text-overflow: ellipsis; 2879 text-overflow: ellipsis;
2972 line-height: 20px; 2880 line-height: 20px;
2973 outline: none; 2881 outline: none;
2974 } 2882 }
2975 2883
2976 .attachmentslist li a.drop { 2884 .attachmentslist li a.drop {
2977 background: url(images/buttons.png?v=51d4.15699) no-repeat scroll center -1570px; 2885 background: url(images/buttons.png?v=d70c.9130) no-repeat scroll center -1570px;
2978 width: 14px; 2886 width: 14px;
2979 height: 20px; 2887 height: 20px;
2980 cursor: pointer; 2888 cursor: pointer;
2981 position: absolute; 2889 position: absolute;
2982 right: 0; 2890 right: 0;
2985 overflow: hidden; 2893 overflow: hidden;
2986 text-indent: -5000px; 2894 text-indent: -5000px;
2987 outline: none; 2895 outline: none;
2988 } 2896 }
2989 2897
2898 #compose-attachments .attachmentslist li a.drop {
2899 right: 24px;
2900 }
2901
2990 .attachmentslist li a:focus, 2902 .attachmentslist li a:focus,
2991 .attachmentslist li a.drop:focus { 2903 .attachmentslist li a.drop:focus {
2992 background-color: rgba(30,150,192, 0.5); 2904 background-color: rgba(30,150,192, 0.5);
2993 border-radius: 2px; 2905 border-radius: 2px;
2994 } 2906 }
2995 2907
2996 #compose-attachments ul li { 2908 #compose-attachments ul li {
2997 padding-right: 28px; 2909 padding-right: 24px;
2998 } 2910 }
2999 2911
3000 .attachmentslist li a:hover { 2912 .attachmentslist li a:hover {
3001 text-decoration: underline; 2913 text-decoration: underline;
3002 } 2914 }
3003 2915
3004 .attachmentslist li.uploading { 2916 .attachmentslist li.uploading {
3005 background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; 2917 background: url(images/ajaxloader.gif?v=c252.1434) 4px 4px no-repeat;
2918 padding-left: 30px;
3006 } 2919 }
3007 2920
3008 .attachmentslist li a.delete, 2921 .attachmentslist li a.delete,
3009 .attachmentslist li a.cancelupload { 2922 .attachmentslist li a.cancelupload {
3010 position: absolute; 2923 position: absolute;
3013 width: 20px; 2926 width: 20px;
3014 height: 18px; 2927 height: 18px;
3015 padding: 0; 2928 padding: 0;
3016 text-decoration: none; 2929 text-decoration: none;
3017 text-indent: -5000px; 2930 text-indent: -5000px;
3018 background-image: url(images/buttons.png?v=51d4.15699); 2931 background-image: url(images/buttons.png?v=d70c.9130);
3019 background-position: -6px -338px; 2932 background-position: -6px -338px;
3020 background-repeat: no-repeat; 2933 background-repeat: no-repeat;
3021 } 2934 }
3022 2935
3023 .attachmentslist li a.cancelupload { 2936 .attachmentslist li a.cancelupload {
3039 .boxcontent.tabbed.ui-tabs { 2952 .boxcontent.tabbed.ui-tabs {
3040 padding: 10px; 2953 padding: 10px;
3041 } 2954 }
3042 2955
3043 .ui-tabs .tabsbar.ui-tabs-nav { 2956 .ui-tabs .tabsbar.ui-tabs-nav {
3044 margin-bottom: 10px; 2957 margin-bottom: 4px;
3045 } 2958 }
3046 2959
3047 .ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav { 2960 .ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav {
3048 margin-bottom: 0; 2961 margin-bottom: 0;
3049 } 2962 }
3072 background: #efefef; 2985 background: #efefef;
3073 padding: 0.5em 1em; 2986 padding: 0.5em 1em;
3074 } 2987 }
3075 2988
3076 #image-selector-form.droptarget { 2989 #image-selector-form.droptarget {
3077 background: url(images/filedrop.png?v=ba79.421) center bottom no-repeat; 2990 background: url(images/filedrop.png?v=be5d.415) center bottom no-repeat;
3078 } 2991 }
3079 2992
3080 /** Common TinyMCE fixes **/ 2993 /** Common TinyMCE fixes **/
3081 .mce-btn-small .mce-ico { 2994 .mce-btn-small .mce-ico {
3082 display: inline; /* for old Firefox */ 2995 display: inline; /* for old Firefox */
3088 } 3001 }
3089 3002
3090 _:not(), _:-moz-handler-blocked, .mozilla .mce-btn-small i { 3003 _:not(), _:-moz-handler-blocked, .mozilla .mce-btn-small i {
3091 line-height: 20px !important; 3004 line-height: 20px !important;
3092 } 3005 }
3006
3007 .mce-textbox {
3008 border-radius: 0;
3009 box-shadow: none;
3010 }
3011
3012 .mce-textbox:focus {
3013 box-shadow: none;
3014 outline: none;
3015 }
3016
3017 /** PGP Key import dialog **/
3018 .pgpkeyimport div.key {
3019 position: relative;
3020 margin-bottom: 2px;
3021 padding: 1em;
3022 background-color: #ebebeb;
3023 }
3024
3025 .pgpkeyimport div.key.revoked,
3026 .pgpkeyimport div.key.disabled {
3027 color: #a0a0a0;
3028 }
3029
3030 .pgpkeyimport div.key label {
3031 display: inline-block;
3032 margin-right: 0.5em;
3033 }
3034
3035 .pgpkeyimport div.key label:after {
3036 content: ":";
3037 }
3038
3039 .pgpkeyimport div.key label + a,
3040 .pgpkeyimport div.key label + span {
3041 display: inline-block;
3042 margin-right: 2em;
3043 white-space: nowrap;
3044 }
3045
3046 .pgpkeyimport div.key label + a {
3047 font-weight: bold;
3048 }
3049
3050 .pgpkeyimport ul.uids {
3051 margin: 1em 0 0 0;
3052 padding: 0;
3053 }
3054
3055 .pgpkeyimport li.uid {
3056 border: 0;
3057 padding: 0.3em;
3058 }
3059
3060 .pgpkeyimport div.key input.button.importkey {
3061 position: absolute;
3062 top: 0.8em;
3063 right: 0.8em;
3064 padding: 4px 6px;
3065 }
3066
3067 .pgpkeyimport div.key input.button[disabled] {
3068 display: none;
3069 }