]>
Commit | Line | Data |
---|---|---|
1610d209 MM |
1 | body {\r |
2 | margin:0px;\r | |
3 | padding:0px;\r | |
4 | font-family:verdana, arial, helvetica, sans-serif;\r | |
5 | color:#333;\r | |
6 | background-color:white;\r | |
7 | }\r | |
8 | h1 {\r | |
9 | margin:0px 0px 15px 0px;\r | |
10 | padding:0px;\r | |
11 | font-size:28px;\r | |
12 | line-height:28px;\r | |
13 | font-weight:900;\r | |
14 | color:#ccc;\r | |
15 | }\r | |
16 | p {\r | |
17 | font:11px/20px verdana, arial, helvetica, sans-serif;\r | |
18 | margin:0px 0px 16px 0px;\r | |
19 | padding:0px;\r | |
20 | }\r | |
21 | #Content>p {margin:0px;}\r | |
22 | #Content>p+p {text-indent:30px;}\r | |
23 | \r | |
24 | a {\r | |
25 | color:#09c;\r | |
26 | font-size:11px;\r | |
27 | text-decoration:none;\r | |
28 | font-weight:600;\r | |
29 | font-family:verdana, arial, helvetica, sans-serif;\r | |
30 | }\r | |
31 | a:link {color:#09c;}\r | |
32 | a:visited {color:#07a;}\r | |
33 | a:hover {background-color:#eee;}\r | |
34 | \r | |
35 | #Header {\r | |
36 | margin:25px 0px 10px 0px;\r | |
37 | padding:17px 0px 0px 20px;\r | |
38 | /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */\r | |
39 | height:33px; /* 14px + 17px + 2px = 33px */\r | |
40 | border-style:solid;\r | |
41 | border-color:black;\r | |
42 | border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */\r | |
43 | line-height:11px;\r | |
44 | background-color:#eee;\r | |
45 | \r | |
46 | /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. \r | |
47 | Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. \r | |
48 | IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style \r | |
49 | declaration. The incorrect IE5/Win value is above, while the correct value is \r | |
50 | below. See http://glish.com/css/hacks.asp for details. */\r | |
51 | voice-family: "\"}\"";\r | |
52 | voice-family:inherit;\r | |
53 | height:14px; /* the correct height */\r | |
54 | }\r | |
55 | /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct \r | |
56 | length values to user agents that exhibit the parsing error exploited above yet get \r | |
57 | the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include\r | |
58 | a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */\r | |
59 | body>#Header {height:14px;}\r | |
60 | \r | |
61 | #Content {\r | |
62 | margin:0px 50px 50px 200px;\r | |
63 | padding:10px;\r | |
64 | }\r | |
65 | \r | |
66 | #Menu {\r | |
67 | position:absolute;\r | |
68 | top:100px;\r | |
69 | left:20px;\r | |
70 | width:172px;\r | |
71 | padding:10px;\r | |
72 | background-color:#eee;\r | |
73 | border:1px dashed #999;\r | |
74 | line-height:17px;\r | |
75 | /* Again, the ugly brilliant hack. */\r | |
76 | voice-family: "\"}\"";\r | |
77 | voice-family:inherit;\r | |
78 | width:150px;\r | |
79 | }\r | |
80 | /* Again, "be nice to Opera 5". */\r | |
81 | body>#Menu {width:150px;}\r | |
82 | \r |