From: Robert Kaiser <kairo@kairo.at>
Date: Mon, 20 Oct 2008 18:27:05 +0000 (+0200)
Subject: add theming for <video> controls
X-Git-Tag: LCARStrek-2.0a2~13
X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=29465e59cc7bc528bdee07ecbcea9bc9f25c7955;ds=sidebyside

add theming for <video> controls
---

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
new file mode 100644
index 00000000..8875edec
--- /dev/null
+++ b/EarlyBlue/global/media/videocontrols.css
@@ -0,0 +1,23 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#controlsBackground {
+    height: 24px;
+    background-color: #666699;
+}
+
+#playButton {
+    list-style-image: url("chrome://global/skin/media/videocontrols.png");
+    -moz-image-region: rect(0px, 48px, 24px, 24px);
+}
+#playButton[paused="true"] {
+    -moz-image-region: rect(0px, 24px, 24px, 0px);
+}
+
+#muteButton{
+    list-style-image: url("chrome://global/skin/media/videocontrols.png");
+    -moz-image-region: rect(24px, 24px, 48px, 0px);
+}
+#muteButton[muted="true"] {
+    -moz-image-region: rect(24px, 48px, 48px, 24px);
+}
+
diff --git a/EarlyBlue/global/media/videocontrols.png b/EarlyBlue/global/media/videocontrols.png
new file mode 100644
index 00000000..02046b0e
Binary files /dev/null and b/EarlyBlue/global/media/videocontrols.png differ
diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
new file mode 100644
index 00000000..9df4ecc4
--- /dev/null
+++ b/LCARStrek/global/media/videocontrols.css
@@ -0,0 +1,23 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#controlsBackground {
+    height: 24px;
+    background-color: #9C9CFF;
+}
+
+#playButton {
+    list-style-image: url("chrome://global/skin/media/videocontrols.png");
+    -moz-image-region: rect(0px, 48px, 24px, 24px);
+}
+#playButton[paused="true"] {
+    -moz-image-region: rect(0px, 24px, 24px, 0px);
+}
+
+#muteButton{
+    list-style-image: url("chrome://global/skin/media/videocontrols.png");
+    -moz-image-region: rect(24px, 24px, 48px, 0px);
+}
+#muteButton[muted="true"] {
+    -moz-image-region: rect(24px, 48px, 48px, 24px);
+}
+
diff --git a/LCARStrek/global/media/videocontrols.png b/LCARStrek/global/media/videocontrols.png
new file mode 100644
index 00000000..0397d5db
Binary files /dev/null and b/LCARStrek/global/media/videocontrols.png differ