toolkit/themes/linux/global/icons/close.svg

branch
TOR_BUG_9701
changeset 15
b8a032363ba2
equal deleted inserted replaced
-1:000000000000 0:13375af8ac00
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>

mercurial