Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _networks.scss @ 6d7b9bc4

History | View | Annotate | Download (1.2 kB)

1
/* Networks related styles  */
2

    
3
.networks .items-list {
4
	.img {
5
		@include sprite('../images/network-green102x116.png', 51px, 58px);
6
		background-size:100%;
7
	}
8
}
9

    
10
.network {
11
	.top {
12
		.img {
13
			@include sprite('../images/network-green102x116.png', 102px, 116px);
14
		}
15
	}
16
}
17

    
18

    
19

    
20
#network-wizard {
21
	// color: #fff;
22
	// .check {
23
	// 	color: #fff;
24
	// }
25
	p {
26
		font-size: 0.8em;
27
		font-style: italic;
28
		margin: 5px 0 0;
29
		width: 545px;
30
	}
31

    
32
	li {
33
		list-style: none outside none;
34
	}
35
	.snf-checkbox-checked, .snf-checkbox-unchecked {
36
		font-size: 1.3em;
37
	}
38
	.subnet_options {
39
		margin: 0;
40
		li {
41
			margin-bottom: 6px;
42
			padding-left: 155px;
43
		}
44
}
45

    
46
// for network creation wizard
47

    
48
.main {
49

    
50
	padding: 40px;
51
	a {	color: $wizard-base-font-color;}
52
	.network_options {
53
		position: relative;
54
		width: 350px;
55
		min-height: 285px;
56
		
57
		.check {
58
			position: absolute;
59
			right: 0;
60
		}
61
		
62
		li {
63
			display: block;
64
			margin-bottom: 13px;
65
		
66
			form {
67
				margin: 0;
68
				
69
				input {
70
					position: absolute;
71
					display: inline-block;
72
					right: 0;
73
					width: 200px;
74
					height: 20px;
75
					font-size: 0.9em;
76
					
77
					&.hidden {
78
						display: none;
79
					}
80
				}
81
			}
82
			&.manual form input {
83
				right: -160px;
84
				width: 150px;
85
			}
86
		}		
87
		span.sub_title {
88
			float:left;
89
		}
90
	}
91
}
92
}