root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / icons.scss @ a4784878
History | View | Annotate | Download (1.5 kB)
1 |
// Global Foundation Settings |
---|---|
2 |
@import "settings"; |
3 |
|
4 |
//colors for main icons (icons of networks and vms) |
5 |
|
6 |
$vm-active-color: #75c046; |
7 |
$vm-stopped-color: #e00e63; |
8 |
$network-color: #79c79e; |
9 |
|
10 |
|
11 |
// menu1 is the simple menu and it is used on vm list |
12 |
.menu1 { |
13 |
ul { |
14 |
li { |
15 |
margin-right: 9px; |
16 |
a { |
17 |
.snf-font { |
18 |
font-size: 25px; |
19 |
color: $black; |
20 |
} |
21 |
&:hover { |
22 |
span { |
23 |
color: $secondary-color; |
24 |
} |
25 |
} |
26 |
} |
27 |
} |
28 |
} |
29 |
} |
30 |
|
31 |
|
32 |
// menu2 is bold and gray and it is used on nets list |
33 |
|
34 |
|
35 |
.menu2 { |
36 |
ul { |
37 |
li { |
38 |
margin-right: 9px; |
39 |
a { |
40 |
.snf-font { |
41 |
font-size: 25px; |
42 |
font-weight: bold; |
43 |
color: $primary-color; |
44 |
} |
45 |
&:hover { |
46 |
span { |
47 |
color: $secondary-color; |
48 |
} |
49 |
} |
50 |
} |
51 |
} |
52 |
} |
53 |
} |
54 |
// no style at all... margins as before, used at pithos |
55 |
|
56 |
|
57 |
.menu3 { |
58 |
ul { |
59 |
li { |
60 |
a { |
61 |
.snf-font { |
62 |
font-size: 25px; |
63 |
color: $primary-color; |
64 |
} |
65 |
} |
66 |
} |
67 |
} |
68 |
} |
69 |
|
70 |
|
71 |
//main icons |
72 |
|
73 |
|
74 |
|
75 |
body .items-list .img.running, body .vms .items-list .img.stopped{ |
76 |
background: none; |
77 |
text-indent: 0; |
78 |
width: 60px; |
79 |
height: 60px; |
80 |
} |
81 |
|
82 |
body .img .snf-font { |
83 |
font-size: 60px; |
84 |
} |
85 |
|
86 |
body .networks .img .snf-font.bolding { |
87 |
font-weight: bold; |
88 |
font-size: 57px; |
89 |
top: 6px; |
90 |
} |
91 |
body .networks .img .snf-font { |
92 |
position: relative; |
93 |
top: 2px; |
94 |
} |
95 |
|
96 |
body .networks .running .snf-font { |
97 |
color: $network-color; |
98 |
} |
99 |
|
100 |
body .running .snf-font { |
101 |
color: $vm-active-color; |
102 |
} |
103 |
|
104 |
|
105 |
body .stopped .snf-font { |
106 |
color: $vm-stopped-color; |
107 |
} |
108 |
|
109 |
|
110 |
body .vms .items-list .img .os { |
111 |
left:19px; |
112 |
} |