Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (1.7 kB)

1
/* Table of Contents
2

    
3
- editable 
4

    
5
*/
6

    
7
/* editable (used for changing info asychronously) ------------------ */
8

    
9
.editable {
10
	.editbuttons {		
11
		a {
12
			&.save {
13
				display: none;
14
				span {
15
					font-size: 18px;
16
				}
17
			} 
18
			&.cancel {
19
				@extend a.save
20
			}
21
		}
22
	}
23
	input[type="text"] {
24
		display: none;
25
	}
26
}
27
.input {
28
	display: inline-block;
29
	background:url(../images/input-bg-lt.png) no-repeat left bottom;
30
	padding-left:5px;
31
	input[type="text"] {
32
		width: 145px;
33
		padding:0 12px 0 6px;
34
		border:0 none;
35
		background:url(../images/input-bg-rt.png) no-repeat right bottom;
36
		background-color: transparent;
37
		outline: 0;
38
		margin:0;
39
		color: $wizard-base-font-color;
40
		//to be improved!!!!
41
		-webkit-box-shadow: none;
42
		-moz-box-shadow:    none;
43
		box-shadow: none;
44

    
45
		&.tag_name {
46
			width: 70px;
47
		}
48
	}
49
}
50
.advanced-conf-step {
51
	.adv-main {
52
		.input {
53
			padding-left: 0px;
54
			input[type="text"] {
55
				width: 140px;
56
			}
57
        }
58
	}
59
	#color {
60
		@extend .tag-demo;
61
		margin: 0 6px 0 15px;
62
		
63
		bottom: -10px;
64
		color: transparent;
65
	}
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
}