Revision e11021ca snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 273 | 273 |
margin-bottom:40px; |
| 274 | 274 |
} |
| 275 | 275 |
} |
| 276 |
&.step-3 {
|
|
| 277 |
padding-top: 45px; |
|
| 278 |
} |
|
| 276 | 279 |
.os {
|
| 277 | 280 |
li {
|
| 278 | 281 |
list-style: none outside none; |
| ... | ... | |
| 505 | 508 |
h2 {
|
| 506 | 509 |
color: $wizard-base-font-color; |
| 507 | 510 |
font-size: 1em; |
| 508 |
margin:0 auto 1em;
|
|
| 511 |
margin-bottom: 10px;
|
|
| 509 | 512 |
} |
| 510 | 513 |
p {
|
| 511 | 514 |
font-size: $wizard-paragraph-font-size; |
| ... | ... | |
| 514 | 517 |
color: $wizard-base-font-color; |
| 515 | 518 |
} |
| 516 | 519 |
.expand-btn {
|
| 517 |
margin: 50px 0 30px;
|
|
| 520 |
margin: 50px 0 45px;
|
|
| 518 | 521 |
a {
|
| 519 | 522 |
color:$wizard-base-font-color; |
| 520 |
} |
|
| 523 |
span {
|
|
| 524 |
padding-left:24px; |
|
| 525 |
} |
|
| 526 |
} |
|
| 521 | 527 |
|
| 522 | 528 |
|
| 523 | 529 |
} |
| 524 | 530 |
.adv-main {
|
| 525 |
padding: 10px 0 30px; |
|
| 526 |
width:$row-small; |
|
| 531 |
// padding: 10px 0 30px;
|
|
| 532 |
// width:$row-small;
|
|
| 527 | 533 |
.vm-name {
|
| 528 | 534 |
h2 {
|
| 529 | 535 |
color:white; |
| 530 | 536 |
font-size:1em; |
| 531 | 537 |
margin-bottom:0.5em; |
| 532 | 538 |
} |
| 539 |
|
|
| 533 | 540 |
} |
| 534 | 541 |
} |
| 535 | 542 |
.btn5 {
|
| ... | ... | |
| 542 | 549 |
} |
| 543 | 550 |
.advanced-conf-options {
|
| 544 | 551 |
display: none; |
| 552 |
.check {
|
|
| 553 |
font-size: 20px; |
|
| 554 |
} |
|
| 545 | 555 |
.area {
|
| 546 |
padding:30px 0; |
|
| 556 |
padding-top: 30px; |
|
| 557 |
padding-bottom: 30px; |
|
| 547 | 558 |
.row {
|
| 548 |
width:$row-small; |
|
| 549 |
padding-left:0; |
|
| 559 |
*{
|
|
| 560 |
margin-left: 0; |
|
| 561 |
// width:$row-small; |
|
| 562 |
// padding-left:0; |
|
| 563 |
} |
|
| 564 |
p{
|
|
| 565 |
width:340px; |
|
| 566 |
margin-bottom: 20px; |
|
| 567 |
} |
|
| 550 | 568 |
} |
| 551 | 569 |
ul {
|
| 552 | 570 |
li {
|
| ... | ... | |
| 563 | 581 |
color:white; |
| 564 | 582 |
font-size:1em; |
| 565 | 583 |
font-weight: normal; |
| 566 |
margin:0 20px 0 0;
|
|
| 584 |
margin:0 28px 0 0;
|
|
| 567 | 585 |
display: inline-block; |
| 568 | 586 |
//&.net-name { width: 9.063em }
|
| 569 | 587 |
} |
| ... | ... | |
| 572 | 590 |
} |
| 573 | 591 |
.ssh-keys-area {
|
| 574 | 592 |
background-color: $ssh-opt-area-color; |
| 593 |
padding-bottom: 60px; |
|
| 594 |
.btn5 {
|
|
| 595 |
margin-top: 3px; |
|
| 596 |
} |
|
| 597 |
|
|
| 575 | 598 |
} |
| 576 | 599 |
.networks-area {
|
| 577 | 600 |
background-color: $net-opt-area-color; |
| 601 |
ul {
|
|
| 602 |
position: relative; |
|
| 603 |
left: -20px; |
|
| 604 |
} |
|
| 578 | 605 |
li {
|
| 579 | 606 |
.net-icons {
|
| 580 |
padding-right:20px;
|
|
| 607 |
padding-right:30px;
|
|
| 581 | 608 |
// position:absolute; |
| 582 | 609 |
// left:-200px; |
| 583 | 610 |
// top:-12px; |
| ... | ... | |
| 587 | 614 |
font-size:30px; |
| 588 | 615 |
margin-bottom: 0; |
| 589 | 616 |
span {
|
| 590 |
margin-left:6px; |
|
| 617 |
// margin-left:6px;
|
|
| 591 | 618 |
&.snf-modem {
|
| 592 | 619 |
position: relative; |
| 593 | 620 |
top:-6px; |
| ... | ... | |
| 608 | 635 |
padding-left: 145px; |
| 609 | 636 |
} |
| 610 | 637 |
.btn5 {
|
| 611 |
margin-top:1em;
|
|
| 638 |
margin-top:20px;
|
|
| 612 | 639 |
border-color:$net-opt-area-color; |
| 613 | 640 |
color:$net-opt-area-color; |
| 641 |
margin-left:145px; |
|
| 614 | 642 |
} |
| 615 | 643 |
.checkbox {
|
| 616 | 644 |
a {
|
| ... | ... | |
| 650 | 678 |
.btn5 {
|
| 651 | 679 |
margin-right:20px; |
| 652 | 680 |
} |
| 681 |
|
|
| 682 |
h3 {
|
|
| 683 |
width: $conf-area-h-width; |
|
| 684 |
color:white; |
|
| 685 |
font-size:1em; |
|
| 686 |
font-weight: normal; |
|
| 687 |
margin:0 28px 0 0; |
|
| 688 |
display: inline-block; |
|
| 689 |
//&.net-name { width: 9.063em }
|
|
| 690 |
} |
|
| 691 |
.list-header {
|
|
| 692 |
position: relative; |
|
| 693 |
left: -14px; |
|
| 694 |
h3 {
|
|
| 695 |
margin-right: 35px; |
|
| 696 |
} |
|
| 697 |
} |
|
| 698 |
|
|
| 699 |
|
|
| 653 | 700 |
} |
| 654 | 701 |
} |
| 655 | 702 |
} |
Also available in: Unified diff