|
1
|
1 body {
|
|
|
2 font: 76%, sans-serif;
|
|
|
3 background-color: #fff;
|
|
|
4 margin: 0;
|
|
|
5 padding: 0;
|
|
|
6 }
|
|
|
7
|
|
|
8 #topbar {
|
|
|
9 margin-top: 0px;
|
|
|
10 padding: 1em;
|
|
|
11 background-color: skyblue;
|
|
|
12 color: navy;
|
|
|
13 }
|
|
|
14 #topbar h1 {
|
|
|
15 padding: 0;
|
|
|
16 margin: 0;
|
|
|
17 font: 2em, sans-serif;
|
|
|
18 font-weight: bold;
|
|
|
19 }
|
|
|
20
|
|
|
21 #wrapper {
|
|
|
22 width: 750px;
|
|
|
23 }
|
|
|
24
|
|
|
25 #menu {
|
|
|
26 }
|
|
|
27 #content a {
|
|
|
28 text-decoration: none;
|
|
|
29 color: navy;
|
|
|
30 border-bottom: 1px solid;
|
|
|
31 }
|
|
|
32
|
|
|
33 #content {
|
|
|
34 margin-left: 10px;
|
|
|
35 font-size: 1.1em;
|
|
|
36 padding: 1em;
|
|
|
37 vertical-align: top;
|
|
|
38 border-left: 1px solid skyblue;
|
|
|
39 border-right: 1px solid skyblue;
|
|
|
40 }
|
|
|
41
|
|
|
42 .box {
|
|
|
43 background-color: #efefef;
|
|
|
44 border: 1px dotted #aaa;
|
|
|
45 padding: .5em;
|
|
|
46 }
|
|
|
47
|
|
|
48 li {
|
|
|
49 margin-bottom: .5em;
|
|
|
50 }
|
|
|
51
|
|
|
52 pre {
|
|
|
53 padding: .5em;
|
|
|
54 background-color: #f5f5f5;
|
|
|
55 font-size: 1.1em;
|
|
|
56 border: 1px solid #999;
|
|
|
57 }
|
|
|
58
|
|
|
59 code {
|
|
|
60 font-size: 1.2em;
|
|
|
61 }
|
|
|
62
|
|
|
63 ul {
|
|
|
64 margin: 1em;
|
|
|
65 }
|
