CSS for themes

[micknewton]

Is the code for Smugmug's themes available anywhere? I want to make some custom themes and having the existing theme code as a base to start from would be a huge help.

Also, is there documentation or tutorials available for making custom themes?

[Andy]

Firefox Webdev :thumb

http://dgrin.smugmug.com/gallery/1354921

Load a theme and then you can see all the code easy peasy.

[micknewton]

Firefox Webdev :thumb

http://dgrin.smugmug.com/gallery/1354921

Load a theme and then you can see all the code easy peasy. Done that. Now I just need to figure out which elements I need to change.

I started with the Smugmug Gradient theme and I'm trying to tile the black background areas with an image. I've got most of it covered with this code, but there's still plain black areas on the left and right sides. I expected the code for the "body" element to handle all of it. What am I doing wrong?


body
{
background : #000000 url(/photos/349787030_yKHdx-O.jpg);
}

#header,
#footer,
#cobrand_footer,
#feeds,
#themeCredit,
#content,
#singleImage,
#filmstrip,
#smugmug_small,
#journal,
#traditional,
#allthumbs,
#slideshow,
#press_release,
#homepage,
#controlPanel,
#communityHome,
#category,
#subcategory,
#communityKeyword,
#communityBrowse
{
background : #000000 url(/photos/349787030_yKHdx-O.jpg);
}