CSS File Structure
| screen.css | This file is loaded with the linkage method (i.e. you should only have 1 linking file per HTML document). The sub-files (listed below) are then imported so as to break out the css into comon areas rather than have one huge css for all areas. These files, are therefore loaded for every page - note that many css files in the directory are not - but loaded as needed on a page by page basis. |
| NOTE: the order of files below, is important in the way that it may be desired to overwrite or effect the cascading methods. How to best attack a design would be follow this order:
| |
| layout.css | The layout of the pages and columns. Should not change anything here. Better to override in presentation.css. Do not change unless you absolutely necesary or exploring very advanced css changes for the whole site. |
| logo_tag.css | |
| header.css | The general header area (typically hieght. Does not include control of the logo or the top nav. |
| search.css | The search form (usually top right) and all the elements within the search control that is the top of every page. |
| topnav.css | |
| subnav.css | This is the side nav |
| content.css | Mostly applies to text editor based content. If you wish to create custom divs in the text editor, then add the classes and ID's to this file. Most applications - like the request form will have their own css file that is loaded only on that page. |
| footer.css | |
| ie.css | An IE only corection CSS file . Do not change unless you absolutely necesary or exploring very advanced css changes for the whole site. |
| presentation.css | The general design for the site and page in full. I.e., set the font style or background for all pages - link color. |
| custImport.css | This file is often specified in the control panel to follow screen.css and is primarily meant to allow a site to use a default layout and then use this single file to adjust the site slightly - as when 2 sites share a common css.
|