Ei kuvausta

mui.poppicker.css 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .mui-poppicker {
  2. position: fixed;
  3. left: 0px;
  4. width: 100%;
  5. z-index: 999;
  6. background-color: #eee;
  7. border-top: solid 1px #ccc;
  8. box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
  9. -webkit-transition: .3s;
  10. bottom: 0px;
  11. -webkit-transform: translateY(300px);
  12. }
  13. .mui-poppicker.mui-active {
  14. -webkit-transform: translateY(0px);
  15. }
  16. .mui-android-5-1 .mui-poppicker {
  17. bottom: -300px;
  18. -webkit-transition-property: bottom;
  19. -webkit-transform: none;
  20. }
  21. .mui-android-5-1 .mui-poppicker.mui-active {
  22. bottom: 0px;
  23. -webkit-transition-property: bottom;
  24. -webkit-transform: none;
  25. }
  26. .mui-poppicker-header {
  27. padding: 0 .16rem;
  28. height: .49rem;
  29. box-sizing: border-box;
  30. font-size: 14px;
  31. color: #888;
  32. }
  33. .mui-contain {
  34. width: 100%;
  35. height: 100%;
  36. display: flex;
  37. align-items: center;
  38. border-bottom: .01rem solid rgba(187,187,187,.2)!important;
  39. }
  40. .mui-poppicker-header .mui-btn {
  41. font-size: 12px;
  42. padding: 5px 10px;
  43. }
  44. .mui-poppicker-btn-cancel {
  45. float: left;
  46. }
  47. .mui-poppicker-btn-ok {
  48. float: right;
  49. }
  50. .mui-poppicker-clear {
  51. clear: both;
  52. height: 0px;
  53. line-height: 0px;
  54. font-size: 0px;
  55. overflow: hidden;
  56. }
  57. .mui-poppicker-body {
  58. padding: 0 .16rem;
  59. position: relative;
  60. height: 150px;
  61. border-top: solid 1px #ddd;
  62. }
  63. .mui-poppicker-body .mui-picker {
  64. width: 100%;
  65. height: 100%;
  66. margin: 0px;
  67. border: none;
  68. float: left;
  69. }