BUG: Dark blue background on buttons, menus and headers in IE9

[rkferguson]

Dark blue background on Activity drop down - plain bright blue header BG makes it very difficult to see title and button - in fact I though they were missing and only saw them on zoomed screenshot. (Whereas in Mac Safari stand out well against grey BG.
See screenshots below.

Getting same dark blue BG as selection highlight for active items in drop downs such as scripts and users-groups - see screenshot below. Not so bad as text is light, but still out of keeping with overall colour scheme compared with Mac version (screenshot below).

Login button BG dark blue as well.

Looking at the login screen as the simplest. The CSS file relating to the button seems to be:

 <link rel="stylesheet" href="/static/webgateway/css/ome.login.css" type="text/css" />

The button background seems to be dealt with in:

#login input[type="submit"]

This lists all the browser type variations for the background gradient.

The IE ones read:

background-image:-ms-linear-gradient(top, hsl(210,40%,70%) 0%,hsl(210,40%,60%) 100%); /* IE10+ */

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(210,40%,70%)', endColorstr='hsl(210,40%,60%)',GradientType=0 ); /* IE6-9 */

Looking at other examples, it looks like the syntax should be:

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='hsl(210,40%,70%)', endColorstr='hsl(210,40%,60%)')

The redundant spaces at the start of the - ( - and lack between - ,GradientType? - indicate it was probably a cut and paste error.

IHave not yet checked for other instances to see if they are the same.

[wmoore]

Maybe look at the previous stylesheet for the same page that I think includes various IE fixes
​http://howe.openmicroscopy.org.uk/static/webgateway/css/ome.login_notgoingtofly.css

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#A6CBEF', endColorstr='#7EB3E8',GradientType=0 ); /* IE6-9 */

[rkferguson]

Has same apparent typo:

background-image:-ms-linear-gradient(top, hsl(210,40%,70%) 0%,hsl(210,40%,60%) 100%); /* IE10+ */
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#A6CBEF', endColorstr='#7EB3E8',GradientType=0 ); /* IE6-9 */

[rkferguson]

Just another point - most people use a " for enclosing the hsl colour value rather than the ' in our css - for example:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="hsl(0, 0%, 123%)", endColorstr="hsl(0, 0%, 77%)");

Single quotes are used elsewhere. I know it is theoretically not meant to make a difference, but given how quirky IE can be it may be worth changing when the syntax is corrected.

[jburel]

Moved from sprint 2012-05-22 (15)

[wmoore]

See #8914. Think these are fixed now