The University uses Cascading Style Sheets (CSS) to apply a consistent look and feel to text and visual elements on pages which use CI templates.
http://www.csuci.edu/css/global/main.css
http://www.csuci.edu/css/global/typography.css
http://www.csuci.edu/css/global/layout.css
http://www.csuci.edu/css/global/extra.css
http://www.csuci.edu/css/print.css (defines how Web pages should print)
http://www.csuci.edu/css/homepage.css (calls "global" and only used on the CI home page)
http://www.csuci.edu/css/toplevel.css (calls "global" and only used on top-level pages such as "Prospective Students" or "Alumni")
http://www.csuci.edu/css/subpage_general.css (calls "global" and only used on CI sub-level pages)
CI officially supports the following Web browsers:
Firefox 1.5 and later
Safari 2.0 and later
Internet Explorer 6, 7 and 8
Firefox 1.5 and later
Safari 2.0 and later
CI has made reasonable efforts to ensure that design templates are compatible across browsers and platforms.
All Web pages should be tested on multiple browser and multiple platforms prior to launch to ensure appropriate compatibility.
While slight visual differences of Web pages may occur in different browser versions, Web pages should aim to provide the same core experience across all supported browsers.
CI has created templates for use by all officially recognized University organizations.
All officially recognized University organizations should use these templates in the creation of their web sites. The template has been designed with a number of variations to enable more choices for display of content, while maintaining the consistency needed to create a unified digital identity.
Dean-level entities (schools and academic deparments/programs, such as Business School, School of Education, Art program, biology, computer science, etc.) may have their own template, but it still must retain most common branding elements (as defined in this Style Guide).
In all cases, all templates should be designed to meet University web style guidelines and applicable campus and CSU policies. Please visit the CSUCI Templates page for more information. Please contact Web Services for more information about appropriate use of these templates.
Web pages should be designed with a flexible layout.
Minimum page width should be set to: 1024 pixels
Minimum page height should be set to: 768 pixels
Web sites should be designed such that:
The design of a Web page should facilitate graceful resizing of layout, navigation, and content when a visitor resizes their browser window.
Web page elements should be designed to support the user's ability to adjust image and text size through the browser settings.
Sizes of page elements (fonts, containers or bounding boxes, images) should be specified in relative units (percentage or em units) whenever possible.
Page elements should be optimized for maximum download speed.
150KB is recommended as the total download size for all elements of a single Web page (text, images, graphics, stylesheets, etc)
It is not recommended to use <frame> elements in any Web site design, due to added navigational and maintenance complexity.
Inline frame elements <iframe> may be used if required to accomplish a specific technical goal; however, use of <iframe> elements is generally discouraged to ensure maximum compatibility across platforms and browsers.
Pop-up windows or graphics in web pages are strongly discouraged.
Pop-up windows or graphics should never spontaneously appear or otherwise appear without a visitor's explicit request to open the window or graphic.
All videos provided on Web pages must be captioned and be accompanied by a text transcript.
All audio recordings provided on web pages must be accompanied by a text transcript.
Last updated: 2010-05-06
