]>
Commit | Line | Data |
---|---|---|
4b4aec3a CS |
1 | /* |
2 | ||
3 | Nonzero1.0 by nodethirtythree design | |
4 | http://www.nodethirtythree.com | |
5 | missing in a maze | |
6 | ||
7 | */ | |
8 | ||
9 | /* This controls the width of the fluid width layouts */ | |
10 | ||
11 | div.fluid | |
12 | { | |
13 | width: 90% !important; | |
14 | } | |
15 | ||
16 | /* This controls the width of the fixed width layouts */ | |
17 | ||
18 | div.fixed | |
19 | { | |
20 | width: 950px !important; | |
21 | } | |
22 | ||
23 | /* Basic Stuff */ | |
24 | ||
25 | * | |
26 | { | |
27 | margin: 0em; | |
28 | padding: 0em; | |
29 | } | |
30 | ||
31 | body | |
32 | { | |
33 | background-color: #000000; | |
34 | color: rgb(255,128,0); | |
35 | font-size: 9pt; | |
36 | font-family: "trebuchet ms", helvetica, sans-serif; | |
37 | } | |
38 | ||
39 | h1,h2,h3,h4,h5,h6 | |
40 | { | |
41 | background-color: #000000; | |
42 | font-weight: normal; | |
43 | letter-spacing: -1px; | |
44 | text-transform: lowercase; | |
45 | text-align: left; | |
46 | } | |
47 | ||
48 | h3,h4,h5,h6 | |
49 | { | |
50 | background-color: #000000; | |
51 | color: silver; | |
52 | } | |
53 | ||
54 | h1 span | |
55 | { | |
56 | font-weight: bold; | |
57 | color: rgb(255,128,0); | |
58 | } | |
59 | ||
60 | h3 span | |
61 | { | |
62 | background-color: #000000; | |
63 | font-weight: bold; | |
64 | } | |
65 | ||
66 | h4 span | |
67 | { | |
68 | background-color: #000000; | |
69 | font-weight: bold; | |
70 | } | |
71 | ||
72 | br.clear | |
73 | { | |
74 | background-color: #000000; | |
75 | clear: both; | |
76 | } | |
77 | ||
78 | img | |
79 | { | |
80 | } | |
81 | ||
82 | img.floatTL | |
83 | { | |
84 | float: left; | |
85 | margin-right: 1.5em; | |
86 | margin-bottom: 1.5em; | |
87 | margin-top: 0.5em; | |
88 | } | |
89 | ||
90 | a | |
91 | { | |
92 | text-decoration: underline; | |
93 | color: white; | |
94 | } | |
95 | ||
96 | a:hover | |
97 | { | |
98 | text-decoration: none; | |
99 | } | |
100 | ||
101 | ul.links | |
102 | { | |
103 | list-style: none; | |
104 | } | |
105 | ||
106 | ul.links li | |
107 | { | |
108 | line-height: 2em; | |
109 | } | |
110 | ||
111 | ul.links li.first | |
112 | { | |
113 | } | |
114 | ||
115 | p | |
116 | { | |
117 | line-height: 1.8em; | |
118 | } | |
119 | ||
120 | /* Header */ | |
121 | ||
122 | #header | |
123 | { | |
124 | width:100%; | |
125 | height:100px; | |
f9c2147d | 126 | background: #000000 url('/themes/maniac/images/b1.gif') repeat-x; |
4b4aec3a CS |
127 | } |
128 | ||
129 | #header_inner | |
130 | { | |
131 | position: relative; | |
132 | width: 700px; | |
133 | height:110px; | |
134 | margin: 0 auto; | |
135 | } | |
136 | ||
137 | /* Logo */ | |
138 | ||
139 | #logo | |
140 | { | |
141 | position: absolute; | |
142 | bottom: 0.6em; | |
143 | } | |
144 | ||
145 | #logo h1 | |
146 | { | |
147 | display: inline; | |
148 | color: #fff; | |
149 | font-size: 2.6em; | |
150 | } | |
151 | ||
152 | #logo h2 | |
153 | { | |
154 | display: inline; | |
155 | padding-left: 0.5em; | |
156 | color: white; | |
157 | font-size: 1.0em; | |
158 | } | |
159 | ||
160 | /* Menu */ | |
161 | ||
162 | #menu | |
163 | { | |
164 | position: absolute; | |
165 | right: 0em; | |
166 | bottom: 0em; | |
167 | } | |
168 | ||
169 | #menu ul | |
170 | { | |
171 | list-style: none; | |
172 | } | |
173 | ||
174 | #menu li | |
175 | { | |
176 | float: left; | |
177 | } | |
178 | ||
179 | #menu li a | |
180 | { | |
181 | margin-left: 0.5em; | |
182 | display: block; | |
183 | padding: 1.1em 1.4em 1.0em 1.4em; | |
184 | background: url('/themes/maniac/images/b4.gif') repeat-x; | |
185 | border: solid 1px #fff; | |
186 | color: #616161; | |
187 | font-weight: bold; | |
188 | font-size: 1.0em; | |
189 | text-transform: lowercase; | |
190 | text-decoration: none; | |
191 | } | |
192 | ||
193 | #menu li a.active | |
194 | { | |
195 | background: url('/themes/maniac/images/b3.gif') repeat-x; | |
196 | color: #fff; | |
197 | border: solid 1px silver; | |
198 | } | |
199 | ||
200 | /* Main */ | |
201 | ||
202 | #main | |
203 | { | |
204 | background: #000000 url('/themes/maniac/images/b2.gif') 0px 1px repeat-x; | |
205 | } | |
206 | ||
207 | #main_inner p | |
208 | { | |
209 | text-align: justify; | |
210 | margin-bottom: 2.0em; | |
211 | } | |
212 | ||
213 | #main_inner ul | |
214 | { | |
215 | margin-bottom: 2.0em; | |
216 | } | |
217 | ||
218 | #main_inner | |
219 | { | |
220 | position: relative; | |
221 | width: 950px; | |
222 | margin: 0 auto; | |
223 | padding-top: 3.5em; | |
224 | } | |
225 | ||
226 | #main_inner h3,h4 | |
227 | { | |
228 | border-bottom: dotted 1px #E1E1E1; | |
229 | position: relative; | |
f4435fd9 | 230 | padding-bottom: 0.4em; |
4b4aec3a CS |
231 | } |
232 | ||
233 | #main_inner h3 | |
234 | { | |
235 | font-size: 2.1em; | |
236 | padding-bottom: 0.1em; | |
4b4aec3a CS |
237 | } |
238 | ||
239 | #main_inner h4 | |
240 | { | |
241 | font-size: 1.2em; | |
242 | padding-bottom: 0.175em; | |
243 | margin-bottom: 1.4em; | |
244 | margin-top: 0.95em; | |
245 | } | |
246 | ||
247 | #main_inner .post | |
248 | { | |
249 | position: relative; | |
250 | } | |
251 | ||
252 | #main_inner .post h3 | |
253 | { | |
254 | position: relative; | |
255 | font-size: 1.7em; | |
f4435fd9 | 256 | padding-bottom: 0.4em; |
4b4aec3a CS |
257 | } |
258 | ||
259 | #main_inner .post ul.post_info | |
260 | { | |
261 | list-style: none; | |
262 | position: absolute; | |
263 | top: 3em; | |
264 | font-size: 0.8em; | |
265 | } | |
266 | ||
267 | #main_inner .post ul.post_info li | |
268 | { | |
269 | background-position: 0em 0.2em; | |
270 | background-repeat: no-repeat; | |
271 | display: inline; | |
272 | padding-left: 18px; | |
273 | } | |
274 | ||
275 | #main_inner .post ul.post_info li.date | |
276 | { | |
277 | background-image: url('/themes/maniac/images/b5.gif'); | |
278 | } | |
279 | ||
280 | #main_inner .post ul.post_info li.comments | |
281 | { | |
282 | background-image: url('/themes/maniac/images/b6.gif'); | |
283 | margin-left: 1.1em; | |
284 | } | |
285 | ||
286 | /* Footer */ | |
287 | ||
288 | #footer | |
289 | { | |
290 | width: 950px; | |
291 | margin: 0 auto; | |
292 | text-align: center; | |
293 | clear: both; | |
294 | border-top: dotted 1px #E1E1E1; | |
295 | margin-top: 1.0em; | |
296 | margin-bottom: 1.0em; | |
297 | padding-top: 1.0em; | |
298 | text-transform: lowercase; | |
299 | } | |
300 | ||
301 | /* Search */ | |
302 | ||
303 | select | |
304 | { | |
305 | margin: 0.2em; | |
306 | background-color: rgb(255,128,0); color:black; border:1px solid silver; | |
307 | } | |
308 | ||
309 | textarea | |
310 | { | |
311 | margin: 0.2em; | |
312 | background-color: rgb(255,128,0); color:black; border:1px solid silver; | |
313 | } | |
314 | ||
315 | checkbox | |
316 | { | |
317 | margin: 0.2em; | |
318 | background-color: rgb(255,128,0); color:black; border:1px solid silver; | |
319 | } | |
320 | ||
321 | radio | |
322 | { | |
323 | margin: 0.2em; | |
324 | background-color: rgb(255,128,0); color:black; border:1px solid silver; | |
325 | } | |
326 | ||
327 | input | |
328 | { | |
329 | margin: 0.2em; | |
330 | background-color: rgb(255,128,0); color:black; border:1px solid silver; | |
331 | } | |
332 | ||
333 | input.button | |
334 | { | |
335 | background: #CA2F2F url('/themes/maniac/images/b3.gif') repeat-x; | |
336 | color: #fff; | |
337 | border: solid 1px #2941BC; | |
338 | font-weight: bold; | |
339 | text-transform: lowercase; | |
340 | font-size: 0.8em; | |
341 | height: 2.0em; | |
342 | } | |
343 | ||
344 | input.text | |
345 | { | |
346 | border: solid 1px #F1F1F1; | |
347 | font-size: 1.0em; | |
348 | padding: 0.25em 0.25em 0.25em 0.25em; | |
349 | } | |
350 | ||
351 | #search | |
352 | { | |
353 | position: relative; | |
354 | width: 100%; | |
355 | margin-bottom: 2.0em; | |
356 | } | |
357 | ||
358 | #search input.text | |
359 | { | |
360 | position: absolute; | |
361 | top: 0em; | |
362 | left: 0em; | |
363 | width: 9.5em; | |
364 | } | |
365 | ||
366 | #search input.button | |
367 | { | |
368 | position: absolute; | |
369 | top: 0em; | |
370 | right: 0em; | |
371 | min-width: 2.0em; | |
372 | max-width: 2.5em; | |
373 | } | |
374 | ||
c98b743c SS |
375 | table.fw-nat tbody tr td { |
376 | height: 2.25em; | |
377 | } | |
378 | ||
4b4aec3a CS |
379 | /* LAYOUT - 3 COLUMNS */ |
380 | ||
381 | /* Primary content */ | |
382 | ||
383 | #primaryContent_3columns | |
384 | { | |
385 | position: relative; | |
386 | margin-right: 34em; | |
387 | } | |
388 | ||
389 | #columnA_3columns | |
390 | { | |
391 | position: relative; | |
392 | float: left; | |
393 | width: 100%; | |
394 | margin-right: -34em; | |
395 | padding-right: 2em; | |
396 | } | |
397 | ||
398 | /* Secondary Content */ | |
399 | ||
400 | #secondaryContent_3columns | |
401 | { | |
402 | float: right; | |
403 | } | |
404 | ||
405 | #columnB_3columns | |
406 | { | |
407 | width: 13.0em; | |
408 | float: left; | |
409 | padding: 0em 2em 0.5em 2em; | |
410 | border-left: dotted 1px #E1E1E1; | |
411 | } | |
412 | ||
413 | #columnC_3columns | |
414 | { | |
415 | width: 13.0em; | |
416 | float: left; | |
417 | padding: 0em 0em 0.5em 2em; | |
418 | border-left: dotted 1px #E1E1E1; | |
419 | } | |
420 | ||
421 | /* LAYOUT - 2 COLUMNS */ | |
422 | ||
423 | /* Primary content */ | |
424 | ||
425 | #primaryContent_2columns | |
426 | { | |
427 | position: relative; | |
428 | margin-right: 17em; | |
429 | } | |
430 | ||
431 | #columnA_2columns | |
432 | { | |
433 | position: relative; | |
434 | float: left; | |
435 | width: 100%; | |
436 | margin-right: -17em; | |
437 | padding-right: 2em; | |
438 | } | |
439 | ||
440 | /* Secondary Content */ | |
441 | ||
442 | #secondaryContent_2columns | |
443 | { | |
444 | float: right; | |
445 | } | |
446 | ||
447 | #columnC_2columns | |
448 | { | |
449 | width: 13.0em; | |
450 | float: left; | |
451 | padding: 0em 0em 0.5em 2em; | |
452 | border-left: dotted 1px #E1E1E1; | |
453 | } | |
454 | ||
455 | /* LAYOUT - COLUMNLESS */ | |
456 | ||
457 | /* Primary content */ | |
458 | ||
459 | #primaryContent_columnless | |
460 | { | |
461 | position: relative; | |
462 | } | |
463 | ||
464 | #columnA_columnless | |
465 | { | |
466 | position: relative; | |
467 | width: 100%; | |
468 | } | |
d0d063fe JIW |
469 | |
470 | /* FOOTER COLORIZE BANDWIDTH */ | |
471 | ||
472 | #rx_kbs { color: green; } | |
473 | ||
474 | #tx_kbs { color: red; } | |
a249ccd2 MT |
475 | |
476 | iframe.graph { | |
477 | width: 100%; | |
478 | min-height: 300px; | |
479 | } |