Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (1.8 kB)

1
/* Table of Contents
2

    
3
- mixins
4
- editable 
5

    
6
*/
7

    
8
/* mixins  ------------------ */
9

    
10
@mixin placeholder {
11
  ::-webkit-input-placeholder {@content}
12
  ::-moz-placeholder          {@content}
13
  :-moz-placeholder           {@content}
14
  :-ms-input-placeholder      {@content}
15
}
16

    
17

    
18
/* editable (used for changing info asychronously) ------------------ */
19

    
20
.editable {
21
	.editbuttons {		
22
		a {
23
			&.save {
24
				display: none;
25
				span {
26
					font-size: 18px;
27
				}
28
			} 
29
			&.cancel {
30
				@extend a.save
31
			}
32
		}
33
	}
34
	input[type="text"] {
35
		display: none;
36
	}
37
}
38
.input {
39
	display: inline-block;
40
	background:url(../images/input-bg-lt.png) no-repeat left bottom;
41
	padding-left:6px;
42
	input[type="text"] {
43
		width: 138px;
44
		padding:0 12px 0 6px;
45
		border:0 none;
46
		background:url(../images/input-bg-rt.png) no-repeat right bottom;
47
		background-color: transparent;
48
		outline: 0;
49
		margin:0;
50
		color: $wizard-base-font-color;
51
		@include box-shadow(none);
52
	}
53
	@include placeholder {
54
	    color:$black;
55
	}
56
}
57
.advanced-conf-step {
58
	#color {
59
		@extend .tag-demo;
60
		margin: 0 15px 0 10px;
61
		bottom: -10px;
62
		border-color:transparent;
63
		color: transparent;
64
	}
65
	@include placeholder {
66
		    color:white;
67
		}
68
	.snf-color-picker>form {
69
		height:237px;
70
		width: 100%
71
	}
72
}
73
.wizard {
74
	form.custom .custom.dropdown.medium {
75
		background:$overlay-color;
76
		color:white;
77
	}
78
	form.custom .custom.dropdown .current {
79
		color:white;
80
	}
81
	form.custom .custom.dropdown .selector {
82
		border-left:1px solid white;
83
		height: 30px;
84
	}
85
	form.custom .custom.dropdown.open ul {
86
		background:$overlay-color;
87
		color:white;
88
	}
89
	form.custom .custom.dropdown ul li {
90
		color:white;
91
	}
92
	form.custom .custom.dropdown ul li.selected {
93
		color:white;
94
		background:lighten($overlay-color,10%);
95
	}
96
	form.custom .custom.dropdown ul li:hover {
97
		background:lighten($overlay-color,20%);
98
		color:white;
99
	}
100
}