I uploaded the stylesheet from 1.5 to my 1.4.5 install in order to use the ready classes. Overall impression: YAY!
However, I have noticed that anything styled with these new classes doesn't have the same left alignment. It seems to be ignoring the form-wide formatting.
My example is at https://web.saumag.edu/admissions/application/
Tested in RockMelt, FF 3.5, IE 7.
I added
li.gfield.gf_left_third {margin-left: 20px !important;}
li.gfield.gf_left_half {margin-left: 20px !important;}to my stylesheet. My theme is styled
.post ul li {
list-style-type:square;
margin:0 0 0 20px;
padding:0;and the margin value was being overwritten on the gf_x_x classes by something else. I haven't investigated further, but it's useful to note for your reference.
The Ready Classes are simply CSS "helper" rules to get you going. They're pretty generic and may not fit every theme perfectly without some tweaking like you've done. There's no way to account for all the variances in theme layout so those exist to get you started.
The Ready Class list items are floated so by default, they'll align to the left and right edges of the form container respectively.
Yeah, I got that, I just found it interesting that every form field formatted the same way except those with the Ready Class applied. Thanks for these by the way. They're exactly what I needed to get some of our HUGE application forms brought into GF.
Yeah, the gf_left_half class rule has better specificity so it would normally override a less specific rule like the on you referenced.
