Revision 94adeabb ui/static/main.css
| b/ui/static/main.css | ||
|---|---|---|
| 246 | 246 |
height:20em; |
| 247 | 247 |
padding:1em; |
| 248 | 248 |
text-align:left; |
| 249 |
opacity: 0.9; |
|
| 250 | 249 |
} |
| 251 | 250 |
|
| 252 | 251 |
/* scrollable root element */ |
| 253 | 252 |
#wizard {
|
| 254 |
border:5px solid #87AADE; |
|
| 255 | 253 |
font-size:9pt; |
| 256 | 254 |
height:405px; |
| 257 |
width:460px;
|
|
| 255 |
width:453px;
|
|
| 258 | 256 |
margin:0px auto; |
| 259 | 257 |
overflow:hidden; |
| 260 | 258 |
position:relative; |
| ... | ... | |
| 289 | 287 |
|
| 290 | 288 |
/* single item */ |
| 291 | 289 |
#wizard .page {
|
| 292 |
padding:20px 30px;
|
|
| 293 |
width:440px;
|
|
| 290 |
padding: 15px 40px 20px 15px;
|
|
| 291 |
width:447px;
|
|
| 294 | 292 |
float:left; |
| 295 | 293 |
display:block; |
| 296 | 294 |
border:none; |
| ... | ... | |
| 299 | 297 |
|
| 300 | 298 |
/* title */ |
| 301 | 299 |
#wizard h2 {
|
| 302 |
font-weight: bold; |
|
| 303 |
font-size: 12pt; |
|
| 304 |
color: #666; |
|
| 300 |
color: black; |
|
| 301 |
font-size: 100%; |
|
| 302 |
font-weight: normal; |
|
| 303 |
padding-left: 20px; |
|
| 305 | 304 |
} |
| 306 | 305 |
|
| 307 | 306 |
#wizard li {
|
| ... | ... | |
| 319 | 318 |
} |
| 320 | 319 |
|
| 321 | 320 |
#wizard label strong {
|
| 322 |
color:#789; |
|
| 323 | 321 |
position:relative; |
| 324 | 322 |
top:-1px; |
| 325 |
font-size: 12pt; |
|
| 323 |
font-size: 80%; |
|
| 324 |
font-weight: normal; |
|
| 326 | 325 |
} |
| 327 | 326 |
|
| 328 | 327 |
#wizard label em {
|
| ... | ... | |
| 332 | 331 |
} |
| 333 | 332 |
|
| 334 | 333 |
#wizard .text {
|
| 335 |
width: 94%;
|
|
| 334 |
width: 270px;
|
|
| 336 | 335 |
padding: 5px; |
| 337 | 336 |
margin-top: 10px; |
| 338 | 337 |
border: 1px solid #ccc; |
| ... | ... | |
| 369 | 368 |
border:1px solid red; |
| 370 | 369 |
} |
| 371 | 370 |
|
| 371 |
#wizard a div.image {
|
|
| 372 |
|
|
| 373 |
} |
|
| 374 |
|
|
| 372 | 375 |
#wizard a:hover div.image {
|
| 373 | 376 |
background-color: #999; |
| 374 | 377 |
} |
| ... | ... | |
| 383 | 386 |
} |
| 384 | 387 |
|
| 385 | 388 |
#wizard div.image .radio {
|
| 386 |
float: right;
|
|
| 389 |
float: left;
|
|
| 387 | 390 |
} |
| 388 | 391 |
|
| 389 | 392 |
#wizard div.image span.image-id, #wizard div.image span.description {
|
| ... | ... | |
| 399 | 402 |
|
| 400 | 403 |
#wizard .cost {
|
| 401 | 404 |
color: #666; |
| 402 |
margin-top: 50px; |
|
| 405 |
margin-top: 40px; |
|
| 406 |
clear:both; |
|
| 407 |
padding-left: 15px; |
|
| 408 |
font-size: 95%; |
|
| 403 | 409 |
} |
| 404 | 410 |
|
| 405 | 411 |
#wizard #status {
|
| 406 |
height: 32px; |
|
| 407 |
background: #999; |
|
| 408 |
padding-left: 15px; |
|
| 412 |
height: 50px; |
|
| 413 |
background: #666; |
|
| 414 |
width: 450px; |
|
| 415 |
} |
|
| 416 |
|
|
| 417 |
#wizard .headernumber {
|
|
| 418 |
font-size: 380%; |
|
| 419 |
font-weight: normal; |
|
| 420 |
} |
|
| 421 |
|
|
| 422 |
#wizard .headerbody {
|
|
| 423 |
font-size: 110%; |
|
| 424 |
font-weight: normal; |
|
| 425 |
display: inline; |
|
| 426 |
margin-top: 15px; |
|
| 427 |
position: absolute; |
|
| 428 |
} |
|
| 429 |
|
|
| 430 |
#wizard .topruler {
|
|
| 431 |
background-color: #CCCCCC; |
|
| 432 |
border: 0 none; |
|
| 433 |
height: 4px; |
|
| 434 |
margin-left: -1px; |
|
| 435 |
width: 447px; |
|
| 436 |
} |
|
| 437 |
|
|
| 438 |
#wizard .bottomruler {
|
|
| 439 |
background-color: #CCCCCC; |
|
| 440 |
border: 0 none; |
|
| 441 |
height: 4px; |
|
| 442 |
margin-left: -1px; |
|
| 443 |
width: 447px; |
|
| 444 |
} |
|
| 445 |
|
|
| 446 |
#wizard #cancel {
|
|
| 447 |
|
|
| 409 | 448 |
} |
| 410 | 449 |
|
| 411 | 450 |
.page ul {
|
| 412 | 451 |
margin-top: 15px; |
| 413 |
height: 280px;
|
|
| 452 |
height: 260px;
|
|
| 414 | 453 |
overflow: auto; |
| 415 | 454 |
} |
| 416 | 455 |
|
| 417 | 456 |
.panes ul.pane {
|
| 418 |
height: 276px; |
|
| 457 |
height: 220px; |
|
| 458 |
margin-top: 25px; |
|
| 419 | 459 |
} |
| 420 | 460 |
|
| 421 | 461 |
.page ul.tabs {
|
| 422 | 462 |
overflow: hidden; |
| 423 | 463 |
height: auto; |
| 424 | 464 |
margin-bottom: 0; |
| 425 |
margin-top: -20px;
|
|
| 465 |
margin-top: -5px;
|
|
| 426 | 466 |
} |
| 427 | 467 |
|
| 428 | 468 |
.page ul.tabs li {
|
| 429 | 469 |
float: right; |
| 430 |
margin: 0 1em;
|
|
| 470 |
margin: 0 0.2em;
|
|
| 431 | 471 |
} |
| 432 | 472 |
|
| 433 | 473 |
#status li {
|
| 434 | 474 |
float:left; |
| 435 |
color:#666;
|
|
| 436 |
padding:10px 40px;
|
|
| 475 |
color:#7D7D7D;
|
|
| 476 |
padding: 9px 70px 0 40px;
|
|
| 437 | 477 |
} |
| 438 | 478 |
|
| 439 |
#status li.active {
|
|
| 440 |
background-color: #87AADE; |
|
| 441 |
font-weight: bold; |
|
| 442 |
color: white; |
|
| 479 |
#status li.active .headernumber {
|
|
| 480 |
color: #FFFFFF; |
|
| 481 |
} |
|
| 482 |
|
|
| 483 |
#status li.active .headerbody {
|
|
| 484 |
color: #5599FF; |
|
| 485 |
} |
|
| 486 |
|
|
| 487 |
div.image-container {
|
|
| 488 |
border-bottom: 1px solid #CCCCCC; |
|
| 489 |
margin-left: 10px; |
|
| 490 |
margin-right: 10px; |
|
| 491 |
} |
|
| 492 |
|
|
| 493 |
#page2-container {
|
|
| 494 |
background-color: #ECECEC; |
|
| 495 |
padding-top: 25px; |
|
| 496 |
height: 180px; |
|
| 497 |
} |
|
| 498 |
|
|
| 499 |
#page3-container {
|
|
| 500 |
background-color: #ECECEC; |
|
| 501 |
padding-left: 50px; |
|
| 502 |
height: 234px; |
|
| 503 |
margin-bottom: 32px; |
|
| 443 | 504 |
} |
| 444 | 505 |
|
| 445 | 506 |
/* slider root element */ |
| 446 | 507 |
.slider {
|
| 447 | 508 |
border: 1px solid #666; |
| 448 |
clear: right; |
|
| 449 | 509 |
cursor: pointer; |
| 450 |
display: block !important;
|
|
| 510 |
display: inline !important;
|
|
| 451 | 511 |
float: left; |
| 452 |
height: 5px; |
|
| 453 |
margin: 20px 0 20px; |
|
| 512 |
margin: 5px 0 20px 10px; |
|
| 454 | 513 |
position: relative; |
| 455 |
width: 330px; |
|
| 514 |
width: 250px; |
|
| 515 |
} |
|
| 516 |
|
|
| 517 |
.sliders {
|
|
| 518 |
float:left; |
|
| 519 |
width: 40px; |
|
| 520 |
margin-left: 10px; |
|
| 521 |
margin-top: 3px; |
|
| 522 |
} |
|
| 523 |
|
|
| 524 |
.units {
|
|
| 525 |
padding-left:10px; |
|
| 526 |
} |
|
| 527 |
|
|
| 528 |
.slider-container {
|
|
| 529 |
padding-bottom: 15px; |
|
| 530 |
margin-left: 5px; |
|
| 456 | 531 |
} |
| 457 | 532 |
|
| 458 | 533 |
/* drag handle */ |
| ... | ... | |
| 462 | 537 |
border: 1px solid #000000; |
| 463 | 538 |
cursor: move; |
| 464 | 539 |
display: block; |
| 465 |
height: 22px;
|
|
| 466 |
margin-top: -15px;
|
|
| 540 |
height: 10px;
|
|
| 541 |
margin-top: -8px;
|
|
| 467 | 542 |
position: absolute; |
| 468 |
width: 10px;
|
|
| 543 |
width: 8px;
|
|
| 469 | 544 |
} |
| 470 | 545 |
|
| 471 | 546 |
/* progress bar (enabled with progress: true) */ |
| 472 | 547 |
.progress {
|
| 473 |
height: 5px;
|
|
| 474 |
background-color: #87AADE;
|
|
| 548 |
height: 3px;
|
|
| 549 |
background-color: #676767;
|
|
| 475 | 550 |
} |
| 476 | 551 |
|
| 477 | 552 |
/* the input field */ |
| 478 | 553 |
.range {
|
| 479 | 554 |
border: 1px inset #ddd; |
| 480 | 555 |
float: left; |
| 481 |
font-size: 12pt; |
|
| 482 |
margin: 10px 0 0 15px; |
|
| 483 |
padding: 3px 0; |
|
| 484 |
text-align: center; |
|
| 485 |
width: 50px; |
|
| 556 |
font-size: 100%; |
|
| 557 |
margin: -3px 0 0 15px; |
|
| 558 |
padding: 2px 10px 2px 0; |
|
| 559 |
text-align: right; |
|
| 560 |
width: 40px; |
|
| 561 |
} |
|
| 562 |
|
|
| 563 |
#credits-indicator {
|
|
| 564 |
background-color: #ECECEC; |
|
| 565 |
float: none; |
|
| 566 |
margin: 0 0 0 8px; |
|
| 486 | 567 |
} |
| 487 | 568 |
|
| 488 | 569 |
div.machine {
|
| ... | ... | |
| 649 | 730 |
border: 1px solid #87AADE; |
| 650 | 731 |
color: #FFFFFF; |
| 651 | 732 |
cursor: pointer; |
| 652 |
padding: 4px 25px; |
|
| 733 |
height: 23px; |
|
| 734 |
width: 120px; |
|
| 653 | 735 |
} |
| 654 | 736 |
|
| 655 | 737 |
button.next:hover {
|
| 656 |
background-color: #f4b400;
|
|
| 657 |
border-color: #f4b400;
|
|
| 738 |
background-color: #68A4FF;
|
|
| 739 |
border-color: #68A4FF;
|
|
| 658 | 740 |
} |
| 659 | 741 |
|
| 660 | 742 |
button.prev:hover {
|
| 661 |
background-color: #a8c5f1;
|
|
| 662 |
border-color: #a8c5f1;
|
|
| 743 |
background-color: #888888;
|
|
| 744 |
border-color: #888888;
|
|
| 663 | 745 |
} |
| 664 | 746 |
|
| 665 | 747 |
button.next {
|
| 666 |
background-color: #F49000;
|
|
| 667 |
border-color: #F49000;
|
|
| 668 |
font-weight: bold;
|
|
| 748 |
background-color: #5599FF;
|
|
| 749 |
border-color: #5599FF;
|
|
| 750 |
text-align: right;
|
|
| 669 | 751 |
} |
| 670 | 752 |
|
| 671 | 753 |
button.prev {
|
| 672 |
margin-left: -19px; |
|
| 754 |
background-color: #666666; |
|
| 755 |
border:none; |
|
| 756 |
margin-left: -1px; |
|
| 673 | 757 |
} |
| 674 | 758 |
|
| 675 | 759 |
.image-logo {
|
| 676 | 760 |
float: left; |
| 677 | 761 |
margin-right: 1em; |
| 762 |
margin-left: 1.5em; |
|
| 678 | 763 |
} |
| 679 | 764 |
|
| 680 | 765 |
div.image {
|
| 681 |
padding: 10px; |
|
| 682 | 766 |
clear: both; |
| 683 | 767 |
display: block; |
| 768 |
margin-bottom: 3px; |
|
| 769 |
margin-top: 3px; |
|
| 770 |
padding: 5px; |
|
| 684 | 771 |
} |
| 685 | 772 |
|
| 686 | 773 |
div#view-select {
|
| ... | ... | |
| 719 | 806 |
color:white !important; |
| 720 | 807 |
} |
| 721 | 808 |
|
| 809 |
#machinetype {
|
|
| 810 |
background-color: #CCCCCC; |
|
| 811 |
height: 25px; |
|
| 812 |
margin-bottom: 4px !important; |
|
| 813 |
} |
|
| 814 |
|
|
| 722 | 815 |
div.machine-type {
|
| 723 | 816 |
float: left; |
| 724 |
margin: 4px 10px 20px 0; |
|
| 817 |
margin: 4px 18px 20px; |
|
| 818 |
} |
|
| 819 |
|
|
| 820 |
.machine-type .active {
|
|
| 821 |
color: #FFFFFF |
|
| 725 | 822 |
} |
| 726 | 823 |
|
| 727 | 824 |
#machinesview {
|
| ... | ... | |
| 818 | 915 |
|
| 819 | 916 |
/* root element for tabs */ |
| 820 | 917 |
#wizard ul.tabs {
|
| 821 |
margin-left: 260px; |
|
| 918 |
margin-right: -1px; |
|
| 919 |
float: right; |
|
| 822 | 920 |
} |
| 823 | 921 |
|
| 824 | 922 |
#wizard div.panes {
|
| 825 |
height: 270px;
|
|
| 923 |
height: 250px;
|
|
| 826 | 924 |
margin-bottom: 6px; |
| 925 |
clear:both; |
|
| 827 | 926 |
} |
| 828 | 927 |
|
| 829 | 928 |
/* single tab */ |
| ... | ... | |
| 836 | 935 |
/* link inside the tab. uses a background image */ |
| 837 | 936 |
#wizard ul.tabs a {
|
| 838 | 937 |
display:block; |
| 839 |
padding: 0.5em;
|
|
| 938 |
padding: 0.3em 0.5em 0.5em 0.4em;
|
|
| 840 | 939 |
text-decoration:none; |
| 841 |
color: #999;
|
|
| 940 |
color: #FFFFFF;
|
|
| 842 | 941 |
position:relative; |
| 843 | 942 |
top:1px; |
| 844 | 943 |
outline:0; |
| 944 |
background-color: #CCCCCC; |
|
| 945 |
text-align: center; |
|
| 946 |
width: 90px; |
|
| 845 | 947 |
} |
| 846 | 948 |
|
| 847 | 949 |
#wizard ul.tabs a:hover {
|
| ... | ... | |
| 852 | 954 |
/* selected tab */ |
| 853 | 955 |
#wizard ul.tabs a.current {
|
| 854 | 956 |
color: white; |
| 855 |
background-color: #87AADE;
|
|
| 957 |
background-color: #666666;
|
|
| 856 | 958 |
cursor: default; |
| 857 | 959 |
} |
| 858 | 960 |
|
| 961 |
#wizard #standard-images {
|
|
| 962 |
background-color: #ECECEC; |
|
| 963 |
} |
|
| 964 |
|
|
| 859 | 965 |
div.list div.actions {
|
| 860 | 966 |
display: none; |
| 861 | 967 |
clear: left; |
Also available in: Unified diff