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