]>
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 | ||
283 | #main_inner ul | |
284 | { | |
285 | margin-bottom: 2.0em; | |
19bfeaa4 | 286 | font-size: 0.9em; |
01885878 | 287 | } |
288 | ||
289 | #main_inner | |
290 | { | |
291 | position: relative; | |
292 | width: 950px; | |
293 | margin: 0 auto; | |
01885878 | 294 | } |
295 | ||
296 | #main_inner h3,h4 | |
297 | { | |
298 | border-bottom: dotted 1px #E1E1E1; | |
299 | position: relative; | |
300 | } | |
301 | ||
302 | #main_inner h3 | |
303 | { | |
304 | font-size: 2.1em; | |
305 | padding-bottom: 0.1em; | |
478d167b | 306 | margin-bottom: 0.5em; |
01885878 | 307 | } |
308 | ||
309 | #main_inner h4 | |
310 | { | |
311 | font-size: 1.2em; | |
312 | padding-bottom: 0.175em; | |
478d167b | 313 | margin-bottom: 0.25em; |
01885878 | 314 | margin-top: 0.95em; |
315 | } | |
316 | ||
317 | #main_inner .post | |
318 | { | |
319 | position: relative; | |
478d167b | 320 | margin-bottom: 2.0em; |
01885878 | 321 | } |
322 | ||
323 | #main_inner .post h3 | |
324 | { | |
325 | position: relative; | |
326 | font-size: 1.7em; | |
478d167b | 327 | padding-bottom: 0.25em; |
01885878 | 328 | } |
329 | ||
478d167b | 330 | #main_inner .post ul.post_info , #main_inner .post .post_info |
01885878 | 331 | { |
332 | list-style: none; | |
333 | position: absolute; | |
334 | top: 3em; | |
335 | font-size: 0.8em; | |
336 | } | |
337 | ||
478d167b HS |
338 | #main_inner .post .post_info |
339 | { | |
340 | width: 100%; | |
341 | text-align: right; | |
342 | margin-top: -1.5em; | |
343 | } | |
ee64336e | 344 | #main_inner .post ul |
345 | { | |
346 | padding-left: 1.0em; | |
347 | } | |
348 | ||
01885878 | 349 | #main_inner .post ul.post_info li |
350 | { | |
478d167b | 351 | background-position: 0em center; |
01885878 | 352 | background-repeat: no-repeat; |
353 | display: inline; | |
ee64336e | 354 | padding-left: 15px; |
01885878 | 355 | } |
356 | ||
357 | #main_inner .post ul.post_info li.date | |
358 | { | |
359 | background-image: url('images/n5.gif'); | |
360 | } | |
361 | ||
362 | #main_inner .post ul.post_info li.comments | |
363 | { | |
364 | background-image: url('images/n6.gif'); | |
365 | margin-left: 1.1em; | |
366 | } | |
367 | ||
ee64336e | 368 | table { |
369 | border: 0px; | |
370 | border-collapse: collapse; | |
371 | border-spacing: 0px; | |
372 | margin: 0em; | |
373 | padding: 0em; | |
374 | width: 980px; | |
478d167b HS |
375 | max-width: 980px; |
376 | } | |
377 | .post table { | |
378 | width: 900px; | |
379 | max-width: 900px; | |
a86c82cd | 380 | font-size: 0.9em; |
ee64336e | 381 | } |
382 | #sh-tl { | |
d85b931c | 383 | background: url(/images/sh-tl.png) no-repeat right bottom; |
ee64336e | 384 | } |
385 | #sh-top { | |
d85b931c | 386 | background: url(/images/sh-top.png) repeat-x bottom; |
ee64336e | 387 | } |
388 | #sh-tr { | |
d85b931c | 389 | background: url(/images/sh-tr.png) no-repeat left bottom; |
ee64336e | 390 | } |
391 | #sh-lft { | |
d85b931c | 392 | background: url(/images/sh-lft.png) repeat-y right; |
ee64336e | 393 | } |
394 | #sh-rgt { | |
d85b931c | 395 | background: url(/images/sh-rgt.png) repeat-y left; |
ee64336e | 396 | } |
397 | #sh-bl { | |
d85b931c | 398 | background: url(/images/sh-bl.png) no-repeat right top; |
ee64336e | 399 | } |
400 | #sh-btn { | |
d85b931c | 401 | background: url(/images/sh-btn.png) repeat-x top; |
ee64336e | 402 | } |
403 | #sh-br { | |
d85b931c | 404 | background: url(/images/sh-br.png) no-repeat left top; |
ee64336e | 405 | } |
406 | #no-sh { | |
ee64336e | 407 | background-color: #f5f5f5; |
ee64336e | 408 | } |
409 | #sh-tl, #sh-top, #sh-tr, #sh-lft, #sh-rgt, #sh-bl, #sh-btn, #sh-br { | |
93083e6b MT |
410 | width: 16px; |
411 | height: 16px; | |
ee64336e | 412 | padding: 0px; |
413 | border-width: 0px; | |
414 | border-style: none; | |
415 | } | |
d85b931c MT |
416 | .banner { |
417 | border: 0; | |
418 | } | |
ee64336e | 419 | |
efe0c55b MT |
420 | #nodes { |
421 | width: 720px; | |
422 | } | |
423 | #nodes th, #nodes td { | |
424 | text-align: left; | |
425 | } | |
426 | #nodes td { | |
427 | width: 50px; | |
428 | } | |
01885878 | 429 | /* Footer */ |
430 | ||
431 | #footer | |
432 | { | |
01885878 | 433 | clear: both; |
ee64336e | 434 | width: 100%; |
435 | height: 26px; | |
436 | color: #ddd; | |
ee64336e | 437 | text-align: center; |
d85b931c | 438 | background: url(/images/ft.png) left top; |
ee64336e | 439 | margin-top: 0em; |
440 | margin-bottom: 0em; | |
01885878 | 441 | padding-top: 1.0em; |
442 | text-transform: lowercase; | |
443 | } | |
444 | ||
445 | /* Search */ | |
446 | ||
447 | input.button | |
448 | { | |
449 | background: #CA2F2F url('images/n3.gif') repeat-x; | |
450 | color: #fff; | |
451 | border: solid 1px #A94B4B; | |
452 | font-weight: bold; | |
453 | text-transform: lowercase; | |
454 | font-size: 0.8em; | |
455 | height: 2.0em; | |
456 | } | |
457 | ||
458 | input.text | |
459 | { | |
460 | border: solid 1px #F1F1F1; | |
461 | font-size: 1.0em; | |
462 | padding: 0.25em 0.25em 0.25em 0.25em; | |
463 | } | |
464 | ||
465 | #search | |
466 | { | |
467 | position: relative; | |
468 | width: 100%; | |
469 | margin-bottom: 2.0em; | |
470 | } | |
471 | ||
472 | #search input.text | |
473 | { | |
474 | position: absolute; | |
475 | top: 0em; | |
476 | left: 0em; | |
477 | width: 9.5em; | |
478 | } | |
479 | ||
480 | #search input.button | |
481 | { | |
482 | position: absolute; | |
483 | top: 0em; | |
484 | right: 0em; | |
485 | min-width: 2.0em; | |
486 | max-width: 2.5em; | |
487 | } | |
488 | ||
c97aa866 | 489 | .thumbnail{ |
490 | position: relative; | |
491 | z-index: 0; | |
492 | } | |
493 | ||
494 | .thumbnail:hover{ | |
495 | background-color: transparent; | |
496 | z-index: 50; | |
497 | } | |
498 | ||
499 | .thumbnail span{ /*CSS for enlarged image*/ | |
500 | position: absolute; | |
501 | background-color: lightyellow; | |
502 | padding: 5px; | |
503 | left: -1000px; | |
504 | border: 1px dashed gray; | |
505 | visibility: hidden; | |
506 | color: black; | |
507 | text-decoration: none; | |
508 | } | |
509 | ||
510 | .thumbnail span img{ /*CSS for enlarged image*/ | |
511 | border-width: 0; | |
512 | padding: 2px; | |
513 | } | |
514 | ||
515 | .thumbnail:hover span{ /*CSS for enlarged image on hover*/ | |
516 | visibility: visible; | |
517 | top: 0; | |
518 | left: 60px; /*position where enlarged image should offset horizontally */ | |
519 | ||
520 | } | |
521 | ||
c8c8c651 MT |
522 | .feed { |
523 | margin-left: 3px; | |
524 | padding: 0 0 0 19px; | |
d85b931c | 525 | background: url("/images/feed.png") no-repeat 0 50%; |
c8c8c651 MT |
526 | } |
527 | ||
01885878 | 528 | /* LAYOUT - 3 COLUMNS */ |
529 | ||
530 | /* Primary content */ | |
531 | ||
532 | #primaryContent_3columns | |
533 | { | |
534 | position: relative; | |
535 | margin-right: 34em; | |
536 | } | |
537 | ||
538 | #columnA_3columns | |
539 | { | |
540 | position: relative; | |
541 | float: left; | |
542 | width: 100%; | |
543 | margin-right: -34em; | |
544 | padding-right: 2em; | |
545 | } | |
546 | ||
547 | /* Secondary Content */ | |
548 | ||
549 | #secondaryContent_3columns | |
550 | { | |
551 | float: right; | |
552 | } | |
553 | ||
554 | #columnB_3columns | |
555 | { | |
556 | width: 13.0em; | |
557 | float: left; | |
558 | padding: 0em 2em 0.5em 2em; | |
559 | border-left: dotted 1px #E1E1E1; | |
560 | } | |
561 | ||
562 | #columnC_3columns | |
563 | { | |
564 | width: 13.0em; | |
565 | float: left; | |
566 | padding: 0em 0em 0.5em 2em; | |
567 | border-left: dotted 1px #E1E1E1; | |
568 | } | |
569 | ||
570 | /* LAYOUT - 2 COLUMNS */ | |
571 | ||
572 | /* Primary content */ | |
573 | ||
574 | #primaryContent_2columns | |
575 | { | |
576 | position: relative; | |
478d167b | 577 | /* margin-right: 17em; */ |
01885878 | 578 | } |
579 | ||
580 | #columnA_2columns | |
581 | { | |
582 | position: relative; | |
583 | float: left; | |
478d167b HS |
584 | padding: 1em 0.5em 0.5em 1em; |
585 | width: 710px; | |
01885878 | 586 | } |
587 | ||
588 | /* Secondary Content */ | |
589 | ||
590 | #secondaryContent_2columns | |
591 | { | |
592 | float: right; | |
593 | } | |
594 | ||
595 | #columnC_2columns | |
596 | { | |
597 | width: 13.0em; | |
598 | float: left; | |
478d167b | 599 | padding: 0em 0.5em 0.5em 0.5em; |
01885878 | 600 | border-left: dotted 1px #E1E1E1; |
601 | } | |
602 | ||
603 | /* LAYOUT - COLUMNLESS */ | |
604 | ||
605 | /* Primary content */ | |
606 | ||
607 | #primaryContent_columnless | |
608 | { | |
609 | position: relative; | |
610 | } | |
611 | ||
612 | #columnA_columnless | |
613 | { | |
614 | position: relative; | |
615 | width: 100%; | |
616 | } |