1 | *{ margin: 0; padding:0;}
|
---|
2 | html { height: 100%; margin-bottom: 1px; }
|
---|
3 | html.novertscroll { margin-bottom: 0; }
|
---|
4 | p { margin: 0 10px 20px 0; }
|
---|
5 | pre { margin-bottom: 20px; line-height: 120%; }
|
---|
6 | img { border: none; }
|
---|
7 | .cantfindkey{ background-color: #f0f;}
|
---|
8 | span.u { text-decoration:underline;}
|
---|
9 | form { line-height: 180%;}
|
---|
10 |
|
---|
11 |
|
---|
12 | body {
|
---|
13 | background: url('../img/header_bg.png') repeat-x scroll top left;
|
---|
14 | color: #333;
|
---|
15 | font-family: sans-serif;
|
---|
16 | }
|
---|
17 |
|
---|
18 | #content li, #full-content li {
|
---|
19 | margin-bottom: 5px;
|
---|
20 | }
|
---|
21 |
|
---|
22 | #content ul, #full-content ul, #content ol, #full-content ol {
|
---|
23 | margin-left: 20px;
|
---|
24 | margin-bottom: 20px;
|
---|
25 | }
|
---|
26 |
|
---|
27 | table {
|
---|
28 | width: 100%;
|
---|
29 | margin: 0 20px 20px 0;
|
---|
30 | border: 1px solid #aaa;
|
---|
31 | border-collapse: collapse;
|
---|
32 | }
|
---|
33 |
|
---|
34 | tr { margin:0; background: #eee url('../img/linebg.gif') scroll repeat-x top left; }
|
---|
35 | td{ padding:2px 6px 2px 2px;}
|
---|
36 | h1, h2, h3, h4, h5, h6, a.h2, a.h3 {
|
---|
37 | font-size: 22px;
|
---|
38 | display: block;
|
---|
39 | font-weight: bold;
|
---|
40 | border-bottom: 1px solid #464;
|
---|
41 | color: #464;
|
---|
42 | margin: 10px 0 .3em 0;
|
---|
43 | padding: 0;
|
---|
44 | clear: both;
|
---|
45 | }
|
---|
46 | h2, a.h2 { font-size: 18px; }
|
---|
47 | h3, a.h3 { font-size: 16px; border:none; }
|
---|
48 | h4, a.h4 { font-size: 14px; border:none; }
|
---|
49 | h5, a.h5 { font-size: 12px; border:none; }
|
---|
50 | a.h2:active,a.h2:link,a.h2:visited,a.h2:hover,
|
---|
51 | a.h3:active,a.h3:link,a.h3:visited,a.h3:hover {
|
---|
52 | text-decoration: none;
|
---|
53 | text-indent: 1.2em;
|
---|
54 | background: url('../img/link.png') no-repeat scroll 0 0;
|
---|
55 | }
|
---|
56 |
|
---|
57 | h1 .caption { color: #bcb; }
|
---|
58 |
|
---|
59 | small, a.small {
|
---|
60 | font-size: .8em;
|
---|
61 | }
|
---|
62 | .centered {
|
---|
63 | margin-left: auto;
|
---|
64 | margin-right: auto;
|
---|
65 | }
|
---|
66 |
|
---|
67 | .centering {
|
---|
68 | text-align: center;
|
---|
69 | }
|
---|
70 | /* ------------ main layout -------------------- */
|
---|
71 |
|
---|
72 | #container {
|
---|
73 | position: relative;
|
---|
74 | width: 766px;
|
---|
75 | margin: 0 auto;
|
---|
76 | /* background-color: #faa; */
|
---|
77 | }
|
---|
78 |
|
---|
79 | #header {
|
---|
80 | position: relative;
|
---|
81 | height: 82px;
|
---|
82 | padding:0; margin:0;
|
---|
83 | /* overflow: hidden;
|
---|
84 | background-color: #afa; */
|
---|
85 | }
|
---|
86 |
|
---|
87 | #sidebar {
|
---|
88 | margin: 10px 0 10px 0;
|
---|
89 | width: 210px;
|
---|
90 | border: 1px solid #ccc;
|
---|
91 | float: left;
|
---|
92 | padding: 8px;
|
---|
93 | background: url('../img/sidebarbg.png') repeat-y scroll top center;
|
---|
94 | /* background-color: #aaf; */
|
---|
95 | }
|
---|
96 |
|
---|
97 | #content {
|
---|
98 | width: 514px;
|
---|
99 | float: right;
|
---|
100 | line-height: 150%;
|
---|
101 | /* overflow: hidden; */
|
---|
102 | /* background-color: #ffa; */
|
---|
103 | }
|
---|
104 |
|
---|
105 | #footer {
|
---|
106 | padding: 10px;
|
---|
107 | font-size: 10px;
|
---|
108 | clear: both;
|
---|
109 | border-top: 1px solid #777;
|
---|
110 | }
|
---|
111 |
|
---|
112 | #footer a:link, a:active, a:hover, a:visited {
|
---|
113 | color: #777;
|
---|
114 | }
|
---|
115 | /* ------------------ stuff in the nav bar ----------------- */
|
---|
116 |
|
---|
117 | /* -- the framework for lists of links -- */
|
---|
118 | .linklist {
|
---|
119 | width: auto;
|
---|
120 | position: absolute;
|
---|
121 | list-style: none;
|
---|
122 | margin:0;
|
---|
123 | }
|
---|
124 |
|
---|
125 | .linklist li {
|
---|
126 | float: right;
|
---|
127 | margin: 0;
|
---|
128 | }
|
---|
129 |
|
---|
130 | .linklist a {
|
---|
131 | display: block;
|
---|
132 | float: left;
|
---|
133 | }
|
---|
134 |
|
---|
135 | /* --- page list --- */
|
---|
136 | #pagelist {
|
---|
137 | bottom: 0;
|
---|
138 | right: 0;
|
---|
139 | padding: 0 15px 0 0;
|
---|
140 | font-size: 14px;
|
---|
141 | }
|
---|
142 |
|
---|
143 | #pagelist li {
|
---|
144 | background: transparent url('../img/button-right.png') no-repeat scroll 100% -100px;
|
---|
145 | padding: 0 8px 0 0;
|
---|
146 | }
|
---|
147 | #pagelist li:hover,
|
---|
148 | #pagelist li.current { background-position: 100% 0; }
|
---|
149 |
|
---|
150 | #pagelist a {
|
---|
151 | margin:0;
|
---|
152 | padding: 5px 4px 3px 10px;
|
---|
153 | background: transparent url('../img/button-left.png') no-repeat scroll 0 -100px;
|
---|
154 | font-weight: bold;
|
---|
155 | color: #fff;
|
---|
156 | text-decoration: none;
|
---|
157 | line-height: 1;
|
---|
158 | }
|
---|
159 | #pagelist li:hover a,
|
---|
160 | #pagelist li.current a {background-position: 0 0;}
|
---|
161 |
|
---|
162 | /* -- language list -- */
|
---|
163 | #langlist {
|
---|
164 | bottom: 45px;
|
---|
165 | right: 0;
|
---|
166 | padding: 0 15px 0 0;
|
---|
167 | }
|
---|
168 |
|
---|
169 | #langlist li {
|
---|
170 | /* background: transparent url('../img/button-right.gif') no-repeat scroll 100% -50px; */
|
---|
171 | padding: 0 2px 0 0;
|
---|
172 | }
|
---|
173 | #langlist li:hover,
|
---|
174 | #langlist li.current { background-position: 100% 0; }
|
---|
175 |
|
---|
176 | #langlist a {
|
---|
177 | display: table-cell;
|
---|
178 | min-width: 1em;
|
---|
179 | margin:0;
|
---|
180 | padding: 5px 5px 3px 10px;
|
---|
181 | /* background: transparent url('../img/button-left.png') no-repeat scroll 0 -50px; */
|
---|
182 | font-weight: bold;
|
---|
183 | text-align: center;
|
---|
184 | color: #fff;
|
---|
185 | text-decoration: none;
|
---|
186 | line-height: 1;
|
---|
187 | }
|
---|
188 | #langlist li:hover a,
|
---|
189 | #langlist li.current a { text-decoration: underline; background-position: 0 0;}
|
---|
190 | #langlist img.spacer { display: table-cell; }
|
---|
191 |
|
---|
192 | /* -- home link -- */
|
---|
193 | #homelink {
|
---|
194 | display: block;
|
---|
195 | position: absolute;
|
---|
196 | top: 13px;
|
---|
197 | left: 5px;
|
---|
198 | width: 217px;
|
---|
199 | height: 60px;
|
---|
200 | background: transparent url('../img/gsdlhead.png') no-repeat scroll 0 0;
|
---|
201 | }
|
---|
202 |
|
---|
203 |
|
---|
204 | /* ------------ sidebar------------------- */
|
---|
205 |
|
---|
206 |
|
---|
207 | #sidebar a:link, #sidebar a:active, #sidebar a:visited, #sidebar a:hover {
|
---|
208 | color: #575;
|
---|
209 | }
|
---|
210 | #sidebar a:visited { color: #464; }
|
---|
211 | #sidebar a:hover { color: #9a9; }
|
---|
212 | /*
|
---|
213 | #sidebar h1, #sidebar h2,#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar a, #sidebar ul {
|
---|
214 | margin: 10px;
|
---|
215 | }
|
---|
216 | */
|
---|
217 |
|
---|
218 | /* ------------ sidebar buttons --------------------- */
|
---|
219 |
|
---|
220 | #sidebar div.button {
|
---|
221 | display: block;
|
---|
222 | background: url('../img/sidebar-button-top.png') repeat-x scroll top left;
|
---|
223 | border: 1px solid gray;
|
---|
224 | margin-bottom: 4px;
|
---|
225 | }
|
---|
226 |
|
---|
227 | #sidebar a.button:active,
|
---|
228 | #sidebar a.button:link,
|
---|
229 | #sidebar a.button:visited,
|
---|
230 | #sidebar a.button:hover {
|
---|
231 | display: block;
|
---|
232 | background-position: 3px 3px;
|
---|
233 | background-repeat: no-repeat;
|
---|
234 | padding: 8px 5px 8px 30px;
|
---|
235 | text-decoration: none;
|
---|
236 | font-weight: normal;
|
---|
237 | font-size: 12px;
|
---|
238 |
|
---|
239 | }
|
---|
240 |
|
---|
241 | #sidebar a.button:hover {
|
---|
242 | background-position: 3px -97px;
|
---|
243 | }
|
---|
244 |
|
---|
245 | /* ------------ sidebar blog entries -------------------- */
|
---|
246 | #sidebar-blog-entries li.title {
|
---|
247 | background: url('../img/sidebar-button-top.png') repeat-x scroll top left;
|
---|
248 | border-top: 1px solid gray;
|
---|
249 | border-left: 1px solid gray;
|
---|
250 | border-right: 1px solid gray;
|
---|
251 | list-style: none;
|
---|
252 | }
|
---|
253 |
|
---|
254 | #sidebar-blog-entries li.excerpt {
|
---|
255 | background-color: #f0f9f0;
|
---|
256 | border: 1px solid gray;
|
---|
257 | list-style: none;
|
---|
258 | margin: 0 0 9px 0;
|
---|
259 | }
|
---|
260 |
|
---|
261 | #sidebar-blog-entries a.title-text {
|
---|
262 | display: block;
|
---|
263 | font-size: 14px;
|
---|
264 | text-decoration:none;
|
---|
265 | margin: 0;
|
---|
266 | padding: 3px;
|
---|
267 | }
|
---|
268 | #sidebar-blog-entries a.category-text {
|
---|
269 | display: block;
|
---|
270 | clear: left;
|
---|
271 | font-size: 10px;
|
---|
272 | text-decoration:none;
|
---|
273 | margin: 0;
|
---|
274 | padding: 1px 1px 5px 5px;
|
---|
275 | }
|
---|
276 |
|
---|
277 | #sidebar-blog-entries li span.date {
|
---|
278 | font-size: 10px;
|
---|
279 | font-weight: normal;
|
---|
280 | margin: 0 5px 3px 5px;
|
---|
281 | text-decoration: none;
|
---|
282 | }
|
---|
283 | #sidebar-blog-entries li p {
|
---|
284 | line-height: 150%;
|
---|
285 | font-size: 12px;
|
---|
286 | margin: 0 5px 5px 5px;
|
---|
287 | overflow: hidden;
|
---|
288 | }
|
---|
289 | .small-logo {
|
---|
290 | float: left;
|
---|
291 | margin: 1px;
|
---|
292 | padding: 0;
|
---|
293 | }
|
---|
294 |
|
---|
295 | /* ------------ content area ----------------- */
|
---|
296 |
|
---|
297 | #full-content a:link, #full-content a:active, #full-content a:visited, #full-content a:hover,
|
---|
298 | #content a:link, #content a:active, #content a:visited, #content a:hover {
|
---|
299 | color: #575;
|
---|
300 | }
|
---|
301 | #full-content a:visited, #content a:visited { color: #464; }
|
---|
302 | #full-content a:hover, #content a:hover { color: #9a9; }
|
---|
303 |
|
---|
304 | img.logo {
|
---|
305 | float: left;
|
---|
306 | padding: 10px 10px;
|
---|
307 | }
|
---|
308 |
|
---|
309 | div.note {
|
---|
310 | background-color: #eee;
|
---|
311 | margin: 10px 10px 20px 0;
|
---|
312 | padding: 20px;
|
---|
313 | border: 1px solid gray;
|
---|
314 | }
|
---|
315 |
|
---|
316 |
|
---|
317 | /* --- sidebar button icons --- */
|
---|
318 |
|
---|
319 |
|
---|
320 | /* --- for html forms --- */
|
---|
321 |
|
---|
322 | input, select, option {
|
---|
323 | color: black;
|
---|
324 | }
|
---|
325 |
|
---|
326 | input.input-text {
|
---|
327 | width: 290px;
|
---|
328 | }
|
---|
329 |
|
---|
330 | #sidebar input.input-text {
|
---|
331 | width: 160px;
|
---|
332 | }
|
---|
333 |
|
---|
334 |
|
---|
335 | .righting {
|
---|
336 | text-align: right;
|
---|
337 | }
|
---|
338 |
|
---|
339 |
|
---|
340 | .clear {
|
---|
341 | clear: both;
|
---|
342 | }
|
---|
343 |
|
---|
344 | textarea {
|
---|
345 | width: 400px;
|
---|
346 | height: 120px;
|
---|
347 | color: #000;
|
---|
348 | }
|
---|
349 |
|
---|
350 | #other-specify-div {
|
---|
351 | display: none;
|
---|
352 | }
|
---|
353 |
|
---|
354 | .formlabel {
|
---|
355 | display: block;
|
---|
356 | float: left;
|
---|
357 | width: 150px;
|
---|
358 | max-width: 150px;
|
---|
359 | min-width: 150px;
|
---|
360 | }
|
---|
361 |
|
---|
362 | .forminput {
|
---|
363 | float: right;
|
---|
364 | width: 300px;
|
---|
365 | }
|
---|
366 |
|
---|
367 | .formline {
|
---|
368 | background: #eee url('../images/linebg.gif') scroll repeat-x top left;
|
---|
369 | padding: 5px;
|
---|
370 | }
|
---|
371 |
|
---|
372 | option {
|
---|
373 | padding-right:10px;
|
---|
374 | }
|
---|
375 |
|
---|
376 | .highlighted {
|
---|
377 | background: #ffa url('../images/linebg-highlighted.gif') scroll repeat-x top left;
|
---|
378 | }
|
---|
379 |
|
---|
380 | .message {
|
---|
381 | background: transparent url('../images/warning.png') scroll no-repeat top left;
|
---|
382 | text-indent: 25px;
|
---|
383 | padding:3px;
|
---|
384 |
|
---|
385 | }
|
---|
386 |
|
---|
387 | .floatleft{
|
---|
388 | float:left;
|
---|
389 | }
|
---|
390 |
|
---|
391 |
|
---|
392 | /* interesting stuff styles */
|
---|
393 | div.commit {
|
---|
394 | padding: 10px;
|
---|
395 | border: 1px solid #017;
|
---|
396 | background-color: #def;
|
---|
397 | }
|
---|
398 |
|
---|
399 | div.test{ border: 1px solid #070; padding: 5px; margin: 10px 0; }
|
---|
400 | .passed-no { background-color: #fee; }
|
---|
401 | .passed-yes { background-color: #efe; }
|
---|
402 |
|
---|
403 | div.bug {
|
---|
404 | padding: 10px;
|
---|
405 | border: 1px solid #730;
|
---|
406 | background-color: #fed;
|
---|
407 | }
|
---|
408 |
|
---|
409 |
|
---|
410 |
|
---|
411 |
|
---|
412 |
|
---|
413 |
|
---|
414 |
|
---|
415 |
|
---|
416 |
|
---|
417 |
|
---|
418 |
|
---|
419 |
|
---|
420 |
|
---|
421 |
|
---|
422 |
|
---|
423 | /* --------- PAGE SPECIFIC STUFF ------------- */
|
---|
424 |
|
---|
425 | /* blog */
|
---|
426 | #sidebar.wordpress {
|
---|
427 | line-height: 1.3em;
|
---|
428 | }
|
---|
429 | #sidebar.wordpress div.button{
|
---|
430 | line-height: 1em;
|
---|
431 | }
|
---|
432 | #wp-title {
|
---|
433 | text-align: center;
|
---|
434 | }
|
---|
435 | #sidebar.wordpress li {
|
---|
436 | list-style:none;
|
---|
437 | margin-left: 0;
|
---|
438 | }
|
---|
439 | #sidebar.wordpress #s { width: 130px; }
|
---|
440 | #sidebar.wordpress #searchsubmit { width: 60px; }
|
---|
441 |
|
---|
442 | h2 a {
|
---|
443 | text-decoration: none;
|
---|
444 | }
|
---|
445 |
|
---|
446 | div.navigation {
|
---|
447 | position: relative;
|
---|
448 | padding: 15px 0 25px 0;
|
---|
449 | }
|
---|
450 |
|
---|
451 | div.alignright{
|
---|
452 | float:right;
|
---|
453 | }
|
---|
454 | div.alignleft {
|
---|
455 | float:left;
|
---|
456 | }
|
---|
457 |
|
---|
458 | textarea {
|
---|
459 | width: 100%;
|
---|
460 | border: 1px solid black;
|
---|
461 | }
|
---|
462 | a.rssicon {
|
---|
463 | padding: 2px;
|
---|
464 | position: relative; top: 2px;
|
---|
465 | cursor: pointer;
|
---|
466 | }
|
---|
467 | .indented{ margin-left: 20px; }
|
---|
468 | #feed-global {
|
---|
469 | cursor: pointer;
|
---|
470 | }
|
---|
471 |
|
---|
472 |
|
---|
473 |
|
---|
474 |
|
---|
475 | /* download */
|
---|
476 |
|
---|
477 | #downloadlist li {
|
---|
478 | list-style:none;
|
---|
479 | }
|
---|
480 |
|
---|
481 | #downloadlist li>div {
|
---|
482 | /* background: url('../images/sidebar-button-bottom.png') repeat-x scroll bottom left; */
|
---|
483 | }
|
---|
484 |
|
---|
485 | #downloadlist a:link,
|
---|
486 | #downloadlist a:visited,
|
---|
487 | #downloadlist a:active,
|
---|
488 | #downloadlist a:hover {
|
---|
489 | display: block;
|
---|
490 | padding: 8px 5px 8px 30px;
|
---|
491 |
|
---|
492 | background-repeat: no-repeat;
|
---|
493 | background-position: 3px 50%;
|
---|
494 |
|
---|
495 | text-decoration: none;
|
---|
496 | font-weight: normal;
|
---|
497 | font-size: 12px;}
|
---|
498 |
|
---|
499 | #downloadlist li a:hover {
|
---|
500 | /* background-position: -497px 50%; */
|
---|
501 | }
|
---|
502 |
|
---|
503 | .file {
|
---|
504 | display: block;
|
---|
505 | height: 22px;
|
---|
506 | padding-left: 28px;
|
---|
507 | margin: 0 5px 5px 5px;
|
---|
508 |
|
---|
509 | background: url('../images/os/000.png') no-repeat scroll 3px 50%;
|
---|
510 | }
|
---|
511 | .file-001 { background-image: url('../images/os/001.png'); }
|
---|
512 | .file-010 { background-image: url('../images/os/010.png'); }
|
---|
513 | .file-100 { background-image: url('../images/os/100.png'); }
|
---|
514 | .file-111 { background-image: url('../images/os/111.png'); }
|
---|
515 |
|
---|
516 | .lastfile {
|
---|
517 | margin: 0 5px 15px 5px;
|
---|
518 | }
|
---|
519 |
|
---|
520 |
|
---|
521 |
|
---|
522 | /* examples */
|
---|
523 | #examplelist li {
|
---|
524 | list-style:none;
|
---|
525 | overflow: hidden;
|
---|
526 | }
|
---|
527 |
|
---|
528 | #examplelist a.button:link,
|
---|
529 | #examplelist a.button:visited,
|
---|
530 | #examplelist a.button:active,
|
---|
531 | #examplelist a.button:hover {
|
---|
532 | padding: 8px 5px 8px 5px;
|
---|
533 | }
|
---|
534 |
|
---|
535 |
|
---|
536 |
|
---|
537 | /* sitemap */
|
---|
538 |
|
---|
539 | #content.sitemap>ul>li {list-style: none; margin: 0 20px 10px 10px;}
|
---|
540 | #content.sitemap li { margin-left: 20px; }
|
---|