1 .header, h1, h2, h3, .sidebar { |
1 .header, h1, h2, h3, .sidebar { |
2 font-family: sans-serif; |
2 font-family: sans-serif; |
3 } |
3 } |
4 |
4 |
5 div.header { |
5 .header { |
6 padding-top: 0.3em; |
6 padding-top: 0.3em; |
7 padding-bottom: 0.5em; |
7 padding-bottom: 0.5em; |
8 margin-bottom: 2em; |
8 margin-bottom: 2em; |
9 border: none; |
9 border: none; |
10 border-bottom: 1px solid; |
10 border-bottom: 1px solid; |
11 border-bottom-color: #2E2E2E; |
11 border-bottom-color: #2E2E2E; |
12 } |
12 } |
13 |
13 |
14 div.header span { |
14 .header span { |
15 font-size: 2em; |
15 font-size: 2em; |
16 font-weight: bold; |
16 font-weight: bold; |
17 margin-left: 1em; |
17 margin-left: 1em; |
18 } |
18 } |
19 |
19 |
20 div.header img { |
20 .header img { |
21 float: right; |
21 float: right; |
22 } |
22 } |
23 |
23 |
24 div.sidebar { |
24 .sidebar { |
25 float: left; |
25 float: left; |
26 width: 15em; |
26 width: 15em; |
27 } |
27 } |
28 |
28 |
29 div.nav { |
29 .nav { |
30 color: black; |
30 color: black; |
31 background-color: #d2d2d2; |
31 background-color: #d2d2d2; |
32 margin-bottom: 1em; |
32 margin-bottom: 1em; |
33 padding-bottom: 0.1em; |
33 padding-bottom: 0.1em; |
34 } |
34 } |
35 |
35 |
36 div.nav h3 { |
36 .nav h3 { |
37 color: white; |
37 color: white; |
38 background-color: #1a3300; |
38 background-color: #008080; |
39 font-size: 1.2em; |
39 font-size: 1.2em; |
40 padding-top: 0.2em; |
40 padding-top: 0.2em; |
41 padding-bottom: 0.2em; |
41 padding-bottom: 0.2em; |
42 padding-left: 0.5em; |
42 padding-left: 0.5em; |
43 margin-top: 0; |
43 margin-top: 0; |
44 } |
44 } |
45 |
45 |
46 div.nav ul { |
46 .nav ul { |
47 margin-top: 0; |
47 margin-top: 0; |
48 padding-top: 0; |
48 padding-top: 0; |
49 font-size: 0.95em; |
49 font-size: 0.95em; |
50 } |
50 } |
51 |
51 |
52 div.content { |
52 .nav a:link { |
|
53 text-decoration: none; |
|
54 color: black; |
|
55 } |
|
56 |
|
57 .nav a:visited { |
|
58 text-decoration: none; |
|
59 color: black; |
|
60 } |
|
61 |
|
62 .nav a:hover { |
|
63 color: #e68a00; |
|
64 } |
|
65 |
|
66 .content { |
53 margin-left: 16em; |
67 margin-left: 16em; |
54 padding: 0; |
68 padding: 0; |
55 font-family: serif; |
69 font-family: serif; |
56 font-size: 1em; |
70 font-size: 1em; |
57 min-width: 16em; |
71 min-width: 16em; |
58 } |
72 } |
59 |
73 |
60 div.content h1 { |
74 .content h1 { |
61 color: white; |
75 color: white; |
62 background-color: #1a3300; |
76 background-color: #008080; |
63 font-size: 1.2em; |
77 font-size: 1.2em; |
64 padding-top: 0.2em; |
78 padding-top: 0.2em; |
65 padding-bottom: 0.2em; |
79 padding-bottom: 0.2em; |
66 padding-left: 0.5em; |
80 padding-left: 0.5em; |
67 padding-right: 0; |
81 padding-right: 0; |
68 margin-top: 0; |
82 margin-top: 0; |
69 } |
83 } |
70 |
84 |
71 div.content h2 { |
85 .content h2 { |
72 font-size: 1.2em; |
86 font-size: 1.2em; |
73 } |
87 } |
74 |
88 |
75 div.content h3 { |
89 .content h3 { |
76 font-size: 1.05em; |
90 font-size: 1.05em; |
77 } |
91 } |
78 |
92 |
79 |
93 |