.mbsc-ios-classic .dwc { padding: 30px 2px 10px 2px; } .mbsc-ios-classic .dwhl { padding: 10px 2px; } .mbsc-ios-classic .dwwl { padding: 0 2px; border-left: 1px solid #000; border-right: 1px solid #000; background: #cbcce0; background: -webkit-gradient(linear,left bottom,left top,from(#2c2c38),color-stop(0.35, #cbcce0),color-stop(0.65, #cbcce0),to(#2c2c38)); background: -webkit-linear-gradient(#2c2c38,#cbcce0 35%, #cbcce0 65%,#2c2c38); background: -moz-linear-gradient(#2c2c38,#cbcce0 35%, #cbcce0 65%,#2c2c38); background: linear-gradient(#2c2c38,#cbcce0 35%, #cbcce0 65%,#2c2c38); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3); box-shadow: 0 1px 1px rgba(255,255,255,0.3); } .mbsc-ios-classic .dw-ltr .dwsc .dwfl:first-child .dwwl, .mbsc-ios-classic .dw-rtl .dwsc .dwfl:last-child .dwwl { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .mbsc-ios-classic .dw-ltr .dwsc .dwfl:last-child .dwwl, .mbsc-ios-classic .dw-rtl .dwsc .dwfl:first-child .dwwl { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .mbsc-ios-classic .dwsc .dww { background: #fff; background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.10, #999),color-stop(0.30, #fff),color-stop(0.70, #fff),color-stop(0.90, #999),to(#333)); background: -webkit-linear-gradient(#333,#999 10%,#fff 30%,#fff 70%,#999 90%,#333); background: -moz-linear-gradient(#333,#999 10%,#fff 30%,#fff 70%,#999 90%,#333); background: linear-gradient(#333,#999 10%,#fff 30%,#fff 70%,#999 90%,#333); border-radius: 0; } .mbsc-ios-classic .dwpm .dwwl { margin: 4px 2px; border: 1px solid #000; border-radius: 3px; } .mbsc-ios-classic .dwpm .dww { background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.48, #fff),color-stop(0.52, #fff),to(#333)); background: -webkit-linear-gradient(#333,#fff 48%,#fff 52%,#333); background: -moz-linear-gradient(#333,#fff 48%,#fff 52%,#333); background: linear-gradient(#333,#fff 48%,#fff 52%,#333); } .mbsc-ios-classic .dw-li { color: #000; font-size: 20px; font-weight: bold; text-align: right; text-shadow: none; } .mbsc-ios-classic .dw-li.dw-hl { background: -webkit-gradient(linear,left bottom,left top,from(#0288f3),to(#005de6)); background: -webkit-linear-gradient(#0288f3,#005de6); background: -moz-linear-gradient(#0288f3,#005de6); background: linear-gradient(#0288f3,#005de6); color: #fff; } .mbsc-ios-classic .dwwo { background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.1, rgba(153,153,153,0)),color-stop(0.9, rgba(153,153,153,0)),to(#333)); background: -webkit-linear-gradient(#333,rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333); background: -moz-linear-gradient(#333,rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333); background: linear-gradient(#333,rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333); } .mbsc-ios-classic .dwwol { height: 28px; padding: 1px; margin-top: -16px; border-top: 1px solid #7b8699; border-bottom: 1px solid #7b8699; background: #6f75b0; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(111, 117, 176, 0.5)),color-stop(0.5, rgba(151, 157, 197, 0.5))); background: -webkit-linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%); background: -moz-linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%); background: linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%); z-index: 10; left: -1px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); filter: alpha(opacity=50); } .mbsc-ios-classic .dwwb { color: #fff; background: #3f4e68; background: -webkit-gradient(linear,left bottom,left top,from(#3f4e68),color-stop(0.5, #75859f),color-stop(0.5, #808ea6),to(#c7d1e2)); background: -webkit-linear-gradient(#c7d1e2,#808ea6 50%,#75859f 50%,#3f4e68); background: -moz-linear-gradient(#c7d1e2,#808ea6 50%,#75859f 50%,#3f4e68); background: linear-gradient(#c7d1e2,#808ea6 50%,#75859f 50%,#3f4e68); } .mbsc-ios-classic .dwwbp { border-radius: 3px 3px 0 0; font-size: 40px; } .mbsc-ios-classic .dwwbm { border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold; } .mbsc-ios-classic .dwwl .dwb-a { background: #252c36; background: -webkit-gradient(linear,left bottom,left top,from(#252c36),color-stop(0.5, #171e28),color-stop(0.5, #272e38),to(#6b6e75)); background: -webkit-linear-gradient(#6b6e75,#272e38 50%,#171e28 50%,#252c36); background: -moz-linear-gradient(#6b6e75,#272e38 50%,#171e28 50%,#252c36); background: linear-gradient(#6b6e75,#272e38 50%,#171e28 50%,#252c36); } /* Multiple select */ .mbsc-ios-classic.dwms .dww { padding: 10px 0; } .mbsc-ios-classic .dwwms .dw-li { padding: 0 5px 0 40px; text-align: left; } .mbsc-ios-classic .dw-msel { color: #215085; } /* Group select */ .mbsc-ios-classic .dww .dw-w-gr { padding: 0 5px; color: #777; text-align: left; }