Revision b3ffc710 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 543 | 543 |
color: $wizard-base-font-color; |
| 544 | 544 |
} |
| 545 | 545 |
.expand-btn {
|
| 546 |
margin: 50px 0 45px;
|
|
| 546 |
margin: 50px 0 $step-adv-padding;
|
|
| 547 | 547 |
a {
|
| 548 | 548 |
color:$wizard-base-font-color; |
| 549 | 549 |
span {
|
| ... | ... | |
| 579 | 579 |
font-size: 20px; |
| 580 | 580 |
} |
| 581 | 581 |
.area {
|
| 582 |
padding-top: 30px; |
|
| 583 |
padding-bottom: 30px; |
|
| 582 |
padding:$step-adv-padding 0; |
|
| 584 | 583 |
.row {
|
| 585 |
*{
|
|
| 586 |
margin-left: 0; |
|
| 587 |
// width:$row-small; |
|
| 588 |
// padding-left:0; |
|
| 589 |
} |
|
| 590 | 584 |
p{
|
| 591 |
width:340px;
|
|
| 585 |
max-width:340px;
|
|
| 592 | 586 |
margin-bottom: 20px; |
| 593 | 587 |
} |
| 594 | 588 |
} |
| ... | ... | |
| 616 | 610 |
} |
| 617 | 611 |
.ssh-keys-area {
|
| 618 | 612 |
background-color: $ssh-opt-area-color; |
| 619 |
padding-bottom: 60px; |
|
| 620 | 613 |
.btn5 {
|
| 621 | 614 |
margin-top: 3px; |
| 622 | 615 |
} |
| ... | ... | |
| 626 | 619 |
background-color: $net-opt-area-color; |
| 627 | 620 |
ul {
|
| 628 | 621 |
position: relative; |
| 629 |
left: -20px;
|
|
| 622 |
margin-bottom:0;
|
|
| 630 | 623 |
} |
| 631 | 624 |
li {
|
| 632 | 625 |
.net-icons {
|
| 633 | 626 |
padding-right:30px; |
| 634 |
// position:absolute; |
|
| 635 |
// left:-200px; |
|
| 636 |
// top:-12px; |
|
| 637 | 627 |
display: inline-block; |
| 638 | 628 |
width:145px; |
| 639 | 629 |
text-align: right; |
| 640 | 630 |
font-size:30px; |
| 641 | 631 |
margin-bottom: 0; |
| 632 |
position: relative; |
|
| 642 | 633 |
span {
|
| 643 |
// margin-left:6px;
|
|
| 634 |
position: relative;
|
|
| 644 | 635 |
&.snf-modem {
|
| 645 |
position: relative; |
|
| 646 |
top:-6px; |
|
| 636 |
top:-1px; |
|
| 647 | 637 |
} |
| 648 |
} |
|
| 638 |
&.snf-www {
|
|
| 639 |
top:6px; |
|
| 640 |
} |
|
| 641 |
&.snf-network_full {
|
|
| 642 |
top:5px; |
|
| 643 |
} |
|
| 644 |
&.temp-line {
|
|
| 645 |
position: absolute; |
|
| 646 |
height:1px; |
|
| 647 |
width:13px; |
|
| 648 |
background:white; |
|
| 649 |
bottom:15px; |
|
| 650 |
&.line1 { right:56px; }
|
|
| 651 |
&.line2 {
|
|
| 652 |
right:97px; |
|
| 653 |
width:10px; |
|
| 654 |
} |
|
| 655 |
} |
|
| 656 |
} |
|
| 649 | 657 |
} |
| 650 |
|
|
| 651 |
|
|
| 652 |
|
|
| 653 | 658 |
&.more {
|
| 654 |
// display: none; |
|
| 655 | 659 |
background:$net-more-opt-area-color; |
| 656 |
margin-bottom:1em;
|
|
| 657 |
padding:30px 0;
|
|
| 660 |
margin-bottom:0;
|
|
| 661 |
padding:$step-adv-padding 0;
|
|
| 658 | 662 |
color:$net-opt-area-color; |
| 659 | 663 |
h3 {
|
| 660 | 664 |
color:$net-opt-area-color; |
| 661 | 665 |
padding-left: 145px; |
| 666 |
&:hover {
|
|
| 667 |
cursor: pointer; |
|
| 668 |
} |
|
| 662 | 669 |
} |
| 663 | 670 |
.btn5 {
|
| 664 | 671 |
margin-top:20px; |
| ... | ... | |
| 688 | 695 |
margin: 30px 5px; |
| 689 | 696 |
display: inline-block; |
| 690 | 697 |
} |
| 691 |
.form-item {
|
|
| 692 |
//display:inline-block; |
|
| 693 |
// position: relative; |
|
| 694 |
// bottom: 20px; |
|
| 695 |
|
|
| 696 |
} |
|
| 697 | 698 |
.btns {
|
| 698 |
// position: relative; |
|
| 699 |
// bottom: -45px; |
|
| 700 |
// margin-bottom: 45px; |
|
| 701 | 699 |
margin-top: 77px; |
| 702 | 700 |
margin-bottom: 30px; |
| 703 | 701 |
} |
| 704 | 702 |
.btn5 {
|
| 705 | 703 |
margin-right:20px; |
| 706 | 704 |
} |
| 707 |
|
|
| 705 |
.tag-demo {
|
|
| 706 |
left:10px; |
|
| 707 |
} |
|
| 708 | 708 |
h3 {
|
| 709 | 709 |
width: $conf-area-h-width; |
| 710 | 710 |
color:white; |
Also available in: Unified diff