Carnegie Mellon University
Cascading Style Sheets

General CSS files

General OLI styles are divided into three section. Basic contains a CSS toolkit and generic styles to even out design browser's default choices. Structure determines the position of things on the page (the grid). Surface determines typography, color palette and loads the icons.

  • Basic: 
    /templates/oli/css/basic.css
  • Structure:
    /templates/oli/css/structure.css
  • Surface:
    /templates/oli/css/surface.css
  • Elements:
    /templates/oli/css/elements.css

You can include these in the head tag of your HTML to include these general OLI styles.

Additional CSS

You should consider inlcuding style declaration that repeat in a series of pages in a file named after the page type.

On the contrary, styles that are unique to a single page and don't repeat are better placed in the header of the HTML.