root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _forms.scss @ eda4930e
History | View | Annotate | Download (2.3 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 | 337fd5af | Athina Bekakou | width: 85%; |
28 | 673ea014 | Olga Brani | } |
29 | af86484e | Olga Brani | } |
30 | 3231ff01 | Olga Brani | |
31 | 3231ff01 | Olga Brani | |
32 | 3231ff01 | Olga Brani | /* universal form styles ------------------ */ |
33 | 3231ff01 | Olga Brani | |
34 | 05689a8e | Olga Brani | .input { |
35 | 05689a8e | Olga Brani | display: inline-block; |
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-color: transparent; |
42 | 05689a8e | Olga Brani | outline: 0; |
43 | 05689a8e | Olga Brani | margin:0; |
44 | b3ffc710 | Olga Brani | @include box-shadow(none); |
45 | af86484e | Olga Brani | } |
46 | 05689a8e | Olga Brani | } |
47 | 3231ff01 | Olga Brani | |
48 | 3231ff01 | Olga Brani | |
49 | 9bae51cb | Athina Bekakou | .snf-color-picker { |
50 | 9bae51cb | Athina Bekakou | display: none; |
51 | 493f6417 | Athina Bekakou | &>form { |
52 | 493f6417 | Athina Bekakou | height:237px; |
53 | 493f6417 | Athina Bekakou | width: 100% |
54 | 493f6417 | Athina Bekakou | } |
55 | 4cb1fbf9 | Athina Bekakou | |
56 | 493f6417 | Athina Bekakou | #picker { |
57 | 493f6417 | Athina Bekakou | position: relative; |
58 | 493f6417 | Athina Bekakou | width: 207px; |
59 | 493f6417 | Athina Bekakou | margin: 25px 5px 30px; |
60 | 493f6417 | Athina Bekakou | display: inline-block; |
61 | 314323e8 | Athina Bekakou | } |
62 | 4cb1fbf9 | Athina Bekakou | .color-preview { |
63 | 4cb1fbf9 | Athina Bekakou | @include circle(9px); |
64 | 4cb1fbf9 | Athina Bekakou | // background-color: #16C1E9; |
65 | 4cb1fbf9 | Athina Bekakou | position: relative; |
66 | 4cb1fbf9 | Athina Bekakou | left: 10px; |
67 | 4cb1fbf9 | Athina Bekakou | bottom: -5px; |
68 | 493f6417 | Athina Bekakou | margin: 0 15px 0 10px; |
69 | 493f6417 | Athina Bekakou | vertical-align: text-bottom; |
70 | 4cb1fbf9 | Athina Bekakou | border-color: transparent; |
71 | 493f6417 | Athina Bekakou | color: transparent; |
72 | 493f6417 | Athina Bekakou | } |
73 | 493f6417 | Athina Bekakou | } |
74 | 9bae51cb | Athina Bekakou | |
75 | 493f6417 | Athina Bekakou | /* detailed view styles ------------------ */ |
76 | 493f6417 | Athina Bekakou | .details { |
77 | 493f6417 | Athina Bekakou | .input{ |
78 | 493f6417 | Athina Bekakou | background:url(../images/input-bg-lt-black.png) no-repeat left bottom; |
79 | 493f6417 | Athina Bekakou | input[type="text"] { |
80 | 493f6417 | Athina Bekakou | background:url(../images/input-bg-rt-black.png) no-repeat right bottom; |
81 | 493f6417 | Athina Bekakou | color: $body-font-color; |
82 | 493f6417 | Athina Bekakou | @include placeholder { |
83 | 493f6417 | Athina Bekakou | color:$primary-color; |
84 | 493f6417 | Athina Bekakou | } |
85 | b3ffc710 | Olga Brani | } |
86 | 314323e8 | Athina Bekakou | } |
87 | af86484e | Olga Brani | } |
88 | 493f6417 | Athina Bekakou | |
89 | 493f6417 | Athina Bekakou | |
90 | 493f6417 | Athina Bekakou | /* vm wizard styles ------------------ */ |
91 | af86484e | Olga Brani | .wizard { |
92 | af86484e | Olga Brani | form.custom .custom.dropdown.medium { |
93 | ceaaa3be | Olga Brani | background:$overlay-bg-color; |
94 | af86484e | Olga Brani | color:white; |
95 | af86484e | Olga Brani | } |
96 | af86484e | Olga Brani | form.custom .custom.dropdown .current { |
97 | af86484e | Olga Brani | color:white; |
98 | af86484e | Olga Brani | } |
99 | af86484e | Olga Brani | form.custom .custom.dropdown .selector { |
100 | af86484e | Olga Brani | border-left:1px solid white; |
101 | af86484e | Olga Brani | height: 30px; |
102 | af86484e | Olga Brani | } |
103 | af86484e | Olga Brani | form.custom .custom.dropdown.open ul { |
104 | ceaaa3be | Olga Brani | background:$overlay-bg-color; |
105 | af86484e | Olga Brani | color:white; |
106 | af86484e | Olga Brani | } |
107 | af86484e | Olga Brani | form.custom .custom.dropdown ul li { |
108 | af86484e | Olga Brani | color:white; |
109 | af86484e | Olga Brani | } |
110 | af86484e | Olga Brani | form.custom .custom.dropdown ul li.selected { |
111 | af86484e | Olga Brani | color:white; |
112 | ceaaa3be | Olga Brani | background:lighten($overlay-bg-color,10%); |
113 | af86484e | Olga Brani | } |
114 | af86484e | Olga Brani | form.custom .custom.dropdown ul li:hover { |
115 | ceaaa3be | Olga Brani | background:lighten($overlay-bg-color,20%); |
116 | af86484e | Olga Brani | color:white; |
117 | af86484e | Olga Brani | } |
118 | 493f6417 | Athina Bekakou | |
119 | 493f6417 | Athina Bekakou | .input { |
120 | 493f6417 | Athina Bekakou | background:url(../images/input-bg-lt.png) no-repeat left bottom; |
121 | 493f6417 | Athina Bekakou | input[type="text"] { |
122 | 493f6417 | Athina Bekakou | background:url(../images/input-bg-rt.png) no-repeat right bottom; |
123 | 493f6417 | Athina Bekakou | color: $wizard-base-font-color; |
124 | 493f6417 | Athina Bekakou | @include placeholder { |
125 | 493f6417 | Athina Bekakou | color:$body-font-color; |
126 | 493f6417 | Athina Bekakou | } |
127 | 493f6417 | Athina Bekakou | } |
128 | 493f6417 | Athina Bekakou | } |
129 | 493f6417 | Athina Bekakou | } |