Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _networks.scss @ 989de44a

History | View | Annotate | Download (1.1 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
.create-network {
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
	.network_options {
47
		position: relative;
48
		width: 350px;
49
		min-height: 285px;
50
		
51
		.check {
52
			position: absolute;
53
			right: 0;
54
		}
55
		
56
		li {
57
			display: block;
58
			margin-bottom: 13px;
59
		
60
			form {
61
				margin: 0;
62
				
63
				input {
64
					position: absolute;
65
					display: inline-block;
66
					right: 0;
67
					width: 200px;
68
					height: 20px;
69
					font-size: 0.9em;
70
					
71
					&.hidden {
72
						display: none;
73
					}
74
				}
75
			}
76
			&.manual form input {
77
				right: -160px;
78
				width: 150px;
79
			}
80
		}		
81
		span.sub_title {
82
			float:left;
83
		}
84
	}
85
}
86