Mercurial > hg > rc1

comparison skins/classic/addressbook.css @ 0:1e000243b222

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