Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Using CSS with the Toolkit

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colours, spacing) to Web documents.

...

With the three levels of CSS styles in the Pet Adoption Toolkit, you can go from basic changes to your own custom design.

The Toolkit includes three levels of CSS styles:

Styles

Location

Purpose

Default

Included in the Toolkit code, inaccessible to the user

Provides default styles

Search Container Options

Search container background color and search result hover color

Allows simple selection of colors

Key Styles (custom style sheet)

Located within each key, blank style sheet (enter custom CSS on the Style and Color Options)

Allows custom styles for advanced users


Advanced Styling of Toolkit (Custom CSS)

Within each toolkit layout there may be some elements that can be further styled to get a more customized look/feel.

...