1 | @font-face {
|
2 | font-family: 'anticon';
|
3 | src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
|
4 |
|
5 | src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
|
6 |
|
7 | }
|
8 | .rc-dropdown {
|
9 | position: absolute;
|
10 | left: -9999px;
|
11 | top: -9999px;
|
12 | z-index: 1070;
|
13 | display: block;
|
14 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
15 | font-size: 12px;
|
16 | font-weight: normal;
|
17 | line-height: 1.5;
|
18 | }
|
19 | .rc-dropdown-hidden {
|
20 | display: none;
|
21 | }
|
22 | .rc-dropdown-menu {
|
23 | outline: none;
|
24 | position: relative;
|
25 | list-style-type: none;
|
26 | padding: 0;
|
27 | margin: 2px 0 2px;
|
28 | text-align: left;
|
29 | background-color: #fff;
|
30 | border-radius: 3px;
|
31 | box-shadow: 0 1px 5px #ccc;
|
32 | background-clip: padding-box;
|
33 | border: 1px solid #ccc;
|
34 | }
|
35 | .rc-dropdown-menu > li {
|
36 | margin: 0;
|
37 | padding: 0;
|
38 | }
|
39 | .rc-dropdown-menu:before {
|
40 | content: "";
|
41 | position: absolute;
|
42 | top: -4px;
|
43 | left: 0;
|
44 | width: 100%;
|
45 | height: 4px;
|
46 | background: #ffffff;
|
47 | background: rgba(255, 255, 255, 0.01);
|
48 | }
|
49 | .rc-dropdown-menu > .rc-dropdown-menu-item {
|
50 | position: relative;
|
51 | display: block;
|
52 | padding: 7px 10px;
|
53 | clear: both;
|
54 | font-size: 12px;
|
55 | font-weight: normal;
|
56 | color: #666666;
|
57 | white-space: nowrap;
|
58 | }
|
59 | .rc-dropdown-menu > .rc-dropdown-menu-item:hover,
|
60 | .rc-dropdown-menu > .rc-dropdown-menu-item-active,
|
61 | .rc-dropdown-menu > .rc-dropdown-menu-item-selected {
|
62 | background-color: #ebfaff;
|
63 | }
|
64 | .rc-dropdown-menu > .rc-dropdown-menu-item-selected {
|
65 | position: relative;
|
66 | }
|
67 | .rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
|
68 | content: '\e613';
|
69 | font-family: 'anticon';
|
70 | font-weight: bold;
|
71 | position: absolute;
|
72 | top: 6px;
|
73 | right: 16px;
|
74 | color: #3CB8F0;
|
75 | }
|
76 | .rc-dropdown-menu > .rc-dropdown-menu-item-disabled {
|
77 | color: #ccc;
|
78 | cursor: not-allowed;
|
79 | pointer-events: none;
|
80 | }
|
81 | .rc-dropdown-menu > .rc-dropdown-menu-item-disabled:hover {
|
82 | color: #ccc;
|
83 | background-color: #fff;
|
84 | cursor: not-allowed;
|
85 | }
|
86 | .rc-dropdown-menu > .rc-dropdown-menu-item:last-child {
|
87 | border-bottom-left-radius: 3px;
|
88 | border-bottom-right-radius: 3px;
|
89 | }
|
90 | .rc-dropdown-menu > .rc-dropdown-menu-item:first-child {
|
91 | border-top-left-radius: 3px;
|
92 | border-top-right-radius: 3px;
|
93 | }
|
94 | .rc-dropdown-menu > .rc-dropdown-menu-item-divider {
|
95 | height: 1px;
|
96 | margin: 1px 0;
|
97 | overflow: hidden;
|
98 | background-color: #e5e5e5;
|
99 | line-height: 0;
|
100 | }
|
101 | .rc-dropdown-slide-up-enter,
|
102 | .rc-dropdown-slide-up-appear {
|
103 | animation-duration: 0.3s;
|
104 | animation-fill-mode: both;
|
105 | transform-origin: 0 0;
|
106 | display: block !important;
|
107 | opacity: 0;
|
108 | animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
109 | animation-play-state: paused;
|
110 | }
|
111 | .rc-dropdown-slide-up-leave {
|
112 | animation-duration: 0.3s;
|
113 | animation-fill-mode: both;
|
114 | transform-origin: 0 0;
|
115 | display: block !important;
|
116 | opacity: 1;
|
117 | animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
118 | animation-play-state: paused;
|
119 | }
|
120 | .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
|
121 | .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
|
122 | .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
|
123 | .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
|
124 | .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight,
|
125 | .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight {
|
126 | animation-name: rcDropdownSlideUpIn;
|
127 | animation-play-state: running;
|
128 | }
|
129 | .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
|
130 | .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
|
131 | .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
|
132 | .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
|
133 | .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight,
|
134 | .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight {
|
135 | animation-name: rcDropdownSlideDownIn;
|
136 | animation-play-state: running;
|
137 | }
|
138 | .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
|
139 | .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
|
140 | .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
|
141 | animation-name: rcDropdownSlideUpOut;
|
142 | animation-play-state: running;
|
143 | }
|
144 | .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
|
145 | .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
|
146 | .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
|
147 | animation-name: rcDropdownSlideDownOut;
|
148 | animation-play-state: running;
|
149 | }
|
150 | @keyframes rcDropdownSlideUpIn {
|
151 | 0% {
|
152 | opacity: 0;
|
153 | transform-origin: 0% 0%;
|
154 | transform: scaleY(0);
|
155 | }
|
156 | 100% {
|
157 | opacity: 1;
|
158 | transform-origin: 0% 0%;
|
159 | transform: scaleY(1);
|
160 | }
|
161 | }
|
162 | @keyframes rcDropdownSlideUpOut {
|
163 | 0% {
|
164 | opacity: 1;
|
165 | transform-origin: 0% 0%;
|
166 | transform: scaleY(1);
|
167 | }
|
168 | 100% {
|
169 | opacity: 0;
|
170 | transform-origin: 0% 0%;
|
171 | transform: scaleY(0);
|
172 | }
|
173 | }
|
174 | @keyframes rcDropdownSlideDownIn {
|
175 | 0% {
|
176 | opacity: 0;
|
177 | transform-origin: 0% 100%;
|
178 | transform: scaleY(0);
|
179 | }
|
180 | 100% {
|
181 | opacity: 1;
|
182 | transform-origin: 0% 100%;
|
183 | transform: scaleY(1);
|
184 | }
|
185 | }
|
186 | @keyframes rcDropdownSlideDownOut {
|
187 | 0% {
|
188 | opacity: 1;
|
189 | transform-origin: 0% 100%;
|
190 | transform: scaleY(1);
|
191 | }
|
192 | 100% {
|
193 | opacity: 0;
|
194 | transform-origin: 0% 100%;
|
195 | transform: scaleY(0);
|
196 | }
|
197 | }
|
198 | .rc-dropdown-arrow {
|
199 | position: absolute;
|
200 | border-width: 4px;
|
201 | border-color: transparent;
|
202 | box-shadow: 0 1px 5px #ccc;
|
203 | border-style: solid;
|
204 | transform: rotate(45deg);
|
205 | }
|
206 | .rc-dropdown-show-arrow.rc-dropdown-placement-top,
|
207 | .rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
|
208 | .rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
|
209 | padding-bottom: 6px;
|
210 | }
|
211 | .rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
|
212 | .rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
|
213 | .rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
|
214 | padding-top: 6px;
|
215 | }
|
216 | .rc-dropdown-placement-top .rc-dropdown-arrow,
|
217 | .rc-dropdown-placement-topLeft .rc-dropdown-arrow,
|
218 | .rc-dropdown-placement-topRight .rc-dropdown-arrow {
|
219 | bottom: 4px;
|
220 | border-top-color: white;
|
221 | }
|
222 | .rc-dropdown-placement-top .rc-dropdown-arrow {
|
223 | left: 50%;
|
224 | }
|
225 | .rc-dropdown-placement-topLeft .rc-dropdown-arrow {
|
226 | left: 15%;
|
227 | }
|
228 | .rc-dropdown-placement-topRight .rc-dropdown-arrow {
|
229 | right: 15%;
|
230 | }
|
231 | .rc-dropdown-placement-bottom .rc-dropdown-arrow,
|
232 | .rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
|
233 | .rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
|
234 | top: 4px;
|
235 | border-bottom-color: white;
|
236 | }
|
237 | .rc-dropdown-placement-bottom .rc-dropdown-arrow {
|
238 | left: 50%;
|
239 | }
|
240 | .rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
|
241 | left: 15%;
|
242 | }
|
243 | .rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
|
244 | right: 15%;
|
245 | }
|