Custom CSS Snippets & Samples

Don't go crazy with these, but they might help.

Common Body Background Tweaks (One Background Image)

/* fixed (non-scrolling) background */
body{
	background-attachment:fixed
}

/* centered at tope background image */
body{
	background-position:top center;
}

Transparent Background (PNG) on Rounded Corner Modules

1. First, set Background Image for module as you normally would
2. Specify a background color (will be used for edges)
3. Add Custom CSS:

/* center module transparency */
div.moduleMid {
	background-color:transparent;
}

Alternating background colors on blog posts

div.blogsModule ul li.odd{ 
	background-color:#fcf5bf;
}

Change blog posts border color

div.blogsModule ul.moduleList,
div.blogsModule ul.moduleList li{
	border-color:#ccc;
}

Change background color based on column

div.column1 div.module{ 
	background-color: #d9f0ec;
}