/* NOTE Consider renaming this file to something like "style-screens.css" to indicate delivery medium. - JL */ /* ______________TABLE OF CONTENTS_________________ 1. BROWSER RESETS 2. GLOBAL SETTINGS a. BODY (font) b. #pgBody 3. TEXT FORMATTING a. Headings b. Font classes 4. LIST ITEM CLASSES a. Outlines b. Objectives c. Checkboxes 5. LINKS a. General link properties b. helpBox c. Specific Links i. Discussion ii. Web iii. Email iv. PDF v. Excel vi. Word d. Cool tools *** Consider removing from this style.css file and including as unique for OL-COOL to minimize code elsewhere 6. BUTTONS a. Generic buttons b. .navig button c. .quiz button d. .prnt button e. .mail button 7. OBJECTS a. IMG i. imgL ii. imgR iii. imgCenter b. IFRAME c. FLASH SWF d. TABLE i. .table1 ii. .course iii. .defn iv. .table-spreadsheet 8. POSITIONING a. .indentnote b. .sideBoxL2 c. .sideBoxR d. .sideBoxR2 e. .page-ref f. .definition e. .definition-comment f. .citation d. #footer e. #case f. .real-world e. .discussion-help f. .download-print g. .scare h. #notice i. .tabBox j. .headBox2, .headBox3, .headBox4 k. #TwoCol l. .TwoColAft m. .ThreeCol n. .L o. .R p. .helpBox r. .assignBox s. .attention-box 9. REVERE STYLE SHEET */ /* -- 1. BROWSER RESETS <<<------ >>>Resets any browser settings so we ensure our CSS file is controlling, making everything cross-browser friendly <<< * { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; } li, dd { margin-left:5%; } fieldset { padding: .5em; } /* -- 2. GLOBAL SETTINGS <<<------ */ /* Size = 62.5% because default-value of the font-size is 16px; applying the rule, you’ll get one Em standing for roughly ten pixels (16 x 62.5% = 10). So, in later styles, 1.3 ems would = 13 pixels. */ body { font-family: Arial, Helvetica, sans-serif; /*font-size: .8em;*/ /*font-size: 62.5%;*/ /*this doesn't work -- probably because of soemthing in the Revere generated pages; in theory, it should make the base font look like 10pt font, but changing font-size in the body tag has no effect at all additionally, tables seem to be effected in some weird way. Setting the font-size of a table tag to be .8 actually causes the text to be .8 of .8 (.64). Leaving it alone cause it to appear as 16pt text (the default); setting font-size for a table tag to be 100% cause it to be the same size as the font is set inside the #pgBody div. */ } /*pgBody is used to wrap all of the course page HTML into its own div, so basic tags like

and can be modified without affecting anything else on the page. */ #pgBody { padding:0px; margin-top:0px; display:inline; width:562px; font-size: 1.0em; } /*the following are needed to correct font issues related the font size shrinking with successive block elements on a page (e.g.