1 |
body { |
2 |
background: rgb(220,220,220); |
3 |
} |
4 |
|
5 |
#mainwindow { |
6 |
border: 1px solid black; |
7 |
background: white; |
8 |
overflow: auto; |
9 |
width: 100%; |
10 |
padding: 0; |
11 |
} |
12 |
|
13 |
#contents { |
14 |
margin: 0; |
15 |
} |
16 |
|
17 |
|
18 |
h2 { |
19 |
font-size: 14pt; |
20 |
font-family: sans-serif; |
21 |
border: none; |
22 |
background: rgb(240,240,240); |
23 |
margin: 0.8em 2em; |
24 |
padding: 0.4em 0.4em; |
25 |
} |
26 |
|
27 |
h3 { |
28 |
font-size: 14pt; |
29 |
font-family: sans-serif; |
30 |
font-weight: normal; |
31 |
border: none; |
32 |
background: rgb(240,240,240); |
33 |
margin: 0.8em 2em; |
34 |
padding: 0.4em 0.4em; |
35 |
} |
36 |
|
37 |
.hidden |
38 |
{ |
39 |
display: none; |
40 |
} |
41 |
|
42 |
img { |
43 |
border: none; |
44 |
display: block; |
45 |
} |
46 |
|
47 |
table th { |
48 |
font-size: 14pt; |
49 |
font-family: sans-serif; |
50 |
font-weight: bold; |
51 |
background: rgb(240,240,240); |
52 |
} |
53 |
|
54 |
.code { |
55 |
width: 100%; |
56 |
background-color: #F6F6F6; |
57 |
border: 2px outset GhostWhite; |
58 |
padding-left: 3px; |
59 |
padding-right: 3px; |
60 |
padding-top: 3px; |
61 |
padding-bottom: 3px; |
62 |
} |
63 |
|
64 |
table.default { |
65 |
font-size: 12pt; |
66 |
font-family: sans-serif; |
67 |
text-align: justify; |
68 |
font-style: normal; |
69 |
font-weight: normal; |
70 |
padding: 1em 2.2em; |
71 |
} |
72 |
|
73 |
td.bordered { |
74 |
text-align: center; |
75 |
padding: 0.6em; |
76 |
border: 2px outset White; |
77 |
background-color: #F0F0F0; |
78 |
} |
79 |
|
80 |
td.default { |
81 |
padding: 0.6em; |
82 |
} |
83 |
|
84 |
.formatmatrix { |
85 |
font-size: 12pt; |
86 |
font-family: sans-serif; |
87 |
text-align: justify; |
88 |
font-style: normal; |
89 |
font-weight: normal; |
90 |
} |
91 |
|
92 |
.formatmatrix th{ |
93 |
border: 1px solid rgb(200,200,200); |
94 |
} |
95 |
|
96 |
.formatmatrix td { |
97 |
padding: 0.6em; |
98 |
} |
99 |
|
100 |
.formatmatrix tr.white td { |
101 |
border: 1px solid rgb(240, 240, 240); |
102 |
} |
103 |
|
104 |
.formatmatrix tr.grey td { |
105 |
background: rgb(230, 230, 230); |
106 |
border: none; |
107 |
} |
108 |
|
109 |
.formatmatrix tr.green td { |
110 |
background: rgb(180, 255, 180); |
111 |
border: none; |
112 |
} |
113 |
|
114 |
.formatmatrix tr.red td { |
115 |
background: rgb(255, 180, 180); |
116 |
border: none; |
117 |
} |
118 |
|
119 |
.linkstable { |
120 |
font-size: 12pt; |
121 |
font-family: sans-serif; |
122 |
text-align: justify; |
123 |
font-style: normal; |
124 |
font-weight: normal; |
125 |
} |
126 |
|
127 |
.linkstable a { |
128 |
text-decoration: none; |
129 |
} |
130 |
|
131 |
.linkstable a:hover { |
132 |
text-decoration: underline; |
133 |
} |
134 |
|
135 |
table.default { |
136 |
margin-left: 2cm |
137 |
} |
138 |
|
139 |
p.default { |
140 |
font-size: 12pt; |
141 |
font-family: sans-serif; |
142 |
text-align: justify; |
143 |
font-style: normal; |
144 |
font-weight: normal; |
145 |
padding: 1em 2.2em; |
146 |
} |
147 |
|
148 |
table.pure { |
149 |
font-size: 12pt; |
150 |
font-family: sans-serif; |
151 |
font-style: normal; |
152 |
font-weight: normal; |
153 |
} |
154 |
|
155 |
div.groupbox { |
156 |
background: rgb(240, 240, 240); |
157 |
font-size: 12pt; |
158 |
font-family: sans-serif; |
159 |
text-align: justify; |
160 |
font-style: normal; |
161 |
font-weight: normal; |
162 |
margin: 1em 3em 1em 3em; |
163 |
padding: 1em 1em 1em 2.2em; |
164 |
} |
165 |
|
166 |
p.groupbox { |
167 |
border: none; |
168 |
background: rgb(240, 240, 240); |
169 |
font-size: 12pt; |
170 |
font-family: sans-serif; |
171 |
text-align: justify; |
172 |
font-style: normal; |
173 |
font-weight: normal; |
174 |
margin: 1em 3em 1em 3em; |
175 |
padding: 1em 1em 1em 2.2em; |
176 |
} |
177 |
|
178 |
span.default { |
179 |
font-size: 12pt; |
180 |
font-family: sans-serif; |
181 |
text-align: justify; |
182 |
font-style: normal; |
183 |
font-weight: normal; |
184 |
} |
185 |
|
186 |
ul { |
187 |
/* list-style-type:circle; */ |
188 |
border: none; |
189 |
background: rgb(240, 240, 240); |
190 |
list-style-image: url("gfx/okay.png"); |
191 |
margin: 1em 3em 1em 3em; |
192 |
padding: 1em 1em 1em 2.2em; |
193 |
} |
194 |
|
195 |
ol.default { |
196 |
/* list-style-type:circle; */ |
197 |
border: none; |
198 |
background: rgb(240, 240, 240); |
199 |
margin: 1em 3em 1em 3em; |
200 |
padding: 1em 1em 1em 2.2em; |
201 |
} |
202 |
|
203 |
li { |
204 |
padding: 0.2em 0.2em 0.2em 0.2em; |
205 |
font-size: 12pt; |
206 |
font-family: sans-serif; |
207 |
text-align: justify; |
208 |
} |
209 |
|
210 |
li.ok { |
211 |
list-style-image: url("gfx/okay_green.png"); |
212 |
padding: 0.2em 0.2em 0.2em 0.2em; |
213 |
font-size: 12pt; |
214 |
font-family: sans-serif; |
215 |
text-align: justify; |
216 |
} |
217 |
|
218 |
li.false { |
219 |
list-style-image: url("gfx/x.png"); |
220 |
padding: 0.2em 0.2em 0.2em 0.2em; |
221 |
font-size: 12pt; |
222 |
font-family: sans-serif; |
223 |
text-align: justify; |
224 |
} |
225 |
|
226 |
li.partly { |
227 |
list-style-image: url("gfx/yellow_light.png"); |
228 |
padding: 0.2em 0.2em 0.2em 0.2em; |
229 |
font-size: 12pt; |
230 |
font-family: sans-serif; |
231 |
text-align: justify; |
232 |
} |
233 |
|
234 |
|
235 |
/* info code from SantaKlauss at http://www.madaboutstyle.com/tooltip2.html */ |
236 |
a.info { |
237 |
/* This is the key. */ |
238 |
position: relative; |
239 |
z-index: 24; |
240 |
text-decoration: none; |
241 |
} |
242 |
a.info:hover { |
243 |
z-index: 25; |
244 |
color: #FFF; background-color: #900; |
245 |
} |
246 |
a.info span { display: none; } |
247 |
a.info:hover span.info { |
248 |
/* The span will display just on :hover state. */ |
249 |
display: block; |
250 |
position: absolute; |
251 |
font-size: smaller; |
252 |
top: 2em; left: -5em; width: 15em; |
253 |
padding: 2px; border: 1px solid #333; |
254 |
color: #900; background-color: #DDF; |
255 |
text-align: left; |
256 |
} |