mui.poppicker.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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: 6px;
  28. font-size: 14px;
  29. color: #888;
  30. }
  31. .mui-poppicker-header .mui-btn {
  32. font-size: 12px;
  33. padding: 5px 10px;
  34. }
  35. .mui-poppicker-btn-cancel {
  36. float: left;
  37. }
  38. .mui-poppicker-btn-ok {
  39. float: right;
  40. }
  41. .mui-poppicker-clear {
  42. clear: both;
  43. height: 0px;
  44. line-height: 0px;
  45. font-size: 0px;
  46. overflow: hidden;
  47. }
  48. .mui-poppicker-body {
  49. position: relative;
  50. width: 100%;
  51. height: 200px;
  52. border-top: solid 1px #ddd;
  53. /*-webkit-perspective: 1200px;
  54. perspective: 1200px;
  55. -webkit-transform-style: preserve-3d;
  56. transform-style: preserve-3d;*/
  57. }
  58. .mui-poppicker-body .mui-picker {
  59. width: 100%;
  60. height: 100%;
  61. margin: 0px;
  62. border: none;
  63. float: left;
  64. }
  65. .mui-picker-col-name{
  66. text-align: center;
  67. padding: 10px 0;
  68. border-bottom: 2px solid #17b3ec;
  69. margin: 0 5px;
  70. font-size: 16px;
  71. }