Hello All,
I'm VERY excited about JQuery mobile, so much that maybe I'm already beginning to push the limits of what it can do in Alpha 3. I want to override the existing themes and I have done so. I have included the three files to get JQuery Mobile to work (including the CSS) and then I have included AFTER the JQM CSS Declaration, my own css file.
Within that file I am overriding how the top header bar (
.ui-bar-b) and making it a different color in the gradient:
.ui-bar-b {
background:-moz-linear-gradient(center top , #BCD9BF, #9FBCA2) repeat scroll 0 0 #9FBCA2 !important;
border-bottom:1px solid #303831 !important;
border-top:1px solid #D7E8D9 !important;
color:#FFFFFF !important;
font-weight:bold;
text-shadow:0 -1px 1px #7E9380 !important;
}
(The reason they're all important is because i've desperately been trying to get this to work on my Android device)
Now it loads fine in the browser and takes my override just fine. However when I try to view the page on my mobile device the colors of the bar, buttons, and listviews are all back to the defaults I've selected.
Am I doing something wrong? Is there a conflict on this approach or some Alpha "Gotcha" I've missed.
Any help would be greatly appreciated.