|
1 html, body, div, span, applet, object, iframe, |
|
2 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
3 a, abbr, acronym, address, big, cite, code, |
|
4 del, dfn, em, img, ins, kbd, q, s, samp, |
|
5 small, strike, strong, sub, sup, tt, var, |
|
6 b, u, i, center, |
|
7 dl, dt, dd, ol, ul, li, |
|
8 fieldset, form, label, legend, |
|
9 table, caption, tbody, tfoot, thead, tr, th, td, |
|
10 article, aside, canvas, details, embed, |
|
11 figure, figcaption, footer, header, hgroup, |
|
12 menu, nav, output, ruby, section, summary, |
|
13 time, mark, audio, video { |
|
14 margin: 0; |
|
15 padding: 0; |
|
16 border: 0; |
|
17 font-size: 100%; |
|
18 font: inherit; |
|
19 vertical-align: baseline; |
|
20 } |
|
21 |
|
22 img a { |
|
23 border: none; |
|
24 } |
|
25 |
|
26 body { |
|
27 background: url(img/background.png) repeat-x top #f8f6f7; |
|
28 font-family: 'DIN-Regular', Helvetica, Arial, sans-serif; |
|
29 } |
|
30 |
|
31 .main-container { |
|
32 width: 960px; margin: 0 auto; |
|
33 } |
|
34 |
|
35 h1 { |
|
36 width: 141px; height: 83px; text-indent: -999px; background: url(img/title.png); |
|
37 } |
|
38 |
|
39 h2 { |
|
40 color: #30036d; margin: 5px 0 2px; font-size: 18px; font-weight: bold; |
|
41 } |
|
42 |
|
43 hr { |
|
44 width: 100%; border: none; margin: 2px 0; background: #666666; height: 1px; |
|
45 } |
|
46 |
|
47 .steps-frame { |
|
48 width: 960px; height: 70px; border-style: solid none; border-width: 1px; border-color: #666666; clear: both; background: url(img/barbg.png) #ffffff; |
|
49 } |
|
50 |
|
51 .step { |
|
52 width: 256px; height: 70px; float: left; |
|
53 } |
|
54 |
|
55 .step-separator { |
|
56 width: 96px; height: 70px; float: left; background: url(img/mashupbar.png); |
|
57 } |
|
58 |
|
59 .step-icon { |
|
60 margin: 0 5px; height: 70px; float: left; background: url(img/mashupbar.png); |
|
61 } |
|
62 |
|
63 .step-1 { |
|
64 background-position: -100px -70px; width: 58px; |
|
65 } |
|
66 |
|
67 .active .step-1, .step:hover .step-1 { |
|
68 background-position: -100px 0; width: 58px; |
|
69 } |
|
70 |
|
71 .step-2 { |
|
72 background-position: -159px -70px; width: 96px; |
|
73 } |
|
74 |
|
75 .active .step-2, .step:hover .step-2 { |
|
76 background-position: -159px 0; width: 96px; |
|
77 } |
|
78 |
|
79 .step-3 { |
|
80 background-position: -255px -70px; width: 115px; |
|
81 } |
|
82 |
|
83 .active .step-3, .step:hover .step-3 { |
|
84 background-position: -255px 0; width: 115px; |
|
85 } |
|
86 |
|
87 .step-title { |
|
88 margin: 5px 0; font-size: 18px; font-weight: bold; color: #808080; |
|
89 } |
|
90 |
|
91 .active .step-title, .step:hover .step-title { |
|
92 color: #30036d; |
|
93 } |
|
94 |
|
95 .colgauche { |
|
96 float: left; width: 630px; margin: 5px 10px 5px 0; |
|
97 } |
|
98 |
|
99 .coldroite { |
|
100 float: left; width: 310px; margin: 5px 0 5px 10px; |
|
101 } |
|
102 |
|
103 .footer { |
|
104 width: 100%; clear: both; |
|
105 } |