mobiscroll.scroller.android.css 2.8 KB

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