Revision 7219a2ca
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
---|---|---|
213 | 213 |
</div> |
214 | 214 |
</li> |
215 | 215 |
<li data-order="3"> |
216 |
<div class="add-new"><a href="#">NEW<br>NETWORK</a></div> |
|
216 |
<div class="add-new"><a data-overlay-id="#network-wizard" href="#">NEW<br>NETWORK</a></div>
|
|
217 | 217 |
</li> |
218 | 218 |
</ul> |
219 | 219 |
</div> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_networks.scss | ||
---|---|---|
35 | 35 |
} |
36 | 36 |
|
37 | 37 |
.net_wiz_main { |
38 |
padding: 40px; |
|
39 |
width:390px; |
|
38 |
width:360px; |
|
40 | 39 |
|
41 | 40 |
} |
42 | 41 |
|
... | ... | |
46 | 45 |
.subnet_options { |
47 | 46 |
margin: 0; |
48 | 47 |
li { |
49 |
margin-bottom: 6px; |
|
50 |
padding-left: 155px; |
|
48 |
margin-top: 20px; |
|
51 | 49 |
} |
52 |
} |
|
50 |
}
|
|
53 | 51 |
|
54 | 52 |
// for network creation wizard |
55 | 53 |
|
56 | 54 |
.main { |
57 |
padding: 40px; |
|
58 | 55 |
a { color: $wizard-base-font-color;} |
59 | 56 |
.network_options { |
60 | 57 |
.dhcp_option { |
61 | 58 |
p { |
62 | 59 |
font-size:emCalc(12px); |
60 |
margin-top:20px; |
|
61 |
margin-bottom:60px; |
|
63 | 62 |
} |
64 | 63 |
} |
65 | 64 |
position: relative; |
66 |
width: $row-small; |
|
67 |
margin:0 auto; |
|
65 |
width: 360px; |
|
68 | 66 |
.check, .radio_btn { |
69 | 67 |
position: absolute; |
70 | 68 |
right: 0; |
... | ... | |
74 | 72 |
} |
75 | 73 |
} |
76 | 74 |
.network-name { |
75 |
margin-top: 50px; |
|
76 |
margin-bottom: 50px; |
|
77 | 77 |
h2 { |
78 | 78 |
color:white; |
79 | 79 |
font-size: emCalc(16px); |
... | ... | |
83 | 83 |
|
84 | 84 |
li { |
85 | 85 |
display: block; |
86 |
margin-bottom: 13px; |
|
87 | 86 |
&.manual{ |
88 | 87 |
position: relative; |
89 | 88 |
.input { |
... | ... | |
96 | 95 |
} |
97 | 96 |
} |
98 | 97 |
span.sub_title { |
99 |
float:left; |
|
98 |
|
|
100 | 99 |
} |
101 | 100 |
} |
102 | 101 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
---|---|---|
8056 | 8056 |
} |
8057 | 8057 |
/* line 37, ../sass/_networks.scss */ |
8058 | 8058 |
#network-wizard .net_wiz_main { |
8059 |
padding: 40px; |
|
8060 |
width: 390px; |
|
8059 |
width: 360px; |
|
8061 | 8060 |
} |
8062 |
/* line 43, ../sass/_networks.scss */
|
|
8061 |
/* line 42, ../sass/_networks.scss */
|
|
8063 | 8062 |
#network-wizard .snf-checkbox-checked, #network-wizard .snf-checkbox-unchecked { |
8064 | 8063 |
font-size: 1.3em; |
8065 | 8064 |
} |
8066 |
/* line 46, ../sass/_networks.scss */
|
|
8065 |
/* line 45, ../sass/_networks.scss */
|
|
8067 | 8066 |
#network-wizard .subnet_options { |
8068 | 8067 |
margin: 0; |
8069 | 8068 |
} |
8070 |
/* line 48, ../sass/_networks.scss */
|
|
8069 |
/* line 47, ../sass/_networks.scss */
|
|
8071 | 8070 |
#network-wizard .subnet_options li { |
8072 |
margin-bottom: 6px; |
|
8073 |
padding-left: 155px; |
|
8074 |
} |
|
8075 |
/* line 56, ../sass/_networks.scss */ |
|
8076 |
#network-wizard .main { |
|
8077 |
padding: 40px; |
|
8071 |
margin-top: 20px; |
|
8078 | 8072 |
} |
8079 |
/* line 58, ../sass/_networks.scss */
|
|
8073 |
/* line 55, ../sass/_networks.scss */
|
|
8080 | 8074 |
#network-wizard .main a { |
8081 | 8075 |
color: white; |
8082 | 8076 |
} |
8083 |
/* line 59, ../sass/_networks.scss */
|
|
8077 |
/* line 56, ../sass/_networks.scss */
|
|
8084 | 8078 |
#network-wizard .main .network_options { |
8085 | 8079 |
position: relative; |
8086 |
width: 36.25em; |
|
8087 |
margin: 0 auto; |
|
8080 |
width: 360px; |
|
8088 | 8081 |
} |
8089 |
/* line 61, ../sass/_networks.scss */
|
|
8082 |
/* line 58, ../sass/_networks.scss */
|
|
8090 | 8083 |
#network-wizard .main .network_options .dhcp_option p { |
8091 | 8084 |
font-size: 0.75em; |
8085 |
margin-top: 20px; |
|
8086 |
margin-bottom: 60px; |
|
8092 | 8087 |
} |
8093 |
/* line 68, ../sass/_networks.scss */
|
|
8088 |
/* line 66, ../sass/_networks.scss */
|
|
8094 | 8089 |
#network-wizard .main .network_options .check, #network-wizard .main .network_options .radio_btn { |
8095 | 8090 |
position: absolute; |
8096 | 8091 |
right: 0; |
8097 | 8092 |
} |
8098 |
/* line 71, ../sass/_networks.scss */
|
|
8093 |
/* line 69, ../sass/_networks.scss */
|
|
8099 | 8094 |
#network-wizard .main .network_options .check:focus, #network-wizard .main .network_options .radio_btn:focus { |
8100 | 8095 |
right: -3px; |
8101 | 8096 |
top: -3px; |
8102 | 8097 |
} |
8098 |
/* line 74, ../sass/_networks.scss */ |
|
8099 |
#network-wizard .main .network_options .network-name { |
|
8100 |
margin-top: 50px; |
|
8101 |
margin-bottom: 50px; |
|
8102 |
} |
|
8103 | 8103 |
/* line 77, ../sass/_networks.scss */ |
8104 | 8104 |
#network-wizard .main .network_options .network-name h2 { |
8105 | 8105 |
color: white; |
... | ... | |
8108 | 8108 |
/* line 84, ../sass/_networks.scss */ |
8109 | 8109 |
#network-wizard .main .network_options li { |
8110 | 8110 |
display: block; |
8111 |
margin-bottom: 13px; |
|
8112 | 8111 |
} |
8113 |
/* line 87, ../sass/_networks.scss */
|
|
8112 |
/* line 86, ../sass/_networks.scss */
|
|
8114 | 8113 |
#network-wizard .main .network_options li.manual { |
8115 | 8114 |
position: relative; |
8116 | 8115 |
} |
8117 |
/* line 89, ../sass/_networks.scss */
|
|
8116 |
/* line 88, ../sass/_networks.scss */
|
|
8118 | 8117 |
#network-wizard .main .network_options li.manual .input { |
8119 | 8118 |
position: absolute; |
8120 | 8119 |
right: -170px; |
... | ... | |
8122 | 8121 |
bottom: 5px; |
8123 | 8122 |
display: none; |
8124 | 8123 |
} |
8125 |
/* line 98, ../sass/_networks.scss */ |
|
8126 |
#network-wizard .main .network_options span.sub_title { |
|
8127 |
float: left; |
|
8128 |
} |
|
8129 | 8124 |
|
8130 | 8125 |
/* Storage (pithos) related styles */ |
8131 | 8126 |
/* line 3, ../sass/_storage.scss */ |
Also available in: Unified diff