--- /dev/null
+@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);
+}
+
--- /dev/null
+@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);
+}
+