I should definitely make an iUI theming documentation one day : )

in your theme CSS, you should have those both
li > a[selected], li > a:active 
and
li > a[selected="progress"]

active 
when the DOM gets all the content and start the transition

progress
during http DOM content loading (so when you see the loading gif rolling)

Both have two background images.
- First a position at "right center" and repeat at "no-repeat", 
- Second one is position "top left" and repeat at "repeat-x"
You have to declare both (this is why i've used a blank.gif so the loading icon 
disappear during transition)

Here is part of the android theme CSS:

li > a[selected], li > a:active {
        color:                  #000!important;
        background-image:       url(blank.gif), -webkit-gradient(linear, left 
top, left bottom, 
                                                                from(#ad4500),
                                                                color-stop(0.1, 
#ff7500),
                                                                color-stop(0.5, 
#ff9200),
                                                                color-stop(0.8, 
#ff9200),
                                                to(#ff6900)
                                        ) !important;
}

li > a[selected="progress"] {
        background-image:       url(loading.gif), -webkit-gradient(linear, left 
top, left bottom, 
                                                                from(#ad4500),
                                                                color-stop(0.1, 
#ff7500),
                                                                color-stop(0.5, 
#ff9200),
                                                                color-stop(0.8, 
#ff9200),
                                                                color-stop(0.9, 
#ff6900),
                                                to(#fdab00)
                                        ) !important;
}

Hope this help :)

Remi
http://www.remi-grumeau.com

Le 16 avr. 2010 à 20:45, lictor4 a écrit :

> When a li link is clicked in iUI, the whole block turns blue(just
> before the slide). How can I change the color from blue to something
> else? I've poked around the .css file but didn't see anything obvious.
> Thanks for your help (thats your que Remi!)
> Seth
> 
> -- 
> You received this message because you are subscribed to the Google Groups 
> "iPhoneWebDev" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to 
> [email protected].
> For more options, visit this group at 
> http://groups.google.com/group/iphonewebdev?hl=en.
> 

-- 
You received this message because you are subscribed to the Google Groups 
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/iphonewebdev?hl=en.

Reply via email to