Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _forms.scss @ 3231ff01

History | View | Annotate | Download (1.7 kB)

1
/* Table of Contents
2

    
3
- editable
4
- universal form styles
5
- vm wizard styles
6
*/
7

    
8

    
9
/* editable (used for changing info asychronously) ------------------ */
10

    
11
.editable {
12
	.editbuttons {		
13
		a {
14
			&.save {
15
				display: none;
16
				span {
17
					font-size: 18px;
18
				}
19
			} 
20
			&.cancel {
21
				@extend a.save
22
			}
23
		}
24
	}
25
	input[type="text"] {
26
		display: none;
27
	}
28
}
29

    
30

    
31
/* universal form styles ------------------ */
32

    
33
.input {
34
	display: inline-block;
35
	background:url(../images/input-bg-lt.png) no-repeat left bottom;
36
	padding-left:6px;
37
	input[type="text"] {
38
		width: 142px;
39
		padding:0 12px 0 6px;
40
		border:0 none;
41
		background:url(../images/input-bg-rt.png) no-repeat right bottom;
42
		background-color: transparent;
43
		outline: 0;
44
		margin:0;
45
		color: $wizard-base-font-color;
46
		@include box-shadow(none);
47
		@include placeholder {
48
			color:$black;
49
		}
50
	}
51
}
52

    
53
/* vm wizard styles ------------------ */
54

    
55
.advanced-conf-step {
56
	#color {
57
		@extend .tag-demo;
58
		margin: 0 15px 0 10px;
59
		position: static;
60
		vertical-align: text-bottom;
61
		border-color:transparent;
62
		color: transparent;
63
	}
64
	@include placeholder {
65
		    color:white;
66
		}
67
	.snf-color-picker>form {
68
		height:237px;
69
		width: 100%
70
	}
71
}
72
.wizard {
73
	form.custom .custom.dropdown.medium {
74
		background:$overlay-color;
75
		color:white;
76
	}
77
	form.custom .custom.dropdown .current {
78
		color:white;
79
	}
80
	form.custom .custom.dropdown .selector {
81
		border-left:1px solid white;
82
		height: 30px;
83
	}
84
	form.custom .custom.dropdown.open ul {
85
		background:$overlay-color;
86
		color:white;
87
	}
88
	form.custom .custom.dropdown ul li {
89
		color:white;
90
	}
91
	form.custom .custom.dropdown ul li.selected {
92
		color:white;
93
		background:lighten($overlay-color,10%);
94
	}
95
	form.custom .custom.dropdown ul li:hover {
96
		background:lighten($overlay-color,20%);
97
		color:white;
98
	}
99
}