Yellow background (CSS)

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Yellow background (CSS)

StephR
Hi All,

Attached is a screen shot of one of my pages. I have a problem with the traditional yellow background :)!


As you can see, the two "fieldset" are yellowed and I would like to omit this. Now I have tried almost all possilibities :


#involvement .xforms-repeat-selected-item-1 {
  background-color: transparent;
}

This will work, unfortunately the "palette" tittle will lose its purple background. With firebug, I analyze what were the classes that were concerned and I came with the following :


<fieldset id="xforms-element-162·1-1" class="xforms-group xforms-group-appearance-xxforms-fieldset">

So logically I tried :

#involvement .xforms-group-appearance-xxforms-fieldset {
  background-color: transparent;
}

But that wouldn't work. So I again suppose that it's .xforms-repeat-selected-item-1 that's screwing up.  So I put it back... and then added this :

#involvement h2 {
  background-color:#DDDDEE;
}

But this wouldn't work either. Strangely, on the right bottom window of firebug, that property would be "overligned". So I then added another class to my h2 element

#involvement .fu {
  background-color:#DDDDEE;
}

This would finally work but I have to admit it's not very "professional". Anybody has an idea ?

Now 2nd problem (2nd attached screenshot) : when scrolling down to a second project (part of a repeat), when one clicks on a field, the hole set goes yellow... this doesn't happen with the first project. I suppose it's because it's in the xforms-repeat-selected-item-2 div. So now I'm back to square because because I don't know ahead all the projects I have so I can't use xforms-repeat-selected-item-XXX

Any Idea?




--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

YellowBackground.png (35K) Download Attachment
YellowBackground2.png (32K) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: Yellow background (CSS)

Alessandro Vernet
Administrator
Stephane,

On Jan 22, 2008 10:09 AM, Stephane Ruchet <[hidden email]> wrote:

>  Attached is a screen shot of one of my pages. I have a problem with the
> traditional yellow background :)!
>
>  As you can see, the two "fieldset" are yellowed and I would like to omit
> this. Now I have tried almost all possilibities :
>
>  #involvement .xforms-repeat-selected-item-1 {
>    background-color: transparent;
>  }
>
>  This will work, unfortunately the "palette" tittle will lose its purple
> background.
Are you sure? ;) How can #involvement .xforms-repeat-selected-item-1
apply to "PALETTE", which is a title (h2 I think)?

>  Now 2nd problem (2nd attached screenshot) : when scrolling down to a second
> project (part of a repeat), when one clicks on a field, the hole set goes
> yellow... this doesn't happen with the first project. I suppose it's because
> it's in the xforms-repeat-selected-item-2 div. So now I'm back to square
> because because I don't know ahead all the projects I have so I can't use
> xforms-repeat-selected-item-XXX

I don't quite understand the issue here. You never want to have
background colors? Then setting xforms-repeat-selected-item-1 and
xforms-repeat-selected-item-2 to transparent should be good enough. If
you want this only for certain pages, put this CSS in the relevant
page instead of the CSS file that you include in every page.

Alex
--
Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise
http://www.orbeon.com/


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws