The Web Template for the University of Kansas makes heavy use of Cascading
Style Sheets (CSS). Here you will find a basic introduction
to CSS and complete documentation of the CSS directives currently employed
in KU's Web Template. Aside from the general introduction to CSS, the
documentation is organized according to the relevant portion of a standard
KU web page. The regions are labeled according to the same model used in
the
Template Sample Page.
CSS Introduction
What is CSS?
CSS (or "Cascading Style Sheets") is a powerful and convenient way to control and
maintain all the visual aspects of a web site, from colors to fonts to
overall layout and design. In a nutshell, CSS allows a web designer to
take a combination of visual and layout options and give them a label, making
it easy to apply those same options again and again throughout a web site.
KU has adopted the common practice of placing all of those CSS descriptors in
a separate file. The purpose of this CSS Documentation is to provide a complete description
of KU's site-wide CSS file to help web designers all over campus make use of it.
For those reference guides, see below. If you're new to Cascading Style Sheets,
there is a brief primer on CSS basics.
Back to top
General-Purpose Styles
A reference of all classes and styles in the KU Style Sheet which are generic enough
to be used anywhere in the page.
Back to top
Banner Styles
Styles which are intended specifically for use in the Banner portion of the page. These
styles will not be used by the university community except in rare circumstances.
Back to top
Navigation Column Styles
Styles specific to the Navigation Column. These styles are typically tailored to the
standard width of this column and are helpful in grouping, highlighting, and vertically
organizing navigation column links.
Back to top
Content Panel Styles
All the styles which are intended for use in the main content panel. The content panel
may be of varying sizes, depending on whether your page has a navigation column or a
right column, so there are lots of layout styles which account for the different
possible formats.
Back to top
Right Column Styles
The "Right Column" is technically a section of the page that's
within the
"Content Panel" (see the
Template Sample Page),
but these styles are specific enough in purpose that they warrant their own section.
The Right Column styles are similar to the Navigation Column styles in that they
principally help to organize content in a narrow, vertical space.
Back to top
Footer Styles
Styles which are specific to the footer section of the page. Many of these styles are
part of the underlying framework of the template and will not be used much (if ever)
by the university community.
Back to top
Email Page
Print Page