| 1 | /* The following are used by both syncSetup.xul and syncGenericChange.xul */ |
| 2 | .status { |
| 3 | color: #000000; |
| 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: #FF6000; |
| 60 | } |
| 61 | |
| 62 | #passphraseStrength.strong > .progress-bar { |
| 63 | background-color: #33FF33; |
| 64 | } |