first part of sync for both themes for toolkit winstripe changes in Mozilla 16 cycle

diff --git a/EarlyBlue/global/arrow/panelarrow-down.png b/EarlyBlue/global/arrow/panelarrow-down.png
deleted file mode 100644 (file)
index 8dc8774..0000000
Binary files a/EarlyBlue/global/arrow/panelarrow-down.png and /dev/null differ

diff --git a/EarlyBlue/global/arrow/panelarrow-horiz.png b/EarlyBlue/global/arrow/panelarrow-horiz.png
deleted file mode 100644 (file)
index 95d8e0f..0000000
Binary files a/EarlyBlue/global/arrow/panelarrow-horiz.png and /dev/null differ

diff --git a/EarlyBlue/global/arrow/panelarrow-horizontal.svg b/EarlyBlue/global/arrow/panelarrow-horizontal.svg
new file mode 100644 (file)
index 0000000..ddc31bf
--- /dev/null
+++ b/EarlyBlue/global/arrow/panelarrow-horizontal.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="10"
+     height="20">
+  <path d="M 10,0 L 0,10 10,20 z"
+        fill="#808080"/>
+  <path d="M 10,1 L 1,10 10,19 z"
+        fill="#CCD0DD"/>
+</svg>

diff --git a/EarlyBlue/global/arrow/panelarrow-up.png b/EarlyBlue/global/arrow/panelarrow-up.png
deleted file mode 100644 (file)
index 50e53c8..0000000
Binary files a/EarlyBlue/global/arrow/panelarrow-up.png and /dev/null differ

diff --git a/EarlyBlue/global/arrow/panelarrow-vertical.svg b/EarlyBlue/global/arrow/panelarrow-vertical.svg
new file mode 100644 (file)
index 0000000..6bb7a12
--- /dev/null
+++ b/EarlyBlue/global/arrow/panelarrow-vertical.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="20"
+     height="10">
+  <path d="M 0,10 L 10,0 20,10 z"
+        fill="#808080"/>
+  <path d="M 1,10 L 10,1 19,10 z"
+        fill="#CCD0DD"/>
+</svg>

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

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
index e0b56c6518026bd5b453dc15c61b9c87bcd14ecf..732f3febe1825e5b8638f58e28c38214cc9b92f9 100644 (file)
--- a/EarlyBlue/global/media/videocontrols.css
+++ b/EarlyBlue/global/media/videocontrols.css
@@ -39,6 +39,10 @@
   background-image: url("chrome://global/skin/media/unmuteButton.png");
 }
 
+.muteButton[noAudio] {
+  background-image: url("chrome://global/skin/media/noAudio.png");
+}
+
 .fullscreenButton {
   background: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0) no-repeat center;
   margin: 0;

diff --git a/EarlyBlue/global/popup.css b/EarlyBlue/global/popup.css
index 866d93753ea2c9eeccafcdb5a2f9fc45714dc484..4ca198f7e45c949113c8b4aa2bb6659b6ddf93d0 100644 (file)
--- a/EarlyBlue/global/popup.css
+++ b/EarlyBlue/global/popup.css
@@ -22,54 +22,56 @@ panel[type="arrow"] {
 
 panel[type="arrow"][side="top"],
 panel[type="arrow"][side="bottom"] {
-  margin-left: -25px;
-  margin-right: -25px;
+  margin-left: -20px;
+  margin-right: -20px;
 }
 
 panel[type="arrow"][side="left"],
 panel[type="arrow"][side="right"] {
-  margin-top: -25px;
-  margin-bottom: -25px;
+  margin-top: -20px;
+  margin-bottom: -20px;
 }
 
 .panel-arrowcontent {
-  border: 1px outset #CCD0DD;
-  background-color: #CCD0DD;
   padding: 6px;
+  background-color: #CCD0DD;
+  background-clip: padding-box;
+  border: 1px outset #CCD0DD;
   margin: 3px;
 }
 
+.panel-arrow[side="top"],
+.panel-arrow[side="bottom"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
 .panel-arrow[side="top"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-bottom: -8px;
-  margin-top: -6px;
+  margin-bottom: -5px;
 }
 
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-top: -8px;
-  margin-bottom: -6px;
+  -moz-transform: scaleY(-1);
+  margin-top: -5px;
+}
+
+.panel-arrow[side="left"],
+.panel-arrow[side="right"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
+  position: relative;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .panel-arrow[side="left"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-right: -8px;
-  margin-left: -6px;
+  margin-right: -5px;
 }
 
 .panel-arrow[side="right"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
   -moz-transform: scaleX(-1);
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-left: -8px;
-  margin-right: -6px;
+  margin-left: -5px;
 }
 
 tooltip {

diff --git a/LCARStrek/global/arrow/panelarrow-down.png b/LCARStrek/global/arrow/panelarrow-down.png
deleted file mode 100644 (file)
index 79ce3cc..0000000
Binary files a/LCARStrek/global/arrow/panelarrow-down.png and /dev/null differ

diff --git a/LCARStrek/global/arrow/panelarrow-horiz.png b/LCARStrek/global/arrow/panelarrow-horiz.png
deleted file mode 100644 (file)
index 6912ef1..0000000
Binary files a/LCARStrek/global/arrow/panelarrow-horiz.png and /dev/null differ

diff --git a/LCARStrek/global/arrow/panelarrow-horizontal.svg b/LCARStrek/global/arrow/panelarrow-horizontal.svg
new file mode 100644 (file)
index 0000000..d53a9a0
--- /dev/null
+++ b/LCARStrek/global/arrow/panelarrow-horizontal.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="10"
+     height="20">
+  <path d="M 10,0 L 0,10 10,20 z"
+        fill="#FF9F00"/>
+  <path d="M 10,1 L 1,10 10,19 z"
+        fill="#000000"/>
+</svg>

diff --git a/LCARStrek/global/arrow/panelarrow-up.png b/LCARStrek/global/arrow/panelarrow-up.png
deleted file mode 100644 (file)
index 01fcf29..0000000
Binary files a/LCARStrek/global/arrow/panelarrow-up.png and /dev/null differ

diff --git a/LCARStrek/global/arrow/panelarrow-vertical.svg b/LCARStrek/global/arrow/panelarrow-vertical.svg
new file mode 100644 (file)
index 0000000..082bd20
--- /dev/null
+++ b/LCARStrek/global/arrow/panelarrow-vertical.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="20"
+     height="10">
+  <path d="M 0,10 L 10,0 20,10 z"
+        fill="#FF9F00"/>
+  <path d="M 1,10 L 10,1 19,10 z"
+        fill="#000000"/>
+</svg>

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

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 0cdec5c7dec55e68907490581b29390f193902f7..912093a162123b65a11d8b760ab8ee0cf81a5257 100644 (file)
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -58,6 +58,10 @@
   background-image: url("chrome://global/skin/media/unmuteButton-hover.png");
 }
 
+.muteButton[noAudio] {
+  background-image: url("chrome://global/skin/media/noAudio.png");
+}
+
 .fullscreenButton {
   background: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0) no-repeat center;
   margin: 0;

diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css
index a2c3eacf9900f6615d87e84a72e54748c0613186..577e6e32bcf98b1843e5ea3467d34ca0fff34ecc 100644 (file)
--- a/LCARStrek/global/popup.css
+++ b/LCARStrek/global/popup.css
@@ -26,55 +26,57 @@ panel[type="arrow"] {
 
 panel[type="arrow"][side="top"],
 panel[type="arrow"][side="bottom"] {
-  margin-left: -25px;
-  margin-right: -25px;
+  margin-left: -20px;
+  margin-right: -20px;
 }
 
 panel[type="arrow"][side="left"],
 panel[type="arrow"][side="right"] {
-  margin-top: -25px;
-  margin-bottom: -25px;
+  margin-top: -20px;
+  margin-bottom: -20px;
 }
 
 .panel-arrowcontent {
-  border: 1px solid #FF9F00;
-  background-color: #000000;
   border-radius: 6px;
   padding: 6px;
+  background-color: #000000;
+  background-clip: padding-box;
+  border: 1px solid #FF9F00;
   margin: 3px;
 }
 
+.panel-arrow[side="top"],
+.panel-arrow[side="bottom"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
 .panel-arrow[side="top"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-bottom: -8px;
-  margin-top: -6px;
+  margin-bottom: -5px;
 }
 
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-top: -8px;
-  margin-bottom: -6px;
+  -moz-transform: scaleY(-1);
+  margin-top: -5px;
+}
+
+.panel-arrow[side="left"],
+.panel-arrow[side="right"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
+  position: relative;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .panel-arrow[side="left"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-right: -8px;
-  margin-left: -6px;
+  margin-right: -5px;
 }
 
 .panel-arrow[side="right"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
   -moz-transform: scaleX(-1);
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-left: -8px;
-  margin-right: -6px;
+  margin-left: -5px;
 }
 
 tooltip {