The CourseLib system has a standard set of styles in the stylesheets cl/site.css. The site.css style sheet is automatically included for every page that uses a View class, but it can also be manually included to ease authoring using programs such as Dreamweaver.
<link href="../cl/site.css" type="text/css" rel="stylesheet" />
This assumes the file is in some child of the course home directory. Obviously, the path to the file must be correct.
You then get these neat features:
div.content
The body of the page is usually contained in a <div class="content">. This causes the center column and right asides area. Adding the class "full" to a paragraph, div, form, etc. will cause it to go to the full width rather than the column. The content div is automatically included by the view classes. Do no manually include it.
Headings
<h1> is used for page titles. <h2> is for major sections such as this one. <h3> is for sub-sections. <h4> is for sub-sub-sections, but is rarely used.
Boxes
The centerbox style can be used on paragraphs and div's to make a centered box with shadows. Add a color class to choose the color of the box.
centerbox primary
centerbox comp
centerbox seconda
centerbox secondb
There are also sideboxes you can use. They are rightbox primary, etc.
The colors are actually based on MSU suggested color schemes from the MSU Web Style Guide. We have a primary, complementary, and two secondary colors.
I also have this standard "advice" box. class="advice"
And this is the standard box for problem specifications and scenarios. class="problem"
Highlights
I sometimes find it useful to highlight portions of code or text. Add the highlight class to a span to highlight that text. The code to do this is:
I sometimes find it useful to <span class="highlight">highlight portions of code or text</span>.
Other standard styles
Styles available on <p> tags
center
Styles availalbe on <p> and <span> tags
smallred
smallblu
underline
strikethrough
tiny
revised
due