]>
Commit | Line | Data |
---|---|---|
01885878 | 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 | { | |
478d167b | 20 | width: 980px !important; |
ee64336e | 21 | margin: 0; |
01885878 | 22 | } |
23 | ||
24 | /* Basic Stuff */ | |
25 | ||
26 | * | |
27 | { | |
28 | margin: 0em; | |
29 | padding: 0em; | |
30 | } | |
31 | ||
32 | body | |
33 | { | |
34 | background-color: #fff; | |
35 | color: #585858; | |
ee64336e | 36 | font-family: "Verdana", "Deja-Vu Sans", "Bitstream Vera Sans", sans-serif; |
478d167b | 37 | font-size: 0.9em; |
d85b931c | 38 | background: #f0f0f0 url(/images/bg.png) repeat; |
01885878 | 39 | } |
40 | ||
41 | h1,h2,h3,h4,h5,h6 | |
42 | { | |
43 | font-weight: normal; | |
44 | letter-spacing: -1px; | |
45 | text-transform: lowercase; | |
46 | } | |
47 | ||
48 | h3,h4,h5,h6 | |
49 | { | |
50 | color: #66000F; | |
51 | } | |
52 | ||
53 | h1 span | |
54 | { | |
55 | font-weight: bold; | |
56 | } | |
57 | ||
58 | h3 span | |
59 | { | |
60 | font-weight: bold; | |
61 | } | |
62 | ||
63 | h4 span | |
64 | { | |
65 | font-weight: bold; | |
66 | } | |
67 | ||
68 | br.clear | |
69 | { | |
70 | clear: both; | |
71 | } | |
72 | ||
73 | img | |
74 | { | |
75 | padding: 3px; | |
01885878 | 76 | } |
77 | ||
78 | img.floatTL | |
79 | { | |
80 | float: left; | |
81 | margin-right: 1.5em; | |
82 | margin-bottom: 1.5em; | |
83 | margin-top: 0.5em; | |
84 | } | |
85 | ||
0580369c | 86 | img.floatTR |
87 | { | |
88 | float: right; | |
89 | margin-left: 1.5em; | |
90 | margin-bottom: 1.5em; | |
91 | margin-top: 0.5em; | |
92 | } | |
93 | ||
ed7b0117 | 94 | img.symbol |
95 | { | |
96 | float: left; | |
97 | margin-bottom: 0em; | |
478d167b | 98 | border: 0; |
ed7b0117 | 99 | } |
100 | ||
01885878 | 101 | a |
102 | { | |
103 | text-decoration: underline; | |
104 | color: #D90000; | |
478d167b | 105 | border-style: none; |
01885878 | 106 | } |
107 | ||
108 | a:hover | |
109 | { | |
110 | text-decoration: none; | |
111 | } | |
112 | ||
113 | ul.links | |
114 | { | |
65426611 | 115 | /* list-style: none; */ |
478d167b | 116 | padding-left: 1em; |
01885878 | 117 | } |
118 | ||
119 | ul.links li | |
120 | { | |
ee64336e | 121 | line-height: 1.5em; |
65426611 | 122 | font-size: 0.9em; |
ee64336e | 123 | /* display: inline; */ |
01885878 | 124 | } |
125 | ||
126 | ul.links li.first | |
127 | { | |
128 | } | |
129 | ||
130 | p | |
131 | { | |
478d167b | 132 | line-height: 1.5em; |
01885878 | 133 | } |
134 | ||
135 | /* Header */ | |
136 | ||
137 | #header | |
138 | { | |
139 | width:100%; | |
ee64336e | 140 | height:102px; |
d85b931c | 141 | background: #440000 url('/images/bg1.png') repeat-x; |
01885878 | 142 | } |
143 | ||
144 | #header_inner | |
145 | { | |
146 | position: relative; | |
ee64336e | 147 | width: 980px; |
148 | height:102px; | |
01885878 | 149 | margin: 0 auto; |
ee64336e | 150 | } |
151 | ||
152 | img.symbol | |
153 | { | |
154 | margin: 0; | |
155 | padding: 0; | |
01885878 | 156 | } |
157 | ||
158 | /* Logo */ | |
159 | ||
160 | #logo | |
161 | { | |
162 | position: absolute; | |
ee64336e | 163 | top: 0; |
164 | float: left; | |
01885878 | 165 | } |
166 | ||
ee64336e | 167 | #header h1 |
01885878 | 168 | { |
ee64336e | 169 | float: left; |
170 | margin-left: 105px; | |
478d167b HS |
171 | color: #eee; |
172 | font-size: 150%; | |
01885878 | 173 | } |
174 | ||
ee64336e | 175 | #header h2 |
01885878 | 176 | { |
ee64336e | 177 | float: left; |
178 | margin-left: 105px; | |
01885878 | 179 | color: #E5CCD0; |
180 | font-size: 1.0em; | |
ee64336e | 181 | vertical-align: bottom; |
182 | } | |
183 | ||
184 | /* Header Line's */ | |
185 | #line1 | |
186 | { | |
478d167b | 187 | height: 37px; |
ee64336e | 188 | } |
189 | ||
190 | #line2 | |
191 | { | |
192 | height: 32px; | |
193 | } | |
194 | ||
195 | #line3 | |
196 | { | |
197 | height: 31px; | |
01885878 | 198 | } |
199 | ||
200 | /* Lang */ | |
201 | ||
202 | #lang | |
203 | { | |
204 | position: absolute; | |
205 | right: 0em; | |
206 | top: 0em; | |
207 | } | |
208 | ||
209 | #lang img | |
210 | { | |
211 | float: left; | |
212 | border: none; | |
213 | margin-right: 0.5em; | |
214 | margin-bottom: 1.5em; | |
215 | margin-top: 0.5em; | |
216 | width: 30px; | |
217 | } | |
218 | ||
219 | /* Menu */ | |
220 | ||
221 | #menu | |
222 | { | |
223 | position: absolute; | |
ee64336e | 224 | left: 105px; |
225 | top: 0em; | |
01885878 | 226 | } |
227 | ||
228 | #menu ul | |
229 | { | |
230 | list-style: none; | |
231 | } | |
232 | ||
233 | #menu li | |
234 | { | |
235 | float: left; | |
236 | } | |
ee64336e | 237 | #menu li |
238 | { | |
239 | vertical-align: middle; | |
d85b931c | 240 | background: #333 url('/images/btn-break.png') center; |
ee64336e | 241 | } |
01885878 | 242 | #menu li a |
243 | { | |
ee64336e | 244 | margin-left: 1px; /*0.5em;*/ |
245 | margin-right: 1px; | |
01885878 | 246 | display: block; |
478d167b HS |
247 | padding: 10px 5px 0 8px; |
248 | height: 26px; | |
d85b931c | 249 | background: #333 url('/images/btn-empty.png') repeat-x center; |
478d167b HS |
250 | color: #ddd; |
251 | font-weight: bolder; | |
ee64336e | 252 | vertical-align: middle; |
478d167b | 253 | font-size: 0.8em; |
01885878 | 254 | text-decoration: none; |
255 | } | |
256 | ||
257 | #menu li a.active | |
258 | { | |
d85b931c | 259 | background: #CA2F2F url('/images/btn-red2.png') repeat-x center; |
478d167b | 260 | color: #ddd; |
ee64336e | 261 | } |
262 | ||
263 | #menu li a:hover | |
264 | { | |
d85b931c | 265 | background: #333 url('/images/btn-red2.png') repeat-x center; |
01885878 | 266 | color: #fff; |
01885878 | 267 | } |
268 | ||
269 | /* Main */ | |
270 | ||
271 | #main | |
272 | { | |
ee64336e | 273 | /* background: #fff url('images/n2.gif') 0px 1px repeat-x; */ |
01885878 | 274 | } |
275 | ||
276 | #main_inner p | |
277 | { | |
278 | text-align: justify; | |
478d167b | 279 | margin-bottom: 0.5em; |
ee64336e | 280 | font-size: 0.9em; |
01885878 | 281 | } |
282 | ||
c5d20cf3 JPT |
283 | #main_inner a |
284 | { | |
285 | font-size: 0.9em; | |
286 | } | |
287 | ||
01885878 | 288 | #main_inner ul |
289 | { | |
290 | margin-bottom: 2.0em; | |
19bfeaa4 | 291 | font-size: 0.9em; |
01885878 | 292 | } |
293 | ||
294 | #main_inner | |
295 | { | |
296 | position: relative; | |
297 | width: 950px; | |
298 | margin: 0 auto; | |
01885878 | 299 | } |
300 | ||
301 | #main_inner h3,h4 | |
302 | { | |
303 | border-bottom: dotted 1px #E1E1E1; | |
304 | position: relative; | |
305 | } | |
306 | ||
307 | #main_inner h3 | |
308 | { | |
309 | font-size: 2.1em; | |
310 | padding-bottom: 0.1em; | |
478d167b | 311 | margin-bottom: 0.5em; |
01885878 | 312 | } |
313 | ||
314 | #main_inner h4 | |
315 | { | |
316 | font-size: 1.2em; | |
317 | padding-bottom: 0.175em; | |
478d167b | 318 | margin-bottom: 0.25em; |
01885878 | 319 | margin-top: 0.95em; |
320 | } | |
321 | ||
322 | #main_inner .post | |
323 | { | |
324 | position: relative; | |
478d167b | 325 | margin-bottom: 2.0em; |
01885878 | 326 | } |
327 | ||
328 | #main_inner .post h3 | |
329 | { | |
330 | position: relative; | |
331 | font-size: 1.7em; | |
478d167b | 332 | padding-bottom: 0.25em; |
01885878 | 333 | } |
334 | ||
478d167b | 335 | #main_inner .post ul.post_info , #main_inner .post .post_info |
01885878 | 336 | { |
337 | list-style: none; | |
338 | position: absolute; | |
339 | top: 3em; | |
340 | font-size: 0.8em; | |
341 | } | |
342 | ||
478d167b HS |
343 | #main_inner .post .post_info |
344 | { | |
345 | width: 100%; | |
346 | text-align: right; | |
347 | margin-top: -1.5em; | |
348 | } | |
ee64336e | 349 | #main_inner .post ul |
350 | { | |
351 | padding-left: 1.0em; | |
352 | } | |
353 | ||
01885878 | 354 | #main_inner .post ul.post_info li |
355 | { | |
478d167b | 356 | background-position: 0em center; |
01885878 | 357 | background-repeat: no-repeat; |
358 | display: inline; | |
ee64336e | 359 | padding-left: 15px; |
01885878 | 360 | } |
361 | ||
362 | #main_inner .post ul.post_info li.date | |
363 | { | |
364 | background-image: url('images/n5.gif'); | |
365 | } | |
366 | ||
367 | #main_inner .post ul.post_info li.comments | |
368 | { | |
369 | background-image: url('images/n6.gif'); | |
370 | margin-left: 1.1em; | |
371 | } | |
372 | ||
ee64336e | 373 | table { |
374 | border: 0px; | |
375 | border-collapse: collapse; | |
376 | border-spacing: 0px; | |
377 | margin: 0em; | |
378 | padding: 0em; | |
379 | width: 980px; | |
478d167b HS |
380 | max-width: 980px; |
381 | } | |
382 | .post table { | |
383 | width: 900px; | |
384 | max-width: 900px; | |
a86c82cd | 385 | font-size: 0.9em; |
ee64336e | 386 | } |
387 | #sh-tl { | |
d85b931c | 388 | background: url(/images/sh-tl.png) no-repeat right bottom; |
ee64336e | 389 | } |
390 | #sh-top { | |
d85b931c | 391 | background: url(/images/sh-top.png) repeat-x bottom; |
ee64336e | 392 | } |
393 | #sh-tr { | |
d85b931c | 394 | background: url(/images/sh-tr.png) no-repeat left bottom; |
ee64336e | 395 | } |
396 | #sh-lft { | |
d85b931c | 397 | background: url(/images/sh-lft.png) repeat-y right; |
ee64336e | 398 | } |
399 | #sh-rgt { | |
d85b931c | 400 | background: url(/images/sh-rgt.png) repeat-y left; |
ee64336e | 401 | } |
402 | #sh-bl { | |
d85b931c | 403 | background: url(/images/sh-bl.png) no-repeat right top; |
ee64336e | 404 | } |
405 | #sh-btn { | |
d85b931c | 406 | background: url(/images/sh-btn.png) repeat-x top; |
ee64336e | 407 | } |
408 | #sh-br { | |
d85b931c | 409 | background: url(/images/sh-br.png) no-repeat left top; |
ee64336e | 410 | } |
411 | #no-sh { | |
ee64336e | 412 | background-color: #f5f5f5; |
ee64336e | 413 | } |
414 | #sh-tl, #sh-top, #sh-tr, #sh-lft, #sh-rgt, #sh-bl, #sh-btn, #sh-br { | |
93083e6b MT |
415 | width: 16px; |
416 | height: 16px; | |
ee64336e | 417 | padding: 0px; |
418 | border-width: 0px; | |
419 | border-style: none; | |
420 | } | |
d85b931c MT |
421 | .banner { |
422 | border: 0; | |
423 | } | |
ee64336e | 424 | |
efe0c55b MT |
425 | #nodes { |
426 | width: 720px; | |
427 | } | |
428 | #nodes th, #nodes td { | |
429 | text-align: left; | |
430 | } | |
431 | #nodes td { | |
432 | width: 50px; | |
433 | } | |
01885878 | 434 | /* Footer */ |
435 | ||
436 | #footer | |
437 | { | |
01885878 | 438 | clear: both; |
ee64336e | 439 | width: 100%; |
440 | height: 26px; | |
441 | color: #ddd; | |
ee64336e | 442 | text-align: center; |
d85b931c | 443 | background: url(/images/ft.png) left top; |
ee64336e | 444 | margin-top: 0em; |
445 | margin-bottom: 0em; | |
01885878 | 446 | padding-top: 1.0em; |
447 | text-transform: lowercase; | |
448 | } | |
449 | ||
450 | /* Search */ | |
451 | ||
452 | input.button | |
453 | { | |
454 | background: #CA2F2F url('images/n3.gif') repeat-x; | |
455 | color: #fff; | |
456 | border: solid 1px #A94B4B; | |
457 | font-weight: bold; | |
458 | text-transform: lowercase; | |
459 | font-size: 0.8em; | |
460 | height: 2.0em; | |
461 | } | |
462 | ||
463 | input.text | |
464 | { | |
465 | border: solid 1px #F1F1F1; | |
466 | font-size: 1.0em; | |
467 | padding: 0.25em 0.25em 0.25em 0.25em; | |
468 | } | |
469 | ||
470 | #search | |
471 | { | |
472 | position: relative; | |
473 | width: 100%; | |
474 | margin-bottom: 2.0em; | |
475 | } | |
476 | ||
477 | #search input.text | |
478 | { | |
479 | position: absolute; | |
480 | top: 0em; | |
481 | left: 0em; | |
482 | width: 9.5em; | |
483 | } | |
484 | ||
485 | #search input.button | |
486 | { | |
487 | position: absolute; | |
488 | top: 0em; | |
489 | right: 0em; | |
490 | min-width: 2.0em; | |
491 | max-width: 2.5em; | |
492 | } | |
493 | ||
c97aa866 | 494 | .thumbnail{ |
495 | position: relative; | |
496 | z-index: 0; | |
497 | } | |
498 | ||
499 | .thumbnail:hover{ | |
500 | background-color: transparent; | |
501 | z-index: 50; | |
502 | } | |
503 | ||
504 | .thumbnail span{ /*CSS for enlarged image*/ | |
505 | position: absolute; | |
506 | background-color: lightyellow; | |
507 | padding: 5px; | |
508 | left: -1000px; | |
509 | border: 1px dashed gray; | |
510 | visibility: hidden; | |
511 | color: black; | |
512 | text-decoration: none; | |
513 | } | |
514 | ||
515 | .thumbnail span img{ /*CSS for enlarged image*/ | |
516 | border-width: 0; | |
517 | padding: 2px; | |
518 | } | |
519 | ||
520 | .thumbnail:hover span{ /*CSS for enlarged image on hover*/ | |
521 | visibility: visible; | |
522 | top: 0; | |
523 | left: 60px; /*position where enlarged image should offset horizontally */ | |
524 | ||
525 | } | |
526 | ||
c8c8c651 MT |
527 | .feed { |
528 | margin-left: 3px; | |
529 | padding: 0 0 0 19px; | |
d85b931c | 530 | background: url("/images/feed.png") no-repeat 0 50%; |
c8c8c651 MT |
531 | } |
532 | ||
01885878 | 533 | /* LAYOUT - 3 COLUMNS */ |
534 | ||
535 | /* Primary content */ | |
536 | ||
537 | #primaryContent_3columns | |
538 | { | |
539 | position: relative; | |
540 | margin-right: 34em; | |
541 | } | |
542 | ||
543 | #columnA_3columns | |
544 | { | |
545 | position: relative; | |
546 | float: left; | |
547 | width: 100%; | |
548 | margin-right: -34em; | |
549 | padding-right: 2em; | |
550 | } | |
551 | ||
552 | /* Secondary Content */ | |
553 | ||
554 | #secondaryContent_3columns | |
555 | { | |
556 | float: right; | |
557 | } | |
558 | ||
559 | #columnB_3columns | |
560 | { | |
561 | width: 13.0em; | |
562 | float: left; | |
563 | padding: 0em 2em 0.5em 2em; | |
564 | border-left: dotted 1px #E1E1E1; | |
565 | } | |
566 | ||
567 | #columnC_3columns | |
568 | { | |
569 | width: 13.0em; | |
570 | float: left; | |
571 | padding: 0em 0em 0.5em 2em; | |
572 | border-left: dotted 1px #E1E1E1; | |
573 | } | |
574 | ||
575 | /* LAYOUT - 2 COLUMNS */ | |
576 | ||
577 | /* Primary content */ | |
578 | ||
579 | #primaryContent_2columns | |
580 | { | |
581 | position: relative; | |
478d167b | 582 | /* margin-right: 17em; */ |
01885878 | 583 | } |
584 | ||
585 | #columnA_2columns | |
586 | { | |
587 | position: relative; | |
588 | float: left; | |
478d167b HS |
589 | padding: 1em 0.5em 0.5em 1em; |
590 | width: 710px; | |
01885878 | 591 | } |
592 | ||
593 | /* Secondary Content */ | |
594 | ||
595 | #secondaryContent_2columns | |
596 | { | |
597 | float: right; | |
598 | } | |
599 | ||
600 | #columnC_2columns | |
601 | { | |
602 | width: 13.0em; | |
603 | float: left; | |
478d167b | 604 | padding: 0em 0.5em 0.5em 0.5em; |
01885878 | 605 | border-left: dotted 1px #E1E1E1; |
606 | } | |
607 | ||
608 | /* LAYOUT - COLUMNLESS */ | |
609 | ||
610 | /* Primary content */ | |
611 | ||
612 | #primaryContent_columnless | |
613 | { | |
614 | position: relative; | |
615 | } | |
616 | ||
617 | #columnA_columnless | |
618 | { | |
619 | position: relative; | |
620 | width: 100%; | |
621 | } |