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 | } |