| 1 |
body { |
1 |
body { |
| 2 |
margin: 1em; |
2 |
margin: 1em; |
| 3 |
font: small sans-serif; |
3 |
font: small sans-serif; |
| 4 |
color: #000; |
4 |
color: #000; |
| 5 |
background-color: #fff; |
5 |
background-color: #fff; |
| 6 |
} |
6 |
} |
| 7 |
|
7 |
|
| 8 |
p, td, th, li, dd, dt { |
8 |
p, td, th, li, dd, dt { |
| 9 |
font: small sans-serif; |
9 |
font: small sans-serif; |
| 10 |
} |
10 |
} |
| 11 |
|
11 |
|
| 12 |
h1, h2, h3, h4{ |
12 |
h1, h2, h3, h4{ |
| 13 |
color: #f60; |
13 |
color: #f60; |
| 14 |
} |
14 |
} |
| 15 |
|
15 |
|
| 16 |
h1, h2 { |
16 |
h1, h2 { |
| 17 |
font-size: medium; |
17 |
font-size: medium; |
| 18 |
border-bottom: 1px solid #ccc; |
18 |
border-bottom: 1px solid #ccc; |
| 19 |
letter-spacing: 0.3em; |
19 |
letter-spacing: 0.3em; |
| 20 |
text-transform: uppercase; |
20 |
text-transform: uppercase; |
| 21 |
} |
21 |
} |
| 22 |
|
22 |
|
| 23 |
code, pre { |
23 |
code, pre { |
| 24 |
color: #444; |
24 |
color: #444; |
| 25 |
} |
25 |
} |
| 26 |
|
26 |
|
| 27 |
p, td, th, li, dt, h3, h4, pre { |
27 |
p, td, th, li, dt, h3, h4, pre { |
| 28 |
margin-left: 2em; |
28 |
margin-left: 2em; |
| 29 |
} |
29 |
} |
| 30 |
|
30 |
|
| 31 |
dd { |
31 |
dd { |
| 32 |
margin-left: 3em; |
32 |
margin-left: 3em; |
| 33 |
} |
33 |
} |
| 34 |
|
34 |
|
| 35 |
dt { |
35 |
dt { |
| 36 |
margin-top: 0.5em; |
36 |
margin-top: 0.5em; |
| 37 |
} |
37 |
} |
| 38 |
|
38 |
|
| 39 |
a:link { |
39 |
a:link { |
| 40 |
color: #09f; |
40 |
color: #09f; |
| 41 |
text-decoration: underline; |
41 |
text-decoration: underline; |
| 42 |
} |
42 |
} |
| 43 |
|
43 |
|
| 44 |
a:visited { |
44 |
a:visited { |
| 45 |
color: #05a; |
45 |
color: #05a; |
| 46 |
text-decoration: underline; |
46 |
text-decoration: underline; |
| 47 |
} |
47 |
} |
| 48 |
|
48 |
|
| 49 |
a:hover { |
49 |
a:hover { |
| 50 |
text-decoration: none; |
50 |
text-decoration: none; |
| 51 |
} |
51 |
} |
| 52 |
|
52 |
|
| 53 |
input, textarea, select, .inputbox { |
53 |
input, textarea, select, .inputbox { |
| 54 |
border: 1px solid #f60; |
54 |
border: 1px solid #f60; |
| 55 |
color: #000; |
55 |
color: #000; |
| 56 |
background-color: #fff; |
56 |
background-color: #fff; |
| 57 |
} |
57 |
} |
| 58 |
|
58 |
|
| 59 |
input.radio { |
59 |
input.radio { |
| 60 |
border: none; |
60 |
border: none; |
| 61 |
background-color: #fff; |
61 |
background-color: #fff; |
| 62 |
} |
62 |
} |
| 63 |
|
63 |
|
| 64 |
input.button { |
64 |
input.button { |
| 65 |
font-weight: bold; |
65 |
font-weight: bold; |
| 66 |
border: 1px outset #fff; |
66 |
border: 1px outset #fff; |
| 67 |
color: #fff; |
67 |
color: #fff; |
| 68 |
background-color: #f60; |
68 |
background-color: #f60; |
| 69 |
} |
69 |
} |
| 70 |
|
70 |
|
| 71 |
ul.things > li { |
71 |
ul.things > li { |
| 72 |
margin-top: 0.75em; |
72 |
margin-top: 0.75em; |
| 73 |
} |
73 |
} |
| 74 |
|
74 |
|
| 75 |
.note { |
75 |
.note { |
| 76 |
color: #d00; |
76 |
color: #d00; |
| 77 |
} |
77 |
} |
| 78 |
|
78 |
|
| 79 |
.boxed, .note { |
79 |
.boxed, .note { |
| 80 |
border: 1px dashed #ccc; |
80 |
border: 1px dashed #ccc; |
| 81 |
padding: 0.5em; |
81 |
padding: 0.5em; |
| 82 |
} |
82 |
} |