Overview of Classes
| Section of Page | CSS Selector |
|---|---|
| 1 - Left navigation | #course-nav To modify the color of the sidebar, modify this selector: body > .container |
| 2 - Header container | .header |
| 3 - Header colored background with titles | .header .heading |
| 4 - Headings | h1 for the name of the module h2 for the name of the page |
| 5 - Glossary Link | .glossary-link |
| 6 - Content area | .body |
| 7 - Forward/Back Links | .ccm-next-previous-wrapper for the entire section .ccm-next-previous-previouslink and .ccm-next-previous-nextlink for the previous and next links .ccm-next-previous-wrapper .ca-button for the arrow buttons |
| 8 - Footer | .footer |
Block Container Classes
Most blocks are wrapped in a class. The CSS selectors for each block are listed below:
| Block | CSS Selector |
|---|---|
| Citation (formerly Creative Commons Attribution) | .attribution |
| Audio | .ca-audio |
| Image Hotspots | .ca-image-hotspots-container |
| Generic Video | .ca-link-to-video |
| Poll | .ca-poll |
| Interactive Categorization | .categorization |
| Zip Embed | .embed-block-container |
| Flashcard with Images | .flashcard-with-images |
| Slideshow | .flexslider |
| Graphic Organizer | .graphic-org-container |
| Image Matching | .image-matching |
| Self Check | .inline-quiz-form |
| Accordion | .interactive-accordion |
| Flashcards | .interactive-definition-list |
| Tabs | .interactive-tabs |
| Interactive Matching | .matching |
| Image Matching | .picture |
| Rubric | .rubric |
| Youtube | .youtubeBlock |
| Quote | .blockquote |