1 2.mblSpinWheel { 3 position: relative; 4 overflow: hidden; 5 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313137), color-stop(0.05, #73747d), color-stop(0.07, #92939b), color-stop(0.09, #ababb5), color-stop(0.12, #c5c6ce), color-stop(0.16, #dfe0e4), color-stop(0.22, #f4f5f6), color-stop(0.35, #fbfcfc), color-stop(0.5, #fbfcfc), color-stop(0.61, #fbfcfc), color-stop(0.61, #b4c1c7), color-stop(0.65, #fbfcfc), color-stop(0.78, #f4f5f6), color-stop(0.84, #dfe0e4), color-stop(0.88, #c5c6ce), color-stop(0.91, #ababb5), color-stop(0.93, #92939b), color-stop(0.95, #73747d), color-stop(1, #313137)); 6 background: linear-gradient(to bottom, #313137 0%, #73747d 5%, #92939b 7%, #ababb5 9%, #c5c6ce 12%, #dfe0e4 16%, #f4f5f6 22%, #fbfcfc 35%, #fbfcfc 50%, #fbfcfc 61%, #b4c1c7 61%, #fbfcfc 65%, #f4f5f6 78%, #dfe0e4 84%, #c5c6ce 88%, #ababb5 91%, #92939b 93%, #73747d 95%, #313137 100%); 7 height: 200px; 8 border-left: solid 3px #000000; 9 border-right: solid 3px #000000; 10 color: #000000; 11 border-radius: 3px; 12} 13.mblSpinWheelBar { 14 position: absolute; 15 top: 79px; 16 background: -webkit-gradient(linear, left top, left bottom, from(#edeef2), to(#a7adca), color-stop(0, #edeef2), color-stop(0.25, #c8cadd), color-stop(0.49, #bbbfd4), color-stop(0.51, #9fa8c6), color-stop(0.81, #a2a9c7), color-stop(0.82, #a6abc9), color-stop(1, #a7adca)); 17 background: linear-gradient(to bottom, #edeef2 0%, #c8cadd 25%, #bbbfd4 49%, #9fa8c6 51%, #a2a9c7 81%, #a6abc9 82%, #a7adca 100%); 18 border: solid 1px #7b8497; 19 height: 42px; 20 width: 100%; 21 clear: both; 22 opacity: 0.6; 23} 24.mblSpinWheelDatePicker { 25 width: 312px; 26} 27.mblSpinWheelTimePicker { 28 width: 98px; 29} 30.mblSpinWheelSlot { 31 position: relative; 32 top: 0px; 33 float: left; 34 width: 100px; 35 height: 100%; 36 border-left: solid 2px #000000; 37 border-right: solid 2px #000000; 38 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 39} 40.mblSpinWheelSlotLabel { 41 padding: 0 8px; 42 height: 44px; 43 overflow: hidden; 44 font: bold 24px/44px Helvetica, sans-serif; 45} 46.mblSpinWheelSlotLabel img { 47 vertical-align: middle; 48 opacity: 0.7; 49} 50.mblSpinWheelSlotLabelGray { 51 color: #cccccc; 52} 53.mblSpinWheelSlotLabelBlue { 54 color: #0959d2; 55} 56.mblSpinWheelSlotContainer { 57 position: relative; 58} 59.mblSpinWheelSlotPanel { 60 position: absolute; 61 top: 0px; 62 width: 100%; 63} 64.mblSpinWheelSlotTouch { 65 position: absolute; 66 top: 0px; 67 width: 100%; 68 height: 100%; 69 z-index: 1; 70} 71.dj_ie .mblSpinWheelSlotTouch { 72 background-color: rgba(255, 255, 255, 0.01); 73} 74.dj_ie8 .mblSpinWheelSlotTouch { 75 background: white; 76 filter: alpha(opacity=0); 77} 78