Revision 5bdb4b1c snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizards.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizards.scss | ||
|---|---|---|
| 780 | 780 |
font-size: 1.3em; |
| 781 | 781 |
} |
| 782 | 782 |
.step {
|
| 783 |
a { color: $wizard-base-font-color;}
|
|
| 783 |
a {
|
|
| 784 |
color: $wizard-base-font-color; |
|
| 785 |
} |
|
| 786 |
p {
|
|
| 787 |
font-size: $wizard-paragraph-font-size-custom; |
|
| 788 |
line-height: 1; |
|
| 789 |
} |
|
| 784 | 790 |
.volume_options {
|
| 785 |
li{
|
|
| 791 |
&>li{
|
|
| 786 | 792 |
display: block; |
| 787 |
width: 360px; |
|
| 788 | 793 |
&.volume-name { //same with network-name and vm-name
|
| 789 |
margin: 40px 0; |
|
| 790 |
h2 {
|
|
| 791 |
color:white; |
|
| 792 |
font-size: emCalc(16px); |
|
| 794 |
margin: 40px 0; |
|
| 795 |
h2 {
|
|
| 796 |
color:white; |
|
| 797 |
font-size: emCalc(16px); |
|
| 798 |
} |
|
| 793 | 799 |
} |
| 794 |
} |
|
| 795 |
&.volume-size {
|
|
| 796 | 800 |
list-style: none outside none; |
| 797 |
li {
|
|
| 798 |
list-style:none outside none; |
|
| 799 |
margin-bottom:30px; |
|
| 800 |
.title {
|
|
| 801 |
@extend .clearfix; |
|
| 802 |
height:40px; |
|
| 803 |
overflow:hidden; |
|
| 804 |
margin-bottom:emCalc(8px); |
|
| 801 |
margin-bottom:30px; |
|
| 802 |
.title {
|
|
| 803 |
@extend .clearfix; |
|
| 804 |
height:40px; |
|
| 805 |
overflow:hidden; |
|
| 806 |
margin-bottom:emCalc(8px); |
|
| 807 |
color:white; |
|
| 808 |
vertical-align: top; |
|
| 809 |
.icon {
|
|
| 810 |
display: block; |
|
| 811 |
width:60px; |
|
| 812 |
font-size:38px; |
|
| 813 |
float: left; |
|
| 814 |
} |
|
| 815 |
h2 {
|
|
| 816 |
font-size:emCalc(14px); |
|
| 817 |
span {
|
|
| 818 |
font-weight:normal; |
|
| 819 |
} |
|
| 820 |
float:left; |
|
| 821 |
width: 140px; |
|
| 805 | 822 |
color:white; |
| 806 |
vertical-align: top; |
|
| 807 |
.icon {
|
|
| 823 |
margin-right:60px; |
|
| 824 |
padding-left:emCalc(10px); |
|
| 825 |
em {
|
|
| 808 | 826 |
display: block; |
| 809 |
width:60px; |
|
| 810 |
font-size:38px; |
|
| 811 |
float: left; |
|
| 812 |
} |
|
| 813 |
h2 {
|
|
| 814 |
font-size:emCalc(14px); |
|
| 815 |
span {
|
|
| 816 |
font-weight:normal; |
|
| 817 |
} |
|
| 818 |
float:left; |
|
| 819 |
width: 140px; |
|
| 820 |
color:white; |
|
| 821 |
margin-right:60px; |
|
| 822 |
padding-left:emCalc(10px); |
|
| 823 |
em {
|
|
| 824 |
display: block; |
|
| 825 |
margin-top:4px; |
|
| 826 |
font-size:11px; |
|
| 827 |
font-style:normal; |
|
| 828 |
font-weight:normal; |
|
| 829 |
white-space: nowrap; |
|
| 830 |
line-height: 13px; |
|
| 831 |
} |
|
| 832 |
} |
|
| 833 |
p {
|
|
| 834 |
visibility: hidden; |
|
| 835 |
overflow:hidden; |
|
| 836 |
min-height:40px; |
|
| 827 |
margin-top:4px; |
|
| 837 | 828 |
font-size:11px; |
| 838 |
line-height:11px; |
|
| 829 |
font-style:normal; |
|
| 830 |
font-weight:normal; |
|
| 831 |
white-space: nowrap; |
|
| 832 |
line-height: 13px; |
|
| 839 | 833 |
} |
| 840 | 834 |
} |
| 841 |
.options-bar {
|
|
| 842 |
@extend .clearfix; |
|
| 843 |
.bar {
|
|
| 844 |
width:200px; |
|
| 845 |
float:left; |
|
| 846 |
margin-right:60px; |
|
| 847 |
height: 20px; |
|
| 848 |
position: relative; |
|
| 849 |
top:10px; |
|
| 850 |
.wrap {
|
|
| 851 |
border:1px solid white; |
|
| 852 |
padding:1px; |
|
| 853 |
height: 100%; |
|
| 854 |
&.disabled-progress-bar {
|
|
| 855 |
border-color: $disabled-resource-color; |
|
| 856 |
.container{
|
|
| 857 |
.total {
|
|
| 858 |
background-color: $disabled-resource-color; |
|
| 859 |
} |
|
| 835 |
p {
|
|
| 836 |
visibility: hidden; |
|
| 837 |
overflow:hidden; |
|
| 838 |
min-height:40px; |
|
| 839 |
font-size:11px; |
|
| 840 |
line-height:11px; |
|
| 841 |
} |
|
| 842 |
} |
|
| 843 |
.options-bar {
|
|
| 844 |
@extend .clearfix; |
|
| 845 |
.bar {
|
|
| 846 |
width:200px; |
|
| 847 |
float:left; |
|
| 848 |
margin-right:60px; |
|
| 849 |
height: 20px; |
|
| 850 |
position: relative; |
|
| 851 |
top:10px; |
|
| 852 |
.wrap {
|
|
| 853 |
border:1px solid white; |
|
| 854 |
padding:1px; |
|
| 855 |
height: 100%; |
|
| 856 |
&.disabled-progress-bar {
|
|
| 857 |
border-color: $disabled-resource-color; |
|
| 858 |
.container{
|
|
| 859 |
.total {
|
|
| 860 |
background-color: $disabled-resource-color; |
|
| 860 | 861 |
} |
| 861 | 862 |
} |
| 862 |
.container {
|
|
| 863 |
} |
|
| 864 |
.container {
|
|
| 865 |
height: 100%; |
|
| 866 |
.total {
|
|
| 867 |
background:$primary-color; |
|
| 863 | 868 |
height: 100%; |
| 864 |
.total {
|
|
| 865 |
background:$primary-color; |
|
| 869 |
float:left; |
|
| 870 |
position: relative; |
|
| 871 |
.current {
|
|
| 872 |
background:white; |
|
| 866 | 873 |
height: 100%; |
| 867 | 874 |
float:left; |
| 868 |
position: relative; |
|
| 869 |
.current {
|
|
| 870 |
background:white; |
|
| 871 |
height: 100%; |
|
| 872 |
float:left; |
|
| 873 |
} |
|
| 875 |
} |
|
| 876 |
span {
|
|
| 877 |
position:absolute; |
|
| 878 |
right:10px; |
|
| 879 |
font-size: emCalc(9px); |
|
| 880 |
top:2px; |
|
| 881 |
} |
|
| 882 |
&.low {
|
|
| 874 | 883 |
span {
|
| 875 |
position:absolute; |
|
| 876 |
right:10px; |
|
| 877 |
font-size: emCalc(9px); |
|
| 878 |
top:2px; |
|
| 879 |
} |
|
| 880 |
&.low {
|
|
| 881 |
span {
|
|
| 882 |
right:-30px; |
|
| 883 |
color:white; |
|
| 884 |
} |
|
| 884 |
right:-30px; |
|
| 885 |
color:white; |
|
| 885 | 886 |
} |
| 886 | 887 |
} |
| 887 | 888 |
} |
| 888 |
|
|
| 889 | 889 |
} |
| 890 | 890 |
} |
| 891 |
.options {
|
|
| 892 |
overflow:hidden; |
|
| 891 |
} |
|
| 892 |
.options {
|
|
| 893 |
overflow:hidden; |
|
| 894 |
list-style: none outside none; |
|
| 895 |
li {
|
|
| 893 | 896 |
list-style: none outside none; |
| 894 |
li {
|
|
| 895 |
list-style: none outside none; |
|
| 896 |
display: inline-block; |
|
| 897 |
margin-right: 10px; |
|
| 898 |
margin-bottom:0; |
|
| 899 |
a {
|
|
| 900 |
@extend .btn5; |
|
| 901 |
min-width: 60px; |
|
| 902 |
&.current {
|
|
| 903 |
color:$overlay-bg-color; |
|
| 904 |
} |
|
| 905 |
&.disabled {
|
|
| 906 |
border-color: $disabled-resource-color; |
|
| 907 |
color: $disabled-resource-color; |
|
| 908 |
&:hover, &:active {
|
|
| 909 |
cursor: default; |
|
| 910 |
border-width: 1px; |
|
| 911 |
line-height: 28px; |
|
| 897 |
display: inline-block; |
|
| 898 |
margin-right: 10px; |
|
| 899 |
margin-bottom:0; |
|
| 900 |
a {
|
|
| 901 |
@extend .btn5; |
|
| 902 |
min-width: 60px; |
|
| 903 |
&.current {
|
|
| 904 |
color:$overlay-bg-color; |
|
| 905 |
} |
|
| 906 |
&.disabled {
|
|
| 907 |
border-color: $disabled-resource-color; |
|
| 908 |
color: $disabled-resource-color; |
|
| 909 |
&:hover, &:active {
|
|
| 910 |
cursor: default; |
|
| 911 |
border-width: 1px; |
|
| 912 |
line-height: 28px; |
|
| 912 | 913 |
|
| 913 |
} |
|
| 914 | 914 |
} |
| 915 | 915 |
} |
| 916 | 916 |
} |
| ... | ... | |
| 918 | 918 |
} |
| 919 | 919 |
} |
| 920 | 920 |
} |
| 921 |
} |
|
| 921 |
} |
|
| 922 |
.explain {
|
|
| 923 |
margin-bottom: 1em; |
|
| 922 | 924 |
} |
| 923 | 925 |
} |
| 924 | 926 |
} |
Also available in: Unified diff