Internet Oversight Committee

IOC: Web3 Wrapper System

CSS Documentation

The Wrapper employs a number of cascading stylesheet (CSS) files for the various presentation defaults within the system. As a result there is a large degree of flexibility within the Wrapper for user customization of nearly every aspect of layout or design. In order to harness this ability, one needs not only a good knowledge of, at a minimum, CSS 1.0, but also an understanding of how to influence stylesheets within the Wrapper and which styles are open to manipulation.

Getting Started

In order to set up the ability to change CSS within the Wrapper, you will need to enable the UNIT_HEADER variable in either your unit_variables.html, unit_variables.php, or global.asa file, depending on the server technology you utilize. More information on this can be found here.

Default implementations of the UNIT_HEADER will link to a locally maintained file entitled unit_header.(asp, php, or html). within the inc_unit folder. Within this file, there is a link to a local stylesheet that is included in most default implementations. The unit_header file will look something like this:

<link rel=“stylesheet” href=“/olh/local.css” type=“text/css” media=“screen” />
<link rel=“shortcut icon” href=“/favicon.ico” />

The line we are concerned with is the one referring to local.css. Be certain it is pathing to a locally-maintained stylesheet, which you may rename anything you choose. Local.css is included in most default implementations of the Wrapper.

From this point, it's only a matter of knowing which selectors within the Wrapper CSS files may be manipulated, and putting that knowledge to use.