diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global/icons/close.svg')
-rw-r--r-- | arc-firefox-theme/chrome/global/icons/close.svg | 42 |
1 files changed, 35 insertions, 7 deletions
diff --git a/arc-firefox-theme/chrome/global/icons/close.svg b/arc-firefox-theme/chrome/global/icons/close.svg index 042ecbf..375a412 100644 --- a/arc-firefox-theme/chrome/global/icons/close.svg +++ b/arc-firefox-theme/chrome/global/icons/close.svg @@ -1,76 +1,104 @@ <?xml version="1.0" encoding="utf-8"?> -<!-- This Source Code Form is subject to the terms of the Mozilla Public - - License, v. 2.0. If a copy of the MPL was not distributed with this - - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="16px" viewBox="0 0 96 16"> + +<svg version="1.1" + id="icon-close" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" + y="0px" + width="96px" + height="16px" + viewBox="0 0 96 16"> + <defs> - <style> + <style type="text/css"><![CDATA[ /* X Glyph Styles */ + .glyphShape-style-foreground { fill: ButtonText; fill-opacity: .8; } + .glyphShape-style-background { fill: -moz-MenuBarText; fill-opacity: .8; } + .glyphShape-style-hover { fill: #fff; } + .glyphShape-style-hover-shadow { fill: #b32c12; } + .glyphShape-style-hover-active { fill: #fff; fill-opacity: .8; } + .glyphShape-style-hover-active-shadow { fill: #99260f; } + .glyphShape-style-LWT-bright { fill: #fff; fill-opacity: .8; } + .glyphShape-style-LWT-dark { fill: #000; fill-opacity: .8; } + + /* Close Button Background Styles */ + .icon-background-hover { fill: #d93616; } + .icon-background-hover-active { fill: #b32c12; } - </style> + ]]></style> + <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"/> <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"/> - <rect id="glyphShape-background" x="2" y="2" rx="2" width="12" height="12"/> + <rect id="glyphShape-background" x="2" y="2" rx="2" width="12" height="12"/> + </defs> + <g id="icon-closeForeground-default"> <use xlink:href="#glyphShape-close" class="glyphShape-style-foreground" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-foreground" /> </g> + <g id="icon-close-hover" transform="translate(16)"> <use xlink:href="#glyphShape-background" class="icon-background-hover" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-shadow" transform="translate(0,1)" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover" /> </g> + <g id="icon-close-hover-active" transform="translate(32)"> <use xlink:href="#glyphShape-background" class="icon-background-hover-active" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active-shadow" transform="translate(0,1)" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active" /> </g> + <g id="icon-closeBackground-default" transform="translate(48)"> <use xlink:href="#glyphShape-close" class="glyphShape-style-background" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-background" /> </g> + <g id="icon-close-LWT-bright" transform="translate(64)"> <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-bright" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-bright" /> </g> + <g id="icon-close-LWT-dark" transform="translate(80)"> <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-dark" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-dark" /> </g> + </svg> |