mobiscroll.scroller.sense-ui.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .mbsc-sense-ui .dwc {
  2. padding: 30px 2px 4px 2px;
  3. }
  4. .mbsc-sense-ui .dwhl {
  5. padding-top: 4px;
  6. }
  7. .mbsc-sense-ui .dwfl {
  8. padding: 0 2px;
  9. }
  10. /* Wheel items */
  11. .mbsc-sense-ui .dw-li {
  12. font-size: 26px;
  13. text-shadow: 0 1px 1px #000;
  14. }
  15. /* Higlighted */
  16. .mbsc-sense-ui .dw-hl {
  17. background: rgba(255,255,255,.3);
  18. }
  19. /* Scroller mode */
  20. .mbsc-sense-ui .dwwl {
  21. padding: 0 2px;
  22. background: #888;
  23. background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
  24. background: -webkit-linear-gradient(#000,#333 35%, #888 50%,#333 65%,#000);
  25. background: -moz-linear-gradient(#000,#333 35%, #888 50%,#333 65%,#000);
  26. background: linear-gradient(#000,#333 35%, #888 50%,#333 65%,#000);
  27. border-radius: 3px;
  28. }
  29. .mbsc-sense-ui .dww {
  30. color: #fff;
  31. background: #444;
  32. background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
  33. background: -webkit-linear-gradient(#000,#444 45%, #444 55%, #000);
  34. background: -moz-linear-gradient(#000,#444 45%, #444 55%, #000);
  35. background: linear-gradient(#000,#444 45%, #444 55%, #000);
  36. }
  37. .mbsc-sense-ui .dwwo {
  38. background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
  39. background: -webkit-linear-gradient(#000,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000);
  40. background: -moz-linear-gradient(#000,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000);
  41. background: linear-gradient(#000,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000);
  42. }
  43. .mbsc-sense-ui .dwwol {
  44. height: 0;
  45. margin-top: -1px;
  46. border-top: 1px solid #333;
  47. border-bottom: 1px solid #555;
  48. }
  49. /* Clickpick mode */
  50. .mbsc-sense-ui .dwpm .dwwl {
  51. padding: 0;
  52. background: #fff;
  53. }
  54. .mbsc-sense-ui .dwpm .dww {
  55. color: #000;
  56. background: #fff;
  57. border-radius: 3px;
  58. }
  59. .mbsc-sense-ui .dwpm .dw-li {
  60. text-shadow: none;
  61. }
  62. .mbsc-sense-ui .dwwb {
  63. background: #ccc;
  64. color: #888;
  65. text-shadow: 0 -1px 1px #333;
  66. -webkit-box-shadow: 0 0 5px #333;
  67. box-shadow: 0 0 5px #333;
  68. }
  69. .mbsc-sense-ui .dwwbp {
  70. background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
  71. background: -webkit-linear-gradient(#f7f7f7,#bdbdbd);
  72. background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
  73. background: linear-gradient(#f7f7f7,#bdbdbd);
  74. border-radius: 3px 3px 0 0;
  75. font-size: 40px;
  76. }
  77. .mbsc-sense-ui .dwwbm {
  78. background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
  79. background: -webkit-linear-gradient(#bdbdbd,#f7f7f7);
  80. background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
  81. background: linear-gradient(#bdbdbd,#f7f7f7);
  82. border-radius: 0 0 3px 3px;
  83. font-size: 32px;
  84. font-weight: bold;
  85. }
  86. /* Group select */
  87. .mbsc-sense-ui .dw-w-gr {
  88. font-size: 20px;
  89. }