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