sync both themes for toolkit changes in toolkit winstripe in the Mozilla 8 cycle
authorRobert Kaiser <robert@notebook.box.kairo.at>
Sun, 23 Oct 2011 20:08:13 +0000 (22:08 +0200)
committerRobert Kaiser <robert@notebook.box.kairo.at>
Sun, 23 Oct 2011 20:08:13 +0000 (22:08 +0200)
16 files changed:
EarlyBlue/global/alerts/alert.css
EarlyBlue/global/inContentUI.css
EarlyBlue/global/media/videocontrols.css
EarlyBlue/global/resizer.css
EarlyBlue/global/webConsole.css
EarlyBlue/mozapps/extensions/extensions.css
EarlyBlue/mozapps/extensions/newaddon.css [new file with mode: 0644]
EarlyBlue/mozapps/extensions/selectAddons.css [new file with mode: 0644]
LCARStrek/global/alerts/alert.css
LCARStrek/global/inContentUI.css
LCARStrek/global/media/videocontrols.css
LCARStrek/global/resizer.css
LCARStrek/global/webConsole.css
LCARStrek/mozapps/extensions/extensions.css
LCARStrek/mozapps/extensions/newaddon.css [new file with mode: 0644]
LCARStrek/mozapps/extensions/selectAddons.css [new file with mode: 0644]

index 0329d774dae10636e7d5a9d17597ae49c8058f12..83ab6050298a3ccdb6f946feb6993d32d7b1dff3 100644 (file)
@@ -95,5 +95,5 @@ label {
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
   margin-bottom: 8px;
-  -moz-box-align: center; /* also hard-coded in alert.js, see bug 311557 */
+  -moz-box-align: center;
 }
index bc87a6e2f716667e22e7d0cd1cb448f320dc4e7d..7b75d425df9ee63313052b87bc9f57700082babf 100644 (file)
@@ -53,3 +53,9 @@
   background-color: #FFFFFF;
   border: 1px solid #666699;
 }
+
+colorpicker[type="button"] {
+  margin: 1px 5px 2px 5px;
+  padding: 3px;
+  height: 25px;
+}
index ed06a384390d9eefea057e79f74a9df9f44647b8..992f406d44d02be05b3a8e8352c09aad71327b40 100644 (file)
 .statusIcon[type="throbber"] {
   background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center;
 }
-
+/*
+.statusIcon[type="throbber"][stalled] {
+  background: url("chrome://global/skin/media/stalled.png") no-repeat center;
+}
+*/
 .statusIcon[type="error"] {
   background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
 }
index d0878ee220a9b42eaf31d99410890f479a31a833..0ae34ef7829a674cb3f6282fb36762d3ef035db2 100644 (file)
@@ -13,7 +13,14 @@ resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
   -moz-transform: scaleX(-1);
 }
 
+resizer[dir="left"],
+resizer[dir="bottomleft"],
+resizer[dir="bottomstart"] {
+  -moz-transform: scaleX(-1);
+}
+
 resizer[dir="bottomleft"],
+resizer[dir="bottomstart"]:not([rtl="true"]):not(:-moz-locale-dir(rtl)),
 resizer[dir="bottomend"][rtl="true"] {
   cursor: sw-resize;
 }
index 1aa35a5d42b98d333a4429c8451ec6f3522db6c0..a95e0078cf42af7dd62d53f5f2eda924f7eda833 100644 (file)
   margin: 2px 0;
   padding-left: 4px;
   padding-right: 4px;
-  width: 1em;
   color: #FFFFFF;
   background-color: #FF0000;
   border-radius: 40px;
index 77dab190112c8f1fd0b708ad3883c0bedaceee6e..f428145b42de4ead922a438642ea6f200bdc263f 100644 (file)
   margin-bottom: 15px;
 }
 
-.alert .addon-control {
+.alert button {
   margin: 1em 2em;
 }
 
@@ -842,6 +842,10 @@ setting[type="string"] > .setting-input > textbox {
   -moz-box-flex: 1;
 }
 
+setting[type="radio"] > radiogroup {
+  -moz-box-orient: horizontal;
+}
+
 menulist { /* Fixes some styling inconsistencies */
   margin: 1px 5px 2px 5px;
 }
@@ -991,13 +995,7 @@ menulist { /* Fixes some styling inconsistencies */
   display: none;
 }
 
-setting[type="color"] colorpicker[type="button"] {
-/*  margin: 1px 5px 2px 5px;
-  padding: 3px;
-  height: 25px; */
-}
-
-.button-link {
+button.button-link {
   background: transparent;
   border: none;
   text-decoration: underline;
@@ -1006,3 +1004,7 @@ setting[type="color"] colorpicker[type="button"] {
   min-width: 0;
   margin: 0 6px;
 }
+
+/* Needed to override normal button style from inContent.css */
+button.button-link:not([disabled="true"]):active:hover {
+}
diff --git a/EarlyBlue/mozapps/extensions/newaddon.css b/EarlyBlue/mozapps/extensions/newaddon.css
new file mode 100644 (file)
index 0000000..97f6ed9
--- /dev/null
@@ -0,0 +1,136 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is the Extension Manager UI.
+ *
+ * The Initial Developer of the Original Code is
+ * the Mozilla Foundation.
+ * Portions created by the Initial Developer are Copyright (C) 2011
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *   Dave Townsend <dtownsend@oxymoronical.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+@import url("chrome://global/skin/inContentUI.css");
+
+#addon-page {
+  padding: 0;
+}
+
+#addon-scrollbox {
+  overflow: auto;
+  -moz-box-orient: vertical;
+  -moz-box-flex: 1;
+}
+
+#spacer-start {
+  -moz-box-flex: 1;
+}
+
+#spacer-end {
+  -moz-box-flex: 3;
+}
+
+#addon-container {
+  max-width: 600px;
+  margin: 20px;
+  padding: 30px 90px;
+}
+
+#addon-info {
+  -moz-box-align: start;
+  margin: 25px 10px;
+}
+
+#icon {
+  -moz-margin-end: 10px;
+  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+}
+
+.addon-info[type="theme"] #icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+.addon-info[type="locale"] #icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+.addon-info[type="plugin"] #icon {
+  list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+#name {
+  font-size: 130%;
+}
+
+#author {
+  color: #808080;
+}
+
+#location {
+  color: #808080;
+}
+
+#warning {
+  margin-bottom: 25px;
+  -moz-box-align: start;
+}
+
+#warning-icon {
+  list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
+  width: 16px;
+  height: 15px;
+  -moz-margin-end: 5px;
+}
+
+#allow {
+  -moz-margin-start: 84px;
+  margin-bottom: 20px;
+}
+
+#continuePanel,
+#restartPanel {
+  margin-top: 25px;
+  -moz-box-pack: end;
+  -moz-box-align: center;
+}
+
+#continuePanel {
+  -moz-box-pack: end;
+}
+
+#restartMessage {
+  text-align: right;
+}
+
+#restartSpacer {
+  -moz-box-flex: 1;
+}
+
+#later {
+  color: #808080;
+}
diff --git a/EarlyBlue/mozapps/extensions/selectAddons.css b/EarlyBlue/mozapps/extensions/selectAddons.css
new file mode 100644 (file)
index 0000000..9ab50f7
--- /dev/null
@@ -0,0 +1,197 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is the Extension Manager UI.
+ *
+ * The Initial Developer of the Original Code is
+ * the Mozilla Foundation.
+ * Portions created by the Initial Developer are Copyright (C) 2011
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *   Dave Townsend <dtownsend@oxymoronical.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+#view-deck {
+  background: #CCD0DD;
+}
+
+.heading {
+  font-size: 270%;
+  text-align: center;
+  margin: 0 120px;
+}
+
+.progress {
+  margin: 10px 128px;
+}
+
+.progress-label,
+#errors-description {
+  text-align: center;
+  margin: 0 10px;
+}
+
+#checking-heading,
+#update-heading,
+#errors-heading {
+  margin-top: 90px;
+}
+
+#select-heading,
+#confirm-heading {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  text-align: center;
+}
+
+#select-description,
+#confirm-description {
+  margin: 10px;
+}
+
+#select-list {
+  border-top: 1px solid #666699;
+  background-color: #CCD0DD;
+}
+
+#select-grid column {
+  -moz-box-align: center;
+}
+
+#select-grid row {
+  -moz-box-align: stretch;
+}
+
+#select-grid label {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.select-cell {
+  -moz-box-align: center;
+  -moz-box-pack: start;
+}
+
+#select-header .select-cell {
+  -moz-box-sizing: border-box;
+}
+
+#select-header .select-keep,
+#select-header .select-icon,
+#select-header .select-name,
+#select-header .select-action {
+  background-color: #9999CC;
+}
+
+.select-keep {
+  -moz-box-pack: center;
+}
+
+.select-icon {
+  width: 20px;
+}
+
+.select-keep .addon-keep-checkbox {
+  margin: 0;
+  padding: 0;
+  width: 13px;
+}
+
+.select-keep .addon-keep-checkbox:-moz-focusring {
+  outline: 1px dotted #000000;
+}
+
+.select-keep .checkbox-label-box {
+  display: none;
+}
+
+.addon-name,
+.addon-action-message,
+.addon-action-update {
+  -moz-box-sizing: border-box;
+  margin: 0;
+  padding-top: 1px;
+  padding-bottom: 2px;
+  -moz-padding-start: 6px;
+  -moz-padding-end: 5px;
+}
+
+#select-grid separator {
+  border-top: 1px solid #666699;
+  height: 0;
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+
+.addon:not([active]) .addon-name,
+.addon:not([active]) .addon-action-message,
+.addon:not([active]) .addon-action-update {
+  color: #808080;
+}
+
+.addon-icon {
+  height: 16px;
+  width: 16px;
+  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
+}
+
+.addon-icon[type="theme"] {
+  list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png");
+}
+
+.addon-icon[type="plugin"] {
+  list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
+}
+
+.action-list {
+  margin-top: 10px;
+  -moz-margin-start: 5em;
+}
+
+.action-header {
+  margin-bottom: 10px;
+}
+
+#confirm .addon {
+  -moz-margin-start: 3em;
+  -moz-box-align: center;
+}
+
+.addon:not([active]) .addon-icon,
+#disable-list .addon-icon,
+#incompatible-list .addon-icon {
+/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
+}
+
+#footer {
+  padding: 15px 12px;
+}
+
+.progress-label,
+#footer-label {
+  color: #808080;
+}
index ccefca63f4f1aafdcc73e21ad33840a48ee37b18..d16e1d66a5a10ea9612b752a94c89ff51ab2c2b2 100644 (file)
@@ -96,5 +96,5 @@ label {
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
   margin-bottom: 8px;
-  -moz-box-align: center; /* also hard-coded in alert.js, see bug 311557 */
+  -moz-box-align: center;
 }
index c43074ae78ef56b75c2505d643c03c5ef68b98e0..aa5d88932eebaad73360f108ee6f16a7dedded66 100644 (file)
@@ -53,3 +53,9 @@
   border: 1px solid #9C9CFF;
   border-radius: 5px;
 }
+
+colorpicker[type="button"] {
+  margin: 1px 5px 2px 5px;
+  padding: 3px;
+  height: 25px;
+}
index cec2df23c53d557cef5fc544c7831c4fbfad0c62..27d9cd3bdfd0c8566c980cf54201eebceb13561c 100644 (file)
 .statusIcon[type="throbber"] {
   background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center;
 }
-
+/*
+.statusIcon[type="throbber"][stalled] {
+  background: url("chrome://global/skin/media/stalled.png") no-repeat center;
+}
+*/
 .statusIcon[type="error"] {
   background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
 }
index d0878ee220a9b42eaf31d99410890f479a31a833..0ae34ef7829a674cb3f6282fb36762d3ef035db2 100644 (file)
@@ -13,7 +13,14 @@ resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
   -moz-transform: scaleX(-1);
 }
 
+resizer[dir="left"],
+resizer[dir="bottomleft"],
+resizer[dir="bottomstart"] {
+  -moz-transform: scaleX(-1);
+}
+
 resizer[dir="bottomleft"],
+resizer[dir="bottomstart"]:not([rtl="true"]):not(:-moz-locale-dir(rtl)),
 resizer[dir="bottomend"][rtl="true"] {
   cursor: sw-resize;
 }
index ad09e97a22b0ca1368cb25a750346e667f533d34..2e4e1ab7ca5aaa1d95258d9312413d73cbfc2a2c 100644 (file)
   margin: 2px 0;
   padding-left: 4px;
   padding-right: 4px;
-  width: 1em;
   color: #000000;
   background-color: #FF0000;
   border-radius: 40px;
index 254c07eb8b4d5b1ea4812312266f29238e304526..49263b55f9cdd1370a49617f9051e1b0d7fe7845 100644 (file)
   margin-bottom: 15px;
 }
 
-.alert .addon-control {
+.alert button {
   margin: 1em 2em;
 }
 
@@ -889,6 +889,10 @@ setting[type="string"] > .setting-input > textbox {
   -moz-box-flex: 1;
 }
 
+setting[type="radio"] > radiogroup {
+  -moz-box-orient: horizontal;
+}
+
 menulist { /* Fixes some styling inconsistencies */
   margin: 1px 5px 2px 5px;
 }
@@ -1039,13 +1043,7 @@ menulist { /* Fixes some styling inconsistencies */
   display: none;
 }
 
-setting[type="color"] colorpicker[type="button"] {
-/*  margin: 1px 5px 2px 5px;
-  padding: 3px;
-  height: 25px; */
-}
-
-.button-link {
+button.button-link {
   background: transparent;
   border: none;
   text-decoration: underline;
@@ -1054,3 +1052,7 @@ setting[type="color"] colorpicker[type="button"] {
   min-width: 0;
   margin: 0 6px;
 }
+
+/* Needed to override normal button style from inContent.css */
+button.button-link:not([disabled="true"]):active:hover {
+}
diff --git a/LCARStrek/mozapps/extensions/newaddon.css b/LCARStrek/mozapps/extensions/newaddon.css
new file mode 100644 (file)
index 0000000..08066eb
--- /dev/null
@@ -0,0 +1,136 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is the Extension Manager UI.
+ *
+ * The Initial Developer of the Original Code is
+ * the Mozilla Foundation.
+ * Portions created by the Initial Developer are Copyright (C) 2011
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *   Dave Townsend <dtownsend@oxymoronical.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+@import url("chrome://global/skin/inContentUI.css");
+
+#addon-page {
+  padding: 0;
+}
+
+#addon-scrollbox {
+  overflow: auto;
+  -moz-box-orient: vertical;
+  -moz-box-flex: 1;
+}
+
+#spacer-start {
+  -moz-box-flex: 1;
+}
+
+#spacer-end {
+  -moz-box-flex: 3;
+}
+
+#addon-container {
+  max-width: 600px;
+  margin: 20px;
+  padding: 30px 90px;
+}
+
+#addon-info {
+  -moz-box-align: start;
+  margin: 25px 10px;
+}
+
+#icon {
+  -moz-margin-end: 10px;
+  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+}
+
+.addon-info[type="theme"] #icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+.addon-info[type="locale"] #icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+.addon-info[type="plugin"] #icon {
+  list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+#name {
+  font-size: 130%;
+}
+
+#author {
+  color: #8050B0;
+}
+
+#location {
+  color: #8050B0;
+}
+
+#warning {
+  margin-bottom: 25px;
+  -moz-box-align: start;
+}
+
+#warning-icon {
+  list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
+  width: 16px;
+  height: 15px;
+  -moz-margin-end: 5px;
+}
+
+#allow {
+  -moz-margin-start: 84px;
+  margin-bottom: 20px;
+}
+
+#continuePanel,
+#restartPanel {
+  margin-top: 25px;
+  -moz-box-pack: end;
+  -moz-box-align: center;
+}
+
+#continuePanel {
+  -moz-box-pack: end;
+}
+
+#restartMessage {
+  text-align: right;
+}
+
+#restartSpacer {
+  -moz-box-flex: 1;
+}
+
+#later {
+  color: #8050B0;
+}
diff --git a/LCARStrek/mozapps/extensions/selectAddons.css b/LCARStrek/mozapps/extensions/selectAddons.css
new file mode 100644 (file)
index 0000000..7beb95c
--- /dev/null
@@ -0,0 +1,198 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is the Extension Manager UI.
+ *
+ * The Initial Developer of the Original Code is
+ * the Mozilla Foundation.
+ * Portions created by the Initial Developer are Copyright (C) 2011
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *   Dave Townsend <dtownsend@oxymoronical.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+#view-deck {
+  background: #000000;
+}
+
+.heading {
+  font-size: 270%;
+  text-align: center;
+  margin: 0 120px;
+}
+
+.progress {
+  margin: 10px 128px;
+}
+
+.progress-label,
+#errors-description {
+  text-align: center;
+  margin: 0 10px;
+}
+
+#checking-heading,
+#update-heading,
+#errors-heading {
+  margin-top: 90px;
+}
+
+#select-heading,
+#confirm-heading {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  text-align: center;
+}
+
+#select-description,
+#confirm-description {
+  margin: 10px;
+}
+
+#select-list {
+  border-top: 1px solid #9C9CFF;
+  background-color: #000000;
+}
+
+#select-grid column {
+  -moz-box-align: center;
+}
+
+#select-grid row {
+  -moz-box-align: stretch;
+}
+
+#select-grid label {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.select-cell {
+  -moz-box-align: center;
+  -moz-box-pack: start;
+}
+
+#select-header .select-cell {
+  -moz-box-sizing: border-box;
+}
+
+#select-header .select-keep,
+#select-header .select-icon,
+#select-header .select-name,
+#select-header .select-action {
+  color: #FFCF00;
+  border-bottom: 1px solid #9C9CFF;
+}
+
+.select-keep {
+  -moz-box-pack: center;
+}
+
+.select-icon {
+  width: 20px;
+}
+
+.select-keep .addon-keep-checkbox {
+  margin: 0;
+  padding: 0;
+  width: 13px;
+}
+
+.select-keep .addon-keep-checkbox:-moz-focusring {
+  outline: 1px dotted #008484;
+}
+
+.select-keep .checkbox-label-box {
+  display: none;
+}
+
+.addon-name,
+.addon-action-message,
+.addon-action-update {
+  -moz-box-sizing: border-box;
+  margin: 0;
+  padding-top: 1px;
+  padding-bottom: 2px;
+  -moz-padding-start: 6px;
+  -moz-padding-end: 5px;
+}
+
+#select-grid separator {
+  border-top: 1px solid #9C9CFF;
+  height: 0;
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+
+.addon:not([active]) .addon-name,
+.addon:not([active]) .addon-action-message,
+.addon:not([active]) .addon-action-update {
+  color: #8050B0;
+}
+
+.addon-icon {
+  height: 16px;
+  width: 16px;
+  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
+}
+
+.addon-icon[type="theme"] {
+  list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png");
+}
+
+.addon-icon[type="plugin"] {
+  list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
+}
+
+.action-list {
+  margin-top: 10px;
+  -moz-margin-start: 5em;
+}
+
+.action-header {
+  margin-bottom: 10px;
+}
+
+#confirm .addon {
+  -moz-margin-start: 3em;
+  -moz-box-align: center;
+}
+
+.addon:not([active]) .addon-icon,
+#disable-list .addon-icon,
+#incompatible-list .addon-icon {
+/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
+}
+
+#footer {
+  padding: 15px 12px;
+}
+
+.progress-label,
+#footer-label {
+  color: #8050B0;
+}