1 |
/* Body */ |
2 |
|
3 |
body { |
4 |
background: #fff; |
5 |
color: #000; |
6 |
} |
7 |
|
8 |
#mainContent, #side { |
9 |
background: #fff; |
10 |
line-height: 1.3; /* value other than 'normal' needed for WinIE */ |
11 |
color: #000; |
12 |
} |
13 |
.deepLevel #mainContent { |
14 |
line-height: 1.4; |
15 |
} |
16 |
|
17 |
/* Random HTML Styles */ |
18 |
|
19 |
hr { |
20 |
height: 1px; |
21 |
background-color: #000; |
22 |
color: #000; |
23 |
margin: 2em 0; |
24 |
} |
25 |
|
26 |
input[type="submit"] { |
27 |
font-weight: bold; |
28 |
} |
29 |
|
30 |
/* General Structure */ |
31 |
body, td, th, input { /* redundant rules for bad browsers */ |
32 |
font-family: verdana, sans-serif; |
33 |
font-size: x-small; |
34 |
voice-family: "\"}\""; |
35 |
voice-family: inherit; |
36 |
font-size: small; |
37 |
} |
38 |
|
39 |
h1, h2, h3, h4, h5, h6 { |
40 |
margin: 1em 0 0.2em 0; |
41 |
border-bottom: 1px solid #ccc; |
42 |
font-family: arial, verdana, sans-serif; |
43 |
} |
44 |
|
45 |
#header h1 { border: 0; } |
46 |
|
47 |
h1 { font-size: 160%; font-weight: normal; } |
48 |
h2 { font-size: 150%; font-weight: normal; } |
49 |
h3 { font-size: 120%; } |
50 |
h4 { font-size: 100%; } |
51 |
h5 { font-size: 90%; } |
52 |
h6 { font-size: 90%; border: 0; } |
53 |
|
54 |
/* Navigation */ |
55 |
|
56 |
:link { color: #039; } |
57 |
:visited { color: #636; } |
58 |
:link:hover, :visited:hover { color: #333; } |
59 |
:link:active, :link:active { color: #000; } |
60 |
|
61 |
|
62 |
/* Code */ |
63 |
|
64 |
.code { |
65 |
width: 100%; |
66 |
background-color: #F6F6F6; |
67 |
border: 2px outset GhostWhite; |
68 |
padding-left: 3px; |
69 |
padding-right: 3px; |
70 |
padding-top: 3px; |
71 |
padding-bottom: 3px; |
72 |
} |
73 |
|
74 |
|
75 |
|
76 |
/* |
77 |
pre.code { |
78 |
background: #EEECF6; |
79 |
} |
80 |
|
81 |
code > em, |
82 |
code > strong, |
83 |
pre.code > em, |
84 |
pre.code > strong { |
85 |
font-style: normal; |
86 |
} |
87 |
*/ |
88 |
|
89 |
/* Examples and Figures */ |
90 |
|
91 |
div.example { |
92 |
border-color: #554FA0; |
93 |
} |
94 |
div.example::before { |
95 |
color: #666; |
96 |
} |
97 |
|
98 |
/* Tables */ |
99 |
|
100 |
table.data { |
101 |
border-style: none hidden; |
102 |
} |
103 |
|
104 |
table.data thead { |
105 |
background: #EEECF6; |
106 |
} |
107 |
|
108 |
table.data th, |
109 |
table.data td { |
110 |
border: 1px dotted #D6CCBD; |
111 |
} |
112 |
|
113 |
tr.odd { |
114 |
background: #F5F5F5; |
115 |
} |
116 |
|
117 |
/* Meta */ |
118 |
|
119 |
address { |
120 |
color: #666; |
121 |
} |
122 |
|
123 |
/* Icon Part */ |
124 |
p.icon { |
125 |
text-align: center; |
126 |
} |
127 |
h1.icon, h2.icon, h3.icon, h4.icon, h5.icon, h6.icon { |
128 |
border-bottom: none; |
129 |
text-align: center; |
130 |
} |
131 |
|
132 |
.caution { |
133 |
border: solid 1px; |
134 |
background: rgb(255, 180, 180); |
135 |
font-size: 13.33px; |
136 |
font-family: arial, verdana, sans-serif; |
137 |
text-align: justify; |
138 |
font-style: normal; |
139 |
font-weight: normal; |
140 |
margin: 1em 1em 1em 1em; |
141 |
padding: 0.6em 0.6em 0.6em 0.6em; |
142 |
} |