Rev 229 Rev 234
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 .error { 79 .error {
80 color: #f00; 80 color: #f00;
81 } 81 }
82   82  
83 .boxed, .note, #progressBox { 83 .boxed, .note, #progressBox {
84 border: 1px dashed #ccc; 84 border: 1px dashed #ccc;
85 padding: 0.5em; 85 padding: 0.5em;
86 } 86 }
87   87  
88 #progressBox { 88 #progressBox {
89 float: right; 89 float: right;
90 background-color: inherit; 90 background-color: inherit;
91 } 91 }
92   92  
93 #progressBox li.currentStep { 93 #progressBox li.currentStep {
94 color: #f60; 94 color: #f60;
95 font-size: medium; 95 font-size: medium;
96 } 96 }
97   97  
98 #progressBox p, #progressBox li, #progressBox ol { 98 #progressBox p, #progressBox li, #progressBox ol {
99 font-weight: bold; 99 font-weight: bold;
100 margin: 0em; 100 margin: 0em;
101 } 101 }
102   102  
103 a.button { 103 a.button {
104 margin-top: 2em; 104 margin-top: 2em;
105 display: block; 105 display: block;
106 } 106 }