Mercurial > hg > rc1
comparison plugins/managesieve/skins/larry/managesieve.css @ 0:1e000243b222
vanilla 1.3.3 distro, I hope
author | Charlie Root |
---|---|
date | Thu, 04 Jan 2018 15:50:29 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1e000243b222 |
---|---|
1 #filtersetslistbox | |
2 { | |
3 position: absolute; | |
4 top: 0; | |
5 bottom: 0; | |
6 left: 0; | |
7 width: 150px; | |
8 } | |
9 | |
10 #filtersscreen | |
11 { | |
12 position: absolute; | |
13 top: 0; | |
14 right: 0; | |
15 bottom: 0; | |
16 left: 162px; | |
17 } | |
18 | |
19 #filterslistbox | |
20 { | |
21 position: absolute; | |
22 left: 0; | |
23 top: 0; | |
24 bottom: 0; | |
25 width: 180px; | |
26 } | |
27 | |
28 #filter-box | |
29 { | |
30 position: absolute; | |
31 top: 0; | |
32 right: 0; | |
33 bottom: 0; | |
34 left: 192px; | |
35 } | |
36 | |
37 #filter-frame | |
38 { | |
39 border-radius: 4px; | |
40 } | |
41 | |
42 #filterslist, | |
43 #filtersetslist | |
44 { | |
45 width: 100%; | |
46 table-layout: fixed; | |
47 } | |
48 | |
49 #filterslist tbody td, | |
50 #filtersetslist tbody td | |
51 { | |
52 width: 100%; | |
53 overflow: hidden; | |
54 text-overflow: ellipsis; | |
55 } | |
56 | |
57 #filterslist tbody tr.disabled td, | |
58 #filtersetslist tbody tr.disabled td | |
59 { | |
60 color: #87A3AA; | |
61 text-decoration: line-through; | |
62 } | |
63 | |
64 #filtersetslist tbody td | |
65 { | |
66 font-weight: bold; | |
67 } | |
68 | |
69 #filterslist tbody tr.filtermoveup td | |
70 { | |
71 border-top: 2px dotted #555 !important; | |
72 padding-top: 5px; | |
73 } | |
74 | |
75 #filterslist tbody tr.filtermovedown td | |
76 { | |
77 border-bottom: 2px dotted #555 !important; | |
78 padding-bottom: 4px; | |
79 } | |
80 | |
81 body.iframe | |
82 { | |
83 min-width: 620px; | |
84 } | |
85 | |
86 #filter-form | |
87 { | |
88 min-width: 550px; | |
89 white-space: nowrap; | |
90 padding: 20px 10px 10px 10px; | |
91 } | |
92 | |
93 #filter-form legend, #filter-form label | |
94 { | |
95 color: #666666; | |
96 vertical-align: middle; | |
97 } | |
98 | |
99 #rules, #actions | |
100 { | |
101 margin-top: 5px; | |
102 padding: 0; | |
103 border-collapse: collapse; | |
104 } | |
105 | |
106 div.rulerow, div.actionrow | |
107 { | |
108 width: auto; | |
109 padding: 2px; | |
110 white-space: nowrap; | |
111 border: 1px solid white; | |
112 } | |
113 | |
114 div.rulerow:hover, div.actionrow:hover | |
115 { | |
116 padding: 2px; | |
117 white-space: nowrap; | |
118 background-color: #D9ECF4; | |
119 border: 1px solid #BBD3DA; | |
120 border-radius: 4px; | |
121 } | |
122 | |
123 div.rulerow table, div.actionrow table | |
124 { | |
125 padding: 0px; | |
126 min-width: 600px; | |
127 } | |
128 | |
129 #filter-form td | |
130 { | |
131 vertical-align: top; | |
132 } | |
133 | |
134 td.advbutton | |
135 { | |
136 width: 1%; | |
137 } | |
138 | |
139 td.advbutton a | |
140 { | |
141 display: block; | |
142 padding-top: 14px; | |
143 height: 6px; | |
144 width: 12px; | |
145 text-decoration: none; | |
146 } | |
147 | |
148 td.advbutton a.show | |
149 { | |
150 background: url(images/down_small.gif?v=8629.106) center no-repeat; | |
151 } | |
152 | |
153 td.advbutton a.hide | |
154 { | |
155 background: url(images/up_small.gif?v=c56c.106) center no-repeat; | |
156 } | |
157 | |
158 td.rowbuttons | |
159 { | |
160 text-align: right; | |
161 white-space: nowrap; | |
162 width: 1%; | |
163 } | |
164 | |
165 td.rowactions | |
166 { | |
167 white-space: nowrap; | |
168 width: 1%; | |
169 padding-top: 2px; | |
170 } | |
171 | |
172 td.rowtargets | |
173 { | |
174 white-space: nowrap; | |
175 width: 98%; | |
176 padding-left: 3px; | |
177 padding-top: 2px; | |
178 } | |
179 | |
180 td.rowtargets > div | |
181 { | |
182 vertical-align: top; | |
183 margin-top: 2px; | |
184 } | |
185 | |
186 td.rowtargets div.adv | |
187 { | |
188 padding-top: 3px; | |
189 font-size: 10px; | |
190 } | |
191 | |
192 td.rowtargets div.adv span.label | |
193 { | |
194 display: inline-block; | |
195 padding-right: 5px; | |
196 min-width: 70px; | |
197 } | |
198 | |
199 td.rowtargets div a { | |
200 margin-left: 10px; | |
201 } | |
202 | |
203 td.rowtargets div.adv input | |
204 { | |
205 margin-bottom: 1px; | |
206 } | |
207 | |
208 input.disabled, input.disabled:hover | |
209 { | |
210 color: #999999; | |
211 } | |
212 | |
213 input.error, textarea.error | |
214 { | |
215 background-color: #FFFFC4; | |
216 } | |
217 | |
218 input.box, | |
219 input.radio | |
220 { | |
221 border: 0; | |
222 margin-top: 0; | |
223 } | |
224 | |
225 input.radio | |
226 { | |
227 vertical-align: middle; | |
228 } | |
229 | |
230 select.operator_selector | |
231 { | |
232 width: 200px; | |
233 vertical-align: top; | |
234 } | |
235 | |
236 td.rowtargets span, | |
237 span.label | |
238 { | |
239 color: #666666; | |
240 font-size: 10px; | |
241 white-space: nowrap; | |
242 } | |
243 | |
244 td.rowtargets label | |
245 { | |
246 color: black; | |
247 } | |
248 | |
249 #footer | |
250 { | |
251 padding-top: 5px; | |
252 width: 100%; | |
253 } | |
254 | |
255 #footer .footerleft label | |
256 { | |
257 margin-left: 40px; | |
258 white-space: nowrap; | |
259 } | |
260 | |
261 .itemlist | |
262 { | |
263 line-height: 25px; | |
264 } | |
265 | |
266 .itemlist input | |
267 { | |
268 vertical-align: middle; | |
269 } | |
270 | |
271 span.sieve.error | |
272 { | |
273 color: red; | |
274 white-space: nowrap; | |
275 } | |
276 | |
277 #managesieve-tip | |
278 { | |
279 padding: 3px; | |
280 background-color: #eee; | |
281 } | |
282 | |
283 #filter-form a.button | |
284 { | |
285 margin: 0; | |
286 padding: 0; | |
287 } | |
288 | |
289 #filter-form a.button.add | |
290 { | |
291 background: url(images/add.png?v=a165.280) no-repeat; | |
292 width: 30px; | |
293 height: 20px; | |
294 margin-right: 4px; | |
295 display: inline-block; | |
296 } | |
297 | |
298 #filter-form a.button.del | |
299 { | |
300 background: url(images/del.png?v=3c27.247) no-repeat; | |
301 width: 30px; | |
302 height: 20px; | |
303 display: inline-block; | |
304 } | |
305 | |
306 #filter-form a.button.disabled | |
307 { | |
308 opacity: 0.35; | |
309 filter: alpha(opacity=35); | |
310 cursor: default; | |
311 } | |
312 | |
313 #filter-form select, | |
314 #filter-form input, | |
315 #filter-form textarea | |
316 { | |
317 vertical-align: middle; | |
318 max-width: 280px; | |
319 } | |
320 /* revert larry style button */ | |
321 #filter-form input.button | |
322 { | |
323 padding: 4px 12px; | |
324 } | |
325 | |
326 fieldset | |
327 { | |
328 border-radius: 4px; | |
329 } | |
330 | |
331 /* smart multi-row input field */ | |
332 .listarea | |
333 { | |
334 border: 1px solid #B2B2B2; | |
335 border-radius: 4px; | |
336 box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); | |
337 -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); | |
338 margin: 0; | |
339 padding: 2px; | |
340 display: inline-block; | |
341 max-height: 59px; | |
342 overflow-y: auto; | |
343 vertical-align: middle; | |
344 } | |
345 | |
346 td.rowtargets > span.listarea | |
347 { | |
348 vertical-align: top; | |
349 margin-top: 2px; | |
350 } | |
351 | |
352 .listelement | |
353 { | |
354 display: block; | |
355 white-space: nowrap; | |
356 background-color: #fff; | |
357 border-top: 1px solid #e2e2e2; | |
358 height: 14px; | |
359 padding: 0; | |
360 margin: 0; | |
361 overflow: hidden; | |
362 line-height: 14px; | |
363 } | |
364 | |
365 .listarea.error .listelement | |
366 { | |
367 background-color: #FFFFC4; | |
368 } | |
369 | |
370 .listelement:first-child | |
371 { | |
372 border-top: none; | |
373 } | |
374 | |
375 #vacationform .listelement input, | |
376 #filter-form .listelement input | |
377 { | |
378 border: none; | |
379 border-radius: 0; | |
380 box-shadow: none; | |
381 outline: none; | |
382 vertical-align: top; | |
383 height: 14px; | |
384 padding-top: 0; | |
385 padding-bottom: 0; | |
386 line-height: 14px; | |
387 background-color: transparent; | |
388 } | |
389 | |
390 .listelement input:focus | |
391 { | |
392 box-shadow: none; | |
393 } | |
394 | |
395 .listelement .reset | |
396 { | |
397 display: inline-block; | |
398 width: 16px; | |
399 height: 16px; | |
400 background: url(images/erase.png?v=3052.453) -1px -1px no-repeat #eee; | |
401 cursor: pointer; | |
402 } | |
403 | |
404 | |
405 /* fixes for popup window */ | |
406 | |
407 body.iframe.mail | |
408 { | |
409 margin: 0; | |
410 padding: 0; | |
411 } | |
412 | |
413 body.iframe.mail #filter-form | |
414 { | |
415 padding: 10px 5px 5px 5px; | |
416 } | |
417 | |
418 | |
419 /* vacation form */ | |
420 #settings-sections .vacation a { | |
421 background-image: url(images/vacation_icons.png?v=e738.767); | |
422 background-repeat: no-repeat; | |
423 background-position: 7px 1px; | |
424 } | |
425 | |
426 #settings-sections .vacation.selected a { | |
427 background-position: 7px -23px; | |
428 } | |
429 | |
430 #managesieve-vacation { | |
431 position: absolute; | |
432 top: 0; | |
433 left: 212px; | |
434 right: 0; | |
435 bottom: 0; | |
436 overflow: auto; | |
437 } | |
438 | |
439 #vacationform .listarea { | |
440 max-height: 91px; | |
441 } | |
442 | |
443 #vacationform td.vacation { | |
444 white-space: nowrap; | |
445 } | |
446 | |
447 #vacationform input.button { | |
448 margin-left: 10px; | |
449 } | |
450 | |
451 /* RAW editor and CodeMirror overrides */ | |
452 | |
453 .raweditor textarea { | |
454 border: none; | |
455 border-radius: 0; | |
456 max-width: none !important; | |
457 box-shadow: none; | |
458 font-family: monospace; | |
459 width: 99%; | |
460 min-height: 300px; | |
461 } | |
462 | |
463 .raweditor textarea, | |
464 .raweditor .CodeMirror { | |
465 position: absolute; | |
466 top: 34px; | |
467 bottom: 45px; | |
468 right: 0; | |
469 left: 0; | |
470 height: auto; | |
471 background-color: #fdfdfd; | |
472 border-bottom: 1px solid #eee; | |
473 } | |
474 | |
475 .raweditor .CodeMirror-linebackground.line-error { | |
476 background-color: #f00; | |
477 opacity: 0.4; | |
478 } | |
479 | |
480 .raweditor .errorGutter { | |
481 width: 0.8em; | |
482 } | |
483 | |
484 .raweditor #footer { | |
485 position: absolute; | |
486 bottom: 5px; | |
487 } | |
488 | |
489 body.iframe.raweditor { | |
490 min-width: 100px; | |
491 overflow: hidden; | |
492 } |