Map of the ANGEL CSS

This Map is specific to ANGEL 6.3

We will identify portions of the existing Angel layout elements and which part of the style sheet that affects them. This is meant to help you modify the existing page elements minimally, (color, font face and size.) Use the image below to help identify each area.First you see the .bodyMenubar class. This is the entire frame at the top of the page. #1

Each cell for the navigation (Syllabus, Calendar, etc.) is represented by .tabOn or .tabOff depending upon the state it is currently in. #2

The text for this navigation is affected by the class A.tabOnLink, A.tabOffLink ( A is representative of all links) you may think of this as the rollover colors. #3

The cell containing the Profile and Exit buttons is .tabNone class. #4

The solid colored bar containing the course ID is the .tabBar #5

The text inside the colored bar, (the course ID) is the .tabSpan #6

The next frame is controlled by .bodyDefault, ( margins, etc.) #7

The text is controlled by .pageTitleSpan #8

The area under welcome is controlled by .toolbarDiv #9

The next area is .shadedDiv (defining your rights in the specific course) #10

The text in this are is controlled by .descriptionSpan. #11

The next area down is controlled by .titlebarDiv #12

The text is controlled by .titlebarSpan #13

The area containing the text is controlled by . normalDiv #14

The text is controlled by . normalSpan #15

Note: .bodyDefault controls all pages except Calendar and Lessons, which will be covered later in this material.