|
1 <?xml version="1.0" encoding="utf-8"?> |
|
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
|
3 |
|
4 <svg version="1.1" |
|
5 id="icon-close" |
|
6 xmlns="http://www.w3.org/2000/svg" |
|
7 xmlns:xlink="http://www.w3.org/1999/xlink" |
|
8 x="0px" |
|
9 y="0px" |
|
10 width="96px" |
|
11 height="16px" |
|
12 viewBox="0 0 96 16"> |
|
13 |
|
14 <defs> |
|
15 <style type="text/css"><![CDATA[ |
|
16 /* X Glyph Styles */ |
|
17 |
|
18 .glyphShape-style-foreground { |
|
19 fill: ButtonText; |
|
20 fill-opacity: .8; |
|
21 } |
|
22 |
|
23 .glyphShape-style-background { |
|
24 fill: -moz-MenuBarText; |
|
25 fill-opacity: .8; |
|
26 } |
|
27 |
|
28 .glyphShape-style-hover { |
|
29 fill: #fff; |
|
30 } |
|
31 |
|
32 .glyphShape-style-hover-shadow { |
|
33 fill: #b32c12; |
|
34 } |
|
35 |
|
36 .glyphShape-style-hover-active { |
|
37 fill: #fff; |
|
38 fill-opacity: .8; |
|
39 } |
|
40 |
|
41 .glyphShape-style-hover-active-shadow { |
|
42 fill: #99260f; |
|
43 } |
|
44 |
|
45 .glyphShape-style-LWT-bright { |
|
46 fill: #fff; |
|
47 fill-opacity: .8; |
|
48 } |
|
49 |
|
50 .glyphShape-style-LWT-dark { |
|
51 fill: #000; |
|
52 fill-opacity: .8; |
|
53 } |
|
54 |
|
55 |
|
56 /* Close Button Background Styles */ |
|
57 |
|
58 .icon-background-hover { |
|
59 fill: #d93616; |
|
60 } |
|
61 |
|
62 .icon-background-hover-active { |
|
63 fill: #b32c12; |
|
64 } |
|
65 ]]></style> |
|
66 |
|
67 <polygon id="glyphShape-close" points="4,5.5 5.5,4 8,6.5 10.5,4 12,5.5 9.5,8 12,10.5 10.5,12 8,9.5 5.5,12 4,10.5 6.5,8"/> |
|
68 <polygon id="glyphShape-close-topHighlight" points="4,5.5 5.5,4 8,6.5 10.5,4 12,5.5 9.5,8 11.5,6 10.5,5 8,7.5 5.5,5 4.5,6"/> |
|
69 <rect id="glyphShape-background" x="2" y="2" rx="2" width="12" height="12"/> |
|
70 |
|
71 </defs> |
|
72 |
|
73 <g id="icon-closeForeground-default"> |
|
74 <use xlink:href="#glyphShape-close" class="glyphShape-style-foreground" /> |
|
75 <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-foreground" /> |
|
76 </g> |
|
77 |
|
78 <g id="icon-close-hover" transform="translate(16)"> |
|
79 <use xlink:href="#glyphShape-background" class="icon-background-hover" /> |
|
80 <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-shadow" transform="translate(0,1)" /> |
|
81 <use xlink:href="#glyphShape-close" class="glyphShape-style-hover" /> |
|
82 </g> |
|
83 |
|
84 <g id="icon-close-hover-active" transform="translate(32)"> |
|
85 <use xlink:href="#glyphShape-background" class="icon-background-hover-active" /> |
|
86 <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active-shadow" transform="translate(0,1)" /> |
|
87 <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active" /> |
|
88 </g> |
|
89 |
|
90 <g id="icon-closeBackground-default" transform="translate(48)"> |
|
91 <use xlink:href="#glyphShape-close" class="glyphShape-style-background" /> |
|
92 <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-background" /> |
|
93 </g> |
|
94 |
|
95 <g id="icon-close-LWT-bright" transform="translate(64)"> |
|
96 <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-bright" /> |
|
97 <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-bright" /> |
|
98 </g> |
|
99 |
|
100 <g id="icon-close-LWT-dark" transform="translate(80)"> |
|
101 <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-dark" /> |
|
102 <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-dark" /> |
|
103 </g> |
|
104 |
|
105 </svg> |