add support for Firefox 38 esr

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>