From: Robert Kaiser <robert@widebook.box.kairo.at>
Date: Sun, 2 Sep 2012 23:11:22 +0000 (+0200)
Subject: first part of sync for both themes for toolkit winstripe changes in Mozilla 16 cycle
X-Git-Tag: EarlyBlue-2.13~9
X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=46dc2718163b4e6ffb52ef8f46bef4c8db7ed804;p=themes.git

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
index 8dc87749..00000000
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
index 95d8e0f3..00000000
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
index 00000000..ddc31bfe
--- /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
index 50e53c8b..00000000
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
index 00000000..6bb7a12a
--- /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
index 00000000..0221c035
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 e0b56c65..732f3feb 100644
--- 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 866d9375..4ca198f7 100644
--- 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
index 79ce3cc1..00000000
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
index 6912ef19..00000000
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
index 00000000..d53a9a06
--- /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
index 01fcf294..00000000
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
index 00000000..082bd207
--- /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
index 00000000..acce4bea
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 0cdec5c7..912093a1 100644
--- 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 a2c3eacf..577e6e32 100644
--- 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 {