From 72a6fd3905676b14c504bf0532ebd52906c82a4c Mon Sep 17 00:00:00 2001
From: Robert Kaiser <robert@notebook.box.kairo.at>
Date: Mon, 6 Dec 2010 00:36:15 +0100
Subject: [PATCH] update both themes for toolkit winstrip changes up to
 2010-12-03

---
 .../global/icons/information-tabmodal-64.png  | Bin 0 -> 1176 bytes
 .../global/icons/question-tabmodal-64.png     | Bin 0 -> 1590 bytes
 EarlyBlue/global/icons/webconsole.png         | Bin 0 -> 1000 bytes
 EarlyBlue/global/tabprompts.css               |  29 ++
 EarlyBlue/global/webConsole.css               |  55 ++-
 EarlyBlue/mozapps/extensions/extensions.css   | 401 +++++++++++------
 .../global/icons/information-tabmodal-64.png  | Bin 0 -> 1129 bytes
 .../global/icons/question-tabmodal-64.png     | Bin 0 -> 1440 bytes
 LCARStrek/global/icons/webconsole.png         | Bin 0 -> 1000 bytes
 LCARStrek/global/tabprompts.css               |  30 ++
 LCARStrek/global/webConsole.css               |  58 ++-
 LCARStrek/mozapps/extensions/extensions.css   | 412 ++++++++++++------
 12 files changed, 675 insertions(+), 310 deletions(-)
 create mode 100644 EarlyBlue/global/icons/information-tabmodal-64.png
 create mode 100644 EarlyBlue/global/icons/question-tabmodal-64.png
 create mode 100644 EarlyBlue/global/icons/webconsole.png
 create mode 100644 EarlyBlue/global/tabprompts.css
 create mode 100644 LCARStrek/global/icons/information-tabmodal-64.png
 create mode 100644 LCARStrek/global/icons/question-tabmodal-64.png
 create mode 100644 LCARStrek/global/icons/webconsole.png
 create mode 100644 LCARStrek/global/tabprompts.css

diff --git a/EarlyBlue/global/icons/information-tabmodal-64.png b/EarlyBlue/global/icons/information-tabmodal-64.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f8a2eea2abd12ff7f7669c95bedb5473a53952e
GIT binary patch
literal 1176
zcmV;J1ZVq+P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign;
z7Y!Lj^XsAj00bCGL_t(|+U=V`Xd6cqhQCdOA*l&SL?VeH$Oh4qdy&9RLkfZ9kU%aD
zfdqUsyS?~oUwy0XYcAE`V-AH-(?h5aHWXT@YmhIoFU25%id|}%4LCx?uB`1r)8Yul
zJFA_M<+Xm$#XNcDeR}ie&Fov~tFH?!s~dyZcK#kP28;q3U<gP6gFpkQ0WPouYy+FX
zx)9E<=N5o%=br=Pz$58sC#nL=z>*No_dO55w(~cEDPR&vYMyHaSOi`Q;r!K80Bk!y
z0L%i@z-7Zxdkic9vqCsWXAVGy`aE#E%lWGe%!FMUR!HZ+1DrEX<ar^SZ@LP=w(}#v
zE8tF#>}G4ggb+^AH~`zu=YSv1Ammk+#8V-hf-wNn`JW7Ac%3`N;~)^MfMNf$j$i)a
z!!O9?Mo6bq939o!-E}Dxima@>)fEZ%RhL67z(0N!*7-zY5Zivh@Nnw?zYPq;NT*Yz
z(<!pq5rkO9b*o{9xh?1Vm5TAD0NFlt!fSQDRl~z6Z2N(ZD7Yi%?5oQP&OZmf)e-i0
z?|$xU7mt6&;o(0Ni+_h5GMCLh`D0__%~r<|AS=9i9Y0AfH)6!rNAuE$j+el!uI=vD
zt%MO<g?upE5de9xnU27be_HwyI0B}09&C1ZT_d)Nd2Xr`0FydrQ79CR*eYr=5CEC^
zwN`s8D{m>4_I&M1r9E8*(MctxPs$N6ZelSCv3e?mQfUt%R!!xC@gSApBNH=l-70f)
zKbkIu3F4F0Cj9RKzYtA*-Fng5E&|3(jUJ0#A|4+k7Hhw`)a%E*dsn4iZ<w0G7~l(F
z)YRzl_#n@oeaZFf*RWb*&+}k^|A5!8f2UG8Fg1lyl^l>U83D=UHE!I9w*_EXO&f#C
zr~nu;H-6J=%L1#F0A43|G(k0_vJEDPt`aH$u0|NZ)s8MiqO5iRY7zFgrUJl?FaTEt
zz)pk#?5F_Pjxd026#$zN2C%6DU_HVB)_noU(^55p&R5&D+<dAISdJioWz{+WU@3wC
zmXra=u8T^9oUeSUljO8gcrii%7K4<+|LG;ohNSbZW9dsU0J0TrAp!svPHU@Ec{W%+
z$Ih4O^x2?{f+Ju?-+Y?4KAs1j=e2x3w$Y>+zg|M$XMY<TZ?>}8CpUpy*x6jUGC(?=
zq|xxGRzH07dH?<c`}+rMZT(5DcBsSoyb#WupHYw=q2CDECDO%f@iieFr52eWJwg+N
zY?7+i8z!&3Pp<n3Rb%BVG1+zXw8smi3e8@@qILihLIHT(qdP;HfIWhN0i1wvpJsb%
zuV{^CZ(t$l7cYFXbf{}_Iq-`!S`ua8MHuHp12}PV%+Ty5?8e#QSdNv^@fuD4l^Ih%
q(}jF#>J%6~``TPzef8DXh1S2h`h=;$w4PJ|0000<MNUMnLSTYEffG0Y

literal 0
HcmV?d00001

diff --git a/EarlyBlue/global/icons/question-tabmodal-64.png b/EarlyBlue/global/icons/question-tabmodal-64.png
new file mode 100644
index 0000000000000000000000000000000000000000..460c96c193b707e70f7be047b116cf1194869d23
GIT binary patch
literal 1590
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

literal 0
HcmV?d00001

diff --git a/EarlyBlue/global/icons/webconsole.png b/EarlyBlue/global/icons/webconsole.png
new file mode 100644
index 0000000000000000000000000000000000000000..48fdc9ba4f10f93f4a071f3917e16d8dc02f09d2
GIT binary patch
literal 1000
zcmV<E0~h>>P)<h;3K|Lk000e1NJLTq001ul001Zm1^@s6ZX%-;000B8Nkl<ZSi`-T
zv1{8v6vp*O1cC`vQ<jX$luVgRG-fJfHOZ7Ilt7W7n?vwqNCuZoh8ju+r=?&QixSes
z6iN&2&>@q-Taz^DV1s&3@tLQm_s%Cv@xg~L_ayXtpT3ib9OrR_jy$AVcPweRN>!yu
zX)vC<PR6mkyu76pG1}5_aDi*)-0N|TYakkn8y>1td0F72D0;THx7Weo@HecRAWcpA
z2*zg|pTGt|5Q{Y6GA2;r2G(^0WAJq@9=d_h;J9PD5Q>UP)hzJ10S=rtU;_6UN3r_@
z>N?~60CTynn~)So6SytB6o(YNAvP0u3XU4E9wp1z_y#DSi;VzZEeamMdxi}gTI3VE
zpJ~J9g)b}hm0E@v1>^}MLHR{LDs3B(MqueW&3+*-si|Z2@;1y`Tf4mLf~4~fem=Nf
z?{C%l@F!Ym-wa?5YsG`B3oL!QNxh8XHC1C9Q0uXnvHRn}o79QoT9Jc;G&QyT_1@Po
z@tioG0DkfEQD`l32ZSbPx&!cw=j_3T3+bqs6dzM0JZ``QK5-p6irt5Nr(7q_$H!p!
zv+qeg6}%V+4qk{&0-l0v*^a|s|4KHo!C9wJ+Wk~)82ChN^1uW5%IDjjv|$qsOv&<0
z8#WL8&bRyWV&|s6adp>{Vx(LR60QqS+WomcDxm?X2H;k%lkCssB?V*nb~Vge8#dRv
zAnCl()qy*D?^TC2CmPll1~7-U!olMUoGqnZMz9vwm<HnY8vjqjDBSgQoeFBjHo!od
zni_rF_9rlEP94Xvubw|D(Ez#wQj@dY0r*98_E^J(CQ&g6jwuvA(SQM5yN(^j?nAz*
z>(qHT2E+e;oz#=TOL5@frPyG23a(`hJ^FH3vWX4OI)&2i)7Y??N3qETAA>hmdg6w~
zYg4j3%ZAMd-`Ob--z@fr?>1UejFhVZc3p(h?$7g42@Qxf1#aUy&Hh|oQZP<VPQt9U
z)6>%~NII|GZo7>}qY7UbDwWCr=CD>cI9%ZP_&D`4f;Fgd4WLgSsc~^};o(nxSWqjp
z0S?mCRI}OiH4MzD;}~{xb2AoR!*@Vxa;7@~zj)4m$T3_<N5v#Krcij?fC*f?jvdAB
zL%yl&)Ok1t!|(6!C-h|SQXDvVDK;3Mf@@hrcRHPtO>A)1DU^1f#)gB(vB?Dw;I&$<
zCv8}~HZ9AuY}j1z=jZ3;qobpKy<TrgF;cDu*mVg?yFb@QB{U$_0NloPn*Djar2YdN
WZRqPD%vOH@0000<MNUMnLSTa8Al#Aw

literal 0
HcmV?d00001

diff --git a/EarlyBlue/global/tabprompts.css b/EarlyBlue/global/tabprompts.css
new file mode 100644
index 00000000..1773c328
--- /dev/null
+++ b/EarlyBlue/global/tabprompts.css
@@ -0,0 +1,29 @@
+/* Tab Modal Prompt boxes */
+tabmodalprompt {
+  background-color: hsla(0,0%,97%,.15);
+  background-image: -moz-radial-gradient(center 40%, circle closest-side, hsla(0,0%,90%,.5), hsla(0,0%,90%,0));
+}
+
+.mainContainer {
+  padding: 20px;
+  color: #000000;
+  background-color: #CCD0DD;
+  border: 1px outset #CCD0DD;
+}
+
+.buttonContainer {
+  margin-top: 10px;
+}
+
+.info\.icon {
+  width: 64px !important;
+  height: 64px !important;
+}
+
+.alert-icon {
+  list-style-image: url("chrome://global/skin/icons/information-tabmodal-64.png") !important;
+}
+
+.question-icon {
+  list-style-image: url("chrome://global/skin/icons/question-tabmodal-64.png") !important;
+}
diff --git a/EarlyBlue/global/webConsole.css b/EarlyBlue/global/webConsole.css
index c166e7ed..8ef278f1 100644
--- a/EarlyBlue/global/webConsole.css
+++ b/EarlyBlue/global/webConsole.css
@@ -40,7 +40,7 @@
 }
 
 .hud-box.animated {
-  -moz-transition: height 350ms;
+  -moz-transition: height 100ms;
 }
 
 .hud-outer-wrapper {
@@ -117,10 +117,51 @@
   display: none;
 }
 
-.hud-group:first-child > .hud-divider {
+.webconsole-clear-console-button > .toolbarbutton-icon {
   display: none;
 }
 
+.webconsole-filter-button > .toolbarbutton-menubutton-button {
+  -moz-box-orient: horizontal;
+  list-style-image: url("chrome://global/skin/icons/webconsole.png");
+}
+
+/* Network button */
+.webconsole-filter-button[category="net"] {
+  -moz-image-region: rect(0, 40px, 10px, 30px);
+}
+
+/* CSS button */
+.webconsole-filter-button[category="css"] {
+  -moz-image-region: rect(10px, 40px, 20px, 30px);
+}
+
+/* JS button */
+.webconsole-filter-button[category="js"] {
+  -moz-image-region: rect(20px, 40px, 30px, 30px);
+}
+
+/* Web Developer button */
+.webconsole-filter-button[category="webdev"] {
+  -moz-image-region: rect(30px, 40px, 40px, 30px);
+}
+
+.webconsole-close-button {
+  border: none;
+  padding: 3px;
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  -moz-appearance: none;
+}
+
+.webconsole-close-button:hover {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+.webconsole-close-button:hover:active {
+  -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
 /* JSTerm Styles */
 
 .jsterm-wrapper-node {
@@ -168,13 +209,3 @@
   padding: 1px 0px;
   -moz-box-align: center;
 }
-
-.jsterm-close-button {
-  background: none;
-  border: none;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-  margin: 0px;
-  min-width: 0px;
-  padding: 1px 3px 1px 7px;
-  -moz-user-focus: ignore;
-}
diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css
index 3d65c987..3a93bc31 100644
--- a/EarlyBlue/mozapps/extensions/extensions.css
+++ b/EarlyBlue/mozapps/extensions/extensions.css
@@ -37,6 +37,7 @@
 
 #addons-page {
   background-color: #CCD0DD;
+  color: #000000;
   margin: 20px;
 }
 
@@ -50,7 +51,10 @@
 .nav-button {
   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
   min-width: 0;
-  -moz-margin-end: 0;
+}
+
+#forward-btn {
+  -moz-border-start: none;
 }
 
 #back-btn:-moz-locale-dir(ltr),
@@ -75,6 +79,10 @@
 
 /*** global warnings ***/
  
+.global-warning-container {
+  overflow-x: hidden;
+}
+
 .global-warning {
   -moz-box-align: center;
   padding: 0 8px;
@@ -91,6 +99,18 @@
   border-bottom: 1px solid #9999CC;  
 }
 
+@media all and (max-width: 600px) {
+  .global-warning-text {
+    display: none;
+  }
+
+  .global-warning .warning-icon {
+    /* background-color: #FFF;
+    box-shadow: 0px 0px 2px 5px #FFF;
+    border-radius: 10px; */
+  }
+}
+
 /*** notification icons ***/
 
 .warning-icon {
@@ -115,6 +135,55 @@
   margin: 3px 0;
 }
 
+.addon-view[pending="disable"] .pending-icon,
+.addon-view[pending="uninstall"] .pending-icon {
+  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+  width: 16px;
+  height: 15px;
+  margin: 3px 0;
+}
+
+
+/*** view alert boxes ***/
+
+.alert-container {
+  -moz-box-align: center;
+}
+
+.alert-spacer-before {
+  -moz-box-flex: 1;
+}
+
+.alert-spacer-after {
+  -moz-box-flex: 3;
+}
+
+.alert {
+  -moz-box-align: center;
+  padding: 10px;
+  color: #FF9F00;
+  border: 1px solid #9C9CFF;
+  border-radius: 8px;
+  background-color: #000000;
+}
+
+.alert .alert-title {
+  font-weight: bold;
+  font-size: 200%;
+  margin-bottom: 15px;
+}
+
+.alert .addon-control {
+  margin: 1em 2em;
+}
+
+.loading {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+
 /*** category selector ***/
 
 #categories {
@@ -123,21 +192,23 @@
   -moz-margin-end: -1px;
   background-color: transparent;
   position: relative;
+  margin-top: 31px;
 }
 
 .category {
+  background-color: transparent;
+  color: #FF9F00;
+  min-height: 0;
+  padding: 10px 4px;
   border-width: 1px;
-  -moz-border-end-width: 0;
   border-style: solid;
   border-color: transparent;
-  padding: 10px 4px;
   -moz-box-align: center;
   overflow: hidden;
-  min-height: 0px;
 }
 
 .category[disabled] {
-  height: 0px;
+  height: 0;
   opacity: 0;
   -moz-transition-property: height, opacity;
   -moz-transition-duration: 1s, 0.8s;
@@ -152,6 +223,7 @@
 .category[selected] {
   background-color: #FFFFFF;
   color: #000000;
+  font-weight: bold;
   border-color: #666699;
 }
 
@@ -159,10 +231,17 @@
   font-size: 150%;
 }
 
+/* Maximize the size of the viewport when the window is small */
+@media all and (max-width: 800px) {
+  .category-name {
+    display: none;
+  }
+}
+
 .category-badge {
   background-color: #666699;
   padding: 2px 8px;
-  margin: 6px 0px;
+  margin: 6px 0;
   border: 1px outset #666699;
   color: #FFFFFF;
   font-weight: bold;
@@ -211,47 +290,37 @@
 /*** header ***/
 
 #header {
-  margin-bottom: 20px;
+  margin-bottom: 18px;
   height: 2em;
 }
 
-#header-name, #header-link {
-  color: #FFFFFF;
-}
-
-#header-name {
-  font-size: 180%;
-}
-
-#header-link {
-  -moz-appearance: none;
-  border: none;
-  background: transparent;
-  font-size: 120%;
-  cursor: pointer;
-  list-style-image: url("chrome://mozapps/skin/extensions/go-back.png");
+#header-search {
+  color: #000000;
+  border: 1px inset #CCD0DD;
+  padding: 3px;
+  background-color: #CCD0DD;
+  margin: 0;
 }
 
-#header-link .button-icon {
-  -moz-margin-end: 6px;
+#header-search .textbox-input:-moz-placeholder {
+  color: #808080;
 }
 
-#header-searching {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+#header-search[focused="true"] {
+  background-color: #FFFFFF;
 }
 
 #header-utils-btn {
   min-width: 4.5em;
   list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
-}
-
-#header-utils-btn:-moz-focusring > .button-box {
-  border: none;
+  -moz-margin-end: 18px;
 }
 
 .view-header {
+  background-color: #9999CC;
   padding: 4px;
-  margin: 0px;
+  margin: 0;
+  min-height: 31px;
   border-bottom: 1px solid #666699;
 }
 
@@ -266,12 +335,18 @@
   -moz-appearance: none;
   border: none;
   background-color: transparent;
-  padding: 0px 6px;
-  margin: 0px 6px;
+  color: #000000;
+  padding: 0 6px;
+  margin: 0 6px;
   min-width: 12px !important;
   -moz-box-direction: reverse;
 }
 
+.sorter .button-box {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .sorter[checkState="1"],
 .sorter[checkState="2"] {
   background-color: #666699;
@@ -290,21 +365,10 @@
 }
 
 
-/*** empty list notification ***/
-
-.empty-list-notice {
-  -moz-box-align: center;
-}
-
-.empty-list-notice > button {
-  margin: 20px;
-}
-
-
 /*** list ***/
 
 .list {
-  margin: 0px;
+  margin: 0;
   border: none;
   background-color: transparent;
 }
@@ -312,6 +376,7 @@
 .addon {
   border-bottom: 1px solid #9999CC;
   padding: 5px;
+  background-origin: border-box;
 }
 
 .addon[status="installing"] {
@@ -327,7 +392,11 @@
 .icon-container {
   width: 48px;
   height: 48px;
-  margin: 7px;
+  margin: 22px 7px 7px 7px;
+}
+
+.addon[active="false"] .icon {
+/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
 }
 
 .icon {
@@ -348,9 +417,20 @@
   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
 }
 
-.name-container {
+.name-container,
+.addon[status="installing"] .name {
   font-size: 150%;
-  margin-bottom: 0px;
+  font-weight: bold;
+  color: #404040;
+  margin-bottom: 0;
+}
+
+.creator {
+  font-weight: bold;
+}
+
+.creator .text-link {
+  /* color: #0066CC; */
 }
 
 .description-container {
@@ -362,22 +442,78 @@
   margin: 0;
 }
 
-.warning, .pending, .error, .info {
+.warning,
+.pending,
+.error,
+.info {
   -moz-margin-start: 48px;
+  font-weight: bold;
 }
 
-.addon-view:not([selected]) .warning {
+.addon-view .warning {
   color: #808000;
 }
 
-.addon-view:not([selected]) .error {
+.addon-view .error {
   color: #FF0000;
 }
 
-.addon-view:not([selected]) .pending {
+.addon-view .pending {
   color: #33FF33;
 }
 
+.addon-view[pending="disable"] .pending,
+.addon-view[pending="uninstall"] .pending {
+  color: #000000;
+}
+
+.addon .relnotes-container {
+  -moz-box-align: start;
+  -moz-margin-start: 6px;
+  height: 0;
+  overflow: hidden;
+  opacity: 0;
+  -moz-transition-property: height, opacity;
+  -moz-transition-duration: 0.5s, 0.5s;
+}
+
+.addon[show-relnotes] .relnotes-container {
+  opacity: 1;
+  -moz-transition-property: height, opacity;
+  -moz-transition-duration: 0.5s, 0.5s;
+}
+
+.addon .relnotes-header {
+  font-weight: bold;
+  margin: 10px 0;
+}
+
+.addon .relnotes-toggle {
+  border: none;
+  background: transparent;
+  font-weight: bold;
+  -moz-box-direction: reverse;
+  cursor: pointer;
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+}
+
+.addon .relnotes-toggle > .button-box > .button-icon {
+  -moz-padding-start: 4px;
+}
+
+.addon[show-relnotes] .relnotes-toggle {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+}
+
+.addon[active="false"] {
+  /* background-color: rgba(135, 135, 135, 0.1); */
+}
+
+.addon-view[active="false"],
+.addon-view[active="false"] .name-container {
+  color: #666699;
+}
+
 .addon-view[notification="warning"] {
   background-color : #FFFFCC;
 }
@@ -411,42 +547,19 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   background-color: #808080;
 }
 
-.addon .relnotes-container {
-  -moz-box-align: start;
-  height: 0px;
-  overflow: hidden;
-  opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
-}
-
-.addon[show-relnotes] .relnotes-container {
-  opacity: 1;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
-}
-
-.addon .relnotes-header {
-  font-weight: bold;
-  margin: 10px 0px;
+.addon[selected] {
+  background-color: #336699;
+  color: #000000;
 }
 
-.addon .relnotes-toggle {
-  border: none;
-  background: transparent;
-  font-weight: bold;
-  -moz-box-direction: reverse;
-  cursor: pointer;
-  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+.addon[selected] .name-container {
+  /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);  */
 }
 
-.addon .relnotes-toggle > .button-box > .button-icon {
-  -moz-padding-start: 4px;
+.addon[active="false"][selected] .name-container {
+  color: #222233;
 }
 
-.addon[show-relnotes] .relnotes-toggle {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
-}
 
 /*** item - uninstalled ***/
 
@@ -474,6 +587,8 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   -moz-box-align: center;
   background-color: #FFFFFF;
   font-size: 120%;
+  border-bottom: 1px solid #666699;
+  overflow-x: hidden;
 }
 
 #search-filter-label {
@@ -483,8 +598,8 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
 
 .search-filter-radio {
   -moz-appearance: none;
-  padding: 0px 6px;
-  margin: 0px 3px;
+  padding: 0 6px;
+  margin: 0 3px;
   border-radius: 10000px;
 }
 
@@ -508,48 +623,41 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
 
 /*** detail view ***/
 
-#detail-view[active="false"] .fade {
-  opacity: 0.5;
-}
-
 #detail-view .loading {
   opacity: 0;
 }
 
-#detail-view:not([loading]) .loading {
+#detail-view:not([loading]) .alert-container {
   visibility: collapse;
 }
 
 #detail-view[loading-extended] .loading {
-  -moz-box-align: center;
-  -moz-box-pack: center;
   opacity: 1;
   -moz-transition-property: opacity;
   -moz-transition-duration: 1s;
 }
 
-#detail-view .loading > image {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-
 .detail-view-container {
-  padding: 2em;
+  padding: 0 2em 2em 2em;
   font-size: 110%;
 }
 
 #detail-notifications {
+  margin-top: 1em;
   margin-bottom: 2em;
 }
 
 #detail-notifications .warning,
 #detail-notifications .pending,
-#detail-notifications .error,
-#detail-notifications .info {
+#detail-notifications .error {
   -moz-margin-start: 0;
 }
 
 #detail-icon {
   -moz-margin-end: 10px;
+  margin-top: 6px;
+  max-width: 64px;
+  max-height: 64px;
 }
 
 #detail-summary {
@@ -574,6 +682,7 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   /* This is necessary to fix layout issues with multi-line descriptions, see
      bug 592712*/
   outline: solid transparent;
+  min-width: 8em;
 }
 
 #detail-contributions {
@@ -581,23 +690,25 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   border: 1px solid #666699;
   margin-bottom: 2em;
   padding: 1em;
-  background: #FFFFCC;
+  background-color: #FFFFCC;
 }
 
 #detail-contrib-description {
   font-style: italic;
   margin-bottom: 1em;
+  color: #000000;
 }
 
 #detail-contrib-suggested {
-  color: grey;
+  color: #808080;
+  font-weight: bold;
 }
 
-#detail-contrib-button {
+#detail-contrib-btn {
   list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
 }
 
-#detail-contrib-button .button-icon {
+#detail-contrib-btn .button-icon {
   -moz-margin-end: 3px;
 }
 
@@ -620,12 +731,19 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   -moz-margin-start: 0;
 }
 
+#detail-controls {
+  margin-bottom: 1em;
+}
+
+#detail-view[active="false"]:not([pending]):not([notification]) {
+  /* background-color: foo; */
+}
 
 /*** creator ***/
 
 .creator > label {
-  -moz-margin-start: 0px;
-  -moz-margin-end: 0px;
+  -moz-margin-start: 0;
+  -moz-margin-end: 0;
 }
 
 .creator > .text-link {
@@ -637,25 +755,18 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
 /*** rating ***/
 
 .meta-rating {
-  -moz-margin-start: 0px;
-  -moz-margin-end: 0px;
-  vertical-align: text-top;
+  -moz-margin-start: 0;
+  -moz-margin-end: 0;
+  padding-top: 2px;
 }
 
-.meta-rating[showrating="average"] > .star {
+.meta-rating > .star {
   list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
-  padding: 0px 1px;
+  padding: 0 1px;
 }
 
-.meta-rating[showrating="user"] > .star {
-  list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
-  padding: 2px 3px;
-}
-
-.meta-rating > .star[on="true"],
-.meta-rating[showrating="user"] > .star[hover] {
+.meta-rating > .star[on="true"] {
   list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
-  padding: 0px 1px;
 }
 
 
@@ -665,8 +776,8 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   background-color: #CCD0DD;
   border: 1px solid #808080;
   width: 200px;
-  height: 24px;
-  margin: 0px 8px;
+  height: 21px;
+  margin: 0 8px;
 }
 
 .download-progress .start-cap,
@@ -677,6 +788,9 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
 
 .download-progress .progress {
   background-color: transparent;
+  padding: 0;
+  margin: 0;
+  border: none;
 }
 
 .download-progress .start-cap, .download-progress .end-cap {
@@ -685,33 +799,38 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
 
 .download-progress .start-cap:-moz-locale-dir(ltr),
 .download-progress .end-cap:-moz-locale-dir(rtl) {
-  border-radius: 10000px 0 0 10000px;
+  border-radius: 3px 0 0 3px;
 }
 
 .download-progress .end-cap:-moz-locale-dir(ltr),
 .download-progress .start-cap:-moz-locale-dir(rtl) {
-  border-radius: 0 10000px 10000px 0;
+  border-radius: 0 3px 3px 0;
 }
 
-.download-progress .progress {
+.download-progress .pause,
+.download-progress .cancel {
   -moz-appearance: none;
-  padding: 0px;
-  margin: 0px;
+  background-color: #CCD0DD;
+  border: 1px solid #666699;
+  padding: 3px;
+  min-width: 0;
+  margin: 3px;
+}
+
+.download-progress .pause .button-box,
+.download-progress .cancel .button-box {
+  padding: 0;
   border: none;
 }
 
-.download-progress .pause, .download-progress .cancel {
-  -moz-appearance: none;
-  background-color: #CCD0DD;
-  border-width: 1px 0px 0px 1px;
-  padding-right: 1px;
-  border-style: solid;
-  -moz-border-top-colors: #FFFFFF;
-  -moz-border-left-colors: #FFFFFF;
-  min-width: 16px;
-  width: 16px;
-  height: 16px;
-  margin: 3px;
+.download-progress .pause .button-text,
+.download-progress .cancel .button-text {
+  display: none;
+}
+
+.download-progress .pause .button-icon,
+.download-progress .cancel .button-icon {
+  -moz-margin-start: 0;
 }
 
 .download-progress .pause {
@@ -726,6 +845,9 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   -moz-box-align: center;
 }
 
+.download-progress .status {
+/*  text-shadow: #FFF 0 0 2px; */
+}
 
 /*** install status ***/
 
@@ -740,7 +862,12 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
   -moz-box-align: center;
 }
 
-#updates-installed, #updates-downloaded {
+#updates-container .button-link {
+  font-weight: bold;
+}
+
+#updates-installed,
+#updates-downloaded {
   color: #00CC00;
   font-weight: bold;
 }
diff --git a/LCARStrek/global/icons/information-tabmodal-64.png b/LCARStrek/global/icons/information-tabmodal-64.png
new file mode 100644
index 0000000000000000000000000000000000000000..4602abf45a96fe3043115c509a66a0bf1e15b998
GIT binary patch
literal 1129
zcmV-v1eW`WP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign;
z7ZV;2)<NC?00ZesL_t(|+U;9AZreZ*eX}qu-ysYF#9dOUh~<;`1iC<i7;tB}Q;{GS
z&<S)BTPakzlmR0;gJG)K6y7y9)c$`FMGrtwkXGc*n>WLm*(IT(%;%hZ#!aWhYt4x&
zDm((vh_g*v02^^G4hR)gx~p&l;Hx;>WCP%rIPU<G8w|><xT<tl;aCQ!fV}>e3kb@j
z{E1NRR8d-|@D9B@;`)ySV+~+4oznAv1wgU-Ie;qxfU1DanmTc@MqY0XU<Tkel?{~1
z>Q@4Uk-=h{NCq?pMzuouSt=VSLHVxLp;%|fXMH2O<;fwz(A{qa;5G&XN>Ki~WA%S5
zk}GO!o+>)V-2%9Y0f7>fpNRiw^~uPX!vWmIfItb#L)>(hGb%^MA9X%KAW)+6H>Iua
z$%gA#5GYmo7_0LYz5}=b@CCpVfO`N78skS|ObVVK)l{CZ@BzRAz?osl62JwG@mLE4
z=Ac-k_!y;H-l06iZ;Q~2in+)q!JU}vM9jUhRiVss-H`|~rvOeww4Wu?{>)?OnHU=j
z!c5HdM4A662!Kwa(*SrDk$!E-;#_i3Xl%ETlJk647<?{tas!~DzWTV^Bt-kqg~oOp
zDUzvo;%lobu+r48EupT!4Az$gNSlHBQtk_lb-6;T>eOWcb5vxn)m(-|XHjUZ%@t%(
zW^BeVM>*;$U;T@Ymn3KDF?1P|5P5W#v>-4C{j(_FiS9NKmI+S)7YJH6=rZ8A5d9?!
z9%+mTfJ*?s#n(^b^CgWj3C#i{+~8Opcce*;B|6&z3;<t&0Q?lk&TljZFTjAUM!y{Z
zx(IP`<WznH;Jqa?YxxR)Xq**vRS(H<nJB#gVDbNLX3ICi@*g#Y7zgkG;2U4zAtMtc
zlTQ^L*Yi1FPp8CLE&uN%S)UAtHE%Bw2aXJ-aS{Jl?m?DPJojpqj?Lt%2CH^=DhUrQ
zhX)~V0K5TEClKv}kP85AcqH~+bSW^`0kCxy4t*1!1doLj4m}lXg2zG%haUUBvA|;<
zg~RB8{C}swV}`<^_i@0tz+)bT!yz!hSl}^B3kf|3!K=T?EY(wQ-5{jD$vo<3=la^7
zT3?;FvA<zrK+yWyo>@O=U6Wb5DBkO9dq{onbxmeyB}FYY2Q($P;Ye-91g~ozIa*1Q
zI`0%@+xeWwE|kh^a+sT<Z4K&smAwVF$T-{LKzLg`WuDbHNs0EjIdKnchZo%><$Dtx
z@-{gS5DtH%qy>cGY?U>DFs#kehDXk@w#!@ma5yhac=+VuzcOQC!*E`jGO%HIugy84
v_Ap+Y42<X@4CvRZvjKn@rFL5VCPS9L3>oO%lWJl500000NkvXXu0mjf=>72#

literal 0
HcmV?d00001

diff --git a/LCARStrek/global/icons/question-tabmodal-64.png b/LCARStrek/global/icons/question-tabmodal-64.png
new file mode 100644
index 0000000000000000000000000000000000000000..461e6e7a6e5e9f0959018573256c890428ce02c7
GIT binary patch
literal 1440
zcmV;R1z-A!P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign;
z7ZU*W*?heK00kgPL_t(|+U=W7h#W-}$A8s~I~#&%6c5S-F>_En*&-w&C<ub62M-a6
z2M@B~!4K5aqK6?MG9co`gXn;WC@LCq5fLSbC~OX)^&;djIp{#Zi%LA~jGFS0>QL$F
z`t0i7HIoO;Fw-?%^?&t$uikrAE$C1t6DfS!ZEOhH)tE$wfcwBeecEIW%+zP=3K1=W
zt^ytaFRD+Q%z!u5=aNEFD?=m(u7j=uj%9$Zkc;<HDMBOyzplUyHPCf{m*`y)*MCZ7
zOo7?PhS=Uw1!%K=2-s8#&;i(Hvrb&BDW5k5#=urnHi$&CzNwVZH_X^9k^ut)qvi_y
zxG5V%1Mt;ZN1L4`oAveRmX)JaMqPhnU@Jxmq5=3(W!5j5kyKv0W>u+U+!k;&MhT(;
z_=D>INo_LH=SbjWj1oix@TgA5DZO%}|Ix=2qy*6r{L!{&-IEQYSS5(2;Jcdjw#FyA
z0xt{p0{5%uT?1TYY5o^*OyvB~wi1McVng69;9k`>*xSm2zFNMX18xeO;4gq9BIjJh
z>Lh{hfM<cJ$wV{DGy6&bLttHb`<V6iVc@k0@a2EMl?69@q|n>iQan>*F2`@oKQfO%
zX8>#~Pd~Lpan+fBL>5ee&l`r^cLJwm!C{ZKb8Vd4YV4c9A%)4U07d;l&GIr<OP%xp
ze;e>Ia3GPdyB_#N7Ch=vNGX|mQvH0eoXEO@Ox6<hC&1ps4nG6llZDlJ2Ae`=nEf&V
znMY9n0C10`$vNN%@Id8y9XRiJ{I$T1fu=CmF;!X6b7W)}6B|$JuLEyenw$ro6gkIh
z?tLQ*{svxlbkp;xDNZJ`%tVJZX}Zw_`i^|wC3mUWG|6WM@TH72+ck;rYEm70ZAB_`
z&_4vckGx=w%5weztAYUb2lS_7s5OHs1J*Px%|ht!A!kL-*#yt|*Qb%TB9yg>k^yTr
zdlK53y@+7I8t_i#x8GD~`-g`Q=>ZQqnw^edz@i4<k^-t4lIrp=F65j5PBfU^!@zxx
zHopfxQ^!#<ybP2sn1IFp7hPp_vLFMVZ{g7kn;*zJvVRx&eZWV+-Iiv50*{NFUwohI
z;|F?%%rM6OW5M4F90P85G<`<od>YY39h-$KsE{4e{yN}G;1);l^pwc?uxWRp>2Md|
zzjlBJcva-Q-_|&?9Ri;LAE;E<CdWn2sLiqL6a(G`9&(h#UI89!dmz1-T44ft!g8-r
zWw6tU`xGt)NW+qtn*MuKj&72#5`(V`fn}Wn7Ouo0k=)?8e|4&kd;+{IBys3S0s9j7
zXASVOki;R8+|jYawI+DIki;R8oC2QKzOMs&wC~@yX#YzIUeAy?3^m)CP9}1i>`YG1
zkFww=%YE6E{a<1N7C(@5B~Uv>Llyg1uc5l1ngPZHujg4uOJWAHpq!OAxUgp+D&}_v
zcu5wVNx%fJ`eqhWM@uj;BLh+}E~LJhdF0Q-R0FF-WTNIu6@^yEZLDvY7!b6-wwok$
zUo*2*QM~upb`kjCea*~JN{ZTQ-USl8ubDYYNo|;dtOO;p5}?Q~sP9xjjVVY)t5HKG
zl#2bi=JMWzHGnUV$Vfc5^gBN!r2?J(22+{?zlz*n39TNI^6iAcV{$4WY7`20c1+Gg
z377vtNsAIz=cuef39EHj+OXuT)^T}@9j?v`6CO5s`M)w_VZ-XYG-Y7J>b*AS@Y<{K
u;$)yl4`IOn>($u+h2TiUuE-VXK>h=wQZO0WSQ2ai0000<MNUMnLSTZuketc@

literal 0
HcmV?d00001

diff --git a/LCARStrek/global/icons/webconsole.png b/LCARStrek/global/icons/webconsole.png
new file mode 100644
index 0000000000000000000000000000000000000000..48fdc9ba4f10f93f4a071f3917e16d8dc02f09d2
GIT binary patch
literal 1000
zcmV<E0~h>>P)<h;3K|Lk000e1NJLTq001ul001Zm1^@s6ZX%-;000B8Nkl<ZSi`-T
zv1{8v6vp*O1cC`vQ<jX$luVgRG-fJfHOZ7Ilt7W7n?vwqNCuZoh8ju+r=?&QixSes
z6iN&2&>@q-Taz^DV1s&3@tLQm_s%Cv@xg~L_ayXtpT3ib9OrR_jy$AVcPweRN>!yu
zX)vC<PR6mkyu76pG1}5_aDi*)-0N|TYakkn8y>1td0F72D0;THx7Weo@HecRAWcpA
z2*zg|pTGt|5Q{Y6GA2;r2G(^0WAJq@9=d_h;J9PD5Q>UP)hzJ10S=rtU;_6UN3r_@
z>N?~60CTynn~)So6SytB6o(YNAvP0u3XU4E9wp1z_y#DSi;VzZEeamMdxi}gTI3VE
zpJ~J9g)b}hm0E@v1>^}MLHR{LDs3B(MqueW&3+*-si|Z2@;1y`Tf4mLf~4~fem=Nf
z?{C%l@F!Ym-wa?5YsG`B3oL!QNxh8XHC1C9Q0uXnvHRn}o79QoT9Jc;G&QyT_1@Po
z@tioG0DkfEQD`l32ZSbPx&!cw=j_3T3+bqs6dzM0JZ``QK5-p6irt5Nr(7q_$H!p!
zv+qeg6}%V+4qk{&0-l0v*^a|s|4KHo!C9wJ+Wk~)82ChN^1uW5%IDjjv|$qsOv&<0
z8#WL8&bRyWV&|s6adp>{Vx(LR60QqS+WomcDxm?X2H;k%lkCssB?V*nb~Vge8#dRv
zAnCl()qy*D?^TC2CmPll1~7-U!olMUoGqnZMz9vwm<HnY8vjqjDBSgQoeFBjHo!od
zni_rF_9rlEP94Xvubw|D(Ez#wQj@dY0r*98_E^J(CQ&g6jwuvA(SQM5yN(^j?nAz*
z>(qHT2E+e;oz#=TOL5@frPyG23a(`hJ^FH3vWX4OI)&2i)7Y??N3qETAA>hmdg6w~
zYg4j3%ZAMd-`Ob--z@fr?>1UejFhVZc3p(h?$7g42@Qxf1#aUy&Hh|oQZP<VPQt9U
z)6>%~NII|GZo7>}qY7UbDwWCr=CD>cI9%ZP_&D`4f;Fgd4WLgSsc~^};o(nxSWqjp
z0S?mCRI}OiH4MzD;}~{xb2AoR!*@Vxa;7@~zj)4m$T3_<N5v#Krcij?fC*f?jvdAB
zL%yl&)Ok1t!|(6!C-h|SQXDvVDK;3Mf@@hrcRHPtO>A)1DU^1f#)gB(vB?Dw;I&$<
zCv8}~HZ9AuY}j1z=jZ3;qobpKy<TrgF;cDu*mVg?yFb@QB{U$_0NloPn*Djar2YdN
WZRqPD%vOH@0000<MNUMnLSTa8Al#Aw

literal 0
HcmV?d00001

diff --git a/LCARStrek/global/tabprompts.css b/LCARStrek/global/tabprompts.css
new file mode 100644
index 00000000..107346f1
--- /dev/null
+++ b/LCARStrek/global/tabprompts.css
@@ -0,0 +1,30 @@
+/* Tab Modal Prompt boxes */
+tabmodalprompt {
+  background-color: hsla(0,0%,97%,.15);
+  background-image: -moz-radial-gradient(center 40%, circle closest-side, hsla(0,0%,90%,.5), hsla(0,0%,90%,0));
+}
+
+.mainContainer {
+  padding: 20px;
+  color: #FF9F00;
+  background-color: #000000;
+  border-radius: 8px;
+  border: 1px solid #9C9CFF;
+}
+
+.buttonContainer {
+  margin-top: 10px;
+}
+
+.info\.icon {
+  width: 64px !important;
+  height: 64px !important;
+}
+
+.alert-icon {
+  list-style-image: url("chrome://global/skin/icons/information-tabmodal-64.png") !important;
+}
+
+.question-icon {
+  list-style-image: url("chrome://global/skin/icons/question-tabmodal-64.png") !important;
+}
diff --git a/LCARStrek/global/webConsole.css b/LCARStrek/global/webConsole.css
index 8f5d30da..0b25735c 100644
--- a/LCARStrek/global/webConsole.css
+++ b/LCARStrek/global/webConsole.css
@@ -40,7 +40,7 @@
 }
 
 .hud-box.animated {
-  -moz-transition: height 350ms;
+  -moz-transition: height 100ms;
 }
 
 .hud-outer-wrapper {
@@ -117,10 +117,50 @@
   display: none;
 }
 
-.hud-group:first-child > .hud-divider {
+.webconsole-clear-console-button > .toolbarbutton-icon {
   display: none;
 }
 
+  -moz-box-orient: horizontal;
+  list-style-image: url("chrome://global/skin/icons/webconsole.png");
+}
+
+/* Network button */
+.webconsole-filter-button[category="net"] {
+  -moz-image-region: rect(0, 40px, 10px, 30px);
+}
+
+/* CSS button */
+.webconsole-filter-button[category="css"] {
+  -moz-image-region: rect(10px, 40px, 20px, 30px);
+}
+
+/* JS button */
+.webconsole-filter-button[category="js"] {
+  -moz-image-region: rect(20px, 40px, 30px, 30px);
+}
+
+/* Web Developer button */
+.webconsole-filter-button[category="webdev"] {
+  -moz-image-region: rect(30px, 40px, 40px, 30px);
+}
+
+.webconsole-close-button {
+  border: none;
+  padding: 3px;
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  -moz-appearance: none;
+}
+
+.webconsole-close-button:hover {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+.webconsole-close-button:hover:active {
+  -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
 /* JSTerm Styles */
 
 .jsterm-wrapper-node {
@@ -168,17 +208,3 @@
   padding: 1px 0px;
   -moz-box-align: center;
 }
-
-.jsterm-close-button {
-  background: none;
-  border: none;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-  margin: 0px;
-  min-width: 0px;
-  padding: 1px 3px 1px 7px;
-  -moz-user-focus: ignore;
-}
-
-.jsterm-close-button:hover, .jsterm-close-button:active {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index a71f19aa..f58806c9 100644
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -37,6 +37,7 @@
 
 #addons-page {
   background-color: #000000;
+  color: #FF9F00;
   margin: 20px;
 }
 
@@ -50,7 +51,10 @@
 .nav-button {
   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
   min-width: 0;
-  -moz-margin-end: 0;
+}
+
+#forward-btn {
+  -moz-border-start: none;
 }
 
 #back-btn:-moz-locale-dir(ltr),
@@ -75,6 +79,10 @@
 
 /*** global warnings ***/
  
+.global-warning-container {
+  overflow-x: hidden;
+}
+
 .global-warning {
   -moz-box-align: center;
   padding: 0 8px;
@@ -91,6 +99,18 @@
   border-bottom: 3px solid #000000;  
 }
 
+@media all and (max-width: 600px) {
+  .global-warning-text {
+    display: none;
+  }
+
+  .global-warning .warning-icon {
+    /* background-color: #FFF;
+    box-shadow: 0px 0px 2px 5px #FFF;
+    border-radius: 10px; */
+  }
+}
+
 /*** notification icons ***/
 
 .warning-icon {
@@ -115,6 +135,55 @@
   margin: 1px 0;
 }
 
+.addon-view[pending="disable"] .pending-icon,
+.addon-view[pending="uninstall"] .pending-icon {
+  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+  width: 16px;
+  height: 15px;
+  margin: 3px 0;
+}
+
+
+/*** view alert boxes ***/
+
+.alert-container {
+  -moz-box-align: center;
+}
+
+.alert-spacer-before {
+  -moz-box-flex: 1;
+}
+
+.alert-spacer-after {
+  -moz-box-flex: 3;
+}
+
+.alert {
+  -moz-box-align: center;
+  padding: 10px;
+  color: #FF9F00;
+  border: 1px solid #9C9CFF;
+  border-radius: 8px;
+  background-color: #000000;
+}
+
+.alert .alert-title {
+  font-weight: bold;
+  font-size: 200%;
+  margin-bottom: 15px;
+}
+
+.alert .addon-control {
+  margin: 1em 2em;
+}
+
+.loading {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+
 /*** category selector ***/
 
 #categories {
@@ -123,17 +192,19 @@
   -moz-margin-end: -1px;
   background-color: transparent;
   position: relative;
+  margin-top: 31px;
 }
 
 .category {
+  background-color: transparent;
+  color: #000000;
+  min-height: 0;
+  padding: 10px 4px;
   border-width: 1px;
-  -moz-border-end-width: 0;
   border-style: solid;
   border-color: transparent;
-  padding: 10px 4px;
   -moz-box-align: center;
   overflow: hidden;
-  min-height: 0px;
 }
 
 .category:-moz-locale-dir(ltr) {
@@ -147,7 +218,7 @@
 }
 
 .category[disabled] {
-  height: 0px;
+  height: 0;
   opacity: 0;
   -moz-transition-property: height, opacity;
   -moz-transition-duration: 1s, 0.8s;
@@ -161,6 +232,7 @@
 
 .category[selected] {
   color: FFCF00;
+  font-weight: bold;
   border-color: #9C9CFF;
 }
 
@@ -168,10 +240,17 @@
   font-size: 150%;
 }
 
+/* Maximize the size of the viewport when the window is small */
+@media all and (max-width: 800px) {
+  .category-name {
+    display: none;
+  }
+}
+
 .category-badge {
   background-color: #E7ADE7;
   padding: 2px 8px;
-  margin: 6px 0px;
+  margin: 6px 0;
   border-radius: 10000px;
   color: #000000;
   font-weight: bold;
@@ -220,38 +299,31 @@
 /*** header ***/
 
 #header {
-  margin-bottom: 20px;
+  margin-bottom: 18px;
   height: 2em;
 }
 
-#header-name, #header-link {
-  color: #000000;
-}
-
-#header-name {
-  font-size: 180%;
-}
-
-#header-link {
-  -moz-appearance: none;
-  border: none;
-  background: transparent;
-  font-size: 120%;
-  cursor: pointer;
-  list-style-image: url("chrome://mozapps/skin/extensions/go-back.png");
+#header-search {
+  color: #E7ADE7;
+  border: 1px solid #9C9CFF;
+  border-radius: 4px;
+  padding: 3px;
+  background-color: #000000;
+  margin: 0;
 }
 
-#header-link .button-icon {
-  -moz-margin-end: 6px;
+#header-search .textbox-input:-moz-placeholder {
+  color: #8050B0;
 }
 
-#header-searching {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+#header-search[focused="true"] {
+  border-color: #008484;
 }
 
 #header-utils-btn {
   min-width: 4.5em;
   list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
+  -moz-margin-end: 18px;
 }
 
 #header-utils-btn:hover,
@@ -260,10 +332,6 @@
   list-style-image: url("chrome://mozapps/skin/extensions/utilities-hover.png");
 }
 
-#header-utils-btn:-moz-focusring > .button-box {
-  border: none;
-}
-
 #header-utils-btn > .button-box > .button-menu-dropmarker {
   border: none;
   background: transparent;
@@ -274,9 +342,11 @@
 }
 
 .view-header {
+  background-color: #000000;
   border-radius: 8px;
   padding: 0px 1em;
   margin: 3px;
+  min-height: 31px;
 }
 
 
@@ -294,10 +364,10 @@
   background-color: transparent;
   color: #8050B0;
   border-radius: 0;
-  padding: 0px 6px;
+  padding: 0 6px;
   -moz-padding-start: 6px;
   -moz-padding-end: 3px;
-  margin: 0px;
+  margin: 0;
   min-width: 12px !important;
   -moz-box-direction: reverse;
 }
@@ -306,6 +376,11 @@
   color: #000000;
 }
 
+.sorter .button-box {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .sorter[checkState="1"],
 .sorter[checkState="2"] {
   background-color: #008484;
@@ -325,21 +400,10 @@
 }
 
 
-/*** empty list notification ***/
-
-.empty-list-notice {
-  -moz-box-align: center;
-}
-
-.empty-list-notice > button {
-  margin: 20px;
-}
-
-
 /*** list ***/
 
 .list {
-  margin: 0px;
+  margin: 0;
   border: none;
   background-color: transparent;
 }
@@ -347,6 +411,7 @@
 .addon {
   border-bottom: 1px solid #9C9CFF;
   padding: 5px;
+  background-origin: border-box;
 }
 
 .addon[status="installing"] {
@@ -362,7 +427,7 @@
 .icon-container {
   width: 48px;
   height: 48px;
-  margin: 7px;
+  margin: 22px 7px 7px 7px;
 }
 
 .icon {
@@ -371,6 +436,10 @@
   max-height: 48px;
 }
 
+.addon[active="false"] .icon {
+/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
+}
+
 .addon-view[type="theme"] .icon {
   list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
 }
@@ -383,9 +452,20 @@
   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
 }
 
-.name-container {
+.name-container,
+.addon[status="installing"] .name {
   font-size: 150%;
-  margin-bottom: 0px;
+  font-weight: bold;
+  color: #E7ADE7;
+  margin-bottom: 0;
+}
+
+.creator {
+  font-weight: bold;
+}
+
+.creator .text-link {
+  /* color: #0066CC; */
 }
 
 .description-container {
@@ -397,65 +477,35 @@
   margin: 0;
 }
 
-.warning, .pending, .error, .info {
+.warning,
+.pending,
+.error,
+.info {
   -moz-margin-start: 48px;
+  font-weight: bold;
 }
 
-.addon-view:not([selected]) .warning {
+.addon-view .warning {
   color: #FFCF00;
 }
 
-.addon-view:not([selected]) .error {
+.addon-view .error {
   color: #FF0000;
 }
 
-.addon-view:not([selected]) .pending {
+.addon-view .pending {
   color: #008484;
 }
 
-.addon-view[notification="warning"] {
-  background-color : #FFCF00;
-  color: #000000;
-}
-
-.addon-view[notification="warning"] .warning {
-  color: #000000;
-}
-
-.addon-view[notification="error"] {
-  background-color: #FF0000;
-  color: #000000;
-}
-
-.addon-view[notification="error"] .error {
-  color: #000000;
-}
-
-.addon-view[notification="info"] {
-  background-color: #9C9CFF;
-  color: #000000;
-}
-
-.addon-view[pending="enable"],
-.addon-view[pending="upgrade"],
-.addon-view[pending="install"] {
-  background-color: #008484;
-}
-
-.addon-view[pending="enable"] .pending,
-.addon-view[pending="upgrade"] .pending,
-.addon-view[pending="install"] .pending {
-  color: #000000;
-}
-
-.addon-view[pending="disable"],
-.addon-view[pending="uninstall"] {
-  color: #8050B0;
+.addon-view[pending="disable"] .pending,
+.addon-view[pending="uninstall"] .pending {
+  color: #FF9C00;
 }
 
 .addon .relnotes-container {
   -moz-box-align: start;
-  height: 0px;
+  -moz-margin-start: 6px;
+  height: 0;
   overflow: hidden;
   opacity: 0;
   -moz-transition-property: height, opacity;
@@ -470,7 +520,7 @@
 
 .addon .relnotes-header {
   font-weight: bold;
-  margin: 10px 0px;
+  margin: 10px 0;
 }
 
 .addon .relnotes-toggle {
@@ -490,6 +540,49 @@
   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 }
 
+.addon[active="false"] {
+  /* background-color: rgba(135, 135, 135, 0.1); */
+}
+
+.addon-view[active="false"],
+.addon-view[active="false"] .name-container {
+  color: #E7ADE7;
+}
+
+.addon-view[notification="warning"] {
+  background-color : #FFCF00;
+  color: #000000;
+}
+
+.addon-view[notification="warning"] .warning {
+  color: #000000;
+}
+
+.addon-view[notification="error"] {
+  background-color: #FF0000;
+  color: #000000;
+}
+
+.addon-view[notification="error"] .error {
+  color: #000000;
+}
+
+.addon-view[notification="info"] {
+  background-color: #9C9CFF;
+  color: #000000;
+}
+
+.addon-view[pending="enable"],
+.addon-view[pending="upgrade"],
+.addon-view[pending="install"] {
+  background-color: #008484;
+}
+
+.addon-view[pending="disable"],
+.addon-view[pending="uninstall"] {
+  color: #8050B0;
+}
+
 
 /*** item - uninstalled ***/
 
@@ -509,6 +602,19 @@
   background-color: transparent;
 }
 
+.addon[selected] {
+  background-color: #008484;
+  color: #FFCF00;
+}
+
+.addon[selected] .name-container {
+  /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);  */
+}
+
+.addon[active="false"][selected] .name-container {
+  /* color: #; */
+}
+
 
 /*** search view ***/
 
@@ -517,6 +623,8 @@
   -moz-box-align: center;
   background-color: #000000;
   font-size: 120%;
+  border-bottom: 1px solid #9C9CFF;
+  overflow-x: hidden;
 }
 
 #search-filter-label {
@@ -525,8 +633,8 @@
 }
 
 .search-filter-radio {
-  padding: 0px 6px;
-  margin: 0px 3px;
+  padding: 0 6px;
+  margin: 0 3px;
   border-radius: 10000px;
 }
 
@@ -550,48 +658,41 @@
 
 /*** detail view ***/
 
-#detail-view[active="false"] .fade {
-  opacity: 0.5;
-}
-
 #detail-view .loading {
   opacity: 0;
 }
 
-#detail-view:not([loading]) .loading {
+#detail-view:not([loading]) .alert-container {
   visibility: collapse;
 }
 
 #detail-view[loading-extended] .loading {
-  -moz-box-align: center;
-  -moz-box-pack: center;
   opacity: 1;
   -moz-transition-property: opacity;
   -moz-transition-duration: 1s;
 }
 
-#detail-view .loading > image {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-
 .detail-view-container {
-  padding: 2em;
+  padding: 0 2em 2em 2em;
   font-size: 110%;
 }
 
 #detail-notifications {
+  margin-top: 1em;
   margin-bottom: 2em;
 }
 
 #detail-notifications .warning,
 #detail-notifications .pending,
-#detail-notifications .error,
-#detail-notifications .info {
+#detail-notifications .error {
   -moz-margin-start: 0;
 }
 
 #detail-icon {
   -moz-margin-end: 10px;
+  margin-top: 6px;
+  max-width: 64px;
+  max-height: 64px;
 }
 
 #detail-summary {
@@ -616,6 +717,7 @@
   /* This is necessary to fix layout issues with multi-line descriptions, see
      bug 592712*/
   outline: solid transparent;
+  min-width: 8em;
 }
 
 #detail-contributions {
@@ -623,23 +725,25 @@
   border: 1px solid #9C9CFF;
   margin-bottom: 2em;
   padding: 1em;
-  background: #FFCF00;
+  background-color: #FFCF00;
 }
 
 #detail-contrib-description {
   font-style: italic;
   margin-bottom: 1em;
+  color: #000000;
 }
 
 #detail-contrib-suggested {
-  color: grey;
+  color: #8050B0;
+  font-weight: bold;
 }
 
-#detail-contrib-button {
+#detail-contrib-btn {
   list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
 }
 
-#detail-contrib-button .button-icon {
+#detail-contrib-btn .button-icon {
   -moz-margin-end: 3px;
 }
 
@@ -662,12 +766,19 @@
   -moz-margin-start: 0;
 }
 
+#detail-controls {
+  margin-bottom: 1em;
+}
+
+#detail-view[active="false"]:not([pending]):not([notification]) {
+  /* background-color: foo; */
+}
 
 /*** creator ***/
 
 .creator > label {
-  -moz-margin-start: 0px;
-  -moz-margin-end: 0px;
+  -moz-margin-start: 0;
+  -moz-margin-end: 0;
 }
 
 .creator > .text-link {
@@ -679,25 +790,18 @@
 /*** rating ***/
 
 .meta-rating {
-  -moz-margin-start: 0px;
-  -moz-margin-end: 0px;
-  vertical-align: text-top;
+  -moz-margin-start: 0;
+  -moz-margin-end: 0;
+  padding-top: 2px;
 }
 
-.meta-rating[showrating="average"] > .star {
+.meta-rating > .star {
   list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
-  padding: 0px 1px;
+  padding: 0 1px;
 }
 
-.meta-rating[showrating="user"] > .star {
-  list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
-  padding: 2px 3px;
-}
-
-.meta-rating > .star[on="true"],
-.meta-rating[showrating="user"] > .star[hover] {
+.meta-rating > .star[on="true"] {
   list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
-  padding: 0px 1px;
 }
 
 
@@ -708,8 +812,8 @@
   border-radius: 10000px;
   border: 1px solid #FF9F00;
   width: 200px;
-  height: 24px;
-  margin: 0px 8px;
+  height: 21px;
+  margin: 0 8px;
 }
 
 .download-progress .start-cap,
@@ -720,6 +824,9 @@
 
 .download-progress .progress {
   background-color: transparent;
+  padding: 0;
+  margin: 0;
+  border: none;
 }
 
 .download-progress .start-cap, .download-progress .end-cap {
@@ -728,32 +835,39 @@
 
 .download-progress .start-cap:-moz-locale-dir(ltr),
 .download-progress .end-cap:-moz-locale-dir(rtl) {
-  border-radius: 10000px 0 0 10000px;
+  border-radius: 3px 0 0 3px;
 }
 
 .download-progress .end-cap:-moz-locale-dir(ltr),
 .download-progress .start-cap:-moz-locale-dir(rtl) {
-  border-radius: 0 10000px 10000px 0;
+  border-radius: 0 3px 3px 0;
 }
 
-.download-progress .progress {
+.download-progress .pause,
+.download-progress .cancel {
   -moz-appearance: none;
-  padding: 0px;
-  margin: 0px;
+  background-color: #8050B0;
+  border: 1px solid #9C9CFF;
+  padding: 3px;
+  border-radius: 3px;
+  min-width: 0;
+  margin: 3px;
+}
+
+.download-progress .pause .button-box,
+.download-progress .cancel .button-box {
+  padding: 0;
   border: none;
 }
 
-.download-progress .pause, .download-progress .cancel {
-  -moz-appearance: none;
-  background-color: #8050B0;
-  border-width: 1px 0px 0px 1px;
-  padding-right: 1px;
-  border-style: solid;
-  border-radius: 10000px;
-  min-width: 16px;
-  width: 16px;
-  height: 16px;
-  margin: 3px;
+.download-progress .pause .button-text,
+.download-progress .cancel .button-text {
+  display: none;
+}
+
+.download-progress .pause .button-icon,
+.download-progress .cancel .button-icon {
+  -moz-margin-start: 0;
 }
 
 .download-progress .pause {
@@ -768,6 +882,9 @@
   -moz-box-align: center;
 }
 
+.download-progress .status {
+/*  text-shadow: #FFF 0 0 2px; */
+}
 
 /*** install status ***/
 
@@ -782,7 +899,12 @@
   -moz-box-align: center;
 }
 
-#updates-installed, #updates-downloaded {
+#updates-container .button-link {
+  font-weight: bold;
+}
+
+#updates-installed,
+#updates-downloaded {
   color: #008484;
   font-weight: bold;
 }
-- 
2.35.3