Revision 692c5cea snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss | ||
---|---|---|
2 | 2 |
|
3 | 3 |
.vms .items-list { |
4 | 4 |
.img { |
5 |
//@include sprite('../images/vm-on.png', 56px, 58px); |
|
6 |
width: 60px; |
|
7 |
height: 60px; // do we prefer to put it in items_list?? |
|
8 |
display: inline-block; |
|
5 |
width: 60px; |
|
6 |
span { |
|
7 |
&:hover { |
|
8 |
cursor: pointer; |
|
9 |
} |
|
10 |
} |
|
11 |
&:hover { |
|
9 | 12 |
.snf-PC_fill { |
10 |
font-size: 60px; |
|
11 |
color: $vm-active-color; |
|
13 |
color: darken($vm-active-color,10%); |
|
12 | 14 |
} |
13 |
|
|
14 |
&.stopped { |
|
15 |
.snf-PC_fill { |
|
16 |
color: $vm-stopped-color; |
|
17 |
} |
|
18 |
//background-image:url('../images/vm-stopped.png'); |
|
15 |
} |
|
16 |
.snf-PC_fill { |
|
17 |
font-size: 60px; |
|
18 |
color: $vm-active-color; |
|
19 |
} |
|
20 |
&.stopped { |
|
21 |
.snf-PC_fill { |
|
22 |
color: $vm-stopped-color; |
|
19 | 23 |
} |
20 |
.os { |
|
21 |
@include sprite('../images/os-unknown.png', 22px, 22px); |
|
22 |
position: absolute; |
|
23 |
top:8px; |
|
24 |
left:19px; |
|
25 |
&.windows { background-image:url('../images/os-windows.png'); } |
|
26 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); } |
|
27 |
&.fedora { background-image:url('../images/os-fedora.png'); } |
|
24 |
} |
|
25 |
&.stopped:hover { |
|
26 |
.snf-PC_fill { |
|
27 |
color: darken($vm-stopped-color,10%); |
|
28 | 28 |
} |
29 |
|
|
30 | 29 |
} |
30 |
.os { |
|
31 |
@include sprite('../images/os-unknown.png', 22px, 22px); |
|
32 |
position: absolute; |
|
33 |
top:8px; |
|
34 |
left:19px; |
|
35 |
&.windows { background-image:url('../images/os-windows.png'); } |
|
36 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); } |
|
37 |
&.fedora { background-image:url('../images/os-fedora.png'); } |
|
38 |
} |
|
39 |
} |
|
31 | 40 |
} |
32 | 41 |
|
33 | 42 |
.vm { |
... | ... | |
37 | 46 |
display: inline-block; |
38 | 47 |
height: 112px; |
39 | 48 |
.snf-PC_fill { |
40 |
font-size: 112px; |
|
41 |
color: $vm-active-color; |
|
49 |
font-size: 112px; |
|
50 |
color: $vm-active-color; |
|
51 |
} |
|
52 |
&.stopped { |
|
53 |
.snf-PC_fill { |
|
54 |
color: $vm-stopped-color; |
|
42 | 55 |
} |
43 |
|
|
44 |
&.stopped { |
|
45 |
.snf-PC_fill { |
|
46 |
color: $vm-stopped-color; |
|
47 |
} |
|
48 |
//background-image:url('../images/vm-stopped.png'); |
|
49 | 56 |
} |
50 | 57 |
} |
51 | 58 |
.os { |
Also available in: Unified diff