By alf_frommars on

Hi everyone,

I got a strange problem. I adjusted colors in Marinelli, (css), using Forefox. Now I proudly showed the site to a friend of mine, for who I am making this site, but to my dissapointment the colors look totally different. Someone knows a work around? look at sehplus.nl

thanks in advance

⋅ Categories: Drupal 7.x

Comments

laurencemercer’s picture

laurencemercer
Primary language English
commented

You're using -moz and -webkit specific CSS to get the green color.
e.g. in 'css3_graphics.css':

.cssgradients #block-user-login .block-title {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81));
  background: -moz-linear-gradient(top center,#b2f994,#62ed25 40%);
}

That won't do anything in IE. So IE is falling back to the dark blue color:

#block-user-login .block-title {
  background-color: rgb(5, 75, 129);
}

A solution would be to also modify/override the fallback color CSS.

LM — Drupal development

Rockies1986’s picture

Rockies1986 commented

I am also encountering a similar problem. I was able to edit the css and make changes in Firefox but the tabs in IE show the same blue active color and grey rollover color.

Go to sanantoniospinecenter.com/drupal

Thanks in advance.

Graham

eyewitness47’s picture

eyewitness47 commented

I am also having this problem. I'm using Drupal 7, and the Marinelli theme for 7 doesn't have the IE stylesheets that it does in 6. The background color & menu are not the same colors on IE as in other browsers. I can't find anything on the stylesheets in Marinelli for 7 to change the IE colors. Has anyone been able to do this successfully? Thanks!

aenobarbus’s picture

aenobarbus commented

Hello eyewitness47, for IE try editing primary-links.css , for FF try editing css3_graphics.css .
this code worked for IE:

#navigation-primary > ul > li > a{ /* links of the first level */
        text-transform: uppercase;
        color:white;
        font-weight: bold;
        text-decoration:none;
        background: #"yourcolorhexcode"; 
}

Regards.

sobuj777’s picture

sobuj777 commented

Thanks aenobarbus. Ur code is so helpful.