mui.poppicker.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. transition: .3s;
  11. bottom: 0px;
  12. -webkit-transform: translateY(300px);
  13. transform: translateY(300px);
  14. }
  15. .mui-poppicker.mui-active {
  16. -webkit-transform: translateY(0px);
  17. transform: translateY(0px);
  18. }
  19. .mui-android-5-1 .mui-poppicker {
  20. bottom: -300px;
  21. -webkit-transition-property: bottom;
  22. transition-property: bottom;
  23. -webkit-transform: none;
  24. transform: none;
  25. }
  26. .mui-android-5-1 .mui-poppicker.mui-active {
  27. bottom: 0px;
  28. -webkit-transition-property: bottom;
  29. transition-property: bottom;
  30. -webkit-transform: none;
  31. transform: none;
  32. }
  33. .mui-poppicker-header {
  34. padding: 6px;
  35. font-size: 14px;
  36. color: #888;
  37. }
  38. .mui-poppicker-header .mui-btn {
  39. font-size: 12px;
  40. padding: 5px 10px;
  41. }
  42. .mui-poppicker-btn-cancel {
  43. float: left;
  44. }
  45. .mui-poppicker-btn-ok {
  46. float: right;
  47. }
  48. .mui-poppicker-clear {
  49. clear: both;
  50. height: 0px;
  51. line-height: 0px;
  52. font-size: 0px;
  53. overflow: hidden;
  54. }
  55. .mui-poppicker-body {
  56. position: relative;
  57. width: 100%;
  58. height: 200px;
  59. border-top: solid 1px #ddd;
  60. /*-webkit-perspective: 1200px;
  61. perspective: 1200px;
  62. -webkit-transform-style: preserve-3d;
  63. transform-style: preserve-3d;*/
  64. }
  65. .mui-poppicker-body .mui-picker {
  66. width: 100%;
  67. height: 100%;
  68. margin: 0px;
  69. border: none;
  70. float: left;
  71. }