Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / icons.scss @ 0fa29762

History | View | Annotate | Download (1.3 kB)

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