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 |
border: none; |
188 |
background: rgb(240, 240, 240); |
189 |
list-style-image: url("gfx/okay.png"); |
190 |
margin: 1em 3em 1em 3em; |
191 |
padding: 1em 1em 1em 2.2em; |
192 |
} |
193 |
|
194 |
ol.default { |
195 |
/* list-style-type:circle; */ |
196 |
border: none; |
197 |
background: rgb(240, 240, 240); |
198 |
margin: 1em 3em 1em 3em; |
199 |
padding: 1em 1em 1em 2.2em; |
200 |
} |
201 |
|
202 |
li { |
203 |
padding: 0.2em 0.2em 0.2em 0.2em; |
204 |
font-size: 12pt; |
205 |
font-family: sans-serif; |
206 |
text-align: justify; |
207 |
} |
208 |
|
209 |
li.ok { |
210 |
list-style-image: url("gfx/okay_green.png"); |
211 |
padding: 0.2em 0.2em 0.2em 0.2em; |
212 |
font-size: 12pt; |
213 |
font-family: sans-serif; |
214 |
text-align: justify; |
215 |
} |
216 |
|
217 |
li.false { |
218 |
list-style-image: url("gfx/x.png"); |
219 |
padding: 0.2em 0.2em 0.2em 0.2em; |
220 |
font-size: 12pt; |
221 |
font-family: sans-serif; |
222 |
text-align: justify; |
223 |
} |
224 |
|
225 |
li.partly { |
226 |
list-style-image: url("gfx/yellow_light.png"); |
227 |
padding: 0.2em 0.2em 0.2em 0.2em; |
228 |
font-size: 12pt; |
229 |
font-family: sans-serif; |
230 |
text-align: justify; |
231 |
} |
232 |
|
233 |
|
234 |
/* info code from SantaKlauss at http://www.madaboutstyle.com/tooltip2.html */ |
235 |
a.info { |
236 |
/* This is the key. */ |
237 |
position: relative; |
238 |
z-index: 24; |
239 |
text-decoration: none; |
240 |
} |
241 |
a.info:hover { |
242 |
z-index: 25; |
243 |
color: #FFF; background-color: #900; |
244 |
} |
245 |
a.info span { display: none; } |
246 |
a.info:hover span.info { |
247 |
/* The span will display just on :hover state. */ |
248 |
display: block; |
249 |
position: absolute; |
250 |
font-size: smaller; |
251 |
top: 2em; left: -5em; width: 15em; |
252 |
padding: 2px; border: 1px solid #333; |
253 |
color: #900; background-color: #DDF; |
254 |
text-align: left; |
255 |
} |
256 |
|
257 |
|
258 |
|
259 |
/* News section */ |
260 |
|
261 |
div.news { |
262 |
border: 1px dotted; |
263 |
margin: 0.8em 2em; |
264 |
padding: 0.4em 0.4em; |
265 |
font-size: 11pt; |
266 |
font-family: sans-serif; |
267 |
text-align: justify; |
268 |
font-style: normal; |
269 |
font-weight: normal; |
270 |
} |
271 |
|
272 |
ul.news { |
273 |
background: transparent; |
274 |
list-style-type: disc; |
275 |
margin: 0em 0em 0em 0em; |
276 |
padding: 0em 0em 0em 1.5em; |
277 |
} |
278 |
|
279 |
li.news { |
280 |
font-size: 11pt; |
281 |
font-family: sans-serif; |
282 |
text-align: justify; |
283 |
font-style: normal; |
284 |
font-weight: normal; |
285 |
} |
286 |
|
287 |
span.news_date { |
288 |
font-weight: bold; |
289 |
} |