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