]>
Commit | Line | Data |
---|---|---|
f880f8a2 MT |
1 | |
2 | /* This controls the width of the fixed width layouts */ | |
3 | ||
697a4d52 | 4 | .fixed { |
f880f8a2 MT |
5 | width: 910px !important; |
6 | } | |
7 | ||
8 | /* Basic Stuff */ | |
9 | ||
10 | * { | |
11 | margin: 0; | |
12 | padding: 0; | |
13 | } | |
14 | ||
697a4d52 MT |
15 | html { |
16 | height: 100%; | |
17 | } | |
18 | ||
f880f8a2 | 19 | body { |
697a4d52 MT |
20 | /* SVG as background image (IE9/Chrome/Safari/Opera) */ |
21 | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgwNDAwIiBvZmZzZXQ9IjU3JSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2ODQpIiAvPgo8L3N2Zz4=); | |
22 | ||
23 | background-image: linear-gradient( | |
24 | bottom, | |
25 | #000000 0%, | |
26 | #880400 57% | |
27 | ); | |
28 | background-image: -o-linear-gradient( | |
29 | bottom, | |
30 | #000000 0%, | |
31 | #880400 57% | |
32 | ); | |
33 | background-image: -moz-linear-gradient( | |
34 | bottom, | |
35 | #000000 0%, | |
36 | #880400 57% | |
37 | ); | |
38 | background-image: -webkit-linear-gradient( | |
39 | bottom, | |
40 | #000000 0%, | |
41 | #880400 57 | |
42 | ); | |
43 | background-image: -ms-linear-gradient( | |
44 | bottom, | |
45 | #000000 0%, | |
46 | #880400 57% | |
47 | ); | |
48 | background-image: -webkit-gradient( | |
49 | linear, | |
50 | left bottom, | |
51 | left top, | |
52 | color-stop(0, #000000), | |
53 | color-stop(0.57, #880400) | |
54 | ); | |
f880f8a2 | 55 | background-attachment: fixed; |
697a4d52 | 56 | |
f880f8a2 MT |
57 | font-size: 9pt; |
58 | font-family: "trebuchet ms", helvetica, sans-serif; | |
59 | } | |
60 | ||
697a4d52 | 61 | h1, h2, h3, h4, h5, h6 { |
f880f8a2 MT |
62 | font-size: 20px; |
63 | font-weight: normal; | |
64 | letter-spacing: -1px; | |
f880f8a2 MT |
65 | text-align: left; |
66 | } | |
67 | ||
697a4d52 | 68 | h2, h3, h4, h5, h6 { |
f880f8a2 MT |
69 | color: #66000F; |
70 | } | |
71 | ||
f880f8a2 MT |
72 | br.clear { |
73 | clear: both; | |
74 | } | |
75 | ||
76 | img { | |
77 | padding: 3px; | |
78 | } | |
79 | ||
f880f8a2 MT |
80 | a { |
81 | text-decoration: underline; | |
697a4d52 | 82 | color: #d90000; |
f880f8a2 MT |
83 | } |
84 | ||
85 | a:hover { | |
86 | text-decoration: none; | |
87 | } | |
88 | ||
f880f8a2 MT |
89 | p { |
90 | line-height: 1.8em; | |
91 | } | |
92 | ||
697a4d52 MT |
93 | hr { |
94 | margin: 0.3em 0 0.3em 0; | |
95 | } | |
96 | ||
f880f8a2 MT |
97 | iframe { |
98 | border: 0; | |
99 | } | |
100 | ||
c3f00878 MT |
101 | .pull-right { |
102 | float: right !important; | |
103 | } | |
104 | ||
f880f8a2 MT |
105 | /* Header */ |
106 | ||
107 | #header { | |
697a4d52 | 108 | height: 70px; |
f880f8a2 MT |
109 | margin: 0 auto; |
110 | } | |
111 | ||
112 | /* Logo */ | |
113 | ||
114 | #logo { | |
697a4d52 MT |
115 | height: 65px; |
116 | margin-top: 1em; | |
f14e224b | 117 | background: url('../../images/tux2.png') no-repeat; |
f880f8a2 MT |
118 | } |
119 | ||
120 | #logo h1 { | |
f880f8a2 MT |
121 | color: #fff; |
122 | font-size: 3.6em; | |
697a4d52 MT |
123 | font-weight: bold; |
124 | padding-left: 1.7em; | |
f880f8a2 MT |
125 | } |
126 | ||
127 | /* Main */ | |
128 | ||
697a4d52 | 129 | .bigbox { |
f880f8a2 MT |
130 | margin: 0 auto; |
131 | margin-top: 1em; | |
697a4d52 | 132 | padding: 1.5em 2em 0 2em; |
f880f8a2 MT |
133 | border-radius: 8px 8px 8px 8px; |
134 | -webkit-border-radius: 8px 8px 8px 8px; | |
f14e224b | 135 | background: #fff url('../../images/n2.gif') 0px 0px repeat-x; |
f880f8a2 MT |
136 | border: 1px solid black; |
137 | } | |
138 | ||
697a4d52 MT |
139 | #main_inner { |
140 | padding-bottom: 1.5em; | |
141 | } | |
142 | ||
f880f8a2 MT |
143 | #main_inner p { |
144 | text-align: justify; | |
697a4d52 | 145 | margin-bottom: 2em; |
f880f8a2 MT |
146 | } |
147 | ||
148 | #main_inner ul { | |
697a4d52 | 149 | margin-bottom: 2em; |
f880f8a2 MT |
150 | } |
151 | ||
152 | #main_inner h1 { | |
697a4d52 | 153 | font-size: 1.8em; |
f880f8a2 MT |
154 | margin-bottom: 1em; |
155 | } | |
156 | ||
f880f8a2 | 157 | #main_inner .post { |
f880f8a2 MT |
158 | border-radius: 8px 8px 8px 8px; |
159 | -webkit-border-radius: 8px 8px 8px 8px; | |
160 | border: 1px solid silver; | |
697a4d52 MT |
161 | padding: 1em 2em 1em 2em; |
162 | margin-bottom: 1em; | |
163 | clear: both; | |
f880f8a2 MT |
164 | } |
165 | ||
697a4d52 MT |
166 | #main_inner .post h2 { |
167 | border-bottom: dotted 1px #e1e1e1; | |
f880f8a2 | 168 | font-size: 1.7em; |
697a4d52 | 169 | margin-bottom: 1em; |
f880f8a2 MT |
170 | } |
171 | ||
f880f8a2 | 172 | #footer { |
697a4d52 MT |
173 | height: 2.5em; |
174 | margin-bottom: 1em; | |
f880f8a2 MT |
175 | } |
176 | ||
c3f00878 MT |
177 | #footer a { |
178 | color: inherit; | |
179 | text-decoration: none; | |
180 | } | |
181 | ||
182 | #footer a:hover { | |
183 | text-decoration: underline; | |
184 | } | |
185 | ||
f880f8a2 MT |
186 | input { |
187 | margin: 0.2em; | |
188 | } | |
189 | ||
190 | input.button { | |
f14e224b | 191 | background: #ca2f2f url('../../images/n3.gif') repeat-x; |
f880f8a2 | 192 | color: #fff; |
697a4d52 | 193 | border: solid 1px #a94b4b; |
f880f8a2 | 194 | font-weight: bold; |
f880f8a2 MT |
195 | font-size: 0.8em; |
196 | height: 2.0em; | |
197 | } | |
198 | ||
199 | input.text { | |
697a4d52 MT |
200 | border: solid 1px #f1f1f1; |
201 | padding: 0.25em; | |
f880f8a2 MT |
202 | } |
203 | ||
204 | #traffic { | |
f880f8a2 | 205 | float: right; |
697a4d52 MT |
206 | min-width: 20em; |
207 | line-height: 32px; | |
f880f8a2 MT |
208 | } |
209 | ||
af731c7d | 210 | /* Menu */ |
af731c7d | 211 | #cssmenu { |
af731c7d | 212 | margin: 0 auto; |
697a4d52 MT |
213 | margin-top: 0; |
214 | padding-top: 0; | |
af731c7d AM |
215 | border-radius: 8px 8px 8px 8px; |
216 | -webkit-border-radius: 8px 8px 8px 8px; | |
217 | font-weight: 600; | |
218 | height: 32px; | |
219 | border: 1px solid black; | |
220 | } | |
f880f8a2 | 221 | |
af731c7d AM |
222 | #cssmenu a { |
223 | border-radius: 8px 8px 8px 8px; | |
224 | -webkit-border-radius: 8px 8px 8px 8px; | |
225 | color: #111111; | |
226 | display: inline-block; | |
af731c7d | 227 | line-height: 32px; |
697a4d52 | 228 | padding: 0 1em; |
af731c7d | 229 | text-decoration: none; |
af731c7d AM |
230 | } |
231 | ||
232 | #cssmenu ul { | |
233 | list-style: none; | |
234 | } | |
f880f8a2 | 235 | |
af731c7d AM |
236 | #cssmenu > ul > li { |
237 | display: inline-block; | |
af731c7d AM |
238 | } |
239 | ||
f880f8a2 | 240 | #cssmenu > ul > li.active a, #cssmenu > ul > li:hover > a { |
af731c7d AM |
241 | color: white; |
242 | background: #aaaaaa; | |
243 | } | |
244 | ||
af731c7d AM |
245 | #cssmenu .has-sub:hover > ul { |
246 | display: block; | |
247 | } | |
f880f8a2 | 248 | |
af731c7d AM |
249 | #cssmenu .has-sub ul { |
250 | display: none; | |
251 | position: absolute; | |
af731c7d | 252 | } |
f880f8a2 | 253 | |
af731c7d | 254 | #cssmenu .has-sub ul li a { |
697a4d52 | 255 | min-width: 12em; |
af731c7d AM |
256 | border-radius: 7px 7px 7px 7px; |
257 | background: #ffffff; | |
258 | color: grey; | |
af731c7d AM |
259 | display: block; |
260 | line-height: 40%; | |
261 | padding: 12px 5px; | |
262 | border: 1px solid black; | |
263 | } | |
f880f8a2 | 264 | |
af731c7d AM |
265 | #cssmenu .has-sub ul li:hover a { |
266 | background: #dddddd; | |
267 | box-shadow: inset 0 5px 1px rgba(0, 0, 0, 0.15); | |
268 | -webkit-box-shadow: inset 0 5px 1px rgba(0, 0, 0, 0.15); | |
269 | } | |
f880f8a2 | 270 | |
af731c7d AM |
271 | /* Table */ |
272 | /* when using class='bordered' after tabletag */ | |
273 | ||
274 | table { | |
275 | *border-collapse: collapse; /* IE7 and lower */ | |
276 | border-spacing: 0; | |
277 | } | |
278 | ||
279 | .bordered th{ | |
280 | border-top: 1px solid grey; | |
281 | border-bottom: 1px solid grey; | |
282 | background: #cccccc; | |
283 | } | |
284 | ||
285 | .bordered th:first-child{ | |
286 | -moz-border-radius: 6px 0 0 0; | |
287 | -webkit-border-radius: 6px 0 0 0; | |
288 | border-radius: 6px 0 0 0; | |
289 | border-left: 1px solid grey; | |
290 | border-top: 1px solid grey; | |
291 | border-bottom: 1px solid grey; | |
292 | } | |
293 | ||
294 | .bordered th:last-child { | |
295 | -moz-border-radius: 0 6px 0 0; | |
296 | -webkit-border-radius: 0 6px 0 0; | |
297 | border-radius: 0 6px 0 0; | |
298 | border-right: 1px solid grey; | |
299 | border-top: 1px solid grey; | |
300 | border-bottom: 1px solid grey; | |
301 | } | |
302 | ||
303 | .bordered th:only-child{ | |
304 | -moz-border-radius: 6px 6px 0 0; | |
305 | -webkit-border-radius: 6px 6px 0 0; | |
306 | border-radius: 6px 6px 0 0; | |
307 | border: 1px solid grey; | |
308 | } | |
309 | ||
310 | .bordered tr:first-child td:first-child{ | |
311 | -moz-border-radius: 6px 0 0 0; | |
312 | -webkit-border-radius: 6px 0 0 0; | |
313 | border-radius: 6px 0 0 0; | |
314 | border-left: 1px solid grey; | |
315 | border-top: 1px solid grey; | |
316 | } | |
317 | ||
318 | .bordered tr:first-child td:last-child{ | |
319 | -moz-border-radius: 0 6px 0 0; | |
320 | -webkit-border-radius: 0 6px 0 0; | |
321 | border-radius: 0 6px 0 0; | |
322 | border-top: 1px solid grey; | |
323 | } | |
f880f8a2 | 324 | |
af731c7d AM |
325 | .bordered tr:first-child td:only-child{ |
326 | -moz-border-radius: 6px 6px 0 0; | |
327 | -webkit-border-radius: 6px 6px 0 0; | |
328 | border-radius: 6px 6px 0 0; | |
329 | border-left: 1px solid grey; | |
330 | border-right: 1px solid grey; | |
331 | border-top: 1px solid grey; | |
332 | } | |
333 | ||
334 | .bordered tr:first-child td{ | |
335 | border-top: 1px solid grey; | |
336 | } | |
337 | ||
338 | .bordered tr:last-child{ | |
339 | border-left: 1px solid grey; | |
340 | border-right: 1px solid grey; | |
341 | } | |
342 | ||
343 | .bordered tr:last-child td:first-child { | |
344 | -moz-border-radius: 0 0 0 6px; | |
345 | -webkit-border-radius: 0 0 0 6px; | |
346 | border-radius: 0 0 0 6px; | |
347 | border-bottom: 1px solid grey; | |
348 | } | |
349 | ||
350 | .bordered tr:last-child td:last-child { | |
351 | -moz-border-radius: 0 0 6px 0; | |
352 | -webkit-border-radius: 0 0 6px 0; | |
353 | border-radius: 0 0 6px 0; | |
354 | border-bottom: 1px solid grey; | |
355 | } | |
356 | ||
357 | .bordered tr:last-child td:only-child { | |
358 | -moz-border-radius: 0 0 6px 6px; | |
359 | -webkit-border-radius: 0 0 6px 6px; | |
360 | border-radius: 0 0 6px 6px; | |
361 | border-bottom: 1px solid grey; | |
362 | } | |
363 | ||
364 | .bordered tr:last-child td { | |
365 | border-bottom: 1px solid grey; | |
366 | } | |
367 | ||
368 | .bordered td:first-child { | |
369 | border-left: 1px solid grey; | |
370 | } | |
371 | ||
372 | .bordered td:last-child { | |
373 | border-right: 1px solid grey; | |
374 | } |