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