root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _networks.scss @ 7219a2ca
History | View | Annotate | Download (1.4 kB)
1 |
/* Networks related styles */ |
---|---|
2 |
|
3 |
.networks .items-list { |
4 |
.img { |
5 |
@include sprite('../images/network-green102x116.png', 51px, 58px); |
6 |
background-size:100%; |
7 |
} |
8 |
} |
9 |
|
10 |
.network { |
11 |
.top { |
12 |
.img { |
13 |
@include sprite('../images/network-green102x116.png', 102px, 116px); |
14 |
} |
15 |
} |
16 |
} |
17 |
|
18 |
|
19 |
|
20 |
#network-wizard { |
21 |
|
22 |
a { |
23 |
&.nav:focus { |
24 |
border: none; |
25 |
} |
26 |
&.radio_btn:focus, &.check:focus{ |
27 |
border: 1px solid #aee7cc; |
28 |
padding: 2px; |
29 |
} |
30 |
} |
31 |
|
32 |
li { |
33 |
list-style: none outside none; |
34 |
position: relative; |
35 |
} |
36 |
|
37 |
.net_wiz_main { |
38 |
width:360px; |
39 |
|
40 |
} |
41 |
|
42 |
.snf-checkbox-checked, .snf-checkbox-unchecked { |
43 |
font-size: 1.3em; |
44 |
} |
45 |
.subnet_options { |
46 |
margin: 0; |
47 |
li { |
48 |
margin-top: 20px; |
49 |
} |
50 |
} |
51 |
|
52 |
// for network creation wizard |
53 |
|
54 |
.main { |
55 |
a { color: $wizard-base-font-color;} |
56 |
.network_options { |
57 |
.dhcp_option { |
58 |
p { |
59 |
font-size:emCalc(12px); |
60 |
margin-top:20px; |
61 |
margin-bottom:60px; |
62 |
} |
63 |
} |
64 |
position: relative; |
65 |
width: 360px; |
66 |
.check, .radio_btn { |
67 |
position: absolute; |
68 |
right: 0; |
69 |
&:focus { |
70 |
right: -3px; |
71 |
top: -3px; |
72 |
} |
73 |
} |
74 |
.network-name { |
75 |
margin-top: 50px; |
76 |
margin-bottom: 50px; |
77 |
h2 { |
78 |
color:white; |
79 |
font-size: emCalc(16px); |
80 |
} |
81 |
} |
82 |
|
83 |
|
84 |
li { |
85 |
display: block; |
86 |
&.manual{ |
87 |
position: relative; |
88 |
.input { |
89 |
position: absolute; |
90 |
right: -170px; |
91 |
width: 150px; |
92 |
bottom: 5px; |
93 |
display: none; |
94 |
} |
95 |
} |
96 |
} |
97 |
span.sub_title { |
98 |
|
99 |
} |
100 |
} |
101 |
} |
102 |
} |