Web3 Wrapper System
CSS Documentation: Wrapper CSS Overview
Wrapper CSS files are all located centrally at http://www.uncg.edu/global_uncg/style/ and may be viewed in their entirety. However, CSS files are manipulated in the Wrapper system based upon selections made within the individual unit's UNIT_VARIABLES page. As a result, not all stylesheets will be available to all users. In addition, there are certain selectors that should never be edited locally, such as those driving the bluebar dropdown functionality.
Due to both of these factors, we will consider each stylesheet individually, detailing when they are used, and why. We will also document only those selectors which are open to manipulation, and what these changes could result in.
Required Stylesheets
There are three stylesheets included in every implementation of the Wrapper:
- uncg-screen.css
- Drives all core functionality within the wrapper, including all default layout and style options
- uncg-print.css
- Options for the printing of web pages within the Wrapper system are included here
- uncg-handheld.css
- This is a placeholder stylesheet that is empty, pending future development of a handheld (PDA, cellphone, etc.) implementation
Conditional Stylesheets
Conditional stylesheets are pulled into the Wrapper based upon choices the Unit makes in customizing Wrapper functionality. It is possible that your Unit employs all, some, or none of the below CSS files:
- uncg-screen-lqd.css
- Activated if a Unit chooses a liquid (or fluid) layout over the default fixed width set in the core stylesheet
- Can also be used to override the default fixed-width selectors
- uncg-screen-menu.css
- When a Unit chooses to employ the Web3 left navigation menu, this stylesheet is implemented.
- As choosing the Web3 menu implies the Web3 look and feel, this stylesheet drives more options than simply the menu itself.
- uncg-screen-sidebar.css
- The Wrapper includes this stylesheet when a Unit chooses to display a sidebar, a content block that appears on right side of the page, directly underneath the Navy Blue Campus Links dropdown box