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