update both themes for communicator default theme changes up to 2011-02-13 (sync...

[themes.git] / LCARStrek / communicator / sync / syncCommon.css

diff --git a/LCARStrek/communicator/sync/syncCommon.css b/LCARStrek/communicator/sync/syncCommon.css
new file mode 100644 (file)
index 0000000..e04c0da
--- /dev/null
+++ b/LCARStrek/communicator/sync/syncCommon.css
@@ -0,0 +1,64 @@
+/* The following are used by both syncSetup.xul and syncGenericChange.xul */
+.status {
+  color: #FF9F00;
+}
+
+.statusIcon {
+  -moz-margin-start: 4px;
+  max-height: 16px;
+  max-width: 16px;
+}
+
+.statusIcon[status="active"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+.statusIcon[status="error"] {
+  list-style-image: url("chrome://global/skin/icons/error-16.png");
+}
+
+.statusIcon[status="success"] {
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
+}
+
+/* .data is only used by syncGenericChange.xul, but it seems unnecessary to have
+   a separate stylesheet for it. */
+.data {
+  font-size: 90%;
+  font-weight: bold;
+}
+
+dialog#change-dialog {
+  width: 40em;
+}
+
+image#syncIcon {
+  list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
+}
+
+#introText {
+  margin-top: 2px;
+}
+
+#feedback,
+#passphraseFeedback {
+  height: 4em;
+}
+
+#passphraseStrength {
+  -moz-appearance: none;
+  height: 10px;
+  margin: 4px 0;
+}
+
+#passphraseStrength > .progress-bar {
+  background-color: #FF0000;
+}
+
+#passphraseStrength.medium > .progress-bar {
+  background-color: #FF9F00;
+}
+
+#passphraseStrength.strong > .progress-bar {
+  background-color: #008484;
+}