1 /*-----------------------------------------------------------------------
2 This css file is part of a layout package. Used on its own it won't
3 have the desired effect. The corresponding HTML file should LINK to a
4 filter.css file which will then IMPORT this style sheet (effecively
5 hiding it from IE3, IE4 and NN4). Imported ahead of this file should
6 be one named lpf.css (lpf = Level Playing Field) which attempts to get
7 all the different browsers using the same measurements, including font
10 Not related to the layout but also used in this example is 1 of Stu
11 Nicholls' wonderful creations (somewhat customized). This styles the
12 color boxes with rounded corners used in the content area. The style
13 for this, also imported by filter.css, is cbrc.css and it contains its
16 ======================================================================
17 Copyright and LICENSE -- do not remove --
18 ======================================================================
19 This CSS file is copyrighted (c) 2005, Paul Pomeroy/AdaptiveView
21 see: http://design.adaptiveview.com
23 but free to use under a Creative Commons Attribution 2.5 license.
24 Full details about this license are online at:
26 http://creativecommons.org/licenses/by/2.5/
27 ----------------------------------------------------------------------- */
34 background-color: #fff;
40 html>body, html>body #page {
45 background: url(/Images/TopOfTheWorld.jpg);
47 border-top:1px solid #306;
48 border-bottom:1px solid #306;
55 width:expression(document.body.clientWidth < 800? "775px": "100%" ); /* min-width IE style*/
81 padding-bottom:4.0em; /* you can get all of the padding set in one line, but Mac IE5.2 has issues with the shorthand method. */
85 width:expression(document.body.clientWidth < 800? "775px" : document.body.clientWidth > 1024? "999px": "99%"); /* IE's version of min- and max-width */
89 * html #page, * html #content {
108 html>body #foot { /* anyone but IE */ */
114 * html #foot { /* IE */
130 #content p, #content h2, #content h3, #content h4, #content h5 {
135 background:transparent;
152 .hide, .filtered {display:none;}
156 margin-bottom: -1px; /* for Gecko-based browsers */
158 padding-bottom: 1px; /* for Gecko-based browsers */
169 .clearfix {display: inline-table;}
171 /* Hides from IE-mac \*/
172 * html .clearfix {height: 1%;}
173 .clearfix {display: block;}
174 /* End hide from IE-mac */