Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (1.7 kB)

1 15948f00 Olga Brani
/* Table of Contents
2 15948f00 Olga Brani
3 3231ff01 Olga Brani
- editable
4 3231ff01 Olga Brani
- universal form styles
5 3231ff01 Olga Brani
- vm wizard styles
6 15948f00 Olga Brani
*/
7 15948f00 Olga Brani
8 b3ffc710 Olga Brani
9 15948f00 Olga Brani
/* editable (used for changing info asychronously) ------------------ */
10 15948f00 Olga Brani
11 673ea014 Olga Brani
.editable {
12 673ea014 Olga Brani
	.editbuttons {		
13 673ea014 Olga Brani
		a {
14 8db75456 Athina Bekakou
			&.save {
15 8db75456 Athina Bekakou
				display: none;
16 8db75456 Athina Bekakou
				span {
17 8db75456 Athina Bekakou
					font-size: 18px;
18 8db75456 Athina Bekakou
				}
19 8db75456 Athina Bekakou
			} 
20 8db75456 Athina Bekakou
			&.cancel {
21 8db75456 Athina Bekakou
				@extend a.save
22 8db75456 Athina Bekakou
			}
23 673ea014 Olga Brani
		}
24 673ea014 Olga Brani
	}
25 673ea014 Olga Brani
	input[type="text"] {
26 673ea014 Olga Brani
		display: none;
27 673ea014 Olga Brani
	}
28 af86484e Olga Brani
}
29 3231ff01 Olga Brani
30 3231ff01 Olga Brani
31 3231ff01 Olga Brani
/* universal form styles ------------------ */
32 3231ff01 Olga Brani
33 05689a8e Olga Brani
.input {
34 05689a8e Olga Brani
	display: inline-block;
35 05689a8e Olga Brani
	background:url(../images/input-bg-lt.png) no-repeat left bottom;
36 b3ffc710 Olga Brani
	padding-left:6px;
37 05689a8e Olga Brani
	input[type="text"] {
38 bba1c85c Olga Brani
		width: 142px;
39 05689a8e Olga Brani
		padding:0 12px 0 6px;
40 05689a8e Olga Brani
		border:0 none;
41 05689a8e Olga Brani
		background:url(../images/input-bg-rt.png) no-repeat right bottom;
42 05689a8e Olga Brani
		background-color: transparent;
43 05689a8e Olga Brani
		outline: 0;
44 05689a8e Olga Brani
		margin:0;
45 05689a8e Olga Brani
		color: $wizard-base-font-color;
46 b3ffc710 Olga Brani
		@include box-shadow(none);
47 e4c44fcc Olga Brani
		@include placeholder {
48 e4c44fcc Olga Brani
			color:$black;
49 e4c44fcc Olga Brani
		}
50 af86484e Olga Brani
	}
51 05689a8e Olga Brani
}
52 3231ff01 Olga Brani
53 3231ff01 Olga Brani
/* vm wizard styles ------------------ */
54 3231ff01 Olga Brani
55 05689a8e Olga Brani
.advanced-conf-step {
56 314323e8 Athina Bekakou
	#color {
57 314323e8 Athina Bekakou
		@extend .tag-demo;
58 b3ffc710 Olga Brani
		margin: 0 15px 0 10px;
59 73c6773b Olga Brani
		position: static;
60 73c6773b Olga Brani
		vertical-align: text-bottom;
61 b3ffc710 Olga Brani
		border-color:transparent;
62 314323e8 Athina Bekakou
		color: transparent;
63 314323e8 Athina Bekakou
	}
64 b3ffc710 Olga Brani
	@include placeholder {
65 b3ffc710 Olga Brani
		    color:white;
66 b3ffc710 Olga Brani
		}
67 314323e8 Athina Bekakou
	.snf-color-picker>form {
68 314323e8 Athina Bekakou
		height:237px;
69 314323e8 Athina Bekakou
		width: 100%
70 314323e8 Athina Bekakou
	}
71 af86484e Olga Brani
}
72 af86484e Olga Brani
.wizard {
73 af86484e Olga Brani
	form.custom .custom.dropdown.medium {
74 af86484e Olga Brani
		background:$overlay-color;
75 af86484e Olga Brani
		color:white;
76 af86484e Olga Brani
	}
77 af86484e Olga Brani
	form.custom .custom.dropdown .current {
78 af86484e Olga Brani
		color:white;
79 af86484e Olga Brani
	}
80 af86484e Olga Brani
	form.custom .custom.dropdown .selector {
81 af86484e Olga Brani
		border-left:1px solid white;
82 af86484e Olga Brani
		height: 30px;
83 af86484e Olga Brani
	}
84 af86484e Olga Brani
	form.custom .custom.dropdown.open ul {
85 af86484e Olga Brani
		background:$overlay-color;
86 af86484e Olga Brani
		color:white;
87 af86484e Olga Brani
	}
88 af86484e Olga Brani
	form.custom .custom.dropdown ul li {
89 af86484e Olga Brani
		color:white;
90 af86484e Olga Brani
	}
91 af86484e Olga Brani
	form.custom .custom.dropdown ul li.selected {
92 af86484e Olga Brani
		color:white;
93 af86484e Olga Brani
		background:lighten($overlay-color,10%);
94 af86484e Olga Brani
	}
95 af86484e Olga Brani
	form.custom .custom.dropdown ul li:hover {
96 af86484e Olga Brani
		background:lighten($overlay-color,20%);
97 af86484e Olga Brani
		color:white;
98 af86484e Olga Brani
	}
99 af86484e Olga Brani
}