1 Reply Latest reply: Aug 23, 2013 9:49 AM by Ed Siegle RSS

    Theme 25 CSS linear gradients not supported in IE9?

    Ed Siegle

      Recently I posted an issue (see Theme 25 Color Modification Issue in IE) with custom color changes made to theme 25 css  4_2.css working in FF and Chrome but not IE9 still kept the original blue colors. The colors render correctly in IE10 and IE8 and it appears the issue is CSS linear gradients are not supported in IE9 .

       

      Is there any way I can get custom colors to render in IE9? I am hoping that Oracle rolled this theme out with the anticipation that clients would need to make changes to the colors. I an hoping to get a response from Oracle but would welcome any responses.

       

      Thanks,

       

      Ed

        • 1. Re: Theme 25 CSS linear gradients not supported in IE9?
          Ed Siegle

          Problem solved and this now works in IE9,8,7 as well as ff & chrome. Focusing on the header the solution was in the base64 encrypted background-image:url('data:image.... When decrypting the code there were references to #4276b5 & #5a92d9. I changed these to my colors and it now works. The full code solution is:

           

          /*Begin header backround color All refrences to #4276b5 & #5a92d9 changed to #631919 & #6A1918*/

          background-color:#631919;background-image:url(

          /*

          'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNzZiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhOTJkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

          */

          'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNzZiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhOTJkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

          background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #631919), color-stop(100%, #6A1918));background-image:-webkit-linear-gradient(#631919,#6A1918);background-image:-moz-linear-gradient(#631919,#6A1918);background-image:linear-gradient(#631919,#6A1918);

          /*End header backround color*/