add theming for <video> controls
authorRobert Kaiser <kairo@kairo.at>
Mon, 20 Oct 2008 18:27:05 +0000 (20:27 +0200)
committerRobert Kaiser <kairo@kairo.at>
Mon, 20 Oct 2008 18:27:05 +0000 (20:27 +0200)
EarlyBlue/global/media/videocontrols.css [new file with mode: 0644]
EarlyBlue/global/media/videocontrols.png [new file with mode: 0644]
LCARStrek/global/media/videocontrols.css [new file with mode: 0644]
LCARStrek/global/media/videocontrols.png [new file with mode: 0644]

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
new file mode 100644 (file)
index 0000000..8875ede
--- /dev/null
@@ -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 (file)
index 0000000..02046b0
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 (file)
index 0000000..9df4ecc
--- /dev/null
@@ -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 (file)
index 0000000..0397d5d
Binary files /dev/null and b/LCARStrek/global/media/videocontrols.png differ