Forum:Collapsed table. Can't change background color

I am trying to use CSS to make the background of the heading blue for this collapsed show/hide table:
 * http://cannabis.wikia.com/wiki/Template:You_can_help_3

I am not using this table anywhere, so feel free to experiment.

See also:
 * http://cannabis.wikia.com/wiki/Template:You_can_help_2

It has the blue color I am trying to get. Here is the color number:


 * #ccccff;

Template 3 uses table wikitext. Template 2 uses NavFrame wikitext.

Here are the JS and CSS pages:
 * http://cannabis.wikia.com/wiki/MediaWiki:Common.js
 * http://cannabis.wikia.com/wiki/MediaWiki:Common.css

I want to convert all the collapsed tables on the wiki to using table wikitext instead of NavFrame wikitext. See:
 * http://cannabis.wikia.com/wiki/Category:Collapsible_box_templates

Table wikitext does not have overlap problems with stuff on the right side. --Timeshifter 05:53, March 16, 2010 (UTC)


 * I've fixed this for you. All that really needed to be done is styling, per normal tables, the first row. I also made the table fill the full width of the page, but you absolutely don't need to keep that. :)  The 888th Avatar   (talk)  10:25, March 16, 2010 (UTC)


 * Thanks. Where is class=toccolours specified in CSS? I don't know where to look for the overall CSS stuff for all Wikia wikis. I want to learn how class=toccolours is specifying colors, borders, margins, padding, etc..


 * If I take out class=toccolours and all inline styling, then I end up with this:
 * http://cannabis.wikia.com/wiki/Template:You_can_help_4


 * It is using only class="collapsible collapsed". I want to see what to modify in
 * http://cannabis.wikia.com/wiki/MediaWiki:Common.css
 * in order to add color, borders, padding, margins, etc. to all show/hide tables built using only class="collapsible collapsed". --Timeshifter 21:51, March 16, 2010 (UTC)


 * The "toccolours" class is inherited from the default css on MediaWiki wikis, because it's used to define all the table of contents. You can change that class by using .toccolours in the Common.css, but that will also change the look of all your content tables - not too flash an idea. :)
 * My advice for making all your collapsible tables to have the same styling (that's what you want, right?) is to make a new class in Common.css, e.g. .navtables and add styling there. Then simply add the class to each table e.g. class="navtables collapsible collapsed". The 888th Avatar   (talk)  23:08, March 16, 2010 (UTC)


 * Thanks again. I was thinking that is what I might have to do. But I am not too good at CSS, and need to see something to work with. Can you link to the default css page so I can find the toccolours class, and use it as a model? --Timeshifter 01:12, March 17, 2010 (UTC)