Virtual University Design and Technology, ANGEL Tips & Techniques
Previous Page
Next Page

Fully commented stylesheet

angel_fc2_vudat.css

The Fully Commented Stylesheet

Download the fully commented ANGEL 6.3 stylesheet version 2.0 here. (version 1.0 is still available) Printer-friendly page of commented stylesheet (color coded) Intended to be used as a reference sheet when you are changing the presentation of your ANGEL course, the fully commented stylesheet has comments (or descriptions) for every CLASS and ID in the ANGEL stylesheet. Commenting is a handy way to understand what a CLASS or ID does. If changing a class has an effect on the Tabs, then the comment will tell you, if an id effects your toolbar, a comment will be there to describe what change will occur if you edit that ID. Below is an example of a Class and its comment, notice the comment is in grey.

/* B E G I N  T O O L B A R  S E T T I N G S */
/* The toolbar is where you find links for stuff like */
/* Add content, Reports, Next, Up, and so on */
/* ToolbarDiv affects the entire Toolbar division */</font>
.toolbarDiv
{
FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
background-color: #DDDDCC;
<font color="#8f8f8f"> /* This is a way to condense your border color/width/style attributes */
/* the order for these three top, right, bottom ,left */</font>
border-color: #C0C0C0 #000000 #C0C0C0 #000000;
border-width: 1px 0px 1px 0px;
border-style: solid solid solid solid;
}
Previous Page
Next Page

Last updated: August 16, 2007
This website is maintained by vuDAT
Copyright © 2008 Michigan State University Board of Trustees
MSU is an affirmative-action, equal-opportunity employer. East Lansing, MI 48824 USA
Michigan State University