Mercurial > hg > rc2

comparison skins/classic/addressbook.css @ 0:4681f974d28b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:52:31 -0500
parents
children bf99236cc5cd
comparison
equal deleted inserted replaced
-1:000000000000 0:4681f974d28b
1 /***** Roundcube|Mail address book task styles *****/
2
3 #abooktoolbar
4 {
5 position: absolute;
6 top: 45px;
7 left: 225px;
8 height: 35px;
9 }
10
11 #abooktoolbar a
12 {
13 padding-right: 10px;
14 }
15
16 #abooktoolbar a.button,
17 #abooktoolbar a.buttonPas,
18 #abooktoolbar span.separator {
19 display: block;
20 float: left;
21 width: 32px;
22 height: 32px;
23 padding: 0;
24 margin: 0 5px;
25 overflow: hidden;
26 background: url(images/abook_toolbar.png?v=8259.4881) 0 0 no-repeat transparent;
27 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
28 }
29
30 #abooktoolbar a.buttonPas {
31 opacity: 0.35;
32 }
33
34 #abooktoolbar a.addcontactSel {
35 background-position: 0 -32px;
36 }
37
38 #abooktoolbar a.compose {
39 background-position: -32px 0;
40 }
41
42 #abooktoolbar a.composeSel {
43 background-position: -32px -32px;
44 }
45
46 #abooktoolbar a.print {
47 background: url(images/mail_toolbar.png?v=6409.13340) 0 0 no-repeat transparent;
48 background-position: -256px 0;
49 }
50
51 #abooktoolbar a.printSel {
52 background: url(images/mail_toolbar.png?v=6409.13340) 0 0 no-repeat transparent;
53 background-position: -256px -32px;
54 }
55
56 #abooktoolbar a.delete {
57 background-position: -64px 0;
58 }
59
60 #abooktoolbar a.deleteSel {
61 background-position: -64px -32px;
62 }
63
64 #abooktoolbar a.import {
65 background-position: -96px 0;
66 }
67
68 #abooktoolbar a.importSel {
69 background-position: -96px -32px;
70 }
71
72 #abooktoolbar a.export {
73 background-position: -128px 0;
74 }
75
76 #abooktoolbar a.exportSel {
77 background-position: -128px -32px;
78 }
79
80 #abooktoolbar a.exportAll {
81 background-position: -128px 0;
82 }
83
84 #abooktoolbar a.exportAllSel {
85 background-position: -128px -32px;
86 }
87
88 #abooktoolbar span.separator {
89 width: 5px;
90 background-position: -162px 0;
91 }
92
93 #abooktoolbar a.search {
94 background-position: -170px 0;
95 }
96
97 #abooktoolbar a.searchSel {
98 background-position: -170px -32px;
99 }
100
101 #abookcountbar
102 {
103 margin-top: 4px;
104 margin-left: 4px;
105 min-width: 250px;
106 }
107
108 #addressscreen
109 {
110 position: absolute;
111 top: 0;
112 right: 0;
113 bottom: 0;
114 left: 205px;
115 }
116
117 #directorylistbox
118 {
119 position: absolute;
120 top: 0;
121 bottom: 0;
122 left: 0;
123 width: 195px;
124 border: 1px solid #999999;
125 background-color: #F9F9F9;
126 overflow: hidden;
127 }
128
129 #addresslist
130 {
131 position: absolute;
132 top: 0;
133 bottom: 0;
134 border: 1px solid #999999;
135 background-color: #F9F9F9;
136 overflow: hidden;
137 }
138
139 #contactgroupslist
140 {
141 border-top: 1px solid #999;
142 }
143
144 #addresslist
145 {
146 left: 0px;
147 width: 280px;
148 }
149
150 #directorylist li a,
151 #savedsearchlist li a
152 {
153 cursor: default;
154 display: block;
155 padding-left: 25px;
156 padding-top: 2px;
157 padding-bottom: 2px;
158 height: 16px;
159 text-decoration: none;
160 white-space: nowrap;
161 background-image: url(images/icons/folders.png?v=d9d2.5356);
162 background-position: 5px -108px;
163 background-repeat: no-repeat;
164 }
165
166 #directorylist ul li a
167 {
168 padding-left: 45px;
169 background-position: 22px -108px;
170 }
171
172 #directorylist ul ul li a
173 {
174 padding-left: 62px;
175 background-position: 39px -108px;
176 }
177
178 #directorylist ul ul ul li a
179 {
180 padding-left: 79px;
181 background-position: 39px -108px;
182 }
183
184 #directorylist li.contactgroup a
185 {
186 background-position: 5px -143px;
187 }
188
189 #directorylist ul li.contactgroup a
190 {
191 background-position: 22px -143px;
192 }
193
194 #directorylist ul ul li.contactgroup a
195 {
196 background-position: 39px -143px;
197 }
198
199 #directorylist ul ul ul li.contactgroup a
200 {
201 background-position: 56px -143px;
202 }
203
204 #savedsearchlist li.contactsearch a
205 {
206 background-position: 6px -162px;
207 }
208
209 #contacts-table
210 {
211 width: 100%;
212 table-layout: fixed;
213 }
214
215 #contacts-table tbody td
216 {
217 cursor: default;
218 text-overflow: ellipsis;
219 -o-text-overflow: ellipsis;
220 }
221
222 /* This padding-left should be equal to the focused border-left + the focused padding-left */
223 #contacts-table thead tr td:first-child,
224 #contacts-table tbody tr td:first-child {
225 border-left: 0;
226 padding-left: 8px;
227 }
228
229 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
230 #contacts-table tbody tr.focused > td:first-child {
231 border-left: 2px solid #d4d4d4;
232 padding-left: 6px;
233 }
234
235 #contacts-table tbody tr.selected.focused > td:first-child {
236 border-left: 1px solid #ccc;
237 padding-left: 7px;
238 }
239
240 #contacts-table .contact.readonly td
241 {
242 font-style: italic;
243 }
244
245 #contacts-table td.name
246 {
247 width: 95%;
248 }
249
250 #contacts-table td.action
251 {
252 width: 12px;
253 padding: 0px 6px 0 4px;
254 text-align: right;
255 }
256
257 #contacts-table td.action a
258 {
259 font-size: 16px;
260 font-weight: bold;
261 font-style: normal;
262 text-decoration: none;
263 color: #333;
264 }
265
266 #contacts-table .selected td.action a
267 {
268 color: #fff;
269 }
270
271 #contacts-box
272 {
273 position: absolute;
274 top: 0px;
275 left: 290px;
276 right: 0px;
277 bottom: 0px;
278 border: 1px solid #999999;
279 overflow: hidden;
280 }
281
282 body.iframe,
283 #contact-frame
284 {
285 background-color: #F2F2F2;
286 border: none;
287 min-height: 100%; /* Chrome 14 bug */
288 }
289
290 #contacttabs
291 {
292 position: relative;
293 padding-bottom: 12px;
294 }
295
296 #contacttabs div.tabsbar {
297 top: 0;
298 left: 2px;
299 }
300
301 #contacttabs fieldset.tabbed {
302 position: relative;
303 top: 22px;
304 min-height: 5em;
305 }
306
307 #contacthead
308 {
309 margin-bottom: 1em;
310 border: 0;
311 padding: 0;
312 }
313
314 #contacthead > legend
315 {
316 display: none;
317 }
318
319 #contacthead .names span.namefield,
320 #contacthead .names input
321 {
322 font-size: 140%;
323 }
324
325 #contacthead .displayname span.namefield
326 {
327 font-size: 120%;
328 }
329
330 #contacthead span.nickname:before,
331 #contacthead span.nickname:after,
332 #contacthead input.ff_nickname:before,
333 #contacthead input.ff_nickname:after
334 {
335 content: '"';
336 }
337
338 #contacthead input
339 {
340 margin-right: 6px;
341 margin-bottom: 0.2em;
342 }
343
344 #contacthead .names input,
345 #contacthead .addnames input
346 {
347 width: 180px;
348 }
349
350 #contacthead input.ff_prefix,
351 #contacthead input.ff_suffix
352 {
353 width: 90px;
354 }
355
356 #contacthead .addnames input.ff_name
357 {
358 width: 374px;
359 }
360
361 #contactphoto
362 {
363 float: right;
364 width: 60px;
365 margin-left: 3em;
366 margin-right: 4px;
367 }
368
369 #contactpic
370 {
371 width: 60px;
372 min-height: 60px;
373 border: 1px solid #ccc;
374 background: white;
375 }
376
377 #contactpic img {
378 max-width: 60px;
379 max-height: 80px;
380 }
381
382 #contactpic.droptarget.hover {
383 background-color: #f0f0ee;
384 box-shadow: 0 0 5px 0 #999;
385 -moz-box-shadow: 0 0 5px 0 #999;
386 -o-box-shadow: 0 0 5px 0 #999;
387 }
388
389 #contactphoto .formlinks
390 {
391 margin-top: 0.5em;
392 text-align: center;
393 }
394
395 fieldset.contactfieldgroup
396 {
397 border: 0;
398 margin: 0.5em 0;
399 padding: 0.2em 2px;
400 }
401
402 fieldset.contactfieldgroupmulti
403 {
404 padding: 0.5em 2px;
405 }
406
407 fieldset.contactfieldgroup legend
408 {
409 font-size: 0.9em;
410 }
411
412 .contactfieldgroup .row
413 {
414 position: relative;
415 margin: 0.2em 0;
416 }
417
418 .contactfieldgroup .contactfieldlabel
419 {
420 position: absolute;
421 top: 0;
422 left: 2px;
423 width: 110px;
424 white-space: nowrap;
425 overflow: hidden;
426 text-overflow: ellipsis;
427 color: #666;
428 font-weight: bold;
429 }
430
431 .contactfieldgroup .contactfieldlabel select
432 {
433 width: 100%;
434 background: none;
435 border: 0;
436 color: #666;
437 font-weight: bold;
438 padding-left: 0;
439 }
440
441 .contactfieldgroup .contactfieldcontent
442 {
443 padding-left: 120px;
444 min-height: 1em;
445 line-height: 1.3em;
446 }
447
448 .contactfieldgroup .contactfield {
449 line-height: 1.3em;
450 }
451
452 .contactcontrolleraddress .contactfieldcontent input {
453 margin-bottom: 0.1em;
454 }
455
456 .contactfieldcontent .contactfieldbutton {
457 vertical-align: middle;
458 margin-left: 0.5em;
459 }
460
461 #upload-form
462 {
463 padding: 6px;
464 }
465
466 #upload-form div
467 {
468 padding: 2px;
469 }
470
471 #sourcename
472 {
473 color: #666;
474 font-size: 10px;
475 margin: -5px 0 8px 2px;
476 }
477
478 #contact-title
479 {
480 /* fixes issue where tabs were overlapping box title when scrolling */
481 z-index: 10;
482 }