/* KeyWord version */ /* Specific body cascade declarations to over-ride px units used in thecss.css for NS4 */ /* hide padding from td cells - causes spacing above cells in ns4.x*/ td.button {padding:4px;} td.buttonmouseover {padding:4px;} td.toc {padding:4px;} td.tocmouseover {padding:4px;} td.menu {padding:4px;} td.menumouseover {padding:4px;} /* NOTES: 1.) em vs. keywords em is based on the parent element, so setting em values can cause problems ... i.e. 0.8 on 0.8 will mean 0.64 (And the componding isn't consistant across browsers according to http://diveintothemark.org/archives/2002/07/15.html) Keywords never have this problem, as result will never be componded. The smallest type is always above the 9px legibility thresh-hold 2.) WinIE4/5 render keywords in correctly However WinIE4/5 render "small" as the initial value(browser/user defined value), instead of "medium" as the inital browser/user defined value. If the css is designed for for WinIE4/5 then "small" will not be one smalled than the users value, but actually be the users defined value. The code below will implement a fix using a CSS parsing bug in WinIE5 and WinIE5.5 to apply a font-size, which is then overriden, but: 2.1) need the "Be nice to Opera 5" rule In addition, we add one more rule immediately following the above style rule, to help out UAs which support CSS2 selectors and the CSS box model, but have the same parsing bug as WinIE5.x mentioned above. (Other browsers that have the parsing bug illustrated by the "\"}\"" value, could potentially ignore the next rule, so the "be nice to Opera 5" rule helps those parsers "catch up".) 2.2) the fix REQUIRESS WinIE6 to use HTML4.0+ doctype with URL to avoid its "quirks" mode. Finally, WinIE6 has fixed the parsing bug, and recognise the keyword bug, but the Document type decaration is required to activate it. By default it assumes old non-standards complient, and retains the keyword problem unless the doctype specifies HTML4.0 or greater *WITH* a URL present in the doctype. e.g. NOT */ */ html body, body address, body blockquote, body caption, body center, body dd, body dir, body div, body dl, body dt, body form, body menu, body ol, body p, body td, body th, body ul { font-size: x-small; /*"false" value for WinIE5/5.5*/ /*was 0.83em/11px*/ voice-family: "\"}\""; /* trick WinIE5/5.5 to think css rule is over */ voice-family: inherit; /* recover from the trick */ font-size: small; /* intended for the better browsers */ } /* The "be nice to Opera 5" rule. Be sure to not leave any space around the '> */ html>body, html>body address, html>body blockquote, html>body caption, html>body center, html>body dd, html>body dir, html>body div, html>body dl, html>body dt, html>body form, html>body menu, html>body ol, html>body p, html>body td, html>body th, html>body ul { font-size: small; } body a { font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small; } html>body a { font-size: small; } /*****************************/ /* CLASSES */ /* breadcrumbs */ body span.Breadcrumbs { font-size: xx-small; voice-family: "\"}\""; voice-family: inherit; font-size: x-small; } html>body span.Breadcrumbs { font-size: x-small; } body a.Breadcrumbs { font-size: xx-small; voice-family: "\"}\""; voice-family: inherit; font-size: x-small; } html>body a.Breadcrumbs { font-size: x-small; } /* Button Links */ body a.Button { font-size: small; voice-family: "\"}\""; voice-family: inherit; font-size: medium; } html>body a.Button { font-size: medium; }