make HTML-based video controls work while keeping the XUL-based ones intact - this...
[themes.git] / LCARStrek / global / media / playButton.svg
CommitLineData
1c129f50
RK
1<?xml version="1.0" encoding="utf-8"?>
2<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">
3 <style>
4 use:not(:target) {
5 display: none;
6 }
7 use {
8 fill: #000000;
9 }
10 use[id$="-hover"] {
11 fill: #000000;
12 }
13 use[id$="-active"] {
14 fill: #000000;
15 }
16 use[id$="-focus"] {
17 fill: #000000;
18 }
19 use[id$="-disabled"] {
20 fill: #8050B0;
21 }
22 use[id$="-clicktoplay"] {
23 fill: #FFCF00;
24 }
25 </style>
26
27 <symbol id="play-shape">
28 <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
29 C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
30 </symbol>
31
32 <use id="play" xlink:href="#play-shape"/>
33 <use id="play-hover" xlink:href="#play-shape"/>
34 <use id="play-active" xlink:href="#play-shape"/>
35 <use id="play-focus" xlink:href="#play-shape"/>
36 <use id="play-clicktoplay" xlink:href="#play-shape"/>
37</svg>