author | Clipperz <info@clipperz.com> | 2013-01-09 11:05:50 (UTC) |
---|---|---|
committer | Clipperz <info@clipperz.com> | 2013-01-09 11:05:50 (UTC) |
commit | f6903b9a5670370ef742a02092ab72e4227ddcd9 (patch) (unidiff) | |
tree | 01a5c33671c05765729522dfd383d7434c1c0c35 /frontend | |
parent | 34726bbee84efbf0490f204d5d267b15fb4d3214 (diff) | |
download | clipperz-f6903b9a5670370ef742a02092ab72e4227ddcd9.zip clipperz-f6903b9a5670370ef742a02092ab72e4227ddcd9.tar.gz clipperz-f6903b9a5670370ef742a02092ab72e4227ddcd9.tar.bz2 |
Fixed application version display on /gamma
-rw-r--r-- | frontend/gamma/css/web.css | 1 | ||||
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js | 2 |
2 files changed, 2 insertions, 1 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index 94cd715..5d8bc20 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css | |||
@@ -161,768 +161,769 @@ div#loading div h5 { | |||
161 | Color list: | 161 | Color list: |
162 | - login box: | 162 | - login box: |
163 | light#ff9955 | 163 | light#ff9955 |
164 | dark#ff6622 | 164 | dark#ff6622 |
165 | - login button: | 165 | - login button: |
166 | regular#dd5500 | 166 | regular#dd5500 |
167 | hover#773311 | 167 | hover#773311 |
168 | - login translations: | 168 | - login translations: |
169 | box: #cc6622; | 169 | box: #cc6622; |
170 | not-selected: | 170 | not-selected: |
171 | color: #ddaa99 | 171 | color: #ddaa99 |
172 | background:#994422 | 172 | background:#994422 |
173 | selected: #772211; | 173 | selected: #772211; |
174 | */ | 174 | */ |
175 | html { | 175 | html { |
176 | height: 100%; | 176 | height: 100%; |
177 | } | 177 | } |
178 | body { | 178 | body { |
179 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 179 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
180 | margin: 0px; | 180 | margin: 0px; |
181 | } | 181 | } |
182 | div.modalDialogMask.userInfoBoxMask { | 182 | div.modalDialogMask.userInfoBoxMask { |
183 | -moz-opacity: 0.0; | 183 | -moz-opacity: 0.0; |
184 | opacity: .0; | 184 | opacity: .0; |
185 | filter: alpha(opacity=0); | 185 | filter: alpha(opacity=0); |
186 | z-index: 19000; | 186 | z-index: 19000; |
187 | } | 187 | } |
188 | .reset-margin { | 188 | .reset-margin { |
189 | margin: 0px; | 189 | margin: 0px; |
190 | padding: 0px; | 190 | padding: 0px; |
191 | border: 0px; | 191 | border: 0px; |
192 | } | 192 | } |
193 | .clear { | 193 | .clear { |
194 | clear: both; | 194 | clear: both; |
195 | } | 195 | } |
196 | .hidden_none { | 196 | .hidden_none { |
197 | display: none; | 197 | display: none; |
198 | visibility: hidden; | 198 | visibility: hidden; |
199 | } | 199 | } |
200 | .keepTogether { | 200 | .keepTogether { |
201 | display: inline-block; | 201 | display: inline-block; |
202 | white-space: nowrap; | 202 | white-space: nowrap; |
203 | } | 203 | } |
204 | #mainDiv { | 204 | #mainDiv { |
205 | margin: 0 auto; | 205 | margin: 0 auto; |
206 | } | 206 | } |
207 | div.tooltip { | 207 | div.tooltip { |
208 | position: absolute; | 208 | position: absolute; |
209 | z-index: 30001; | 209 | z-index: 30001; |
210 | } | 210 | } |
211 | div.tooltip div.tooltip_body { | 211 | div.tooltip div.tooltip_body { |
212 | border-radius: 8px; | 212 | border-radius: 8px; |
213 | -moz-border-radius: 8px; | 213 | -moz-border-radius: 8px; |
214 | -webkit-border-radius: 8px; | 214 | -webkit-border-radius: 8px; |
215 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | 215 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); |
216 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | 216 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); |
217 | -webkit-box-shadow: 4px 4px 10px #333333; | 217 | -webkit-box-shadow: 4px 4px 10px #333333; |
218 | -moz-box-shadow: 4px 4px 10px #333333; | 218 | -moz-box-shadow: 4px 4px 10px #333333; |
219 | box-shadow: 4px 4px 10px #333333; | 219 | box-shadow: 4px 4px 10px #333333; |
220 | border-top: 1px solid #d4d4d4; | 220 | border-top: 1px solid #d4d4d4; |
221 | border-left: 1px solid #a2a2a2; | 221 | border-left: 1px solid #a2a2a2; |
222 | border-right: 1px solid #6f6f6f; | 222 | border-right: 1px solid #6f6f6f; |
223 | border-bottom: 1px solid #3c3c3c; | 223 | border-bottom: 1px solid #3c3c3c; |
224 | } | 224 | } |
225 | div.tooltip div.tooltip_body span { | 225 | div.tooltip div.tooltip_body span { |
226 | display: block; | 226 | display: block; |
227 | padding: 10px; | 227 | padding: 10px; |
228 | font-size: 10pt; | 228 | font-size: 10pt; |
229 | color: white; | 229 | color: white; |
230 | } | 230 | } |
231 | div.tooltip div.tooltip_body div.tooltip_text { | 231 | div.tooltip div.tooltip_body div.tooltip_text { |
232 | width: 200px; | 232 | width: 200px; |
233 | } | 233 | } |
234 | div.tooltip div.tooltip_arrow { | 234 | div.tooltip div.tooltip_arrow { |
235 | position: absolute; | 235 | position: absolute; |
236 | width: 0; | 236 | width: 0; |
237 | height: 0; | 237 | height: 0; |
238 | border: 6px solid transparent; | 238 | border: 6px solid transparent; |
239 | } | 239 | } |
240 | div.tooltip.BELOW div.tooltip_arrow { | 240 | div.tooltip.BELOW div.tooltip_arrow { |
241 | top: -12px; | 241 | top: -12px; |
242 | left: 97px; | 242 | left: 97px; |
243 | border-bottom: 6px solid #bbbbbb; | 243 | border-bottom: 6px solid #bbbbbb; |
244 | } | 244 | } |
245 | div.tooltip.ABOVE div.tooltip_arrow { | 245 | div.tooltip.ABOVE div.tooltip_arrow { |
246 | position: static; | 246 | position: static; |
247 | margin-left: 97px; | 247 | margin-left: 97px; |
248 | border-top: 6px solid #555555; | 248 | border-top: 6px solid #555555; |
249 | } | 249 | } |
250 | div.tooltip.LEFT div.tooltip_arrow { | 250 | div.tooltip.LEFT div.tooltip_arrow { |
251 | left: 203px; | 251 | left: 203px; |
252 | top: 10px; | 252 | top: 10px; |
253 | border-left: 6px solid #747474; | 253 | border-left: 6px solid #747474; |
254 | } | 254 | } |
255 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { | 255 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { |
256 | min-height: 45px; | 256 | min-height: 45px; |
257 | } | 257 | } |
258 | div.tooltip.RIGHT div.tooltip_arrow { | 258 | div.tooltip.RIGHT div.tooltip_arrow { |
259 | left: -12px; | 259 | left: -12px; |
260 | top: 10px; | 260 | top: 10px; |
261 | border-right: 6px solid #9c9c9c; | 261 | border-right: 6px solid #9c9c9c; |
262 | } | 262 | } |
263 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | 263 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { |
264 | min-height: 45px; | 264 | min-height: 45px; |
265 | } | 265 | } |
266 | .button.default { | 266 | .button.default { |
267 | display: inline-block; | 267 | display: inline-block; |
268 | height: 20px; | 268 | height: 20px; |
269 | cursor: pointer; | 269 | cursor: pointer; |
270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); | 270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); |
271 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); | 271 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); |
272 | border-radius: 5; | 272 | border-radius: 5; |
273 | -moz-border-radius: 5; | 273 | -moz-border-radius: 5; |
274 | -webkit-border-radius: 5; | 274 | -webkit-border-radius: 5; |
275 | border: 1px solid #ff7f46; | 275 | border: 1px solid #ff7f46; |
276 | padding-top: 4px; | 276 | padding-top: 4px; |
277 | padding-left: 15px; | 277 | padding-left: 15px; |
278 | padding-right: 15px; | 278 | padding-right: 15px; |
279 | padding-bottom: 2px; | 279 | padding-bottom: 2px; |
280 | color: white; | 280 | color: white; |
281 | font-weight: lighter; | 281 | font-weight: lighter; |
282 | text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; | 282 | text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; |
283 | text-decoration: none; | 283 | text-decoration: none; |
284 | font-weight: normal; | 284 | font-weight: normal; |
285 | } | 285 | } |
286 | .button.default:hover { | 286 | .button.default:hover { |
287 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); | 287 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); |
288 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); | 288 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); |
289 | } | 289 | } |
290 | .button { | 290 | .button { |
291 | display: inline-block; | 291 | display: inline-block; |
292 | height: 20px; | 292 | height: 20px; |
293 | cursor: pointer; | 293 | cursor: pointer; |
294 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); | 294 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); |
295 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); | 295 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); |
296 | border-radius: 5; | 296 | border-radius: 5; |
297 | -moz-border-radius: 5; | 297 | -moz-border-radius: 5; |
298 | -webkit-border-radius: 5; | 298 | -webkit-border-radius: 5; |
299 | border: 1px solid #ababab; | 299 | border: 1px solid #ababab; |
300 | padding-top: 4px; | 300 | padding-top: 4px; |
301 | padding-left: 15px; | 301 | padding-left: 15px; |
302 | padding-right: 15px; | 302 | padding-right: 15px; |
303 | padding-bottom: 2px; | 303 | padding-bottom: 2px; |
304 | color: white; | 304 | color: white; |
305 | font-weight: lighter; | 305 | font-weight: lighter; |
306 | text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; | 306 | text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; |
307 | text-decoration: none; | 307 | text-decoration: none; |
308 | } | 308 | } |
309 | .button:hover { | 309 | .button:hover { |
310 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); | 310 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); |
311 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); | 311 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); |
312 | } | 312 | } |
313 | /* | 313 | /* |
314 | 314 | ||
315 | Color list: | 315 | Color list: |
316 | - login box: | 316 | - login box: |
317 | light#ff9955 | 317 | light#ff9955 |
318 | dark#ff6622 | 318 | dark#ff6622 |
319 | - login button: | 319 | - login button: |
320 | regular#dd5500 | 320 | regular#dd5500 |
321 | hover#773311 | 321 | hover#773311 |
322 | - login translations: | 322 | - login translations: |
323 | box: #cc6622; | 323 | box: #cc6622; |
324 | not-selected: | 324 | not-selected: |
325 | color: #ddaa99 | 325 | color: #ddaa99 |
326 | background:#994422 | 326 | background:#994422 |
327 | selected: #772211; | 327 | selected: #772211; |
328 | */ | 328 | */ |
329 | html { | 329 | html { |
330 | height: 100%; | 330 | height: 100%; |
331 | } | 331 | } |
332 | body { | 332 | body { |
333 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 333 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
334 | margin: 0px; | 334 | margin: 0px; |
335 | } | 335 | } |
336 | div.modalDialogMask.userInfoBoxMask { | 336 | div.modalDialogMask.userInfoBoxMask { |
337 | -moz-opacity: 0.0; | 337 | -moz-opacity: 0.0; |
338 | opacity: .0; | 338 | opacity: .0; |
339 | filter: alpha(opacity=0); | 339 | filter: alpha(opacity=0); |
340 | z-index: 19000; | 340 | z-index: 19000; |
341 | } | 341 | } |
342 | .reset-margin { | 342 | .reset-margin { |
343 | margin: 0px; | 343 | margin: 0px; |
344 | padding: 0px; | 344 | padding: 0px; |
345 | border: 0px; | 345 | border: 0px; |
346 | } | 346 | } |
347 | .clear { | 347 | .clear { |
348 | clear: both; | 348 | clear: both; |
349 | } | 349 | } |
350 | .hidden_none { | 350 | .hidden_none { |
351 | display: none; | 351 | display: none; |
352 | visibility: hidden; | 352 | visibility: hidden; |
353 | } | 353 | } |
354 | .keepTogether { | 354 | .keepTogether { |
355 | display: inline-block; | 355 | display: inline-block; |
356 | white-space: nowrap; | 356 | white-space: nowrap; |
357 | } | 357 | } |
358 | #mainDiv { | 358 | #mainDiv { |
359 | margin: 0 auto; | 359 | margin: 0 auto; |
360 | } | 360 | } |
361 | div.pageHeaderAndBody { | 361 | div.pageHeaderAndBody { |
362 | height: 100%; | 362 | height: 100%; |
363 | } | 363 | } |
364 | div.pageHeaderAndBody div#pageBody { | 364 | div.pageHeaderAndBody div#pageBody { |
365 | min-width: 1013px; | 365 | min-width: 1013px; |
366 | padding-bottom: 90px; | 366 | padding-bottom: 90px; |
367 | } | 367 | } |
368 | div.pageHeaderAndBody div.pageHeader { | 368 | div.pageHeaderAndBody div.pageHeader { |
369 | background-color: #1f2148; | 369 | background-color: #1f2148; |
370 | min-width: 1013px; | 370 | min-width: 1013px; |
371 | } | 371 | } |
372 | div.pageHeaderAndBody div.pageHeader div#miscLinks { | 372 | div.pageHeaderAndBody div.pageHeader div#miscLinks { |
373 | float: right; | 373 | float: right; |
374 | } | 374 | } |
375 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul { | 375 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul { |
376 | margin: 12px 0px 0px; | 376 | margin: 12px 0px 0px; |
377 | padding: 15px; | 377 | padding: 15px; |
378 | } | 378 | } |
379 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { | 379 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { |
380 | display: inline; | 380 | display: inline; |
381 | margin: 0px; | 381 | margin: 0px; |
382 | padding: 0px; | 382 | padding: 0px; |
383 | border: 0px; | 383 | border: 0px; |
384 | } | 384 | } |
385 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { | 385 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { |
386 | color: #ffffff; | 386 | color: #ffffff; |
387 | margin: 0px; | 387 | margin: 0px; |
388 | padding: 0px; | 388 | padding: 0px; |
389 | border: 0px; | 389 | border: 0px; |
390 | padding: 15px; | 390 | padding: 15px; |
391 | border-left: 1px solid #3e428f; | 391 | border-left: 1px solid #3e428f; |
392 | font-weight: normal; | 392 | font-weight: normal; |
393 | text-decoration: none; | 393 | text-decoration: none; |
394 | font-size: 12pt; | 394 | font-size: 12pt; |
395 | min-width: 70px; | 395 | min-width: 70px; |
396 | } | 396 | } |
397 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { | 397 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { |
398 | color: #b8bae1; | 398 | color: #b8bae1; |
399 | } | 399 | } |
400 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { | 400 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { |
401 | border-left: 0px; | 401 | border-left: 0px; |
402 | } | 402 | } |
403 | div.pageHeaderAndBody div.pageHeader div#logoFrame { | 403 | div.pageHeaderAndBody div.pageHeader div#logoFrame { |
404 | padding: 16px 16px 60px 16px; | 404 | padding: 16px 16px 60px 16px; |
405 | min-height: 44px; | 405 | min-height: 44px; |
406 | } | 406 | } |
407 | div.pageHeaderAndBody div.pageHeader div#logoFrame a { | 407 | div.pageHeaderAndBody div.pageHeader div#logoFrame a { |
408 | color: white; | 408 | color: white; |
409 | text-decoration: none; | 409 | text-decoration: none; |
410 | } | 410 | } |
411 | div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { | 411 | div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { |
412 | margin: 0px; | 412 | margin: 0px; |
413 | padding: 0px; | 413 | padding: 0px; |
414 | border: 0px; | 414 | border: 0px; |
415 | width: 150px; | 415 | width: 150px; |
416 | height: 39px; | 416 | height: 39px; |
417 | } | 417 | } |
418 | div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { | 418 | div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { |
419 | font-size: 13pt; | 419 | font-size: 13pt; |
420 | font-weight: normal; | 420 | font-weight: normal; |
421 | white-space: nowrap; | 421 | white-space: nowrap; |
422 | margin: 0px; | 422 | margin: 0px; |
423 | padding-left: 4px; | 423 | padding-left: 4px; |
424 | } | 424 | } |
425 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { | 425 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { |
426 | width: 100%; | 426 | width: 100%; |
427 | padding: 6px; | 427 | padding: 6px; |
428 | padding-left: 15px; | 428 | padding-left: 15px; |
429 | padding-right: 15px; | 429 | padding-right: 15px; |
430 | padding-bottom: 46px; | 430 | padding-bottom: 46px; |
431 | } | 431 | } |
432 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { | 432 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { |
433 | width: 25%; | 433 | width: 25%; |
434 | vertical-align: top; | 434 | vertical-align: top; |
435 | font-size: 11pt; | 435 | font-size: 11pt; |
436 | color: white; | 436 | color: white; |
437 | } | 437 | } |
438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { | 438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { |
439 | float: left; | 439 | float: left; |
440 | } | 440 | } |
441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { | 441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { |
442 | display: block; | 442 | display: block; |
443 | padding: 5 10 5 85; | 443 | padding: 5 10 5 85; |
444 | } | 444 | } |
445 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { | 445 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { |
446 | width: 76px; | 446 | width: 76px; |
447 | height: 76px; | 447 | height: 76px; |
448 | display: block; | 448 | display: block; |
449 | float: left; | 449 | float: left; |
450 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 450 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
451 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 451 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
452 | border-radius: 38px; | 452 | border-radius: 38px; |
453 | -moz-border-radius: 38px; | 453 | -moz-border-radius: 38px; |
454 | -webkit-border-radius: 38px; | 454 | -webkit-border-radius: 38px; |
455 | } | 455 | } |
456 | div.pageHeaderAndBody div.pageHeader div#news { | 456 | div.pageHeaderAndBody div.pageHeader div#news { |
457 | top: -82px; | 457 | top: -82px; |
458 | left: 240px; | 458 | left: 240px; |
459 | width: 310px; | 459 | width: 310px; |
460 | height: 90px; | 460 | height: 90px; |
461 | position: absolute; | 461 | position: absolute; |
462 | background-color: #616475; | 462 | background-color: #616475; |
463 | -webkit-border-bottom-left-radius: 8px; | 463 | -webkit-border-bottom-left-radius: 8px; |
464 | -moz-border-radius-bottomleft: 8px; | 464 | -moz-border-radius-bottomleft: 8px; |
465 | border-bottom-left-radius: 8px; | 465 | border-bottom-left-radius: 8px; |
466 | -webkit-border-bottom-right-radius: 8px; | 466 | -webkit-border-bottom-right-radius: 8px; |
467 | -moz-border-radius-bottomright: 8px; | 467 | -moz-border-radius-bottomright: 8px; |
468 | border-bottom-right-radius: 8px; | 468 | border-bottom-right-radius: 8px; |
469 | -webkit-box-shadow: 2px 2px 9px #333333; | 469 | -webkit-box-shadow: 2px 2px 9px #333333; |
470 | -moz-box-shadow: 2px 2px 9px #333333; | 470 | -moz-box-shadow: 2px 2px 9px #333333; |
471 | box-shadow: 2px 2px 9px #333333; | 471 | box-shadow: 2px 2px 9px #333333; |
472 | } | 472 | } |
473 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { | 473 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { |
474 | margin-left: 10px; | 474 | margin-left: 10px; |
475 | margin-right: 10px; | 475 | margin-right: 10px; |
476 | height: 75px; | 476 | height: 75px; |
477 | overflow: hidden; | 477 | overflow: hidden; |
478 | } | 478 | } |
479 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { | 479 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { |
480 | width: 290px; | 480 | width: 290px; |
481 | border: 0px; | 481 | border: 0px; |
482 | color: #616475; | 482 | color: #616475; |
483 | background-color: #616475; | 483 | background-color: #616475; |
484 | } | 484 | } |
485 | div.pageHeaderAndBody div.pageHeader div#news div.grip { | 485 | div.pageHeaderAndBody div.pageHeader div#news div.grip { |
486 | width: 310px; | 486 | width: 310px; |
487 | height: 6px; | 487 | height: 6px; |
488 | margin-top: 2px; | 488 | margin-top: 2px; |
489 | cursor: pointer; | 489 | cursor: pointer; |
490 | } | 490 | } |
491 | div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { | 491 | div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { |
492 | margin-left: auto; | 492 | margin-left: auto; |
493 | margin-right: auto; | 493 | margin-right: auto; |
494 | margin-top: 8px; | 494 | margin-top: 8px; |
495 | width: 0; | 495 | width: 0; |
496 | height: 0; | 496 | height: 0; |
497 | border-left: 5px solid transparent; | 497 | border-left: 5px solid transparent; |
498 | border-right: 5px solid transparent; | 498 | border-right: 5px solid transparent; |
499 | } | 499 | } |
500 | div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { | 500 | div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { |
501 | border-bottom: 5px solid #e9e9ec; | 501 | border-bottom: 5px solid #e9e9ec; |
502 | } | 502 | } |
503 | div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { | 503 | div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { |
504 | border-top: 5px solid #e9e9ec; | 504 | border-top: 5px solid #e9e9ec; |
505 | } | 505 | } |
506 | div.pageFooter { | 506 | div.pageFooter { |
507 | margin-top: -90px; | 507 | margin-top: -90px; |
508 | height: 90px; | 508 | height: 90px; |
509 | clear: both; | 509 | clear: both; |
510 | } | 510 | } |
511 | div.pageFooter div.footerWrapper { | 511 | div.pageFooter div.footerWrapper { |
512 | clear: both; | 512 | clear: both; |
513 | padding-top: 10px; | 513 | padding-top: 10px; |
514 | } | 514 | } |
515 | div.pageFooter div.footerWrapper div.footerContent { | 515 | div.pageFooter div.footerWrapper div.footerContent { |
516 | background-color: #eaebe6; | 516 | background-color: #eaebe6; |
517 | padding: 20px; | 517 | padding: 20px; |
518 | font-size: 8pt; | 518 | font-size: 8pt; |
519 | } | 519 | } |
520 | div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { | 520 | div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { |
521 | width: 40px; | 521 | width: 40px; |
522 | height: 40px; | 522 | height: 40px; |
523 | float: left; | 523 | float: left; |
524 | } | 524 | } |
525 | div.pageFooter div.footerWrapper div.footerContent span.copyright { | 525 | div.pageFooter div.footerWrapper div.footerContent span.copyright { |
526 | padding-left: 10px; | 526 | padding-left: 10px; |
527 | color: #a0a0a0; | 527 | color: #a0a0a0; |
528 | } | 528 | } |
529 | div.pageFooter div.footerWrapper div.footerContent a { | 529 | div.pageFooter div.footerWrapper div.footerContent a { |
530 | padding-left: 50px; | 530 | padding-left: 50px; |
531 | display: block; | 531 | display: block; |
532 | color: #888888; | 532 | color: #888888; |
533 | font-weight: bold; | 533 | font-weight: bold; |
534 | text-decoration: none; | 534 | text-decoration: none; |
535 | } | 535 | } |
536 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion { | 536 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion { |
537 | padding: 8px; | 537 | padding: 8px; |
538 | color: #888888; | 538 | color: #888888; |
539 | background-color: #d2d2d2; | 539 | background-color: #d2d2d2; |
540 | position: relative; | 540 | position: relative; |
541 | top: -40px; | 541 | top: -40px; |
542 | float: right; | 542 | float: right; |
543 | } | 543 | } |
544 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a { | 544 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a { |
545 | padding-left: 0px; | ||
545 | display: inline; | 546 | display: inline; |
546 | } | 547 | } |
547 | /* | 548 | /* |
548 | 549 | ||
549 | Color list: | 550 | Color list: |
550 | - login box: | 551 | - login box: |
551 | light#ff9955 | 552 | light#ff9955 |
552 | dark#ff6622 | 553 | dark#ff6622 |
553 | - login button: | 554 | - login button: |
554 | regular#dd5500 | 555 | regular#dd5500 |
555 | hover#773311 | 556 | hover#773311 |
556 | - login translations: | 557 | - login translations: |
557 | box: #cc6622; | 558 | box: #cc6622; |
558 | not-selected: | 559 | not-selected: |
559 | color: #ddaa99 | 560 | color: #ddaa99 |
560 | background:#994422 | 561 | background:#994422 |
561 | selected: #772211; | 562 | selected: #772211; |
562 | */ | 563 | */ |
563 | html { | 564 | html { |
564 | height: 100%; | 565 | height: 100%; |
565 | } | 566 | } |
566 | body { | 567 | body { |
567 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 568 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
568 | margin: 0px; | 569 | margin: 0px; |
569 | } | 570 | } |
570 | div.modalDialogMask.userInfoBoxMask { | 571 | div.modalDialogMask.userInfoBoxMask { |
571 | -moz-opacity: 0.0; | 572 | -moz-opacity: 0.0; |
572 | opacity: .0; | 573 | opacity: .0; |
573 | filter: alpha(opacity=0); | 574 | filter: alpha(opacity=0); |
574 | z-index: 19000; | 575 | z-index: 19000; |
575 | } | 576 | } |
576 | .reset-margin { | 577 | .reset-margin { |
577 | margin: 0px; | 578 | margin: 0px; |
578 | padding: 0px; | 579 | padding: 0px; |
579 | border: 0px; | 580 | border: 0px; |
580 | } | 581 | } |
581 | .clear { | 582 | .clear { |
582 | clear: both; | 583 | clear: both; |
583 | } | 584 | } |
584 | .hidden_none { | 585 | .hidden_none { |
585 | display: none; | 586 | display: none; |
586 | visibility: hidden; | 587 | visibility: hidden; |
587 | } | 588 | } |
588 | .keepTogether { | 589 | .keepTogether { |
589 | display: inline-block; | 590 | display: inline-block; |
590 | white-space: nowrap; | 591 | white-space: nowrap; |
591 | } | 592 | } |
592 | #mainDiv { | 593 | #mainDiv { |
593 | margin: 0 auto; | 594 | margin: 0 auto; |
594 | } | 595 | } |
595 | div#loginBox { | 596 | div#loginBox { |
596 | width: 273px; | 597 | width: 273px; |
597 | z-index: 19000; | 598 | z-index: 19000; |
598 | top: -30px; | 599 | top: -30px; |
599 | right: 30px; | 600 | right: 30px; |
600 | position: relative; | 601 | position: relative; |
601 | float: right; | 602 | float: right; |
602 | } | 603 | } |
603 | div#loginBox div.header { | 604 | div#loginBox div.header { |
604 | height: 25px; | 605 | height: 25px; |
605 | width: 273px; | 606 | width: 273px; |
606 | background-color: #ff9b5a; | 607 | background-color: #ff9b5a; |
607 | -webkit-border-top-left-radius: 20px; | 608 | -webkit-border-top-left-radius: 20px; |
608 | -moz-border-radius-topleft: 20px; | 609 | -moz-border-radius-topleft: 20px; |
609 | border-top-left-radius: 20px; | 610 | border-top-left-radius: 20px; |
610 | -webkit-border-top-right-radius: 20px; | 611 | -webkit-border-top-right-radius: 20px; |
611 | -moz-border-radius-topright: 20px; | 612 | -moz-border-radius-topright: 20px; |
612 | border-top-right-radius: 20px; | 613 | border-top-right-radius: 20px; |
613 | } | 614 | } |
614 | div#loginBox div.body { | 615 | div#loginBox div.body { |
615 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 616 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
616 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 617 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
617 | } | 618 | } |
618 | div#loginBox div.body h4 { | 619 | div#loginBox div.body h4 { |
619 | color: #ffffff; | 620 | color: #ffffff; |
620 | font-size: 16pt; | 621 | font-size: 16pt; |
621 | font-weight: normal; | 622 | font-weight: normal; |
622 | padding-left: 20px; | 623 | padding-left: 20px; |
623 | margin: 0px; | 624 | margin: 0px; |
624 | } | 625 | } |
625 | div#loginBox div.body form.loginForm { | 626 | div#loginBox div.body form.loginForm { |
626 | padding: 5px 20px 0px; | 627 | padding: 5px 20px 0px; |
627 | margin-bottom: 0px; | 628 | margin-bottom: 0px; |
628 | } | 629 | } |
629 | div#loginBox div.body form.loginForm label { | 630 | div#loginBox div.body form.loginForm label { |
630 | color: #ffffff; | 631 | color: #ffffff; |
631 | font-size: 10pt; | 632 | font-size: 10pt; |
632 | display: block; | 633 | display: block; |
633 | padding-top: 5px; | 634 | padding-top: 5px; |
634 | } | 635 | } |
635 | div#loginBox div.body form.loginForm label.checkbox { | 636 | div#loginBox div.body form.loginForm label.checkbox { |
636 | display: inline; | 637 | display: inline; |
637 | } | 638 | } |
638 | div#loginBox div.body form.loginForm input { | 639 | div#loginBox div.body form.loginForm input { |
639 | width: 230px; | 640 | width: 230px; |
640 | font-size: 14pt; | 641 | font-size: 14pt; |
641 | color: #333366; | 642 | color: #333366; |
642 | background-color: #ffffff; | 643 | background-color: #ffffff; |
643 | border: 1px solid #bb4924; | 644 | border: 1px solid #bb4924; |
644 | padding: 2px 5px; | 645 | padding: 2px 5px; |
645 | height: 28px; | 646 | height: 28px; |
646 | } | 647 | } |
647 | div#loginBox div.body form.loginForm input.checkbox { | 648 | div#loginBox div.body form.loginForm input.checkbox { |
648 | margin: 10px 8px 0px 0px; | 649 | margin: 10px 8px 0px 0px; |
649 | height: auto; | 650 | height: auto; |
650 | width: auto; | 651 | width: auto; |
651 | border: 0px; | 652 | border: 0px; |
652 | } | 653 | } |
653 | div#loginBox div.body form.loginForm input.checkbox:hover { | 654 | div#loginBox div.body form.loginForm input.checkbox:hover { |
654 | cursor: pointer; | 655 | cursor: pointer; |
655 | } | 656 | } |
656 | div#loginBox div.body form.loginForm input.otp { | 657 | div#loginBox div.body form.loginForm input.otp { |
657 | width: 57px; | 658 | width: 57px; |
658 | display: inline; | 659 | display: inline; |
659 | padding-left: 0px; | 660 | padding-left: 0px; |
660 | padding-right: 0px; | 661 | padding-right: 0px; |
661 | height: 28px; | 662 | height: 28px; |
662 | font: 8pt monospace; | 663 | font: 8pt monospace; |
663 | } | 664 | } |
664 | div#loginBox div.body form.loginForm input.submit { | 665 | div#loginBox div.body form.loginForm input.submit { |
665 | margin: 0px 45px; | 666 | margin: 0px 45px; |
666 | width: 140px; | 667 | width: 140px; |
667 | color: #ffffff; | 668 | color: #ffffff; |
668 | background-color: #d44100; | 669 | background-color: #d44100; |
669 | border: 1px solid #bb4924; | 670 | border: 1px solid #bb4924; |
670 | padding: 6px; | 671 | padding: 6px; |
671 | font-size: 12pt; | 672 | font-size: 12pt; |
672 | height: auto; | 673 | height: auto; |
673 | } | 674 | } |
674 | div#loginBox div.body form.loginForm input.submit:hover { | 675 | div#loginBox div.body form.loginForm input.submit:hover { |
675 | color: #ffffff; | 676 | color: #ffffff; |
676 | background-color: #7e2700; | 677 | background-color: #7e2700; |
677 | cursor: pointer; | 678 | cursor: pointer; |
678 | } | 679 | } |
679 | div#loginBox div.body form.loginForm ul { | 680 | div#loginBox div.body form.loginForm ul { |
680 | list-style-type: none; | 681 | list-style-type: none; |
681 | padding: 0px; | 682 | padding: 0px; |
682 | margin: 0px; | 683 | margin: 0px; |
683 | } | 684 | } |
684 | div#loginBox div.body form.loginForm ul li { | 685 | div#loginBox div.body form.loginForm ul li { |
685 | display: block; | 686 | display: block; |
686 | } | 687 | } |
687 | div#loginBox div.body form.loginForm div.translations { | 688 | div#loginBox div.body form.loginForm div.translations { |
688 | margin: 15px -20px; | 689 | margin: 15px -20px; |
689 | background-color: #c87b59; | 690 | background-color: #c87b59; |
690 | } | 691 | } |
691 | div#loginBox div.body form.loginForm div.translations h4 { | 692 | div#loginBox div.body form.loginForm div.translations h4 { |
692 | font-size: 9pt; | 693 | font-size: 9pt; |
693 | padding: 6px 20px 0px; | 694 | padding: 6px 20px 0px; |
694 | } | 695 | } |
695 | div#loginBox div.body form.loginForm div.translations ul { | 696 | div#loginBox div.body form.loginForm div.translations ul { |
696 | margin: 0px; | 697 | margin: 0px; |
697 | padding: 5px 10px 10px; | 698 | padding: 5px 10px 10px; |
698 | margin-bottom: 15px; | 699 | margin-bottom: 15px; |
699 | } | 700 | } |
700 | div#loginBox div.body form.loginForm div.translations ul li { | 701 | div#loginBox div.body form.loginForm div.translations ul li { |
701 | font-size: 8pt; | 702 | font-size: 8pt; |
702 | color: #ddaa99; | 703 | color: #ddaa99; |
703 | background-color: #994422; | 704 | background-color: #994422; |
704 | display: inline-block; | 705 | display: inline-block; |
705 | padding: 2px 4px; | 706 | padding: 2px 4px; |
706 | margin: 1px; | 707 | margin: 1px; |
707 | } | 708 | } |
708 | div#loginBox div.body form.loginForm div.translations ul li.selected { | 709 | div#loginBox div.body form.loginForm div.translations ul li.selected { |
709 | color: #ffffff; | 710 | color: #ffffff; |
710 | background-color: #772211; | 711 | background-color: #772211; |
711 | } | 712 | } |
712 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { | 713 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { |
713 | cursor: default; | 714 | cursor: default; |
714 | } | 715 | } |
715 | div#loginBox div.body form.loginForm div.translations ul li:hover { | 716 | div#loginBox div.body form.loginForm div.translations ul li:hover { |
716 | cursor: pointer; | 717 | cursor: pointer; |
717 | color: #ffffff; | 718 | color: #ffffff; |
718 | } | 719 | } |
719 | div#loginBox div.footer { | 720 | div#loginBox div.footer { |
720 | height: 37px; | 721 | height: 37px; |
721 | width: 273px; | 722 | width: 273px; |
722 | background-color: #ff6622; | 723 | background-color: #ff6622; |
723 | -webkit-border-bottom-left-radius: 20px; | 724 | -webkit-border-bottom-left-radius: 20px; |
724 | -moz-border-radius-bottomleft: 20px; | 725 | -moz-border-radius-bottomleft: 20px; |
725 | border-bottom-left-radius: 20px; | 726 | border-bottom-left-radius: 20px; |
726 | -webkit-border-bottom-right-radius: 20px; | 727 | -webkit-border-bottom-right-radius: 20px; |
727 | -moz-border-radius-bottomright: 20px; | 728 | -moz-border-radius-bottomright: 20px; |
728 | border-bottom-right-radius: 20px; | 729 | border-bottom-right-radius: 20px; |
729 | } | 730 | } |
730 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { | 731 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { |
731 | display: -moz-inline-box; | 732 | display: -moz-inline-box; |
732 | } | 733 | } |
733 | div#featurePoints { | 734 | div#featurePoints { |
734 | min-width: 400px; | 735 | min-width: 400px; |
735 | padding-top: 15px; | 736 | padding-top: 15px; |
736 | padding-bottom: 20px; | 737 | padding-bottom: 20px; |
737 | padding-left: 20px; | 738 | padding-left: 20px; |
738 | padding-right: 330px; | 739 | padding-right: 330px; |
739 | } | 740 | } |
740 | div#featurePoints table tbody tr td { | 741 | div#featurePoints table tbody tr td { |
741 | width: 50%; | 742 | width: 50%; |
742 | vertical-align: top; | 743 | vertical-align: top; |
743 | } | 744 | } |
744 | div#featurePoints div.block { | 745 | div#featurePoints div.block { |
745 | padding: 10px; | 746 | padding: 10px; |
746 | color: #86858e; | 747 | color: #86858e; |
747 | } | 748 | } |
748 | div#featurePoints div.block h3 { | 749 | div#featurePoints div.block h3 { |
749 | font-weight: normal; | 750 | font-weight: normal; |
750 | font-size: 12pt; | 751 | font-size: 12pt; |
751 | margin: 0px; | 752 | margin: 0px; |
752 | padding: 5px 0px; | 753 | padding: 5px 0px; |
753 | } | 754 | } |
754 | div#featurePoints div.block ul { | 755 | div#featurePoints div.block ul { |
755 | margin: 0px; | 756 | margin: 0px; |
756 | margin-left: 20px; | 757 | margin-left: 20px; |
757 | padding: 0px; | 758 | padding: 0px; |
758 | list-style-position: outside; | 759 | list-style-position: outside; |
759 | } | 760 | } |
760 | div#featurePoints div.block ul li { | 761 | div#featurePoints div.block ul li { |
761 | font-size: 10pt; | 762 | font-size: 10pt; |
762 | padding: 3px 0px; | 763 | padding: 3px 0px; |
763 | } | 764 | } |
764 | div.activeFeatures { | 765 | div.activeFeatures { |
765 | float: left; | 766 | float: left; |
766 | margin-left: 20px; | 767 | margin-left: 20px; |
767 | height: 100px; | 768 | height: 100px; |
768 | } | 769 | } |
769 | div.activeFeatures a { | 770 | div.activeFeatures a { |
770 | display: inline-block; | 771 | display: inline-block; |
771 | padding-left: 46px; | 772 | padding-left: 46px; |
772 | color: #ff5906; | 773 | color: #ff5906; |
773 | text-decoration: none; | 774 | text-decoration: none; |
774 | font-size: 10pt; | 775 | font-size: 10pt; |
775 | } | 776 | } |
776 | div.activeFeatures a span.payoff { | 777 | div.activeFeatures a span.payoff { |
777 | display: block; | 778 | display: block; |
778 | font-size: 13pt; | 779 | font-size: 13pt; |
779 | font-weight: lighter; | 780 | font-weight: lighter; |
780 | color: #9b9689; | 781 | color: #9b9689; |
781 | margin: 0px; | 782 | margin: 0px; |
782 | padding: 0px; | 783 | padding: 0px; |
783 | } | 784 | } |
784 | div.activeFeatures a:hover span.payoff { | 785 | div.activeFeatures a:hover span.payoff { |
785 | color: #666666; | 786 | color: #666666; |
786 | } | 787 | } |
787 | div.activeFeatures div.keepTogether a { | 788 | div.activeFeatures div.keepTogether a { |
788 | padding-left: 0px; | 789 | padding-left: 0px; |
789 | } | 790 | } |
790 | div.activeFeatures div.keepTogether div { | 791 | div.activeFeatures div.keepTogether div { |
791 | display: inline-block; | 792 | display: inline-block; |
792 | padding-right: 15px; | 793 | padding-right: 15px; |
793 | } | 794 | } |
794 | div.activeFeatures div.keepTogether canvas { | 795 | div.activeFeatures div.keepTogether canvas { |
795 | width: 46px; | 796 | width: 46px; |
796 | height: 46px; | 797 | height: 46px; |
797 | vertical-align: bottom; | 798 | vertical-align: bottom; |
798 | } | 799 | } |
799 | div.activeFeatures div.createAccountLink { | 800 | div.activeFeatures div.createAccountLink { |
800 | display: inline-block; | 801 | display: inline-block; |
801 | width: 282; | 802 | width: 282; |
802 | height: 65px; | 803 | height: 65px; |
803 | background-image: url(./images/old/home/register.png); | 804 | background-image: url(./images/old/home/register.png); |
804 | margin-right: 20px; | 805 | margin-right: 20px; |
805 | } | 806 | } |
806 | div.activeFeatures div.createAccountLink a.createAccountLink { | 807 | div.activeFeatures div.createAccountLink a.createAccountLink { |
807 | position: relative; | 808 | position: relative; |
808 | top: -92px; | 809 | top: -92px; |
809 | left: 5px; | 810 | left: 5px; |
810 | } | 811 | } |
811 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { | 812 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { |
812 | margin-top: 23px; | 813 | margin-top: 23px; |
813 | margin-left: 40px; | 814 | margin-left: 40px; |
814 | font-size: 17pt; | 815 | font-size: 17pt; |
815 | color: #64626c; | 816 | color: #64626c; |
816 | } | 817 | } |
817 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { | 818 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { |
818 | padding-left: 40px; | 819 | padding-left: 40px; |
819 | padding-right: 50px; | 820 | padding-right: 50px; |
820 | padding-bottom: 10px; | 821 | padding-bottom: 10px; |
821 | font-size: 12pt; | 822 | font-size: 12pt; |
822 | } | 823 | } |
823 | div.activeFeatures div.createAccountLink:hover { | 824 | div.activeFeatures div.createAccountLink:hover { |
824 | background-image: url(./images/old/home/register_selected.png); | 825 | background-image: url(./images/old/home/register_selected.png); |
825 | } | 826 | } |
826 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { | 827 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { |
827 | color: #54535a; | 828 | color: #54535a; |
828 | } | 829 | } |
829 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { | 830 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { |
830 | color: white; | 831 | color: white; |
831 | } | 832 | } |
832 | div.activeFeatures div.createAccountLink canvas { | 833 | div.activeFeatures div.createAccountLink canvas { |
833 | width: 282px; | 834 | width: 282px; |
834 | height: 93px; | 835 | height: 93px; |
835 | } | 836 | } |
836 | /* | 837 | /* |
837 | 838 | ||
838 | Color list: | 839 | Color list: |
839 | - login box: | 840 | - login box: |
840 | light#ff9955 | 841 | light#ff9955 |
841 | dark#ff6622 | 842 | dark#ff6622 |
842 | - login button: | 843 | - login button: |
843 | regular#dd5500 | 844 | regular#dd5500 |
844 | hover#773311 | 845 | hover#773311 |
845 | - login translations: | 846 | - login translations: |
846 | box: #cc6622; | 847 | box: #cc6622; |
847 | not-selected: | 848 | not-selected: |
848 | color: #ddaa99 | 849 | color: #ddaa99 |
849 | background:#994422 | 850 | background:#994422 |
850 | selected: #772211; | 851 | selected: #772211; |
851 | */ | 852 | */ |
852 | html { | 853 | html { |
853 | height: 100%; | 854 | height: 100%; |
854 | } | 855 | } |
855 | body { | 856 | body { |
856 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 857 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
857 | margin: 0px; | 858 | margin: 0px; |
858 | } | 859 | } |
859 | div.modalDialogMask.userInfoBoxMask { | 860 | div.modalDialogMask.userInfoBoxMask { |
860 | -moz-opacity: 0.0; | 861 | -moz-opacity: 0.0; |
861 | opacity: .0; | 862 | opacity: .0; |
862 | filter: alpha(opacity=0); | 863 | filter: alpha(opacity=0); |
863 | z-index: 19000; | 864 | z-index: 19000; |
864 | } | 865 | } |
865 | .reset-margin { | 866 | .reset-margin { |
866 | margin: 0px; | 867 | margin: 0px; |
867 | padding: 0px; | 868 | padding: 0px; |
868 | border: 0px; | 869 | border: 0px; |
869 | } | 870 | } |
870 | .clear { | 871 | .clear { |
871 | clear: both; | 872 | clear: both; |
872 | } | 873 | } |
873 | .hidden_none { | 874 | .hidden_none { |
874 | display: none; | 875 | display: none; |
875 | visibility: hidden; | 876 | visibility: hidden; |
876 | } | 877 | } |
877 | .keepTogether { | 878 | .keepTogether { |
878 | display: inline-block; | 879 | display: inline-block; |
879 | white-space: nowrap; | 880 | white-space: nowrap; |
880 | } | 881 | } |
881 | #mainDiv { | 882 | #mainDiv { |
882 | margin: 0 auto; | 883 | margin: 0 auto; |
883 | } | 884 | } |
884 | div.userInfoBox { | 885 | div.userInfoBox { |
885 | position: absolute; | 886 | position: absolute; |
886 | width: 160px; | 887 | width: 160px; |
887 | height: 120px; | 888 | height: 120px; |
888 | top: 100px; | 889 | top: 100px; |
889 | left: 15px; | 890 | left: 15px; |
890 | color: white; | 891 | color: white; |
891 | background-color: #ff9955; | 892 | background-color: #ff9955; |
892 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | 893 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); |
893 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | 894 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); |
894 | border-radius: 10px; | 895 | border-radius: 10px; |
895 | -moz-border-radius: 10px; | 896 | -moz-border-radius: 10px; |
896 | -webkit-border-radius: 10px; | 897 | -webkit-border-radius: 10px; |
897 | -webkit-box-shadow: 2px 2px 9px #333333; | 898 | -webkit-box-shadow: 2px 2px 9px #333333; |
898 | -moz-box-shadow: 2px 2px 9px #333333; | 899 | -moz-box-shadow: 2px 2px 9px #333333; |
899 | box-shadow: 2px 2px 9px #333333; | 900 | box-shadow: 2px 2px 9px #333333; |
900 | } | 901 | } |
901 | div.userInfoBox.locked { | 902 | div.userInfoBox.locked { |
902 | z-index: 19001; | 903 | z-index: 19001; |
903 | } | 904 | } |
904 | div.userInfoBox.locked div.header a.lockButton { | 905 | div.userInfoBox.locked div.header a.lockButton { |
905 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; | 906 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; |
906 | } | 907 | } |
907 | div.userInfoBox.locked div.header a.lockButton:hover { | 908 | div.userInfoBox.locked div.header a.lockButton:hover { |
908 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; | 909 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; |
909 | } | 910 | } |
910 | div.userInfoBox.locked div.body a { | 911 | div.userInfoBox.locked div.body a { |
911 | display: none; | 912 | display: none; |
912 | } | 913 | } |
913 | div.userInfoBox div.header { | 914 | div.userInfoBox div.header { |
914 | height: 30px; | 915 | height: 30px; |
915 | } | 916 | } |
916 | div.userInfoBox div.header h1 { | 917 | div.userInfoBox div.header h1 { |
917 | font-size: 8pt; | 918 | font-size: 8pt; |
918 | font-weight: normal; | 919 | font-weight: normal; |
919 | margin: 0px; | 920 | margin: 0px; |
920 | padding-top: 12px; | 921 | padding-top: 12px; |
921 | padding-left: 12px; | 922 | padding-left: 12px; |
922 | } | 923 | } |
923 | div.userInfoBox div.header a.lockButton { | 924 | div.userInfoBox div.header a.lockButton { |
924 | position: absolute; | 925 | position: absolute; |
925 | top: 8px; | 926 | top: 8px; |
926 | right: 12px; | 927 | right: 12px; |
927 | display: block; | 928 | display: block; |
928 | width: 15px; | 929 | width: 15px; |
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js index e6ae72b..dcf506f 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js | |||
@@ -1,67 +1,67 @@ | |||
1 | /* | 1 | /* |
2 | 2 | ||
3 | Copyright 2008-2011 Clipperz Srl | 3 | Copyright 2008-2011 Clipperz Srl |
4 | 4 | ||
5 | This file is part of Clipperz Community Edition. | 5 | This file is part of Clipperz Community Edition. |
6 | Clipperz Community Edition is an online password manager. | 6 | Clipperz Community Edition is an online password manager. |
7 | For further information about its features and functionalities please | 7 | For further information about its features and functionalities please |
8 | refer to http://www.clipperz.com. | 8 | refer to http://www.clipperz.com. |
9 | 9 | ||
10 | * Clipperz Community Edition is free software: you can redistribute | 10 | * Clipperz Community Edition is free software: you can redistribute |
11 | it and/or modify it under the terms of the GNU Affero General Public | 11 | it and/or modify it under the terms of the GNU Affero General Public |
12 | License as published by the Free Software Foundation, either version | 12 | License as published by the Free Software Foundation, either version |
13 | 3 of the License, or (at your option) any later version. | 13 | 3 of the License, or (at your option) any later version. |
14 | 14 | ||
15 | * Clipperz Community Edition is distributed in the hope that it will | 15 | * Clipperz Community Edition is distributed in the hope that it will |
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | 16 | be useful, but WITHOUT ANY WARRANTY; without even the implied |
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | 17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
18 | See the GNU Affero General Public License for more details. | 18 | See the GNU Affero General Public License for more details. |
19 | 19 | ||
20 | * You should have received a copy of the GNU Affero General Public | 20 | * You should have received a copy of the GNU Affero General Public |
21 | License along with Clipperz Community Edition. If not, see | 21 | License along with Clipperz Community Edition. If not, see |
22 | <http://www.gnu.org/licenses/>. | 22 | <http://www.gnu.org/licenses/>. |
23 | 23 | ||
24 | */ | 24 | */ |
25 | 25 | ||
26 | Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); | 26 | Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); |
27 | 27 | ||
28 | Clipperz.PM.UI.Web.Components.PageFooter = function(args) { | 28 | Clipperz.PM.UI.Web.Components.PageFooter = function(args) { |
29 | args = args || {}; | 29 | args = args || {}; |
30 | 30 | ||
31 | Clipperz.PM.UI.Web.Components.PageFooter.superclass.constructor.apply(this, arguments); | 31 | Clipperz.PM.UI.Web.Components.PageFooter.superclass.constructor.apply(this, arguments); |
32 | 32 | ||
33 | return this; | 33 | return this; |
34 | } | 34 | } |
35 | 35 | ||
36 | //============================================================================= | 36 | //============================================================================= |
37 | 37 | ||
38 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.PageFooter, Clipperz.PM.UI.Common.Components.BaseComponent, { | 38 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.PageFooter, Clipperz.PM.UI.Common.Components.BaseComponent, { |
39 | 39 | ||
40 | //------------------------------------------------------------------------- | 40 | //------------------------------------------------------------------------- |
41 | 41 | ||
42 | 'toString': function () { | 42 | 'toString': function () { |
43 | return "Clipperz.PM.UI.Web.Components.PageFooter component"; | 43 | return "Clipperz.PM.UI.Web.Components.PageFooter component"; |
44 | }, | 44 | }, |
45 | 45 | ||
46 | //------------------------------------------------------------------------- | 46 | //------------------------------------------------------------------------- |
47 | 47 | ||
48 | 'renderSelf': function(/*aContainer, aPosition*/) { | 48 | 'renderSelf': function(/*aContainer, aPosition*/) { |
49 | this.append(this.element(), [ | 49 | this.append(this.element(), [ |
50 | {tag:'div', cls:'footerWrapper', children:[ | 50 | {tag:'div', cls:'footerWrapper', children:[ |
51 | {tag:'div', cls:'footerContent', children:[ | 51 | {tag:'div', cls:'footerContent', children:[ |
52 | {tag:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'}, | 52 | {tag:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'}, |
53 | {tag:'span', cls:'copyright', html:'Copyright © 2009-2013 Clipperz Srl'}, | 53 | {tag:'span', cls:'copyright', html:'Copyright © 2009-2013 Clipperz Srl'}, |
54 | {tag:'a', href:'http://www.clipperz.com/terms_of_service',target:'_blank', html:'terms of service'}, | 54 | {tag:'a', href:'http://www.clipperz.com/terms_of_service',target:'_blank', html:'terms of service'}, |
55 | {tag:'a', href:'http://www.clipperz.com/privacy_policy',target:'_blank', html:'privacy policy'}, | 55 | {tag:'a', href:'http://www.clipperz.com/privacy_policy',target:'_blank', html:'privacy policy'}, |
56 | {tag:'div', cls:'applicationVersion', htmlString:'application version: [<a href="https://github.com/clipperz/password-manager/tree/' + Clipperz_version + '" target="github">' + Clipperz_version + '</a>]'} | 56 | {tag:'div', cls:'applicationVersion', htmlString:'application version: <a href="https://github.com/clipperz/password-manager/tree/' + Clipperz_version + '" target="github">' + Clipperz_version + '</a>'} |
57 | ]} | 57 | ]} |
58 | ]} | 58 | ]} |
59 | ]); | 59 | ]); |
60 | 60 | ||
61 | Clipperz.PM.UI.Canvas.star.normal(this.getElement('footerStarIcon'), "#7e7e7e"); | 61 | Clipperz.PM.UI.Canvas.star.normal(this.getElement('footerStarIcon'), "#7e7e7e"); |
62 | }, | 62 | }, |
63 | 63 | ||
64 | //------------------------------------------------------------------------- | 64 | //------------------------------------------------------------------------- |
65 | 65 | ||
66 | __syntaxFix__: "syntax fix" | 66 | __syntaxFix__: "syntax fix" |
67 | }); | 67 | }); |