Commit | Line | Data |
---|---|---|
c2e1f790 RK |
1 | /* The following are used by both syncSetup.xul and syncGenericChange.xul */ |
2 | .status { | |
3 | color: #FF9F00; | |
4 | } | |
5 | ||
6 | .statusIcon { | |
7 | -moz-margin-start: 4px; | |
8 | max-height: 16px; | |
9 | max-width: 16px; | |
10 | } | |
11 | ||
12 | .statusIcon[status="active"] { | |
13 | list-style-image: url("chrome://global/skin/icons/loading.gif"); | |
14 | } | |
15 | ||
16 | .statusIcon[status="error"] { | |
17 | list-style-image: url("chrome://global/skin/icons/error-16.png"); | |
18 | } | |
19 | ||
20 | .statusIcon[status="success"] { | |
21 | list-style-image: url("chrome://global/skin/icons/information-16.png"); | |
22 | } | |
23 | ||
24 | /* .data is only used by syncGenericChange.xul, but it seems unnecessary to have | |
25 | a separate stylesheet for it. */ | |
26 | .data { | |
27 | font-size: 90%; | |
28 | font-weight: bold; | |
29 | } | |
30 | ||
31 | dialog#change-dialog { | |
32 | width: 40em; | |
33 | } | |
34 | ||
35 | image#syncIcon { | |
36 | list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); | |
37 | } | |
38 | ||
39 | #introText { | |
40 | margin-top: 2px; | |
41 | } | |
42 | ||
43 | #feedback, | |
44 | #passphraseFeedback { | |
45 | height: 4em; | |
46 | } | |
47 | ||
48 | #passphraseStrength { | |
49 | -moz-appearance: none; | |
50 | height: 10px; | |
51 | margin: 4px 0; | |
52 | } | |
53 | ||
54 | #passphraseStrength > .progress-bar { | |
55 | background-color: #FF0000; | |
56 | } | |
57 | ||
58 | #passphraseStrength.medium > .progress-bar { | |
59 | background-color: #FF9F00; | |
60 | } | |
61 | ||
62 | #passphraseStrength.strong > .progress-bar { | |
63 | background-color: #008484; | |
64 | } |