Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (1.4 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

    
22
	a {
23
		&.nav:focus {
24
			border: none;
25
		}
26
		&.radio_btn:focus, &.check:focus{
27
				border: 1px solid #aee7cc;
28
				padding: 2px;
29
			}
30
	}
31

    
32
	li {
33
		list-style: none outside none;
34
		position: relative;
35
	}
36

    
37
	.net_wiz_main {
38
		padding: 40px;
39
		width:390px;
40

    
41
	}
42

    
43
	.snf-checkbox-checked, .snf-checkbox-unchecked {
44
		font-size: 1.3em;
45
	}
46
	.subnet_options {
47
		margin: 0;
48
		li {
49
			margin-bottom: 6px;
50
			padding-left: 155px;
51
		}
52
}
53

    
54
// for network creation wizard
55

    
56
.main {
57
	padding: 40px;
58
	a {	color: $wizard-base-font-color;}
59
	.network_options {
60
		.dhcp_option {
61
			p {
62
				font-size:emCalc(12px);
63
			}
64
		}
65
		position: relative;
66
		width: $row-small;
67
		margin:0 auto;
68
		.check, .radio_btn {
69
			position: absolute;
70
			right: 0;
71
			&:focus {
72
				right: -3px;
73
				top: -3px;
74
			}
75
		}
76
		.network-name {
77
			h2 {
78
				color:white;
79
				font-size: emCalc(16px);
80
			}
81
		}
82
		
83
		
84
		li {
85
			display: block;
86
			margin-bottom: 13px;
87
			&.manual{
88
				position: relative;
89
				.input {
90
					position: absolute;
91
					right: -170px;
92
					width: 150px;
93
					bottom: 5px;
94
					display: none;
95
				}
96
			}
97
		}		
98
		span.sub_title {
99
			float:left;
100
		}
101
	}
102
}
103
}