root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _networks.scss @ 3a6860e3
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 |
.snf-checkbox-checked, .snf-checkbox-unchecked { |
38 |
font-size: 1.3em; |
39 |
} |
40 |
.subnet_options { |
41 |
margin: 0; |
42 |
li { |
43 |
margin-top: 20px; |
44 |
} |
45 |
} |
46 |
.step { |
47 |
a { color: $wizard-base-font-color;} |
48 |
.network_options { |
49 |
position: relative; |
50 |
padding-bottom: 20px; |
51 |
.explanatory { |
52 |
font-size:emCalc(12px); |
53 |
margin-top:20px; |
54 |
margin-bottom:60px; |
55 |
} |
56 |
.check, .radio_btn { |
57 |
position: absolute; |
58 |
right: 0; |
59 |
&:focus { |
60 |
right: -3px; |
61 |
top: -3px; |
62 |
} |
63 |
} |
64 |
.network-name { |
65 |
margin: 40px 0; |
66 |
h2 { |
67 |
color:white; |
68 |
font-size: emCalc(16px); |
69 |
} |
70 |
} |
71 |
|
72 |
|
73 |
li{ |
74 |
display: block; |
75 |
width: 360px; |
76 |
&.manual{ |
77 |
position: relative; |
78 |
.input { |
79 |
position: absolute; |
80 |
right: -170px; |
81 |
width: 150px; |
82 |
bottom: 5px; |
83 |
display: none; |
84 |
} |
85 |
} |
86 |
&.project-selection li { |
87 |
width: 100%; |
88 |
} |
89 |
} |
90 |
} |
91 |
} |
92 |
|
93 |
// for network creation wizard |
94 |
|
95 |
} |