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