add theming for <video> controls

[themes.git] / EarlyBlue / global / media / videocontrols.css

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
new file mode 100644 (file)
index 0000000..8875ede
--- /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);
+}
+