This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.

Welcome to the CSS Pointers Group

External Style

31-10-2005 --
This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.

An external style sheet is one saved with the extension .css which contains declarations used in all linked files.

The style sheet for this site is provided below as an example of the use of external style sheets.

 HR { clear: both; color: #cc3333}SMALL { font-size: x-small}STRONG { font-weight: bolder;}IMG.logo { float: left; margin: 0; width: 117px; height: 68px}H1 { float: right; color: #3333cc; font-family: sans-serif; font-size: 1.2em; margin-right: 12px; text-align: right}H2 { clear: both; color: #3333cc; font-family: sans-serif; font-size: 1.0em; margin: 4em 12px 0 0; text-align: right}H3 { border: solid 3px #cc3333; background: #cccccc; color: #3333cc; font-family: sans-serif; font-size: 1.2em; margin: 1em 12px 0 12px; padding: 4px 3px 4px 3px; text-align: center}DIV.list { margin-left: 4em}UL { font-family: sans-serif; font-size: 1.1em}UL UL { font-size: 0.85em}UL UL UL { font-size: 0.9em}LI { margin: 0.3em 0 0 0}LI.toc1 { list-style: url(site-graphics/sdi-bl.gif) square}LI.toc2 { list-style: url(site-graphics/sdi-rd.gif) disc}LI.toc3 { list-style: url(site-graphics/sdi-gr.gif) circle}P.intro1 { clear: both; font-size: 1em; margin: 0.5em 12px 0 12px; text-align: justify}P.intro2 { clear: both; font-size: 1em; margin: 0.5em 12px 0 12px; text-align: justify; text-indent: 1em}P.epilog1 { clear: both; font-size: 1em; margin: 0.5em 12px 0 12px; text-align: justify; text-indent: 0}P.epilog2 { clear: both; font-size: 1em; margin: 0.5em 12px 0 12px; text-align: justify; text-indent: 1em}P.reward { background: #cccccc; border: solid 3px #cc3333; clear: both; margin: 0.5em 30% 0 30%; padding: 12px 3em 8px 3em; text-align: center}.last-upd { font-family: sans-serif; margin: 0 12px 0 0; text-align: right}.pagehead { color: #3333cc; font-family: sans-serif; font-size: 0.9em; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left}.navlnk { color: #000000; font-size: 1em; font-weight: bold; margin: 1em 12px 0 12px}.doc-foot { font-family: sans-serif; font-size: 0.9em; margin: 0 0 1em 0; text-align: center}.foot-limg { border-style: none; float: left; margin: 1em 0 0 12px}.foot-rimg { border-style: none; float: right; margin: 1em 12px 0 0}.warning { background: #cc3333;}.notagifie3 {background: #cc3333;color: white;font-size: x-small;font-weight: bold;}.notagifie4{background: #3333cc;color: white;font-size: x-small;font-weight: bold;}.notagifnn {background: #cccccc;color: black;font-size: x-small;font-weight: bold;}.notagifie5{background: #33cccc;color: white;font-size: x-small;font-weight: bold;}

An external style sheet is one saved with the extension .css which contains declarations used in all linked files.