index.css 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. @font-face {
  2. font-family: 'anticon';
  3. src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
  4. /* IE9*/
  5. src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
  6. /* iOS 4.1- */
  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 .rc-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 .rc-menu > li {
  36. margin: 0;
  37. padding: 0;
  38. }
  39. .rc-dropdown .rc-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 .rc-menu > .rc-dropdown .rc-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 .rc-menu > .rc-dropdown .rc-menu-item:hover,
  60. .rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-active,
  61. .rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  62. background-color: #ebfaff;
  63. }
  64. .rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  65. position: relative;
  66. }
  67. .rc-dropdown .rc-menu > .rc-dropdown .rc-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 .rc-menu > .rc-dropdown .rc-menu-item-disabled {
  77. color: #ccc;
  78. cursor: not-allowed;
  79. pointer-events: none;
  80. }
  81. .rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled:hover {
  82. color: #ccc;
  83. background-color: #fff;
  84. cursor: not-allowed;
  85. }
  86. .rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:last-child {
  87. border-bottom-left-radius: 3px;
  88. border-bottom-right-radius: 3px;
  89. }
  90. .rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:first-child {
  91. border-top-left-radius: 3px;
  92. border-top-right-radius: 3px;
  93. }
  94. .rc-dropdown .rc-menu > .rc-dropdown .rc-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: 8px / 2;
  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. }