CSS style sheets

[dynocat1351]

Where can I find a list of what each css style controls in the template?

e.g., where are ".darkbox," ".mediumbox," and ".lightbox" used?

Thanks to anyone who knows.

[jdzwonek261]

The css classes are used in a lot of different places throughout each design package.
The css files currently do not contain many comments but we are working on adding those into our newer design packages. For now the name of the css class is your best hint of what it is attached to.

I'll break down the ".darkbox" and ".lighttext" classes for you.





The first word refers to the color. In the default design package "dark" refers to a dark blue color and "light" refers to a white color.
The second word refers to what that coloring is applied to. In the default design package "box" refers to a table and "text" obviously refers to text.
So if you were to edit the ".darbox" css, it would change any table that currently shows up with a dark blue background.
If you were to edit ".lighttext" it would change any text that currently shows up white.

Definition List: default_css.css

.headline - used whenever large text is needed.
.error-table - used to color the background and style the table that error messages are generated in.
.message-table - used to color the background and style the table that alert messages are generated in.
a:link, a:visited, a:hover, a:active - used to style general links
.lighttext - used whenever a light colored text is needed.
.lighttext a:link, .lighttext a:visited, .lighttext a:hover, .lighttext a:active - used whenever a light colored link is needed.
.darkbox - used whenever a dark colored background is need inside of a table.
.mediumbox - used whenever a medium/neutral colored background is need inside of a table.
.lightbox - used whenever a light colored background is need inside of a table.
form - used to style form elements.
.darktext - used whenever a dark colored text is needed.
a.darktext:link, a.darktext:visited, a.darktext:hover, a.darktext:active - used whenever a light colored link is needed.
.search-hilight - used to highlight the term that was used in search field when viewing the search results page.