update both themes for toolkit winstripe changes between 2009-02-23 and 2009-05-01

diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css
index c86773d26b71960a2061feae458c1f81d562827c..86d4cf897f9605a792c36a45978b908a959ea942 100644 (file)
--- a/EarlyBlue/global/autocomplete.css
+++ b/EarlyBlue/global/autocomplete.css
@@ -151,7 +151,10 @@ panel[type="autocomplete-richlistbox"],
 
 .autocomplete-richlistitem {
   padding: 1px 2px;
-  border-bottom: 1px solid #666699;
+}
+
+.autocomplete-richlistitem:not(:first-child) {
+  border-top: 1px solid #666699;
 }
 
 .ac-site-icon {

diff --git a/EarlyBlue/global/dirListing/dirListing.css b/EarlyBlue/global/dirListing/dirListing.css
index c122145ece0f8b579a4c4f0fa58eaf8c04d8ea42..457454d2ed303a49caa946f20593349bccd4ce51 100644 (file)
--- a/EarlyBlue/global/dirListing/dirListing.css
+++ b/EarlyBlue/global/dirListing/dirListing.css
@@ -19,6 +19,7 @@
  * the Initial Developer. All Rights Reserved.
  *
  * Contributor(s):
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.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
@@ -77,11 +78,19 @@ p {
   float: left;
 }
 
+body[dir="rtl"] #UI_goUp {
+  float: right;
+}
+
 #UI_showHidden {
   margin-top: 0;
   float: right;
 }
 
+body[dir="rtl"] #UI_showHidden {
+  float: left;
+}
+
 table {
   clear: both;
   width: 90%;
@@ -94,7 +103,7 @@ thead {
 
 /* last modified */
 th:first-child {
-  text-align: center;
+  text-align: center !important;
 }
 
 th:hover > a {

diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css
index 4cedc1fccb3e8fcba65d59f24bddea7892b9b27a..709dd0eddbbda263d067bfc62b14065444703d4d 100644 (file)
--- a/EarlyBlue/global/global.css
+++ b/EarlyBlue/global/global.css
@@ -154,10 +154,6 @@ statusbarpanel {
   padding: 0px 1px;
 }
 
-resizer[dir="bottomright"] {
-  cursor: se-resize;
-}
-
 window:not([active="true"]) menubar > menu {
   color: #808080;
 }

diff --git a/EarlyBlue/global/media/scrubberThumb.png b/EarlyBlue/global/media/scrubberThumb.png
index bac1b1ae8fd56b1d875943100d973d3807a31bde..10363f25fed5b10a9465ff6548019cb578c59a59 100644 (file)
Binary files a/EarlyBlue/global/media/scrubberThumb.png and b/EarlyBlue/global/media/scrubberThumb.png differ

diff --git a/EarlyBlue/global/media/scrubberThumbWide.png b/EarlyBlue/global/media/scrubberThumbWide.png
new file mode 100644 (file)
index 0000000..4dc4cec
Binary files /dev/null and b/EarlyBlue/global/media/scrubberThumbWide.png differ

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
index 371a98e3e0714b7879b210d04b961171215c37a0..a6d708c9eec3a5412b59c28efdaafe5dd7776044 100644 (file)
--- a/EarlyBlue/global/media/videocontrols.css
+++ b/EarlyBlue/global/media/videocontrols.css
@@ -17,6 +17,8 @@
 }
 .playButton {
   min-width: 28px;
+  margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */
+  position: relative; /* Trick to work around negative margin interfering with clicking on the button. */
 }
 .muteButton {
   min-width: 33px;
@@ -36,15 +38,61 @@
   background-image: url("chrome://global/skin/media/unmuteButton.png");
 }
 
+.volumeStack {
+  width: 28px;
+  height: 70px;
+  background-color: rgba(102,102,153,0.74);
+  /* use negative margin to place stack over the mute button to its left. */
+  margin: -70px 3px 28px -31px;
+  overflow: hidden; /* crop it when sliding down, don't grow the control bar */
+  position: relative; /* Trick to work around negative margin interfering with dragging the thumb. */
+  padding-top: 6px;
+}
+
+.volumeControl {
+  min-height: 64px;
+}
+
+/* .scale-thumb is an element inside the <scale> implementation. */
+.volumeControl .scale-thumb {
+  /* Override the default thumb appearance with a custom image. */
+  -moz-appearance: none;
+  background: url("chrome://global/skin/media/volumeThumb.png") no-repeat center;
+  border: none !important;
+  min-width: 16px;
+  min-height: 11px;
+}
+
+.volumeBackgroundBar {
+  /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
+  margin: 0px 10px;
+  background-color: rgba(0,0,0,0.5);
+}
+
+
+.durationBox {
+  -moz-box-pack: center;
+}
+
+.durationLabel {
+  margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */
+  padding-left: 8px; /* don't bump into the scrubber bar */
+  padding-top: 0px; /* center vertically with scrubber bar */
+  color: rgba(204,208,221,0.75);
+  font: 11px sans-serif;
+}
+
 .backgroundBar {
-  /* make bar 8px tall (control height = 28, minus 2 * 10 margin) */
-  margin: 10px 2px;
+  /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */
+  /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
+  margin: 10px 22px;
   background-color: rgba(0,0,0,0.75);
 }
 
 .bufferBar, .progressBar {
-  /* make bar 8px tall (control height = 28, minus 2 * 10 margin) */
-  margin: 10px 2px;
+  /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */
+  /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
+  margin: 10px 22px;
   border: none;
   background-color: transparent;
   min-width: 0px;
@@ -68,17 +116,67 @@
 }
 
 /* .scale-slider is an element inside the <scale> implementation. */
-.scale-slider {
+.scrubber .scale-slider, .volumeControl .scale-slider {
   /* Hide the default horizontal bar. */
   background: none;
-  margin: 0 2px;
+  margin: 0;
+}
+
+.scrubber .scale-slider {
+    /* abs(margin-top) + margin-bottom + bar height == timeThumb height */
+    margin-top: -9px;
+    margin-bottom: 10px;
 }
 
 /* .scale-thumb is an element inside the <scale> implementation. */
-.scale-thumb {
+.scrubber .scale-thumb {
   /* Override the default thumb appearance with a custom image. */
-  background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center;
+  background: transparent;
   border: none !important;
-  min-width: 11px;
-  min-height: 20px;
+}
+
+.timeThumb {
+    background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center;
+    min-width: 45px;
+    min-height: 27px;
+    -moz-box-pack: center;
+}
+
+.timeThumb[showhours="true"] {
+    background: url("chrome://global/skin/media/scrubberThumbWide.png") no-repeat center;
+}
+
+/*
+.timeThumb:hover, .timeThumb:active {
+  background-image: url("chrome://global/skin/media/scrubberThumb-hover.png");
+}
+*/
+
+.timeLabel {
+    color: rgba(0,0,0,0.75);
+    font: 10px sans-serif;
+    text-shadow: rgba(102,102,153, 0.3) 0 1px;
+    padding-top: 2px;
+}
+
+.timeThumb[showhours="true"] > .timeLabel {
+    padding-top: 1px;
+}
+
+.statusOverlay {
+    background-color: rgba(0,0,0,0.55);
+}
+
+.statusIcon {
+    margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */
+    width: 32px;
+    height: 32px;
+}
+
+.statusIcon[type="throbber"] {
+    background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center;
+}
+
+.statusIcon[type="error"] {
+    background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
 }

diff --git a/EarlyBlue/global/media/volumeThumb.png b/EarlyBlue/global/media/volumeThumb.png
new file mode 100644 (file)
index 0000000..5e1c3f1
Binary files /dev/null and b/EarlyBlue/global/media/volumeThumb.png differ

diff --git a/EarlyBlue/global/notification.css b/EarlyBlue/global/notification.css
index 8362963ad8d6427a23d5acb1288cb33c17e54226..6d17a07b71f68a6ad9fdd24bd3c4dcca5920c88b 100644 (file)
--- a/EarlyBlue/global/notification.css
+++ b/EarlyBlue/global/notification.css
@@ -37,12 +37,12 @@ notification[type="critical"] .messageImage {
   list-style-image: url("chrome://global/skin/icons/error-16.png");
 }
 
-.messageText {
-  -moz-margin-start: 5px;
-}
-
 .messageCloseButton {
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
   padding: 4px 2px;
   border: none;
 }
+
+.messageCloseButton > .toolbarbutton-icon {
+  -moz-margin-start: 5px;
+}

diff --git a/EarlyBlue/global/tabbox.css b/EarlyBlue/global/tabbox.css
index 6d00c6acd53201abcc80290a528386b566a420b3..9d5547e73148342bf3bf4b126e45d15818394dfc 100644 (file)
--- a/EarlyBlue/global/tabbox.css
+++ b/EarlyBlue/global/tabbox.css
@@ -93,7 +93,7 @@ tab:focus > .tab-middle {
 }
 
 /*
-tab[first-tab="true"][selected="true"] {
+tab:first-of-type[selected="true"] {
   -moz-padding-end: 5px;
   -moz-padding-start: 5px;
 }

diff --git a/EarlyBlue/global/toolbarbutton.css b/EarlyBlue/global/toolbarbutton.css
index 4ec3c75ce1c3d8032e973eeb8b358130418ef4b6..59a76908ecc53508de8ea905f6fe6c2caf5c6f0a 100644 (file)
--- a/EarlyBlue/global/toolbarbutton.css
+++ b/EarlyBlue/global/toolbarbutton.css
@@ -55,7 +55,8 @@ toolbarbutton {
   color: #000000;
 }
 
-.toolbarbutton-icon {
+.toolbarbutton-icon[label]:not([label=""]),
+.toolbarbutton-icon[type="menu"] {
   -moz-margin-end: 2px;
 }
 

diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css
index ccadf73c53ac91233cf5cdb03de564c0027a6101..975c77b8416bc5ecbf3f989627d8c35b11d55908 100644 (file)
--- a/LCARStrek/global/autocomplete.css
+++ b/LCARStrek/global/autocomplete.css
@@ -151,7 +151,10 @@ panel[type="autocomplete-richlistbox"],
 
 .autocomplete-richlistitem {
   padding: 1px 2px;
-  border-bottom: 1px solid #E7ADE7;
+}
+
+.autocomplete-richlistitem:not(:first-child) {
+  border-top: 1px solid #E7ADE7;
 }
 
 .ac-site-icon {

diff --git a/LCARStrek/global/dirListing/dirListing.css b/LCARStrek/global/dirListing/dirListing.css
index 28efb9682c4b7d8d3e80017fefb71bbbdc9110f6..2da4f02e285361f8d22c6b654e98b1aca52dee5f 100644 (file)
--- a/LCARStrek/global/dirListing/dirListing.css
+++ b/LCARStrek/global/dirListing/dirListing.css
@@ -19,6 +19,7 @@
  * the Initial Developer. All Rights Reserved.
  *
  * Contributor(s):
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.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
@@ -78,11 +79,19 @@ p {
   float: left;
 }
 
+body[dir="rtl"] #UI_goUp {
+  float: right;
+}
+
 #UI_showHidden {
   margin-top: 0;
   float: right;
 }
 
+body[dir="rtl"] #UI_showHidden {
+  float: left;
+}
+
 table {
   clear: both;
   width: 90%;
@@ -95,7 +104,7 @@ thead {
 
 /* last modified */
 th:first-child {
-  text-align: center;
+  text-align: center !important;
 }
 
 th:hover > a {

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index ccb3dec0f5fcf25962bf42773fab3c5faf8257e8..444b46da0416ff022d3f9e7ba61adcf773027e5a 100644 (file)
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -194,10 +194,6 @@ statusbarpanel {
   padding: 0px 1px;
 }
 
-resizer[dir="bottomright"] {
-  cursor: se-resize;
-}
-
 window:not([active="true"]) menubar > menu {
   color: #8050B0;
 }

diff --git a/LCARStrek/global/media/scrubberThumb-hover.png b/LCARStrek/global/media/scrubberThumb-hover.png
deleted file mode 100644 (file)
index 82c9c01..0000000
Binary files a/LCARStrek/global/media/scrubberThumb-hover.png and /dev/null differ

diff --git a/LCARStrek/global/media/scrubberThumb.png b/LCARStrek/global/media/scrubberThumb.png
index 052d7c545b4f9a07281dc803998abde6c9745c5e..43087bcfddd63900e442db5dda938dc9cb875188 100644 (file)
Binary files a/LCARStrek/global/media/scrubberThumb.png and b/LCARStrek/global/media/scrubberThumb.png differ

diff --git a/LCARStrek/global/media/scrubberThumbWide.png b/LCARStrek/global/media/scrubberThumbWide.png
new file mode 100644 (file)
index 0000000..4097940
Binary files /dev/null and b/LCARStrek/global/media/scrubberThumbWide.png differ

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 149c0dee6a3a83ef8aa438f518b62825314307d2..474933d6ae4679b1701cbc73b150053013a450ee 100644 (file)
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -17,6 +17,8 @@
 }
 .playButton {
   min-width: 28px;
+  margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */
+  position: relative; /* Trick to work around negative margin interfering with clicking on the button. */
 }
 .muteButton {
   min-width: 33px;
@@ -55,16 +57,66 @@
   background-image: url("chrome://global/skin/media/unmuteButton-hover.png");
 }
 
+.volumeStack {
+  width: 28px;
+  height: 70px;
+  background-color: rgba(156,156,255,0.74);
+  /* use negative margin to place stack over the mute button to its left. */
+  margin: -70px 3px 28px -31px;
+  overflow: hidden; /* crop it when sliding down, don't grow the control bar */
+  position: relative; /* Trick to work around negative margin interfering with dragging the thumb. */
+  padding-top: 6px;
+}
+
+.volumeControl {
+  min-height: 64px;
+}
+
+/* .scale-thumb is an element inside the <scale> implementation. */
+.volumeControl .scale-thumb {
+  /* Override the default thumb appearance with a custom image. */
+  -moz-appearance: none;
+  background: url("chrome://global/skin/media/volumeThumb.png") no-repeat center;
+  border: none !important;
+  min-width: 16px;
+  min-height: 11px;
+}
+.volumeControl .scale-thumb:hover, .volumeControl .scale-thumb:active {
+  background-image: url("chrome://global/skin/media/volumeThumb-hover.png");
+}
+
+.volumeBackgroundBar {
+  /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
+  margin: 0px 10px;
+  background-color: rgba(0,0,0,0.5);
+  -moz-border-radius: 4px 4px;
+}
+
+
+.durationBox {
+  -moz-box-pack: center;
+}
+
+.durationLabel {
+  margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */
+  padding-left: 8px; /* don't bump into the scrubber bar */
+  padding-top: 0px; /* center vertically with scrubber bar */
+  color: rgba(0,0,0,0.75);
+  font: 11px sans-serif;
+}
+
 .backgroundBar {
-  /* make bar 8px tall (control height = 28, minus 2 * 10 margin) */
-  margin: 10px 2px;
+  /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */
+  /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
+  margin: 10px 22px;
   background-color: rgba(0,0,0,0.75);
-  -moz-border-radius: 3px 3px;
+  -moz-border-radius: 4px 4px;
 }
 
 .bufferBar, .progressBar {
-  /* make bar 8px tall (control height = 28, minus 2 * 10 margin) */
-  margin: 10px 2px;
+  /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */
+  /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
+  margin: 10px 22px;
   border: none;
   background-color: transparent;
   min-width: 0px;
@@ -79,32 +131,78 @@
    * compositing gives it a different visual appearance.
    */
   background-color: rgba(255,159,0,0.75);
-  -moz-border-radius: 3px 3px;
+  -moz-border-radius: 4px 4px;
   -moz-appearance: none;
 }
 
 .progressBar .progress-bar {
   background-color: #008484;
-  -moz-border-radius: 3px 3px;
+  -moz-border-radius: 4px 0px 0px 4px;
   -moz-appearance: none;
 }
 
 /* .scale-slider is an element inside the <scale> implementation. */
-.scale-slider {
+.scrubber .scale-slider, .volumeControl .scale-slider {
   /* Hide the default horizontal bar. */
   background: none;
-  margin: 0 2px;
+  margin: 0;
+}
+
+.scrubber .scale-slider {
+    /* abs(margin-top) + margin-bottom + bar height == timeThumb height */
+    margin-top: -9px;
+    margin-bottom: 10px;
 }
 
 /* .scale-thumb is an element inside the <scale> implementation. */
-.scale-thumb {
+.scrubber .scale-thumb {
   /* Override the default thumb appearance with a custom image. */
-  background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center;
+  background: transparent;
   border: none !important;
-  min-width: 11px;
-  min-height: 20px;
 }
 
-.scale-thumb:hover, .scale-thumb:active {
+.timeThumb {
+  background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center;
+  min-width: 45px;
+  min-height: 27px;
+  -moz-box-pack: center;
+}
+
+.timeThumb[showhours="true"] {
+  background: url("chrome://global/skin/media/scrubberThumbWide.png") no-repeat center;
+}
+
+/*
+.timeThumb:hover, .timeThumb:active {
   background-image: url("chrome://global/skin/media/scrubberThumb-hover.png");
 }
+*/
+
+.timeLabel {
+    color: rgba(0,0,0,0.75);
+    font: 10px sans-serif;
+    text-shadow: rgba(255,259,0, 0.3) 0 1px;
+    padding-top: 2px;
+}
+
+.timeThumb[showhours="true"] > .timeLabel {
+    padding-top: 1px;
+}
+
+.statusOverlay {
+    background-color: rgba(0,0,0,0.55);
+}
+
+.statusIcon {
+    margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */
+    width: 36px;
+    height: 36px;
+}
+
+.statusIcon[type="throbber"] {
+    background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center;
+}
+
+.statusIcon[type="error"] {
+    background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
+}

diff --git a/LCARStrek/global/media/volumeThumb-hover.png b/LCARStrek/global/media/volumeThumb-hover.png
new file mode 100644 (file)
index 0000000..718f27d
Binary files /dev/null and b/LCARStrek/global/media/volumeThumb-hover.png differ

diff --git a/LCARStrek/global/media/volumeThumb.png b/LCARStrek/global/media/volumeThumb.png
new file mode 100644 (file)
index 0000000..2bf0803
Binary files /dev/null and b/LCARStrek/global/media/volumeThumb.png differ

diff --git a/LCARStrek/global/notification.css b/LCARStrek/global/notification.css
index cbe1a5cfc070ba4a3e3657d998eccb65f2818444..86e321f5810e801afb4694c7271b7045cf4c8319 100644 (file)
--- a/LCARStrek/global/notification.css
+++ b/LCARStrek/global/notification.css
@@ -34,10 +34,6 @@ notification[type="critical"] .messageImage {
   list-style-image: url("chrome://global/skin/icons/error-16.png");
 }
 
-.messageText {
-  -moz-margin-start: 5px;
-}
-
 .notification-inner {
   -moz-margin-start: 8px;
   -moz-margin-end: 12px;
@@ -53,3 +49,7 @@ notification[type="critical"] .messageImage {
 .messageCloseButton:hover:active {
   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
 }
+
+.messageCloseButton > .toolbarbutton-icon {
+  -moz-margin-start: 5px;
+}

diff --git a/LCARStrek/global/tabbox.css b/LCARStrek/global/tabbox.css
index 936afbf8e21fbb5e506e82765d2156a074946b9c..f6e270e043271554691e2c3a58902dd5b3db7c0b 100644 (file)
--- a/LCARStrek/global/tabbox.css
+++ b/LCARStrek/global/tabbox.css
@@ -101,7 +101,7 @@ tab:focus > .tab-middle {
 }
 
 /*
-tab[first-tab="true"][selected="true"] {
+tab:first-of-type[selected="true"] {
   -moz-padding-end: 5px;
   -moz-padding-start: 5px;
 }

diff --git a/LCARStrek/global/toolbarbutton.css b/LCARStrek/global/toolbarbutton.css
index 198155ea5aa45f66946f83c76ec6e4e6ae91c377..5e415927ced3486120a3eeeee0643c1e84a9b80d 100644 (file)
--- a/LCARStrek/global/toolbarbutton.css
+++ b/LCARStrek/global/toolbarbutton.css
@@ -57,7 +57,8 @@ toolbarbutton {
   color: #FFCF00;
 }
 
-.toolbarbutton-icon {
+.toolbarbutton-icon[label]:not([label=""]),
+.toolbarbutton-icon[type="menu"] {
   -moz-margin-start: 1px;
   -moz-margin-end: 2px;
 }