update both themes for all (toolkit winstripe only actually) change up to 2011-01-23

[themes.git] / EarlyBlue / mozapps / update / updates.css

diff --git a/EarlyBlue/mozapps/update/updates.css b/EarlyBlue/mozapps/update/updates.css
index c93e89bdab2cac53f43dfa5fab3b3495a1ada511..dce5c4b9e44288858f29ff786bedef292b11c5c7 100644 (file)
--- a/EarlyBlue/mozapps/update/updates.css
+++ b/EarlyBlue/mozapps/update/updates.css
@@ -1,127 +1,131 @@
-/**
- * General
- */
-.wizard-button[dlgtype="finish"] {
-  font-weight: bold;
-}
-
-link {
-  color: blue;
-  border: 1px solid transparent;
-  margin-top: 1px;
-  margin-bottom: 4px;
-  -moz-margin-start: 5px;
-  -moz-margin-end: 5px;
-  text-decoration: underline !important;
+/* General */
+/* Specify the size for the wizardpage so the billboard has a fixed size. 3rd
+   party themes should typically specify the same values. */
+wizardpage {
+  height: 360px;
+  width: 700px;
 }
 
-link > label {
-  margin: 0px;
-  padding: 1px;
-  text-decoration: underline !important;
+/* Remove margin and padding so the billboard will extend to the edge of the
+   window. 3rd party themes should typically specify the same values. */
+#updates, .wizard-page-box {
+  margin: 0;
+  padding: 0;
 }
 
-link:hover:active {
-  color: red;
+.update-header {
+  padding: 0px 10px;
 }
 
-link:focus {
-  border: 1px dotted black;
-}
-
-/**
- * License Page
- */
-license {
-  margin-top: 1px;
-  margin-bottom: 2px;
-  -moz-margin-start: 6px;
-  -moz-margin-end: 5px;
-  -moz-appearance: listbox;
-  padding-bottom: 1px;
+.update-content {
+  padding: 10px;
 }
 
 .loadingBox {
-  padding: 3px 5px 3px 5px;
+  padding: 3px 5px;
 }
-.licenseLoadingThrobber {
+
+.remoteLoadingThrobber {
   margin-top: 3px;
 }
-.licenseLoadingThrobber[state="loading"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-.licenseLoadingThrobber[state="error"] {
-  list-style-image: url("chrome://global/skin/icons/notfound.png");
-}
 
-/**
- * Update Found Page
- */
-#moreDetails {
-  margin: 1px 5px 4px 3px;
+.remoteLoadingThrobber[state="loading"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
 }
 
-wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] {
-  font-weight: bold;
+.remoteLoadingThrobber[state="error"] {
+  list-style-image: url("chrome://global/skin/icons/notfound.png");
 }
 
-wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] > .button-box {
-  padding-left: 15px;
-  padding-right: 15px;
+.wizard-buttons-separator {
+  margin-top: 0 !important;
 }
 
-#updateForMoreInfo {
-  margin-left: 5px;
+#licenseContent, #incompatibleListbox {
+  -moz-margin-start: 6px;
+  -moz-margin-end: 6px;
 }
 
+/* Update Found Basic Page */
 #updateName, #updateFinishedName {
   font-weight: bold;
   font-size: larger;
 }
 
-#alertImage {
-  list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
-  margin-right: 5px;
+/* License Page */
+#licenseContent {
+/*  -moz-appearance: listbox; */
 }
 
-#incompatibleWarning {
-  background-color : #FFFFCC;
-  color: #000000;
-  border: 1px outset #CCD0DD;
-  padding: 3px;
-  margin: 1px 5px 4px 5px;
+/* Incompatible List Page */
+#incompatibleListbox {
+  margin-bottom: 6px;
 }
 
-/**
- * Downloading Page
- */
-#downloadName {
-  margin-top: 3px;
+/* Downloading Page */
+#downloadStatusLine {
+  -moz-box-align: center;
 }
 
 #downloadStatus {
-  margin-top: 6px;
   height: 3em !important;
 }
-#downloadThrobber {
-  margin: 5px 3px 0px 5px;
-  list-style-image: url("chrome://global/skin/filepicker/blank.gif");
+
+#downloadStatusProgress {
+  -moz-padding-end: 5px;
+}
+
+#pauseButton {
+  list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
+  -moz-image-region: rect(0px, 48px, 16px, 32px);
+  -moz-appearance: none;
+  background-color: transparent;
+  border: none;
+  min-width: 0;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
 }
-#downloadThrobber[state="loading"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+
+/* !Important must be used otherwise this won't immediately take affect */
+#pauseButton > .button-box {
+  padding: 0 !important;
 }
-#downloadStatusLine {
-  -moz-box-align: start;
+
+#pauseButton:hover {
+  -moz-image-region: rect(16px, 48px, 32px, 32px);
+}
+
+#pauseButton:active {
+  -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+
+#pauseButton[disabled="true"] {
+  -moz-image-region: rect(48px, 48px, 64px, 32px);
+}
+
+#pauseButton[paused="true"] {
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#pauseButton[paused="true"]:hover {
+  -moz-image-region: rect(16px, 16px, 32px, 0px);
+}
+
+#pauseButton[paused="true"]:active {
+  -moz-image-region: rect(32px, 16px, 48px, 0px);
+}
+
+#pauseButton[paused="true"][disabled="true"] {
+  -moz-image-region: rect(48px, 16px, 64px, 0px);
 }
 
 #verificationFailedIcon {
+  -moz-margin-start: 5px;
   list-style-image: url("chrome://global/skin/icons/notfound.png");
-  margin: 5px 3px 0px 5px;
 }
 
-/**
- * Error Page
- */
+/* Error Page */
 #errorReason {
   margin-top: 1px;
   margin-bottom: 2px;
@@ -130,9 +134,7 @@ wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] > .button-bo
   font-weight: bold;
 }
 
-/**
- * Update History Window
- */
+/* Update History Window */
 update {
   border-bottom: 1px dotted #666699;
 }
@@ -145,10 +147,6 @@ update {
   -moz-box-align: end;
 }
 
-.update-details-link {
-  margin: 0px;
-}
-
 .update-type {
   font-weight: bold;
   color: #990000;
@@ -156,16 +154,9 @@ update {
 
 #historyItems {
   height: 200px;
-  margin: 1px 5px 4px 5px;
+  margin: 1px 5px 4px;
 }
 
 #historyItems > scrollbox {
   margin-bottom: 1px;
 }
-
-.updatePrefsInfo {
-  font-size: smaller;
-  margin-left: 27px;
-  margin-bottom: 10px;
-}
-