Am running OSX10.10 on Retina iMac and FMPA 14.02 with Safari 8.0.8

If I use
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(64%,rgba(223,229,215,1)), color-stop(100%,rgba(213,219,206,1))); /* Chrome,Safari4+ */

then everything seems to be happy
but also including

background: -webkit-linear-gradient(top, rgba(84,84,84,1) 0%,rgba(145,245,45,1) 100%); /* Chrome10+,Safari5.1+ */
any time I make some other change to the CSS I am get gin kicked back to a default dark grey gradient for the sidebar, but my changes to the numbers stick so then I can't see them..

Hey John,

That's not my experience. If I add them both like this...

Code: Select all

/* Sidebar */
/* Sidebar background - Remove gradient styles to use a solid color here */
.dbk_sidebar {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(64%,rgba(223,229,215,1)), color-stop(100%,rgba(213,219,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(84,84,84,1) 0%,rgba(145,245,45,1) 100%); /* Chrome10+,Safari5.1+ */
}

I get the combined effect. Note that I'm replacing the existing sidebar declaration to do this, not adding new css at the beginning of the doc. BTW, I like the first gradient a good deal:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(64%,rgba(223,229,215,1)), color-stop(100%,rgba(213,219,206,1))); /* Chrome,Safari4+ */