Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / icons.scss @ 692c5cea

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
}