]>
Commit | Line | Data |
---|---|---|
01885878 | 1 | |
2 | /* This controls the width of the fluid width layouts */ | |
3 | ||
940227cb MT |
4 | div.fluid { |
5 | width: 90% !important; | |
01885878 | 6 | } |
7 | ||
8 | /* This controls the width of the fixed width layouts */ | |
940227cb MT |
9 | div.fixed { |
10 | width: 980px !important; | |
11 | margin: 0; | |
01885878 | 12 | } |
13 | ||
14 | /* Basic Stuff */ | |
15 | ||
940227cb MT |
16 | * { |
17 | margin: 0em; | |
18 | padding: 0em; | |
01885878 | 19 | } |
20 | ||
940227cb | 21 | body { |
ee64336e | 22 | font-family: "Verdana", "Deja-Vu Sans", "Bitstream Vera Sans", sans-serif; |
0fcfc468 | 23 | font-size: 0.9em; |
940227cb | 24 | background: #880400; |
0fcfc468 | 25 | color: #585858; |
01885878 | 26 | } |
27 | ||
940227cb MT |
28 | h1,h2,h3,h4,h5,h6 { |
29 | font-weight: normal; | |
30 | letter-spacing: -1px; | |
31 | text-transform: lowercase; | |
01885878 | 32 | } |
33 | ||
940227cb MT |
34 | h3,h4,h5,h6 { |
35 | color: #66000F; | |
01885878 | 36 | } |
37 | ||
940227cb MT |
38 | h1 span { |
39 | font-weight: bold; | |
01885878 | 40 | } |
41 | ||
940227cb MT |
42 | h3 span { |
43 | font-weight: bold; | |
01885878 | 44 | } |
45 | ||
940227cb MT |
46 | h4 span { |
47 | font-weight: bold; | |
01885878 | 48 | } |
49 | ||
940227cb MT |
50 | br.clear { |
51 | clear: both; | |
01885878 | 52 | } |
53 | ||
6be80132 MT |
54 | div.line { |
55 | border-top: 1px dotted #e1e1e1; | |
56 | height: 0; | |
57 | width: 100%; | |
58 | ||
59 | margin-top: 1em; | |
60 | margin-bottom: 0.8em; | |
61 | } | |
62 | ||
940227cb MT |
63 | img { |
64 | padding: 3px; | |
01885878 | 65 | } |
66 | ||
940227cb MT |
67 | img.floatTL { |
68 | float: left; | |
69 | margin-right: 1.5em; | |
70 | margin-bottom: 1.5em; | |
71 | margin-top: 0.5em; | |
01885878 | 72 | } |
73 | ||
940227cb MT |
74 | img.floatTR { |
75 | float: right; | |
76 | margin-left: 1.5em; | |
77 | margin-bottom: 1.5em; | |
78 | margin-top: 0.5em; | |
0580369c | 79 | } |
80 | ||
940227cb MT |
81 | img.symbol { |
82 | float: left; | |
83 | margin-bottom: 0em; | |
84 | border: 0; | |
ed7b0117 | 85 | } |
86 | ||
940227cb MT |
87 | a { |
88 | text-decoration: underline; | |
89 | color: #D90000; | |
90 | border-style: none; | |
01885878 | 91 | } |
92 | ||
940227cb MT |
93 | a:hover { |
94 | text-decoration: none; | |
01885878 | 95 | } |
96 | ||
940227cb MT |
97 | ul.links { |
98 | /* list-style: none; */ | |
99 | padding-left: 1em; | |
01885878 | 100 | } |
101 | ||
940227cb MT |
102 | ul.links li { |
103 | line-height: 1.5em; | |
104 | font-size: 0.9em; | |
105 | /* display: inline; */ | |
01885878 | 106 | } |
107 | ||
940227cb | 108 | ul.links li.first { |
01885878 | 109 | } |
110 | ||
940227cb MT |
111 | p { |
112 | line-height: 1.5em; | |
113 | } | |
114 | ||
115 | p.left { | |
116 | float: left; | |
01885878 | 117 | } |
118 | ||
81675874 | 119 | p.right { |
120 | float: right; | |
121 | } | |
122 | ||
01885878 | 123 | /* Header */ |
124 | ||
940227cb MT |
125 | #header { |
126 | width:100%; | |
127 | height:102px; | |
128 | background: url('../images/bg-menu99.png') repeat-x; | |
01885878 | 129 | } |
130 | ||
940227cb MT |
131 | #header_inner { |
132 | position: relative; | |
133 | width: 980px; | |
134 | height:102px; | |
135 | margin: 0 auto; | |
ee64336e | 136 | } |
137 | ||
940227cb MT |
138 | img.symbol { |
139 | margin: 0; | |
140 | padding: 0; | |
01885878 | 141 | } |
142 | ||
143 | /* Logo */ | |
144 | ||
940227cb MT |
145 | #logo { |
146 | position: absolute; | |
147 | top: 0; | |
148 | float: left; | |
01885878 | 149 | } |
150 | ||
940227cb MT |
151 | #header h1 { |
152 | float: left; | |
153 | margin-left: 105px; | |
154 | color: #eee; | |
155 | font-size: 150%; | |
01885878 | 156 | } |
157 | ||
940227cb MT |
158 | #header h2 { |
159 | float: left; | |
160 | margin-left: 105px; | |
161 | color: #E5CCD0; | |
162 | font-size: 1.0em; | |
163 | vertical-align: bottom; | |
ee64336e | 164 | } |
165 | ||
166 | /* Header Line's */ | |
940227cb MT |
167 | #header_menu { |
168 | height: 37px; | |
ee64336e | 169 | } |
170 | ||
940227cb MT |
171 | #header_hostname { |
172 | height: 32px; | |
01885878 | 173 | } |
174 | ||
940227cb MT |
175 | #header_slogan { |
176 | height: 31px; | |
01885878 | 177 | } |
178 | ||
179 | /* Menu */ | |
180 | ||
940227cb MT |
181 | #menu { |
182 | position: absolute; | |
183 | left: 105px; | |
184 | top: 0em; | |
01885878 | 185 | } |
186 | ||
940227cb MT |
187 | #menu ul { |
188 | list-style: none; | |
c5d20cf3 JPT |
189 | } |
190 | ||
940227cb MT |
191 | #menu li { |
192 | float: left; | |
01885878 | 193 | } |
194 | ||
940227cb MT |
195 | #menu li { |
196 | vertical-align: middle; | |
197 | background: #333 url('../images/btn-break.png') center; | |
01885878 | 198 | } |
199 | ||
940227cb MT |
200 | #menu li a { |
201 | margin-left: 1px; /*0.5em;*/ | |
202 | margin-right: 1px; | |
203 | display: block; | |
204 | padding: 10px 5px 0 8px; | |
205 | height: 26px; | |
206 | background: #333 url('../images/btn-empty.png') repeat-x center; | |
207 | color: #ddd; | |
208 | font-weight: bolder; | |
209 | vertical-align: middle; | |
210 | font-size: 0.8em; | |
211 | text-decoration: none; | |
01885878 | 212 | } |
213 | ||
940227cb MT |
214 | #menu li a.active { |
215 | background: #CA2F2F url('../images/btn-red2.png') repeat-x center; | |
216 | color: #ddd; | |
01885878 | 217 | } |
218 | ||
940227cb MT |
219 | #menu li a:hover { |
220 | background: #333 url('../images/btn-red2.png') repeat-x center; | |
221 | color: #fff; | |
01885878 | 222 | } |
223 | ||
940227cb | 224 | /* Main */ |
01885878 | 225 | |
940227cb MT |
226 | #main_inner p { |
227 | text-align: justify; | |
228 | margin-bottom: 0.5em; | |
01885878 | 229 | } |
230 | ||
24ca9e4f | 231 | #main_inner ul.list { |
940227cb | 232 | padding-left: 1.5em; |
01885878 | 233 | } |
234 | ||
940227cb MT |
235 | #main_inner { |
236 | position: relative; | |
237 | width: 950px; | |
238 | margin: 0 auto; | |
478d167b | 239 | } |
b5bd3d23 | 240 | |
940227cb MT |
241 | #main_inner h3,h4 { |
242 | border-bottom: dotted 1px #E1E1E1; | |
243 | position: relative; | |
ee64336e | 244 | } |
245 | ||
940227cb MT |
246 | #main_inner h3 { |
247 | font-size: 1.5em; | |
248 | padding-bottom: 0.1em; | |
249 | margin-bottom: 0.5em; | |
b5bd3d23 JPT |
250 | } |
251 | ||
940227cb MT |
252 | #main_inner h4 { |
253 | font-size: 1.2em; | |
254 | padding-bottom: 0.175em; | |
255 | margin-bottom: 0.25em; | |
256 | margin-top: 0.95em; | |
01885878 | 257 | } |
258 | ||
940227cb MT |
259 | #main_frame { |
260 | border: 0px; | |
261 | border-collapse: collapse; | |
262 | border-spacing: 0px; | |
263 | margin: 0em; | |
264 | padding: 0em; | |
265 | width: 980px; | |
266 | max-width: 980px; | |
01885878 | 267 | } |
268 | ||
ee64336e | 269 | #sh-tl { |
940227cb | 270 | background: url("../images/sh-tl.png") no-repeat right bottom; |
ee64336e | 271 | } |
940227cb | 272 | |
ee64336e | 273 | #sh-top { |
940227cb | 274 | background: url("../images/sh-top.png") repeat-x bottom; |
ee64336e | 275 | } |
940227cb | 276 | |
ee64336e | 277 | #sh-tr { |
940227cb | 278 | background: url("../images/sh-tr.png") no-repeat left bottom; |
ee64336e | 279 | } |
940227cb | 280 | |
ee64336e | 281 | #sh-lft { |
940227cb | 282 | background: url("../images/sh-lft.png") repeat-y right; |
ee64336e | 283 | } |
940227cb | 284 | |
ee64336e | 285 | #sh-rgt { |
940227cb | 286 | background: url("../images/sh-rgt.png") repeat-y left; |
ee64336e | 287 | } |
940227cb | 288 | |
ee64336e | 289 | #sh-bl { |
940227cb | 290 | background: url("../images/sh-bl.png") no-repeat right top; |
ee64336e | 291 | } |
940227cb | 292 | |
ee64336e | 293 | #sh-btn { |
940227cb | 294 | background: url("../images/sh-btn.png") repeat-x top; |
ee64336e | 295 | } |
940227cb | 296 | |
ee64336e | 297 | #sh-br { |
940227cb | 298 | background: url("../images/sh-br.png") no-repeat left top; |
ee64336e | 299 | } |
940227cb | 300 | |
ee64336e | 301 | #no-sh { |
265aa37f | 302 | background-color: #fbfbfb; |
940227cb | 303 | width: 980px; |
ee64336e | 304 | } |
940227cb | 305 | |
ee64336e | 306 | #sh-tl, #sh-top, #sh-tr, #sh-lft, #sh-rgt, #sh-bl, #sh-btn, #sh-br { |
93083e6b MT |
307 | width: 16px; |
308 | height: 16px; | |
ee64336e | 309 | padding: 0px; |
310 | border-width: 0px; | |
311 | border-style: none; | |
312 | } | |
940227cb | 313 | |
d85b931c MT |
314 | .banner { |
315 | border: 0; | |
316 | } | |
ee64336e | 317 | |
940227cb MT |
318 | .post { |
319 | margin-bottom: 40px; | |
c35e98c3 | 320 | } |
baeb04f9 | 321 | |
940227cb MT |
322 | .post .title { |
323 | text-transform: lowercase; | |
324 | font-size: 1.5em; | |
325 | font-weight: normal; | |
326 | color: #606060; | |
dd8152dd | 327 | } |
01885878 | 328 | |
940227cb MT |
329 | .post .title a { |
330 | border: none; | |
331 | color: #606060; | |
01885878 | 332 | } |
333 | ||
940227cb MT |
334 | .post .meta { |
335 | padding-left: 2px; | |
336 | padding-bottom: 2px; | |
337 | text-align: left; | |
338 | text-transform: lowercase; | |
01885878 | 339 | } |
340 | ||
940227cb | 341 | .post .meta a { |
01885878 | 342 | } |
343 | ||
940227cb MT |
344 | .post .entry { |
345 | padding: 1.2em 1.2em; | |
346 | border: 1px dotted #E4E4E4; | |
347 | text-align: justify; | |
01885878 | 348 | } |
349 | ||
24ca9e4f MT |
350 | .post .entry ul { |
351 | padding-left: 1em; | |
1f16d319 | 352 | padding-bottom: 0.5em; |
24ca9e4f MT |
353 | } |
354 | ||
940227cb MT |
355 | .links { |
356 | padding-top: 20px; | |
357 | text-transform: lowercase; | |
01885878 | 358 | } |
359 | ||
940227cb MT |
360 | /* News */ |
361 | ||
362 | ul.news { | |
363 | list-style: none; | |
01885878 | 364 | } |
365 | ||
940227cb MT |
366 | /* Footer */ |
367 | ||
368 | #footer { | |
369 | clear: both; | |
370 | height: 26px; | |
371 | color: #ddd; | |
372 | text-align: center; | |
373 | background: url("../images/ft.png") left top; | |
374 | margin-top: 0em; | |
375 | margin-bottom: 0em; | |
376 | padding-top: 0.5em; | |
377 | padding-bottom: 0.5em; | |
378 | text-transform: lowercase; | |
c97aa866 | 379 | } |
380 | ||
940227cb MT |
381 | .thumbnail { |
382 | position: relative; | |
383 | z-index: 0; | |
c97aa866 | 384 | } |
385 | ||
940227cb MT |
386 | .thumbnail:hover { |
387 | background-color: transparent; | |
388 | z-index: 50; | |
c97aa866 | 389 | } |
390 | ||
940227cb MT |
391 | .thumbnail span { |
392 | position: absolute; | |
393 | background-color: #ffffe0; | |
394 | padding: 5px; | |
395 | left: -1000px; | |
396 | border: 1px dashed gray; | |
397 | visibility: hidden; | |
398 | color: black; | |
399 | text-decoration: none; | |
c97aa866 | 400 | } |
401 | ||
940227cb MT |
402 | .thumbnail span img { |
403 | border-width: 0; | |
404 | padding: 2px; | |
405 | } | |
c97aa866 | 406 | |
940227cb MT |
407 | .thumbnail:hover span { |
408 | visibility: visible; | |
409 | top: 0; | |
410 | left: 60px; | |
c97aa866 | 411 | } |
412 | ||
940227cb | 413 | a.feed { |
c8c8c651 MT |
414 | margin-left: 3px; |
415 | padding: 0 0 0 19px; | |
81675874 | 416 | background: url("../images/feed.png") no-repeat 0 50%; |
c8c8c651 MT |
417 | } |
418 | ||
01885878 | 419 | /* LAYOUT - 2 COLUMNS */ |
420 | ||
421 | /* Primary content */ | |
940227cb MT |
422 | |
423 | #columns2_primary { | |
01885878 | 424 | position: relative; |
478d167b | 425 | /* margin-right: 17em; */ |
940227cb MT |
426 | } |
427 | ||
428 | #columns2_columnA { | |
01885878 | 429 | position: relative; |
430 | float: left; | |
478d167b HS |
431 | padding: 1em 0.5em 0.5em 1em; |
432 | width: 710px; | |
940227cb MT |
433 | } |
434 | ||
435 | #columns2_secondary { | |
01885878 | 436 | float: right; |
940227cb | 437 | } |
01885878 | 438 | |
940227cb MT |
439 | #columns2_columnB |
440 | { | |
04436e42 | 441 | width: 12.0em; |
01885878 | 442 | float: left; |
04436e42 | 443 | padding: 0em 1em 0.5em 1em; |
01885878 | 444 | border-left: dotted 1px #E1E1E1; |
940227cb | 445 | } |
01885878 | 446 | |
940227cb | 447 | #columns1_primary { |
01885878 | 448 | position: relative; |
940227cb | 449 | } |
01885878 | 450 | |
940227cb | 451 | #columns1_columnA { |
01885878 | 452 | position: relative; |
940227cb MT |
453 | padding: 1em 1em 0.5em 1em; |
454 | border: 1px solid white; | |
7c9e9ae0 MT |
455 | } |
456 | ||
7c4dc129 JPT |
457 | /* Tabs */ |
458 | .ui-tabs { | |
459 | padding: .2em; | |
460 | zoom: 1; | |
461 | } | |
462 | .ui-tabs .ui-tabs-nav { | |
463 | list-style: none; | |
464 | position: relative; | |
465 | padding: .2em .2em 0; | |
466 | } | |
467 | .ui-tabs .ui-tabs-nav li { | |
468 | position: relative; | |
469 | float: left; | |
470 | border-bottom-width: 0 !important; | |
471 | margin: 0 .2em -1px 0; | |
472 | padding: 0; | |
473 | } | |
474 | .ui-tabs .ui-tabs-nav li a { | |
475 | float: left; | |
476 | text-decoration: none; | |
477 | padding: .5em .3em; | |
478 | } | |
479 | .ui-tabs .ui-tabs-nav li.ui-tabs-selected { | |
480 | padding-bottom: 1px; | |
481 | border-bottom-width: 0; | |
482 | } | |
483 | .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { | |
484 | cursor: text; | |
485 | } | |
486 | .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { | |
487 | cursor: pointer; | |
488 | } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ | |
489 | .ui-tabs .ui-tabs-panel { | |
490 | padding: 1em 0.6em; | |
491 | display: block; | |
492 | border-width: 0; | |
493 | background: none; | |
494 | } | |
495 | .ui-tabs .ui-tabs-hide { | |
496 | display: none !important; | |
497 | } | |
498 | /* Component containers */ | |
499 | .ui-widget-content { | |
de351d13 | 500 | border: 1px solid #999/*{borderColorContent}*/; |
81675874 | 501 | background: #F5F5F5/*{bgColorContent}*/ 50%/*{bgContentXPos}*/ url(../images/ui-bg_flat_75_f5f5f5_40x100.png)/*{bgImgUrlDefault}*/50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; |
7c4dc129 JPT |
502 | color: #222222/*{fcContent}*/; |
503 | } | |
504 | .ui-widget-content a { | |
505 | color: #222222/*{fcContent}*/; | |
506 | } | |
507 | .ui-widget-header { | |
508 | border: 1px solid #aaaaaa/*{borderColorHeader}*/; | |
81675874 | 509 | background: #cccccc/*{bgColorHeader}*/ url(/../images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; |
7c4dc129 JPT |
510 | color: #222222/*{fcHeader}*/; |
511 | font-weight: bold; | |
512 | } | |
513 | .ui-widget-header a { | |
514 | color: #222222/*{fcHeader}*/; | |
515 | } | |
516 | /* Interaction states */ | |
517 | .ui-state-default, .ui-widget-content .ui-state-default { | |
518 | border: 1px solid #d3d3d3/*{borderColorDefault}*/; | |
81675874 | 519 | background: #e6e6e6/*{bgColorDefault}*/ url(../images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; |
7c4dc129 JPT |
520 | font-weight: normal/*{fwDefault}*/; |
521 | color: #555555/*{fcDefault}*/; | |
522 | outline: none; | |
523 | } | |
524 | .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { | |
525 | color: #555555/*{fcDefault}*/; | |
526 | text-decoration: none; | |
527 | outline: none; | |
528 | } | |
529 | .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { | |
530 | border: 1px solid #999999/*{borderColorHover}*/; | |
81675874 | 531 | background: #dadada/*{bgColorHover}*/ url(../images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; |
7c4dc129 JPT |
532 | font-weight: normal/*{fwDefault}*/; |
533 | color: #212121/*{fcHover}*/; | |
534 | outline: none; | |
535 | } | |
536 | .ui-state-hover a, .ui-state-hover a:hover { | |
537 | color: #212121/*{fcHover}*/; | |
538 | text-decoration: none; | |
539 | outline: none; | |
540 | } | |
541 | .ui-state-active, .ui-widget-content .ui-state-active { | |
542 | border: 1px solid #aaaaaa/*{borderColorActive}*/; | |
de351d13 | 543 | background: #F5F5F5/*{bgColorActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; |
7c4dc129 JPT |
544 | font-weight: normal/*{fwDefault}*/; |
545 | color: #212121/*{fcActive}*/; | |
546 | outline: none; | |
547 | } | |
548 | .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { | |
549 | color: #212121/*{fcActive}*/; | |
550 | outline: none; | |
551 | text-decoration: none; | |
552 | } | |
553 | /* Layout helpers */ | |
554 | .ui-helper-clearfix:after { | |
555 | content: "."; | |
556 | display: block; | |
557 | height: 0; | |
558 | clear: both; | |
559 | visibility: hidden; | |
560 | } | |
561 | .ui-helper-clearfix { | |
562 | display: inline-block; | |
563 | } | |
564 | /* required comment for clearfix to work in Opera \*/ | |
565 | * html .ui-helper-clearfix { | |
566 | height:1%; | |
567 | } | |
568 | .ui-helper-clearfix { | |
569 | display:block; | |
570 | } | |
571 | /* end clearfix */ | |
572 | .ui-helper-zfix { | |
573 | width: 100%; | |
574 | height: 100%; | |
575 | top: 0; | |
576 | left: 0; | |
577 | position: absolute; | |
578 | opacity: 0; | |
579 | filter:Alpha(Opacity=0); | |
1bd2ced1 | 580 | } |
456a85b5 JPT |
581 | |
582 | /* alternate */ | |
583 | .odd { | |
584 | background-color: #F9F9F9; | |
585 | } | |
586 | .even { | |
587 | background-color: #F1F1F1; | |
588 | } | |
1d7aed31 MT |
589 | |
590 | #screenshots { | |
591 | background-color: #444; | |
592 | padding: 10px; | |
593 | width: 520px; | |
594 | } | |
595 | #screenshots ul { list-style: none; } | |
596 | #screenshots ul li { display: inline; } | |
597 | #screenshots ul img { | |
598 | border: 5px solid #3e3e3e; | |
599 | border-width: 5px 5px 20px; | |
600 | } | |
601 | #screenshots ul a:hover img { | |
602 | border: 5px solid #fff; | |
603 | border-width: 5px 5px 20px; | |
604 | color: #fff; | |
605 | } | |
606 | #screenshots ul a:hover { color: #fff; } | |
607 | ||
608 | #jquery-overlay { | |
609 | position: absolute; | |
610 | top: 0; | |
611 | left: 0; | |
612 | z-index: 90; | |
613 | width: 100%; | |
614 | height: 500px; | |
615 | } | |
616 | #jquery-lightbox { | |
617 | position: absolute; | |
618 | top: 0; | |
619 | left: 0; | |
620 | width: 100%; | |
621 | z-index: 100; | |
622 | text-align: center; | |
623 | line-height: 0; | |
624 | } | |
625 | #jquery-lightbox a img { border: none; } | |
626 | #lightbox-container-image-box { | |
627 | position: relative; | |
628 | background-color: #fff; | |
629 | width: 250px; | |
630 | height: 250px; | |
631 | margin: 0 auto; | |
632 | } | |
633 | #lightbox-container-image { padding: 10px; } | |
634 | #lightbox-loading { | |
635 | position: absolute; | |
636 | top: 40%; | |
637 | left: 0%; | |
638 | height: 25%; | |
639 | width: 100%; | |
640 | text-align: center; | |
641 | line-height: 0; | |
642 | } | |
643 | #lightbox-nav { | |
644 | position: absolute; | |
645 | top: 0; | |
646 | left: 0; | |
647 | height: 100%; | |
648 | width: 100%; | |
649 | z-index: 10; | |
650 | } | |
651 | #lightbox-container-image-box > #lightbox-nav { left: 0; } | |
652 | #lightbox-nav a { outline: none;} | |
653 | #lightbox-nav-btnPrev, #lightbox-nav-btnNext { | |
654 | width: 49%; | |
655 | height: 100%; | |
656 | zoom: 1; | |
657 | display: block; | |
658 | } | |
659 | #lightbox-nav-btnPrev { | |
660 | left: 0; | |
661 | float: left; | |
662 | } | |
663 | #lightbox-nav-btnNext { | |
664 | right: 0; | |
665 | float: right; | |
666 | } | |
667 | #lightbox-container-image-data-box { | |
668 | font: 10px Verdana, Helvetica, sans-serif; | |
669 | background-color: #fff; | |
670 | margin: 0 auto; | |
671 | line-height: 1.4em; | |
672 | overflow: auto; | |
673 | width: 100%; | |
674 | padding: 0 10px 0; | |
675 | } | |
676 | #lightbox-container-image-data { | |
677 | padding: 0 10px; | |
678 | color: #666; | |
679 | } | |
680 | #lightbox-container-image-data #lightbox-image-details { | |
681 | width: 70%; | |
682 | float: left; | |
683 | text-align: left; | |
684 | } | |
685 | #lightbox-image-details-caption { font-weight: bold; } | |
686 | #lightbox-image-details-currentNumber { | |
687 | display: block; | |
688 | clear: left; | |
689 | padding-bottom: 1.0em; | |
690 | } | |
691 | #lightbox-secNav-btnClose { | |
692 | width: 66px; | |
693 | float: right; | |
694 | padding-bottom: 0.7em; | |
695 | } | |
03b96c8d | 696 | |
14e4c236 JPT |
697 | /* IPFire Download Button */ |
698 | .button { | |
81675874 | 699 | background: url(../images/buttons/download_core_96x320.png); |
14e4c236 JPT |
700 | background-repeat: no-repeat; |
701 | background-position: right; | |
702 | width: 700px; | |
703 | height: 96px; | |
704 | } | |
705 | .button a, .button a:link, .button a:visited { | |
706 | color:#333; | |
707 | text-decoration:none; | |
708 | } | |
709 | .button a:hover { | |
710 | text-decoration: underline; | |
711 | } | |
712 | .button_text { | |
713 | color:#333; | |
714 | font-size: 20px !important; | |
715 | text-shadow: #666 1px 2px 2px; | |
716 | padding: 51px 0px 0px 430px; | |
03b96c8d | 717 | } |
fd0d6417 JPT |
718 | |
719 | /* CeBIT Button */ | |
720 | .cebit_button { | |
81675874 | 721 | background: url(../images/buttons/cebit_96x320.png); |
fd0d6417 JPT |
722 | background-repeat: no-repeat; |
723 | background-position: right; | |
724 | width: 700px; | |
725 | height: 96px; | |
726 | } | |
727 | .cebit_button a, .cebit_button a:link, .cebit_button a:visited { | |
728 | color:#333; | |
729 | text-decoration:none; | |
730 | } | |
731 | .cebit_button a:hover { | |
732 | text-decoration: underline; | |
733 | } | |
734 | .cebit_button_text { | |
735 | color:#333; | |
736 | font-size: 20px !important; | |
737 | text-shadow: #666 1px 2px 2px; | |
3988b263 JPT |
738 | padding: 51px 0px 0px 465px; |
739 | } | |
740 | ||
741 | /* Public Relations linklists */ | |
742 | .pr_li { | |
743 | padding: 0px 0px 0px 20px; | |
744 | line-height: 1.2em; | |
fd0d6417 | 745 | } |
ab66924a MT |
746 | |
747 | div.bigdownload { | |
748 | margin-top: 50px; | |
749 | margin-left: 100px; | |
750 | padding-top: 15px; | |
751 | background: url(../images/download_button.png) no-repeat; | |
752 | height: 84px; | |
753 | width: 255px; | |
754 | text-align: center; | |
755 | } | |
756 | ||
757 | div.bigdownload a { | |
758 | color: white; | |
759 | font-size: 1.3em; | |
760 | font-weight: bold; | |
761 | text-decoration: none; | |
762 | } | |
763 | ||
764 | div.bigdownload a:hover { | |
765 | text-decoration: underline; | |
766 | } | |
767 | ||
768 | table.download { | |
769 | width: 660px; | |
770 | margin-left: 75px; | |
771 | } | |
772 | ||
773 | table.download td.icon { | |
774 | width: 50px; | |
775 | } | |
776 | ||
777 | table.download td.link { | |
778 | width: 180px; | |
779 | } | |
6aa6e1dd MT |
780 | |
781 | table.download-torrents { | |
782 | margin-bottom: 25px; | |
783 | margin-left: 50px; | |
784 | margin-top: 25px; | |
785 | width: 600px; | |
786 | } | |
787 | ||
788 | table.download-torrents tr { | |
789 | height: 24px; | |
790 | } | |
791 | ||
940227cb MT |
792 | table.download-torrents th { |
793 | text-align: left; | |
6aa6e1dd MT |
794 | } |
795 | ||
940227cb MT |
796 | table.download-torrents th.peers, td.peers { |
797 | text-align: right; | |
798 | } | |
799 | ||
800 | table.download-torrents th.seeds, td.seeds { | |
6aa6e1dd MT |
801 | text-align: right; |
802 | } | |
3add293a | 803 | |
44dcf59f MT |
804 | table.download-torrents th.peers,td.peers { |
805 | padding-left: 5px; | |
806 | } | |
807 | ||
940227cb MT |
808 | table.tracker-peerlist { |
809 | width: 85%; | |
810 | } | |
811 | ||
812 | table.tracker-peerlist th { | |
813 | text-align: left; | |
814 | } | |
815 | ||
816 | table.download-torrents td { | |
817 | padding: 1em; | |
818 | } | |
819 | ||
820 | table.tracker-peerlist td.ip { | |
821 | text-align: right; | |
822 | padding-right: 1em; | |
823 | } | |
824 | ||
3add293a MT |
825 | table.download-mirrors { |
826 | margin-bottom: 25px; | |
827 | margin-left: 15px; | |
828 | margin-top: 25px; | |
829 | width: 700px; | |
830 | } | |
831 | ||
832 | table.download-mirrors tr { | |
833 | height: 32px; | |
834 | } | |
835 | ||
836 | table.download-mirrors tr.legend { | |
837 | text-align: right; | |
838 | } | |
839 | ||
840 | table.download-mirrors td { | |
841 | padding-left: 10px; | |
842 | padding-right: 10px; | |
843 | } | |
844 | ||
feb02477 | 845 | /* |
3add293a MT |
846 | table.download-mirrors tr.unreachable, td.unreachable { |
847 | border: 1px solid #f55; | |
848 | background-color: #f99; | |
849 | } | |
feb02477 | 850 | */ |
3add293a | 851 | |
feb02477 | 852 | table.download-mirrors tr.ok, td.ok { |
3add293a MT |
853 | border: 1px solid #5f5; |
854 | background-color: #9f9; | |
855 | } | |
856 | ||
feb02477 MT |
857 | table.download-mirrors tr.outdated, td.outdated { |
858 | border: 1px solid #55f; | |
859 | background-color: #99f; | |
860 | } | |
861 | ||
3add293a MT |
862 | table.download-mirrors td.latency { |
863 | width: 70px; | |
864 | text-align: right; | |
865 | } | |
332b0ffe MT |
866 | |
867 | ul.sources li { | |
868 | font-family: courier; | |
869 | list-style-type: none; | |
870 | } | |
940227cb MT |
871 | |
872 | table.mirrors { | |
873 | /* border: 1px solid #606060; */ | |
874 | } | |
875 | ||
876 | table.mirrors tr { | |
877 | line-height: 2em; | |
878 | } | |
879 | ||
880 | table.mirrors td { | |
881 | padding-left: 0.5em; | |
882 | padding-right: 0.5em; | |
883 | } | |
884 | ||
885 | table.mirrors td.hostname { | |
886 | text-align: right; | |
887 | padding-left: 2em; | |
888 | } | |
889 | ||
890 | table.mirrors td.down { | |
891 | border: 1px solid #ff8888; | |
892 | background-color: #ff9999; | |
893 | } | |
894 | ||
895 | table.mirrors td.outofsync { | |
896 | border: 1px solid #ffffaa; | |
897 | background-color: #ffff99; | |
898 | } | |
899 | ||
900 | table.mirrors td.up { | |
901 | border: 1px solid #88ff88; | |
902 | background-color: #aaffaa; | |
903 | } | |
904 | ||
905 | table.blocks { | |
906 | width: 100%; | |
907 | border: 1px solid #E4E4E4; | |
908 | } | |
909 | ||
910 | table.blocks td.block { | |
911 | width: 33%; | |
912 | padding: 1.5em; | |
3145fa5d | 913 | vertical-align: top; |
940227cb MT |
914 | } |
915 | ||
916 | table.blocks td.block p { | |
917 | text-align: justify; | |
918 | } | |
919 | ||
920 | table.blocks td.block span { | |
921 | text-align: center; | |
922 | font-size: 1.2em; | |
923 | } | |
924 | ||
925 | table.blocks td.block1,td.block3 { | |
926 | background-color: white; | |
927 | } | |
928 | ||
929 | table.blocks td.block2 { | |
930 | background-color: #f5f5f5; | |
931 | } | |
91a446f0 MT |
932 | |
933 | table.fireinfo { | |
934 | width: 45em; | |
935 | margin-left: 1.5em; | |
936 | } | |
937 | ||
938 | table.fireinfo td.key { | |
939 | width: 12.5em; | |
940 | } | |
941 | ||
942 | table.fireinfo td.value { | |
943 | width: 32.5em; | |
944 | } | |
945 | ||
946 | table.cpufeatures tr { | |
947 | line-height: 1.2em; | |
948 | } | |
949 | ||
950 | table.cpufeatures td { | |
951 | padding-left: 0.1em; | |
952 | padding-right: 0.1em; | |
953 | } | |
954 | ||
955 | table.cpufeatures td.enabled { | |
956 | border: 1px solid #88ff88; | |
957 | background-color: #aaffaa; | |
958 | } | |
959 | ||
960 | table.cpufeatures td.disabled { | |
961 | border: 1px solid #ff8888; | |
962 | background-color: #ff9999; | |
963 | } | |
964 | ||
965 | table.stats { | |
966 | width: 45em; | |
967 | margin-left: 1.5em; | |
968 | } | |
969 | ||
970 | table.stats td.key { | |
971 | width: 12.5em; | |
972 | } | |
973 | ||
974 | table.stats td.value { | |
975 | width: 2.5em; | |
976 | text-align: right; | |
977 | } | |
978 | ||
979 | table.stats td.bar { | |
980 | width: 30em; | |
981 | } | |
982 | ||
983 | table.stats td.bar p { | |
984 | background-color: #880400; | |
985 | } |