make HTML-based video controls work while keeping the XUL-based ones intact - this...

[themes.git] / LCARStrek / global / media / playButton.svg

diff --git a/LCARStrek/global/media/playButton.svg b/LCARStrek/global/media/playButton.svg
new file mode 100644 (file)
index 0000000..40afb5a
--- /dev/null
+++ b/LCARStrek/global/media/playButton.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
+  <style>
+    use:not(:target) {
+      display: none;
+    }
+    use {
+      fill: #000000;
+    }
+    use[id$="-hover"] {
+      fill: #000000;
+    }
+    use[id$="-active"] {
+      fill: #000000;
+    }
+    use[id$="-focus"] {
+      fill: #000000;
+    }
+    use[id$="-disabled"] {
+      fill: #8050B0;
+    }
+    use[id$="-clicktoplay"] {
+      fill: #FFCF00;
+    }
+  </style>
+
+  <symbol id="play-shape">
+    <path d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+    C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
+  </symbol>
+
+  <use id="play" xlink:href="#play-shape"/>
+  <use id="play-hover" xlink:href="#play-shape"/>
+  <use id="play-active" xlink:href="#play-shape"/>
+  <use id="play-focus" xlink:href="#play-shape"/>
+  <use id="play-clicktoplay" xlink:href="#play-shape"/>
+</svg>