diff options
Diffstat (limited to 'toolkit/themes/linux/global/icons/close.svg')
-rw-r--r-- | toolkit/themes/linux/global/icons/close.svg | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/toolkit/themes/linux/global/icons/close.svg b/toolkit/themes/linux/global/icons/close.svg new file mode 100644 index 000000000..042ecbfd6 --- /dev/null +++ b/toolkit/themes/linux/global/icons/close.svg @@ -0,0 +1,76 @@ +<?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"> + <defs> + <style> + /* 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> + <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"/> + </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> |