1 | /* |
---|
2 | Design based on Free CSS Templates |
---|
3 | -- |
---|
4 | Design by Free CSS Templates |
---|
5 | http://www.freecsstemplates.org |
---|
6 | Released for free under a Creative Commons Attribution 2.5 License |
---|
7 | */ |
---|
8 | |
---|
9 | /* dlwin */ |
---|
10 | @import url(/css/dlwin.css); |
---|
11 | |
---|
12 | @font-face { |
---|
13 | font-family: 'VLPGothic'; |
---|
14 | src: url(http://vlgothic.dicey.org/files/VL-PGothic-Regular.woff) format("woff"); |
---|
15 | } |
---|
16 | |
---|
17 | @font-face { |
---|
18 | font-family: 'VLGothic'; |
---|
19 | src: url(http://vlgothic.dicey.org/files/VL-Gothic-Regular.woff) format("woff"); |
---|
20 | } |
---|
21 | |
---|
22 | |
---|
23 | body { |
---|
24 | margin: 0; |
---|
25 | padding: 0; |
---|
26 | background: #FFFFFF url(/images/header.jpg) repeat-x left top; |
---|
27 | font-size: 13px; |
---|
28 | color: #222222; |
---|
29 | font-family: sans-serif; |
---|
30 | } |
---|
31 | |
---|
32 | #inner { |
---|
33 | margin: 0; |
---|
34 | padding: 0; |
---|
35 | background: #FFFFFF url(/images/header.jpg) repeat-x left top; |
---|
36 | font-size: 13px; |
---|
37 | color: #222222; |
---|
38 | //font-family: 'VL Pゴシック', 'VL PGothic', Arial, Tahoma, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, sans-serif; |
---|
39 | } |
---|
40 | |
---|
41 | h1, h2, h3 { |
---|
42 | margin-top: 0; |
---|
43 | color: #333366; |
---|
44 | font-family: 'VL Pゴシック', 'VL PGothic', 'VLPGothic', Arial, Tahoma, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, sans-serif; |
---|
45 | } |
---|
46 | |
---|
47 | h1 { |
---|
48 | font-size: 2em; |
---|
49 | } |
---|
50 | |
---|
51 | h2 { |
---|
52 | font-size: 1.6em; |
---|
53 | } |
---|
54 | |
---|
55 | h3 { |
---|
56 | font-size: 1em; |
---|
57 | } |
---|
58 | |
---|
59 | ul { |
---|
60 | list-style-type: none; |
---|
61 | } |
---|
62 | |
---|
63 | a { |
---|
64 | text-decoration: none; |
---|
65 | border-bottom: 1px dashed #DDDDDD; |
---|
66 | color: #333366; |
---|
67 | } |
---|
68 | |
---|
69 | a:hover { |
---|
70 | border-bottom: none; |
---|
71 | border-bottom: 1px dashed #CCCCCC; |
---|
72 | text-shadow: 1px 1px 12px #8888AA; |
---|
73 | } |
---|
74 | |
---|
75 | a img { |
---|
76 | border: none; |
---|
77 | } |
---|
78 | |
---|
79 | img.left { |
---|
80 | float: left; |
---|
81 | margin: 0 20px 0 0; |
---|
82 | } |
---|
83 | |
---|
84 | img.right { |
---|
85 | float: right; |
---|
86 | margin: 0 0 0 20px; |
---|
87 | } |
---|
88 | |
---|
89 | /* Header */ |
---|
90 | |
---|
91 | #toplogo { |
---|
92 | width: 980px; |
---|
93 | height: 108px; |
---|
94 | margin: 0 auto; |
---|
95 | padding: 0 10px; |
---|
96 | } |
---|
97 | |
---|
98 | #toplogo #toplogo-title { |
---|
99 | float: left; |
---|
100 | } |
---|
101 | |
---|
102 | #toplogo h1, #toplogo p { |
---|
103 | //float: left; |
---|
104 | margin: 2px 0 0 -10px; |
---|
105 | color: #FFFFFF; |
---|
106 | } |
---|
107 | |
---|
108 | #toplogo h1 { |
---|
109 | //padding: 22px 0 0 0; |
---|
110 | padding: 32px 0 0 0; |
---|
111 | margin-left: -15px; |
---|
112 | line-height: 100%; |
---|
113 | text-transform: uppercase; |
---|
114 | font-family: 'VLPGothic', 'VL Pゴシック', 'VL PGothic', Arial, Tahoma, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif; |
---|
115 | font-weight: normal; |
---|
116 | font-size: 2.2em; |
---|
117 | text-shadow: 1px 1px 8px #CCCCCC; |
---|
118 | } |
---|
119 | |
---|
120 | #toplogo h1 strong { |
---|
121 | font-weight: bold; |
---|
122 | font-size: 1.2em; |
---|
123 | text-shadow: 1px 1px 8px #CCCCCC; |
---|
124 | } |
---|
125 | |
---|
126 | #toplogo strong { |
---|
127 | padding: 22px 0 0 0; |
---|
128 | text-transform: uppercase; |
---|
129 | font-size: 1.1em; |
---|
130 | text-shadow: 1px 1px 8px #CCCCCC; |
---|
131 | } |
---|
132 | |
---|
133 | #toplogo p { |
---|
134 | text-transform: uppercase; |
---|
135 | font-family: 'VLPGothic', sans-serif; |
---|
136 | font-size: 9px; |
---|
137 | color: #FFFFFF; |
---|
138 | text-shadow: 1px 1px 3px #CCCCCC; |
---|
139 | clear: both; |
---|
140 | } |
---|
141 | |
---|
142 | #toplogo a { |
---|
143 | border: none; |
---|
144 | text-decoration: none; |
---|
145 | color: #FFFFFF; |
---|
146 | } |
---|
147 | |
---|
148 | #toplogo img { |
---|
149 | padding: 15px 0 0 0; |
---|
150 | float: left; |
---|
151 | margin: 0 20px 0 0; |
---|
152 | } |
---|
153 | |
---|
154 | #toplogo #ads { |
---|
155 | float: right; |
---|
156 | margin: 0 -5px 0 0; |
---|
157 | padding: 8px 0 0 0; |
---|
158 | } |
---|
159 | |
---|
160 | /* Menu */ |
---|
161 | |
---|
162 | #menu { |
---|
163 | width: 980px; |
---|
164 | height: 30px; |
---|
165 | margin: 0 auto; |
---|
166 | padding-top: 5px; |
---|
167 | padding-left: 15px; |
---|
168 | font-family: 'VLPGothic', sans-serif; |
---|
169 | } |
---|
170 | |
---|
171 | #menu ul#main { |
---|
172 | margin: 0 auto; |
---|
173 | padding: 0; |
---|
174 | list-style: none; |
---|
175 | } |
---|
176 | |
---|
177 | #menu ul#main li { |
---|
178 | //display: inline; |
---|
179 | float: left; |
---|
180 | position: relative; |
---|
181 | } |
---|
182 | |
---|
183 | #menu ul#main li a { |
---|
184 | display: block; |
---|
185 | margin: 0; |
---|
186 | padding: 10px 10px 10px 10px; |
---|
187 | border: none; |
---|
188 | background: url(/images/sep.gif) no-repeat left 50%; |
---|
189 | text-decoration: none; |
---|
190 | text-transform: uppercase; |
---|
191 | font-size: 11px; |
---|
192 | color: #444444; |
---|
193 | } |
---|
194 | |
---|
195 | #menu ul#main li:hover { |
---|
196 | margin: 0 0 0 0; |
---|
197 | //padding: 10px 10px 10px 10px; |
---|
198 | color: #000000; |
---|
199 | border-bottom: dashed 1px; |
---|
200 | font-weight: normal; |
---|
201 | } |
---|
202 | |
---|
203 | #menu ul#main a.left { |
---|
204 | background: none; |
---|
205 | margin: 0 3px 0 0; |
---|
206 | //padding: 10px 10px 10px 0px; |
---|
207 | border: none; |
---|
208 | text-decoration: none; |
---|
209 | text-transform: uppercase; |
---|
210 | font-size: 11px; |
---|
211 | color: #444444; |
---|
212 | } |
---|
213 | |
---|
214 | #menu ul#main a.left:hover { |
---|
215 | margin: 0 3px 0 0; |
---|
216 | //padding: 10px 10px 10px 0px; |
---|
217 | color: #000000; |
---|
218 | border-bottom: dashed 1px; |
---|
219 | font-weight: normal; |
---|
220 | } |
---|
221 | |
---|
222 | #menu .current a { |
---|
223 | background: none; |
---|
224 | margin: 0 3px 0 0; |
---|
225 | //padding: 10px 10px 10px 0px; |
---|
226 | color: #000000; |
---|
227 | font-weight: bold; |
---|
228 | } |
---|
229 | |
---|
230 | #menu ul#main li ul { |
---|
231 | display: none; |
---|
232 | background: #eeeeee; |
---|
233 | } |
---|
234 | |
---|
235 | |
---|
236 | #menu ul#main li:hover ul { |
---|
237 | display: block; |
---|
238 | position: absolute; |
---|
239 | width: 200px; |
---|
240 | border-left: #333333 1px solid; |
---|
241 | border-right: #333333 1px solid; |
---|
242 | border-bottom: #333333 1px solid; |
---|
243 | text-transform: none; |
---|
244 | z-index: 100; |
---|
245 | } |
---|
246 | |
---|
247 | #menu ul#main li ul li { |
---|
248 | float: none; |
---|
249 | margin: 0; |
---|
250 | } |
---|
251 | |
---|
252 | #menu ul#main li ul li:hover { |
---|
253 | border-bottom: none; |
---|
254 | } |
---|
255 | |
---|
256 | #menu ul#main li ul li a { |
---|
257 | float: none; |
---|
258 | margin: 0; |
---|
259 | font-weight: bold; |
---|
260 | background: none; |
---|
261 | text-transform: none; |
---|
262 | } |
---|
263 | |
---|
264 | #menu ul#main li ul li a:hover { |
---|
265 | float: none; |
---|
266 | margin: 0; |
---|
267 | font-weight: bold; |
---|
268 | background: #ddddee; |
---|
269 | text-transform: none; |
---|
270 | } |
---|
271 | |
---|
272 | /* Wrapper */ |
---|
273 | |
---|
274 | #wrapper { |
---|
275 | } |
---|
276 | |
---|
277 | /* Page */ |
---|
278 | |
---|
279 | #page { |
---|
280 | width: 980px; |
---|
281 | margin: 0 auto; |
---|
282 | padding: 30px 10px; |
---|
283 | } |
---|
284 | |
---|
285 | /* Latest Post */ |
---|
286 | |
---|
287 | #latest-post { |
---|
288 | padding: 20px; |
---|
289 | border: 1px dashed #8D8D8D; |
---|
290 | } |
---|
291 | |
---|
292 | /* Content */ |
---|
293 | |
---|
294 | #content { |
---|
295 | float: left; |
---|
296 | width: 658px; |
---|
297 | } |
---|
298 | |
---|
299 | #content-wide { |
---|
300 | float: left; |
---|
301 | width: 738px; |
---|
302 | } |
---|
303 | |
---|
304 | #content-full { |
---|
305 | width: 100%; |
---|
306 | } |
---|
307 | |
---|
308 | .post { |
---|
309 | margin-bottom: 20px; |
---|
310 | padding-bottom: 15px; |
---|
311 | line-height: 200%; |
---|
312 | } |
---|
313 | |
---|
314 | #content-full h1, #content-wide h1, #content h1 { |
---|
315 | font-weight: bold; |
---|
316 | font-size: 28px; |
---|
317 | text-shadow: 1px 1px 4px #AAAAAA; |
---|
318 | border-bottom: dashed 1px #8D8D8D; |
---|
319 | margin-bottom: 20px; |
---|
320 | } |
---|
321 | |
---|
322 | #content-full h2, #content-wide h2, #content h2 { |
---|
323 | font-size: 24px; |
---|
324 | text-shadow: 1px 1px 3px #AAAAAA; |
---|
325 | border-bottom: dashed 1px #8D8D8D; |
---|
326 | margin-bottom: 15px; |
---|
327 | } |
---|
328 | |
---|
329 | #content-full h3, #content-wide h3, #content h3 { |
---|
330 | font-size: 18px; |
---|
331 | font-weight: normal; |
---|
332 | text-shadow: 1px 1px 3px #CCCCCC; |
---|
333 | border-bottom: dashed 1px #ADADAD; |
---|
334 | margin-bottom: 15px; |
---|
335 | } |
---|
336 | |
---|
337 | #content-full h4, #content-wide h4, #content h4 { |
---|
338 | font-size: 16px; |
---|
339 | font-weight: normal; |
---|
340 | text-shadow: 1px 1px 3px #DDDDDD; |
---|
341 | border-bottom: dashed 1px #CDCDCD; |
---|
342 | margin-bottom: 15px; |
---|
343 | } |
---|
344 | |
---|
345 | #content-full ul, #content-wide ul, #content ul { |
---|
346 | //margin: 0; |
---|
347 | margin-left: 30px; |
---|
348 | padding: 0; |
---|
349 | } |
---|
350 | |
---|
351 | #content-full dl,ul, #content-wide dl ul, #content dl ul { |
---|
352 | //margin: 0; |
---|
353 | margin-left: 0px; |
---|
354 | padding: 0; |
---|
355 | } |
---|
356 | |
---|
357 | #content-wide ul li:before, #content ul li:before { |
---|
358 | content: "≫ "; |
---|
359 | margin-left: -24px; |
---|
360 | padding-left: 5px; |
---|
361 | } |
---|
362 | |
---|
363 | |
---|
364 | .title { |
---|
365 | margin: 0; |
---|
366 | padding-bottom: 6px; |
---|
367 | font-weight: normal; |
---|
368 | } |
---|
369 | |
---|
370 | .title a { |
---|
371 | border-bottom: none; |
---|
372 | } |
---|
373 | |
---|
374 | .title a:hover { |
---|
375 | border-bottom: 1px dashed #CCCCCC; |
---|
376 | } |
---|
377 | |
---|
378 | .byline { |
---|
379 | border-top: 1px dashed #8D8D8D; |
---|
380 | //margin: 0 0 20px 0; |
---|
381 | text-transform: uppercase; |
---|
382 | } |
---|
383 | |
---|
384 | .news table { |
---|
385 | margin-bottom: 20px; |
---|
386 | text-align: left; |
---|
387 | vertical-align: top; |
---|
388 | } |
---|
389 | |
---|
390 | .news table th { |
---|
391 | color: black; |
---|
392 | border-bottom: 1px dashed #BBBBBB; |
---|
393 | padding: 3px 10px 3px 5px; |
---|
394 | } |
---|
395 | |
---|
396 | .news table tr td { |
---|
397 | color: black; |
---|
398 | border-bottom: 1px dashed #BBBBBB; |
---|
399 | //border-left: 1px dashed #CCCCCC; |
---|
400 | padding: 3px 10px 3px 5px; |
---|
401 | } |
---|
402 | |
---|
403 | table.about { |
---|
404 | margin-bottom: 20px; |
---|
405 | text-align: left; |
---|
406 | vertical-align: top; |
---|
407 | } |
---|
408 | |
---|
409 | table.about th { |
---|
410 | color: black; |
---|
411 | border-bottom: 1px dashed #BBBBBB; |
---|
412 | //border-right: 1px dashed #CCCCCC; |
---|
413 | padding: 3px 10px 3px 5px; |
---|
414 | } |
---|
415 | |
---|
416 | table.about tr td { |
---|
417 | color: black; |
---|
418 | border-bottom: 1px dashed #BBBBBB; |
---|
419 | border-left: 1px dashed #CCCCCC; |
---|
420 | padding: 3px 10px 3px 5px; |
---|
421 | } |
---|
422 | |
---|
423 | dl.paypal dt { |
---|
424 | //border-bottom: 1px dashed #999999; |
---|
425 | text-decoration: underline; |
---|
426 | font-weight: bold; |
---|
427 | } |
---|
428 | |
---|
429 | .links { |
---|
430 | border-bottom: 1px dashed #8D8D8D; |
---|
431 | font-size: 11px; |
---|
432 | } |
---|
433 | |
---|
434 | .links a { |
---|
435 | display: block; |
---|
436 | border: none; |
---|
437 | color: #FFFFFF; |
---|
438 | } |
---|
439 | |
---|
440 | .links a:hover { |
---|
441 | } |
---|
442 | |
---|
443 | .links .more { |
---|
444 | float: left; |
---|
445 | padding-left: 25px; |
---|
446 | padding-right: 15px; |
---|
447 | background: #AAAADD url(/images/links.jpg) no-repeat left 50%; |
---|
448 | text-transform: uppercase; |
---|
449 | } |
---|
450 | |
---|
451 | .links .comments { |
---|
452 | float: left; |
---|
453 | padding-left: 20px; |
---|
454 | background: url(/images/links.jpg) no-repeat left top; |
---|
455 | } |
---|
456 | /* Sidebars */ |
---|
457 | |
---|
458 | .sidebar { |
---|
459 | float: left; |
---|
460 | width: 300px; |
---|
461 | padding: 0 0 0 21px; |
---|
462 | } |
---|
463 | |
---|
464 | .sidebar2 { |
---|
465 | float: left; |
---|
466 | width: 220px; |
---|
467 | padding: 0 0 0 21px; |
---|
468 | } |
---|
469 | |
---|
470 | .sidebar2 ul, .sidebar ul { |
---|
471 | margin: 0; |
---|
472 | padding: 0; |
---|
473 | list-style: none; |
---|
474 | } |
---|
475 | |
---|
476 | .sidebar2 li, .sidebar li { |
---|
477 | padding: 0 0 20px 0; |
---|
478 | } |
---|
479 | |
---|
480 | .sidebar2 li ul, .sidebar li ul { |
---|
481 | } |
---|
482 | |
---|
483 | .sidebar2 li li, .sidebar li li { |
---|
484 | padding: 5px 0px 0px 0px; |
---|
485 | font-size: 11px; |
---|
486 | } |
---|
487 | |
---|
488 | .sidebar li h2 { |
---|
489 | margin: 0 0 10px 0; |
---|
490 | padding: 5px 0; |
---|
491 | border-bottom: 1px dashed #8D8D8D; |
---|
492 | font-size: 16px; |
---|
493 | font-weight: normal; |
---|
494 | color: #333366; |
---|
495 | } |
---|
496 | |
---|
497 | .sidebar2 li h2 { |
---|
498 | margin: 0 0 10px 0; |
---|
499 | padding: 5px 0; |
---|
500 | border-bottom: 1px dashed #8D8D8D; |
---|
501 | font-size: 16px; |
---|
502 | font-weight: normal; |
---|
503 | color: #333366; |
---|
504 | } |
---|
505 | |
---|
506 | .sidebar li li { |
---|
507 | margin-left: 20px; |
---|
508 | } |
---|
509 | |
---|
510 | .sidebar2 li li { |
---|
511 | margin-left: 20px; |
---|
512 | } |
---|
513 | |
---|
514 | .sidebar ul li li:before, .sidebar2 ul li li:before { |
---|
515 | content: "≫ "; |
---|
516 | margin-left: -20px; |
---|
517 | padding-left: 5px; |
---|
518 | } |
---|
519 | |
---|
520 | .ads-sidebar, .paypal-sidebar { |
---|
521 | text-align: left; |
---|
522 | margin-left: 5px; |
---|
523 | } |
---|
524 | |
---|
525 | .ads-sidebar-linkunit { |
---|
526 | text-align: left; |
---|
527 | padding: 10px 0px 15px 0px; |
---|
528 | margin: 5px 0px 20px 5px; |
---|
529 | width: 160px; |
---|
530 | border-width: 1px 1px 1px 1px; |
---|
531 | border-color: #666699; |
---|
532 | border-style: solid; |
---|
533 | border-radius: 6px; |
---|
534 | -moz-border-radius: 6px; |
---|
535 | -webkit-border-radius: 6px; |
---|
536 | } |
---|
537 | |
---|
538 | /* Search */ |
---|
539 | |
---|
540 | #searchform { |
---|
541 | margin: 0; |
---|
542 | padding: 0; |
---|
543 | } |
---|
544 | |
---|
545 | #searchform br { |
---|
546 | display: none; |
---|
547 | } |
---|
548 | |
---|
549 | #s { |
---|
550 | margin: 0; |
---|
551 | padding: 2px 2px; |
---|
552 | width: 120px; |
---|
553 | height: 18px; |
---|
554 | border: 1px solid #336699; |
---|
555 | background: #FFFFFF; |
---|
556 | font-size: 10px; |
---|
557 | color: #000000; |
---|
558 | } |
---|
559 | |
---|
560 | #x { |
---|
561 | margin: 0; |
---|
562 | padding: 2px 5px; |
---|
563 | height: 24px; |
---|
564 | border: none; |
---|
565 | background: #AAAADD; |
---|
566 | text-decoration: none; |
---|
567 | text-transform: uppercase; |
---|
568 | font-size: 10px; |
---|
569 | color: #000000; |
---|
570 | } |
---|
571 | |
---|
572 | /* Top News */ |
---|
573 | .top-news table { |
---|
574 | width: 658px; |
---|
575 | border: 0; |
---|
576 | margin-bottom: 20px; |
---|
577 | } |
---|
578 | |
---|
579 | .top-news table th:before { |
---|
580 | content: "≫ "; |
---|
581 | } |
---|
582 | |
---|
583 | .top-news table th { |
---|
584 | width: 550px; |
---|
585 | height: 15px; |
---|
586 | fontsize: 11pt; |
---|
587 | font-weight: normal; |
---|
588 | text-align: left; |
---|
589 | padding-left: 10px; |
---|
590 | vertical-align: bottom; |
---|
591 | } |
---|
592 | |
---|
593 | .top-news table td { |
---|
594 | text-align: left; |
---|
595 | font-size: 8px; |
---|
596 | width: 50px; |
---|
597 | height: 15px; |
---|
598 | padding-left: 20px; |
---|
599 | margin: 0; |
---|
600 | vertical-align: top; |
---|
601 | } |
---|
602 | |
---|
603 | /* Adsense link-unit on bottom of content */ |
---|
604 | #ads-bottom-linkunit { |
---|
605 | text-align: left; |
---|
606 | padding: 10px 10px 10px 10px; |
---|
607 | margin: 5px 0px 0px 0px; |
---|
608 | width: 728px; |
---|
609 | border-width: 1px 1px 1px 1px; |
---|
610 | border-color: #666699; |
---|
611 | border-style: solid; |
---|
612 | border-radius: 8px; |
---|
613 | -moz-border-radius: 8px; |
---|
614 | -webkit-border-radius: 8px; |
---|
615 | } |
---|
616 | |
---|
617 | /* Adsense link-unit on toppage */ |
---|
618 | #ads-top-linkunit { |
---|
619 | text-align: left; |
---|
620 | padding: 10px 16px 10px 16px; |
---|
621 | margin: 0px 0px 0px 15px; |
---|
622 | width: 500px; |
---|
623 | border-width: 1px 1px 1px 1px; |
---|
624 | border-color: #666699; |
---|
625 | border-style: solid; |
---|
626 | border-radius: 8px; |
---|
627 | -moz-border-radius: 8px; |
---|
628 | -webkit-border-radius: 8px; |
---|
629 | } |
---|
630 | |
---|
631 | .ads-middle-linkunit { |
---|
632 | text-align: left; |
---|
633 | padding: 10px 10px 10px 10px; |
---|
634 | margin: 0px 0px 10px 0px; |
---|
635 | width: 728px; |
---|
636 | border-width: 1px 1px 1px 1px; |
---|
637 | border-color: #666699; |
---|
638 | border-style: solid; |
---|
639 | border-radius: 8px; |
---|
640 | -moz-border-radius: 8px; |
---|
641 | -webkit-border-radius: 8px; |
---|
642 | } |
---|
643 | |
---|
644 | /* Foot Adsense */ |
---|
645 | #ads-footer { |
---|
646 | text-align: center; |
---|
647 | } |
---|
648 | |
---|
649 | #ads-top { |
---|
650 | text-align: center; |
---|
651 | //background: #666666; |
---|
652 | } |
---|
653 | |
---|
654 | /* Foot Links */ |
---|
655 | |
---|
656 | #footlinks { |
---|
657 | text-align: center; |
---|
658 | } |
---|
659 | |
---|
660 | #footlinks img { |
---|
661 | vertical-align: middle; |
---|
662 | } |
---|
663 | |
---|
664 | #footlinks a { |
---|
665 | margin: 0; |
---|
666 | padding: 5px; |
---|
667 | border: none; |
---|
668 | text-decoration: none; |
---|
669 | font-size: 11px; |
---|
670 | color: #FFFFFF; |
---|
671 | } |
---|
672 | |
---|
673 | |
---|
674 | /* Footer */ |
---|
675 | |
---|
676 | #footer { |
---|
677 | background: #565656 url(/images/footer.jpg) repeat-x left top; |
---|
678 | height: 100px; |
---|
679 | } |
---|
680 | |
---|
681 | #footer p { |
---|
682 | margin: 0; |
---|
683 | padding: 10px 0 0 0; |
---|
684 | text-align: center; |
---|
685 | text-transform: uppercase; |
---|
686 | font-size: 11px; |
---|
687 | color: #FFFFFF; |
---|
688 | } |
---|
689 | |
---|
690 | #footer a { |
---|
691 | color: #FFFFFF; |
---|
692 | } |
---|
693 | |
---|
694 | #footmenu { |
---|
695 | margin: 0; |
---|
696 | padding-top: 30px; |
---|
697 | text-align: center; |
---|
698 | color: #FFFFFF; |
---|
699 | } |
---|
700 | |
---|
701 | #footmenu a { |
---|
702 | margin: 0; |
---|
703 | padding: 10px 15px 0px 15px; |
---|
704 | border: none; |
---|
705 | text-decoration: none; |
---|
706 | font-size: 11px; |
---|
707 | color: #FFFFFF; |
---|
708 | } |
---|
709 | |
---|
710 | #download { |
---|
711 | margin-bottom: 30px; |
---|
712 | } |
---|
713 | |
---|
714 | .getbutton { |
---|
715 | color: 666699; |
---|
716 | background-color: #BBBBDD; |
---|
717 | padding: 10px 10px 5px 10px; |
---|
718 | margin: 5px 15px 0px 15px; |
---|
719 | width: 230px; |
---|
720 | border-width: 1px 1px 1px 1px; |
---|
721 | border-color: #666699; |
---|
722 | border-style: solid; |
---|
723 | border-radius: 8px; |
---|
724 | -moz-border-radius: 8px; |
---|
725 | -webkit-border-radius: 8px; |
---|
726 | font-size: 18px; |
---|
727 | font-weight: bold; |
---|
728 | float: left; |
---|
729 | text-shadow: 1px 1px 8px #EEEEFF; |
---|
730 | } |
---|
731 | |
---|
732 | .getbutton div.sub { |
---|
733 | font-size: 8px; |
---|
734 | color: #333366; |
---|
735 | text-shadow: 1px 1px 8px #EEEEFF; |
---|
736 | } |
---|
737 | |
---|
738 | blockquote { |
---|
739 | border-width: 0px 0px 0px 5px; |
---|
740 | border-color: #DDDDDF; |
---|
741 | border-style: solid; |
---|
742 | margin: 15px 30px 15px 30px; |
---|
743 | padding-left: 10px; |
---|
744 | } |
---|
745 | |
---|
746 | /* errata */ |
---|
747 | .errata li { |
---|
748 | margin-left: 40px; |
---|
749 | } |
---|
750 | |
---|
751 | .errata dl dt { |
---|
752 | margin-top: 20px; |
---|
753 | margin-bottom: 10px; |
---|
754 | font-size: 16px; |
---|
755 | font-weight: bold; |
---|
756 | text-decoration: underline; |
---|
757 | } |
---|
758 | |
---|
759 | .errata table { |
---|
760 | width: 100%; |
---|
761 | } |
---|
762 | |
---|
763 | .errata th { |
---|
764 | text-align: left; |
---|
765 | border-bottom: 1px dashed #888888; |
---|
766 | } |
---|
767 | |
---|
768 | .errata td { |
---|
769 | margin-left: 20px; |
---|
770 | font-size: 14px; |
---|
771 | border-bottom: 1px dashed #EFEFEF; |
---|
772 | } |
---|
773 | |
---|
774 | .errata td.title { |
---|
775 | text-align: left; |
---|
776 | width: 70%; |
---|
777 | } |
---|
778 | |
---|
779 | .errata td.date { |
---|
780 | text-align: right; |
---|
781 | width: 30%; |
---|
782 | } |
---|
783 | |
---|
784 | .news table { |
---|
785 | vertical-align: bottom; |
---|
786 | } |
---|
787 | |
---|
788 | .news table tr td.title { |
---|
789 | width: 80%; |
---|
790 | vertical-align: top; |
---|
791 | } |
---|
792 | |
---|
793 | .news table tr td.date { |
---|
794 | width: 20%; |
---|
795 | vertical-align: top; |
---|
796 | } |
---|
797 | |
---|
798 | .news dl dt { |
---|
799 | font-size: 14px; |
---|
800 | font-weight: bold; |
---|
801 | margin-top: 5px; |
---|
802 | } |
---|
803 | |
---|
804 | |
---|
805 | table.erratalimit { |
---|
806 | width: 50%; |
---|
807 | border: 1px solid #DDDDDD; |
---|
808 | } |
---|
809 | |
---|
810 | table.erratalimit th { |
---|
811 | text-align: left; |
---|
812 | border-bottom: 1px dashed #888888; |
---|
813 | } |
---|
814 | |
---|
815 | table.erratalimit td { |
---|
816 | margin-left: 20px; |
---|
817 | font-size: 14px; |
---|
818 | border-bottom: 1px dashed #EFEFEF; |
---|
819 | } |
---|
820 | |
---|
821 | dl dt { |
---|
822 | font-weight: bold; |
---|
823 | } |
---|
824 | |
---|
825 | pre.screen { |
---|
826 | background-color: #444444; |
---|
827 | color: #F7F7F7; |
---|
828 | padding: 3px; |
---|
829 | padding-left: 10px; |
---|
830 | border-left: solid 10px #BBBBBB; |
---|
831 | white-space: -moz-pre-wrap; |
---|
832 | white-space: -pre-wrap; |
---|
833 | white-space: -o-pre-wrap; |
---|
834 | white-space: pre-wrap; |
---|
835 | word-wrap: break-word; |
---|
836 | } |
---|
837 | |
---|