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

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

diff --git a/LCARStrek/global/media/pauseButton.svg b/LCARStrek/global/media/pauseButton.svg
new file mode 100644 (file)
index 0000000..d3155d9
--- /dev/null
+++ b/LCARStrek/global/media/pauseButton.svg
@@ -0,0 +1,36 @@
+<?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;
+    }
+  </style>
+
+
+  <symbol id="pause-shape">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
+        c0,0.83,0.672,1.502,1.502,1.502c0.829,0,1.502-0.672,1.502-1.502V3.455C7.504,2.626,6.831,1.953,6.002,1.953z M12,1.953
+        c-0.828,0-1.5,0.672-1.5,1.5v11.094c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V3.453C13.5,2.625,12.828,1.953,12,1.953z"/>
+  </symbol>
+
+  <use id="pause" xlink:href="#pause-shape"/>
+  <use id="pause-hover" xlink:href="#pause-shape"/>
+  <use id="pause-active" xlink:href="#pause-shape"/>
+  <use id="pause-focus" xlink:href="#pause-shape"/>
+  <use id="pause-disalbed" xlink:href="#pause-shape"/>
+</svg>