mobiscroll.core-2.0.1.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. /* Datewheel overlay */
  2. .dw {
  3. min-width:170px;
  4. padding: 0 10px;
  5. position: absolute;
  6. top: 5%;
  7. left: 0;
  8. z-index: 1001;
  9. color: #000;
  10. font-family: arial, verdana, sans-serif;
  11. font-size: 12px;
  12. text-shadow: none;
  13. }
  14. .dwi {
  15. position: static;
  16. margin: 5px;
  17. display: inline-block;
  18. }
  19. .dwwr {
  20. zoom: 1;
  21. }
  22. /* Datewheel overlay background */
  23. .dwo {
  24. width: 100%;
  25. background: #000;
  26. position: absolute;
  27. top: 0;
  28. left: 0;
  29. z-index: 1000;
  30. opacity: .7;
  31. filter:Alpha(Opacity=70);
  32. }
  33. /* Datewheel wheel container wrapper */
  34. .dwc {
  35. float: left;
  36. margin: 0 2px 5px 2px;
  37. padding-top: 30px;
  38. }
  39. .dwcc {
  40. clear: both;
  41. }
  42. /* Datewheel label */
  43. .dwl {
  44. /*margin: 0 2px;*/
  45. text-align: center;
  46. line-height: 30px;
  47. height: 30px;
  48. white-space: nowrap;
  49. position: absolute;
  50. top: -30px;
  51. width: 100%;
  52. }
  53. /* Datewheel value */
  54. .dwv {
  55. padding: 10px 0;
  56. border-bottom: 1px solid #000;
  57. }
  58. /* Datewheel wheel container */
  59. .dwrc {
  60. -webkit-border-radius: 3px;
  61. -moz-border-radius: 3px;
  62. border-radius: 3px;
  63. }
  64. .dwwc {
  65. margin: 0;
  66. padding: 0 2px;
  67. position: relative;
  68. background: #000;
  69. zoom:1;
  70. }
  71. /* Datewheel wheels */
  72. .dwwl {
  73. margin: 4px 2px;
  74. position: relative;
  75. background: #888;
  76. background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),color-stop(1, #000));
  77. background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
  78. background: -ms-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
  79. background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
  80. }
  81. .dww {
  82. margin: 0 2px;
  83. overflow: hidden;
  84. position: relative;
  85. /*top: -30px;*/
  86. }
  87. .dwsc .dww {
  88. color: #fff;
  89. background: #444;
  90. background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(0.45, #444),color-stop(0.55, #444),color-stop(1, #000));
  91. background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
  92. background: -ms-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
  93. background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
  94. }
  95. .dww ul {
  96. list-style: none;
  97. margin: 0;
  98. padding: 0;
  99. /*display: block;
  100. width: 100%;*/
  101. position: relative;
  102. z-index: 2;
  103. }
  104. .dww li {
  105. list-style: none;
  106. margin: 0;
  107. padding: 0 5px;
  108. display: block;
  109. text-align: center;
  110. line-height: 40px;
  111. font-size: 26px;
  112. white-space: nowrap;
  113. text-shadow: 0 1px 1px #000;
  114. opacity: .3;
  115. filter: Alpha(Opacity=30);
  116. }
  117. /* Valid entry */
  118. .dww li.dw-v {
  119. opacity: 1;
  120. filter: Alpha(Opacity=100);
  121. }
  122. /* Hidden entry */
  123. .dww li.dw-h {
  124. visibility: hidden;
  125. }
  126. /* Wheel +/- buttons */
  127. .dwwb {
  128. position: absolute;
  129. z-index: 4;
  130. left: 0;
  131. cursor: pointer;
  132. width: 100%;
  133. height: 40px;
  134. text-align: center;
  135. }
  136. .dwwbp {
  137. top: 0;
  138. -webkit-border-radius: 3px 3px 0 0;
  139. -moz-border-radius: 3px 3px 0 0;
  140. border-radius: 3px 3px 0 0;
  141. font-size: 40px;
  142. }
  143. .dwwbm {
  144. bottom: 0;
  145. -webkit-border-radius: 0 0 3px 3px;
  146. -moz-border-radius: 0 0 3px 3px;
  147. border-radius: 0 0 3px 3px;
  148. font-size: 32px;
  149. font-weight: bold;
  150. }
  151. .dwpm .dwwc {
  152. background: transparent;
  153. }
  154. .dwpm .dww {
  155. margin: -1px;
  156. }
  157. .dwpm .dww li {
  158. text-shadow: none;
  159. }
  160. .dwpm .dwwol {
  161. display: none;
  162. }
  163. /* Datewheel wheel overlay */
  164. .dwwo {
  165. position: absolute;
  166. z-index: 3;
  167. top: 0;
  168. left: 0;
  169. width: 100%;
  170. height: 100%;
  171. background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),color-stop(1, #000));
  172. background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
  173. background: -ms-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
  174. background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
  175. }
  176. /* Background line */
  177. .dwwol {
  178. position: absolute;
  179. z-index: 1;
  180. top: 50%;
  181. left: 0;
  182. width: 100%;
  183. height: 0;
  184. margin-top: -1px;
  185. border-top: 1px solid #333;
  186. border-bottom: 1px solid #555;
  187. }
  188. /* Datewheel button */
  189. .dwbg .dwb {
  190. display: block;
  191. height: 40px;
  192. line-height: 40px;
  193. padding: 0 15px;
  194. margin: 0 2px;
  195. font-size: 14px;
  196. font-weight: bold;
  197. text-decoration: none;
  198. text-shadow:0 -1px 1px #000;
  199. border-radius: 5px;
  200. -moz-border-radius: 5px;
  201. -webkit-border-radius:5px;
  202. box-shadow:0 1px 3px rgba(0,0,0,0.5);
  203. -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
  204. -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
  205. color: #fff;
  206. background:#000;
  207. background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
  208. background:-moz-linear-gradient(#6e6e6e 50%,#000 50%);
  209. background:-ms-linear-gradient(#6e6e6e 50%,#000 50%);
  210. background:-o-linear-gradient(#6e6e6e 50%,#000 50%);
  211. }
  212. /* Datewheel button container */
  213. .dwbc {
  214. /*margin-top: 5px;*/
  215. padding: 5px 0;
  216. text-align: center;
  217. clear: both;
  218. }
  219. /* Datewheel button wrapper */
  220. .dwbw {
  221. display: inline-block;
  222. width: 50%;
  223. }
  224. /* Hidden label */
  225. .dwhl {
  226. padding-top: 10px;
  227. }
  228. .dwhl .dwl {
  229. display: none;
  230. }
  231. /* Backgrounds */
  232. .dwbg {
  233. background: #fff;
  234. border-radius: 3px;
  235. -webkit-border-radius: 3px;
  236. -moz-border-radius: 3px;
  237. }
  238. .dwbg .dwpm .dww {
  239. color: #000;
  240. background: #fff;
  241. border: 1px solid #AAA;
  242. }
  243. .dwbg .dwwb {
  244. background: #ccc;
  245. color: #888;
  246. text-shadow: 0 -1px 1px #333;
  247. box-shadow: 0 0 5px #333;
  248. -webkit-box-shadow: 0 0 5px #333;
  249. -moz-box-shadow: 0 0 5px #333;
  250. }
  251. .dwbg .dwwbp {
  252. background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #bdbdbd),color-stop(1, #f7f7f7));
  253. background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
  254. background: -ms-linear-gradient(#f7f7f7,#bdbdbd);
  255. background: -o-linear-gradient(#f7f7f7,#bdbdbd);
  256. }
  257. .dwbg .dwwbm {
  258. background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f7f7f7),color-stop(1, #bdbdbd));
  259. background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
  260. background: -ms-linear-gradient(#bdbdbd,#f7f7f7);
  261. background: -o-linear-gradient(#bdbdbd,#f7f7f7);
  262. }
  263. .dwbg .dwb-a {
  264. background:#3c7500;
  265. background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
  266. background:-moz-linear-gradient(#94c840 50%,#3c7500 50%);
  267. background:-ms-linear-gradient(#94c840 50%,#3c7500 50%);
  268. background:-o-linear-gradient(#94c840 50%,#3c7500 50%);
  269. }
  270. .dwbg .dwwl .dwb-a {
  271. background:#3c7500;
  272. background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #3c7500),color-stop(1, #94c840));
  273. background:-moz-linear-gradient(#94c840,#3c7500);
  274. background:-ms-linear-gradient(#94c840,#3c7500);
  275. background:-o-linear-gradient(#94c840,#3c7500);
  276. }