I'm trying to theme the collapsible fieldset with CSS, but can't figure it out.
The only CSS styles that I can find that relate to the fieldset tag and the legend tag are in drupal.css in the misc folder. But none of these seem to set any colors:
/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
margin-bottom: 0;
}
html.js fieldset.collapsed * {
display: none;
}
html.js fieldset.collapsed table *,
html.js fieldset.collapsed legend,
html.js fieldset.collapsed legend * {
display: inline;
}
html.js fieldset.collapsible legend a {
padding-left: 15px;
background: url(menu-expanded.png) 5px 50% no-repeat;
}
html.js fieldset.collapsed legend a {
background-image: url(menu-collapsed.png);
}
I'm trying to change the legend from just plain a link to being a bar of 100% width of the fieldset with a colored background (similar to Facebook).
I'm altering the Andreas09 theme.
I've tried just setting the width of the legend to 100%, which works in Internet Explorer on Windows and Opera on Mac OSX, but not Firefox on either Mac or PC. I also tried setting the top border of the fieldset to 15px, but there seems to be a margin around the legend that I couldn't remove with CSS.