10 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied |
10 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied |
11 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for details. |
11 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for details. |
12 */ |
12 */ |
13 |
13 |
14 body { |
14 body { |
15 font-family: DejaVu Sans, Arial, Helvetica, sans-serif; |
15 font-family: DejaVu Sans, Arial, Helvetica, sans-serif; |
16 font-size: 9pt; |
16 font-size: 9pt; |
17 margin: 0; |
17 margin: 0; |
18 padding: 0; |
18 padding: 0; |
19 } |
19 } |
20 |
20 |
21 div#header { |
21 div#header { |
22 margin: 0px auto; |
22 margin: 0px auto; |
23 width: 800px; |
23 width: 800px; |
24 padding: 10px 0; |
24 padding: 10px 0; |
25 } |
25 } |
26 |
26 |
27 div#step { |
27 div#step { |
28 float: right; |
28 float: right; |
29 font-size: 12pt; |
29 font-size: 12pt; |
30 color: #D84308; |
30 color: #D84308; |
31 line-height: 48px; |
31 line-height: 48px; |
32 background-image: url(../icons/install.png); |
32 background-image: url(../icons/install.png); |
33 background-position: right center; |
33 background-position: right center; |
34 background-repeat: no-repeat; |
34 background-repeat: no-repeat; |
35 padding-right: 56px; |
35 padding-right: 56px; |
36 margin: 10px 0 0 0; |
36 margin: 10px 0 0 0; |
37 } |
37 } |
38 |
38 |
39 div.stages-holder { |
39 div.stages-holder { |
40 color: #ffffff; |
40 color: #ffffff; |
41 background-color: #2f527a; |
41 background-color: #2f527a; |
42 width: 100%; |
42 width: 100%; |
43 } |
43 } |
44 |
44 |
45 ul.stages { |
45 ul.stages { |
46 margin: 0; |
46 margin: 0; |
47 line-height: 24px; |
47 line-height: 24px; |
48 font-size: 8pt; |
48 font-size: 8pt; |
49 padding: 0; |
49 padding: 0; |
50 } |
50 } |
51 ul.stages-fixed { |
51 ul.stages-fixed { |
52 /* |
52 /* |
53 width: 840px; |
53 width: 840px; |
54 */ |
54 */ |
55 display: table; |
55 display: table; |
56 margin: 0 auto; |
56 margin: 0 auto; |
57 } |
57 } |
58 li.stage { |
58 li.stage { |
59 list-style-type: none; |
59 list-style-type: none; |
60 float: left; |
60 float: left; |
61 text-align: center; |
61 text-align: center; |
62 padding: 3px 20px 3px 20px; |
62 padding: 3px 20px 3px 20px; |
63 } |
63 } |
64 li.stage-active { |
64 li.stage-active { |
65 font-weight: bold; |
65 font-weight: bold; |
66 padding: 1px 20px 5px 20px; |
66 padding: 1px 20px 5px 20px; |
67 background-image: url(../marker.gif); |
67 background-image: url(../marker.gif); |
68 background-position: center bottom; |
68 background-position: center bottom; |
69 background-repeat: no-repeat; |
69 background-repeat: no-repeat; |
70 background-color: #5f82aa; |
70 background-color: #5f82aa; |
71 } |
71 } |
72 div#enano-fill { |
72 div#enano-fill { |
73 background-image: url(../substages.png); |
73 background-image: url(../substages.png); |
74 background-repeat: repeat-x; |
74 background-repeat: repeat-x; |
75 } |
75 } |
76 div#enano-body { |
76 div#enano-body { |
77 width: 780px; |
77 width: 780px; |
78 padding: 10px; |
78 padding: 10px; |
79 margin: 0 auto; |
79 margin: 0 auto; |
80 } |
80 } |
81 div#enano-body a { |
81 div#enano-body a { |
82 color: #003366; |
82 color: #003366; |
83 text-decoration: underline; |
83 text-decoration: underline; |
84 } |
84 } |
85 div#enano-body a:hover { |
85 div#enano-body a:hover { |
86 color: #0055AA; |
86 color: #0055AA; |
87 } |
87 } |
88 div#copyright { |
88 div#copyright { |
89 border-top: 1px dotted #003399; |
89 border-top: 1px dotted #003399; |
90 font-size: 6pt; |
90 font-size: 6pt; |
91 padding: 10px; |
91 padding: 10px; |
92 background-image: url(../substages.png); |
92 background-image: url(../substages.png); |
93 background-repeat: repeat-x; |
93 background-repeat: repeat-x; |
94 width: 77%; |
94 width: 77%; |
95 margin: 20px auto 0 auto; |
95 margin: 20px auto 0 auto; |
96 text-align: center; |
96 text-align: center; |
97 color: #808080; |
97 color: #808080; |
98 } |
98 } |
99 td.balancer { |
99 td.balancer { |
100 width: 21px; |
100 width: 21px; |
101 background-image: url(../balancer.png); |
101 background-image: url(../balancer.png); |
102 background-position: center center; |
102 background-position: center center; |
103 background-repeat: no-repeat; |
103 background-repeat: no-repeat; |
104 } |
104 } |
105 ul.icons { |
105 ul.icons { |
106 margin: 0; |
106 margin: 0; |
107 padding: 0; |
107 padding: 0; |
108 list-style-type: none; |
108 list-style-type: none; |
109 display: table; |
109 display: table; |
110 } |
110 } |
111 ul.icons li:first-child { |
111 ul.icons li:first-child { |
112 border-top-color: #FFFFFF; |
112 border-top-color: #FFFFFF; |
113 } |
113 } |
114 ul.icons li { |
114 ul.icons li { |
115 /* Invisible border to prevent size-switching later */ |
115 /* Invisible border to prevent size-switching later */ |
116 border: 1px solid #FFFFFF; |
116 border: 1px solid #FFFFFF; |
117 border-top-color: #F0F0F0; |
117 border-top-color: #F0F0F0; |
118 margin: 0 0 -2px 0; |
118 margin: 0 0 -2px 0; |
119 padding: 0; |
119 padding: 0; |
120 display: block; |
120 display: block; |
121 } |
121 } |
122 ul.icons li:hover { |
122 ul.icons li:hover { |
123 border-color: #D0D0D0; |
123 border-color: #D0D0D0; |
124 -moz-border-radius: 5px; |
124 -moz-border-radius: 5px; |
125 } |
125 } |
126 a.icon, span.icon { |
126 a.icon, span.icon { |
127 display: block; |
127 display: block; |
128 font-size: 18pt; |
128 font-size: 18pt; |
129 line-height: 48px; |
129 line-height: 48px; |
130 padding: 10px 20px 10px 68px; |
130 padding: 10px 20px 10px 68px; |
131 background-position: 10px center; |
131 background-position: 10px center; |
132 background-repeat: no-repeat; |
132 background-repeat: no-repeat; |
133 color: #002266; |
133 color: #002266; |
134 text-decoration: none !important; |
134 text-decoration: none !important; |
135 } |
135 } |
136 a.icon:hover, span.icon:hover { |
136 a.icon:hover, span.icon:hover { |
137 cursor: pointer; |
137 cursor: pointer; |
138 color: #002266 !important; |
138 color: #002266 !important; |
139 background-color: #F0F0F0; |
139 background-color: #F0F0F0; |
140 } |
140 } |
141 a.icon-disabled, span.icon-disabled { |
141 a.icon-disabled, span.icon-disabled { |
142 color: #808080 !important; |
142 color: #808080 !important; |
143 opacity: 0.7; |
143 opacity: 0.7; |
144 filter: alpha(opacity=70); |
144 filter: alpha(opacity=70); |
145 } |
145 } |
146 a.icon-disabled:hover, span.icon-disabled:hover { |
146 a.icon-disabled:hover, span.icon-disabled:hover { |
147 color: #808080 !important; |
147 color: #808080 !important; |
148 background-color: #FCFCFC; |
148 background-color: #FCFCFC; |
149 border-color: #F8F8F8; |
149 border-color: #F8F8F8; |
150 } |
150 } |
151 a.icon small, a.icon-disabled small, span.icon small, span.icon-disabled small { |
151 a.icon small, a.icon-disabled small, span.icon small, span.icon-disabled small { |
152 display: block; |
152 display: block; |
153 font-size: 8pt; |
153 font-size: 8pt; |
154 line-height: normal; |
154 line-height: normal; |
155 margin-top: -10px; |
155 margin-top: -10px; |
156 } |
156 } |
157 a.readme { |
157 a.readme { |
158 background-image: url(../icons/readme.png); |
158 background-image: url(../icons/readme.png); |
159 } |
159 } |
160 a.install { |
160 a.install { |
161 background-image: url(../icons/install.png); |
161 background-image: url(../icons/install.png); |
162 } |
162 } |
163 a.install-disabled { |
163 a.install-disabled { |
164 background-image: url(../icons/install-disabled.png); |
164 background-image: url(../icons/install-disabled.png); |
165 } |
165 } |
166 a.upgrade { |
166 a.upgrade { |
167 background-image: url(../icons/upgrade.png); |
167 background-image: url(../icons/upgrade.png); |
168 } |
168 } |
169 a.upgrade-disabled, span.upgrade-disabled { |
169 a.upgrade-disabled, span.upgrade-disabled { |
170 background-image: url(../icons/upgrade-disabled.png); |
170 background-image: url(../icons/upgrade-disabled.png); |
171 } |
171 } |
172 |
172 |
173 .scroller { |
173 .scroller { |
174 padding: 10px; |
174 padding: 10px; |
175 border: 1px dotted #002266; |
175 border: 1px dotted #002266; |
176 background-color: #F0F0F0; |
176 background-color: #F0F0F0; |
177 max-height: 500px; |
177 max-height: 500px; |
178 clip: rect(0px, auto, auto, 0px); |
178 clip: rect(0px, auto, auto, 0px); |
179 overflow: auto; |
179 overflow: auto; |
180 } |
180 } |
181 |
181 |
182 div#installnotice { |
182 div#installnotice { |
183 margin: 5% 0 0 0; |
183 margin: 5% 0 0 0; |
184 } |
184 } |
185 |
185 |
186 table#installmenu { |
186 table#installmenu { |
187 margin: 0 auto 5% auto; |
187 margin: 0 auto 5% auto; |
188 } |
188 } |
189 span.fieldtip_js { |
189 span.fieldtip_js { |
190 display: block; |
190 display: block; |
191 background-color: #F0F0FF; |
191 background-color: #F0F0FF; |
192 padding: 10px; |
192 padding: 10px; |
193 border: 1px solid #245687; |
193 border: 1px solid #245687; |
194 position: absolute; |
194 position: absolute; |
195 } |
195 } |
196 |
196 |
197 /* Inputs, form controls */ |
197 /* Inputs, form controls */ |
198 |
198 |
199 input[type ^="button"], button { |
199 input[type ^="button"], button { |
200 background-color: #F8F8FB; |
200 background-color: #F8F8FB; |
201 color: #202020; |
201 color: #202020; |
202 border-color: #B0B0B8 #D0D0D8 #D0D0D8 #B0B0B8; |
202 border-color: #B0B0B8 #D0D0D8 #D0D0D8 #B0B0B8; |
203 border-width: 1px; |
203 border-width: 1px; |
204 border-style: solid; |
204 border-style: solid; |
205 } |
205 } |
206 input[type ^="submit"], button.submit { |
206 input[type ^="submit"], button.submit { |
207 background-color: #4F729A; |
207 background-color: #4F729A; |
208 color: #FFFFFF; |
208 color: #FFFFFF; |
209 border-width: 1px; |
209 border-width: 1px; |
210 border-style: solid; |
210 border-style: solid; |
211 border-color: #1F426A #7FA2CA #7FA2CA #1F426A; |
211 border-color: #1F426A #7FA2CA #7FA2CA #1F426A; |
212 } |
212 } |
213 input[type ^="submit"]:hover, input[type ^="submit"]:focus, button.submit:hover, button.submit:focus { |
213 input[type ^="submit"]:hover, input[type ^="submit"]:focus, button.submit:hover, button.submit:focus { |
214 background-color: #5f82aa; |
214 background-color: #5f82aa; |
215 } |
215 } |
216 input[type ^="text"], input[type ^="password"] { |
216 input[type ^="text"], input[type ^="password"] { |
217 color: #202020; |
217 color: #202020; |
218 background-color: #F0F0F4; |
218 background-color: #F0F0F4; |
219 border: 1px solid #D6D6E9; |
219 border: 1px solid #D6D6E9; |
220 } |
220 } |
221 input[type ^="text"]:hover, input[type ^="password"]:hover { |
221 input[type ^="text"]:hover, input[type ^="password"]:hover { |
222 color: #202020; |
222 color: #202020; |
223 background-color: #F4F4F8; |
223 background-color: #F4F4F8; |
224 border: 1px solid #D6D6E9; |
224 border: 1px solid #D6D6E9; |
225 } |
225 } |
226 input[type ^="text"]:focus, input[type ^="password"]:focus { |
226 input[type ^="text"]:focus, input[type ^="password"]:focus { |
227 color: #202020; |
227 color: #202020; |
228 background-color: #FFFFFF; |
228 background-color: #FFFFFF; |
229 border: 1px solid #D6D6E9; |
229 border: 1px solid #D6D6E9; |
230 } |
230 } |
231 |
231 |
232 /* SysReqs: table */ |
232 /* SysReqs: table */ |
233 |
233 |
234 table.sysreqs { |
234 table.sysreqs { |
235 width: 100%; |
235 width: 100%; |
236 } |
236 } |
237 |
237 |
238 table.sysreqs td { |
238 table.sysreqs td { |
239 border-right: 1px solid #ededed; |
239 border-right: 1px solid #ededed; |
240 width: 70%; |
240 width: 70%; |
241 padding: 8px; |
241 padding: 8px; |
242 } |
242 } |
243 |
243 |
244 table.sysreqs th { |
244 table.sysreqs th { |
245 border-right-width: 0; |
245 border-right-width: 0; |
246 width: 100%; |
246 width: 100%; |
247 border-bottom: 1px solid #acacac; |
247 border-bottom: 1px solid #acacac; |
248 text-align: left; |
248 text-align: left; |
249 padding: 7px 0 0 0; |
249 padding: 7px 0 0 0; |
250 } |
250 } |
251 |
251 |
252 table.sysreqs td.good, table.sysreqs td.bad, table.sysreqs td.warn { |
252 table.sysreqs td.good, table.sysreqs td.bad, table.sysreqs td.warn { |
253 font-weight: bold; |
253 font-weight: bold; |
254 border-right-width: 0; |
254 border-right-width: 0; |
255 width: 30%; |
255 width: 30%; |
256 } |
256 } |
257 |
257 |
258 table.sysreqs td.good small, table.sysreqs td.bad small, table.sysreqs td.warn small { |
258 table.sysreqs td.good small, table.sysreqs td.bad small, table.sysreqs td.warn small { |
259 font-weight: normal; |
259 font-weight: normal; |
260 } |
260 } |
261 |
261 |
262 table.sysreqs td.good { |
262 table.sysreqs td.good { |
263 color: #00aa00; |
263 color: #00aa00; |
264 } |
264 } |
265 |
265 |
266 table.sysreqs td.bad { |
266 table.sysreqs td.bad { |
267 color: #aa0000; |
267 color: #aa0000; |
268 } |
268 } |
269 |
269 |
270 table.sysreqs td.warn { |
270 table.sysreqs td.warn { |
271 color: #aaaa00; |
271 color: #aaaa00; |
272 } |
272 } |
273 |
273 |
274 div.sysreqs_error, div.sysreqs_warning, div.sysreqs_success { |
274 div.sysreqs_error, div.sysreqs_warning, div.sysreqs_success { |
275 background-image: url(../box_error.png); |
275 background-image: url(../box_error.png); |
276 background-repeat: repeat-x; |
276 background-repeat: repeat-x; |
277 background-position: top center; |
277 background-position: top center; |
278 background-color: #ffd1d1; |
278 background-color: #ffd1d1; |
279 border: 1px solid #6e0000; |
279 border: 1px solid #6e0000; |
280 padding: 7px; |
280 padding: 7px; |
281 margin-bottom: 7px; |
281 margin-bottom: 7px; |
282 } |
282 } |
283 |
283 |
284 div.sysreqs_warning { |
284 div.sysreqs_warning { |
285 background-image: url(../box_warning.png); |
285 background-image: url(../box_warning.png); |
286 background-color: #fffed1; |
286 background-color: #fffed1; |
287 border-color: #6e6e00; |
287 border-color: #6e6e00; |
288 } |
288 } |
289 |
289 |
290 div.sysreqs_success { |
290 div.sysreqs_success { |
291 background-image: url(../box_success.png); |
291 background-image: url(../box_success.png); |
292 background-color: #d1ffd1; |
292 background-color: #d1ffd1; |
293 border-color: #006e00; |
293 border-color: #006e00; |
294 } |
294 } |
295 |
295 |
296 div.sysreqs_error h3, div.sysreqs_warning h3, div.sysreqs_success h3 { |
296 div.sysreqs_error h3, div.sysreqs_warning h3, div.sysreqs_success h3 { |
297 font-size: 9pt; |
297 font-size: 9pt; |
298 border-bottom: 1px solid #8f3131; |
298 border-bottom: 1px solid #8f3131; |
299 margin-top: 0; |
299 margin-top: 0; |
300 margin-bottom: 6px; |
300 margin-bottom: 6px; |
301 } |
301 } |
302 |
302 |
303 div.sysreqs_warning h3 { |
303 div.sysreqs_warning h3 { |
304 border-bottom-color: #8f8f31; |
304 border-bottom-color: #8f8f31; |
305 } |
305 } |
306 |
306 |
307 div.sysreqs_success h3 { |
307 div.sysreqs_success h3 { |
308 border-bottom-color: #318f31; |
308 border-bottom-color: #318f31; |
309 } |
309 } |
310 |
310 |
311 div.sysreqs_error p, div.sysreqs_warning p, div.sysreqs_success p { |
311 div.sysreqs_error p, div.sysreqs_warning p, div.sysreqs_success p { |
312 margin: 0; |
312 margin: 0; |
313 } |
313 } |
314 |
314 |
315 |
315 |