react-mobiscroll/vendor/mobiscroll/css/mobiscroll.scroller.ios.css

A simple wrapper of Mobiscroll for ReactJS.

.mbsc-ios .dwl {
    text-align: left;
    text-indent: 5px;
    color: #ababab;
}
.mbsc-ios .dwwc {
    padding: 30px 10px 10px 10px;
}
.mbsc-ios .dwhl .dwwc {
    padding-top: 10px;
}
.mbsc-ios .dwwo {
    background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f7f7f7));
    background: -webkit-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7);
    background: -moz-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7);
    background: linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7);
}
.mbsc-ios .dwwol {
    padding: 0 10px;
    height: 34px;
    margin: -18px 0 0 -10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
.mbsc-ios .dw-li {
    color: #9d9d9d;
    font-size: 22px;
    text-align: left;
}
.mbsc-ios .dw-hl {
    background: rgba(0,122,255,.2);
}
.mbsc-ios .dw-sel {
    color: #000;
}
/* Clickpick mode */
.mbsc-ios .dwpm .dw-li {
    text-align: center;
}
.mbsc-ios .dwpm .dwwol {
    display: block;
}
.mbsc-ios .dwwb {
    color: #007aff;
    background: #f7f7f7;
}
.mbsc-ios .dwwbp {
    bottom: 0;
    top: auto;
}
.mbsc-ios .dwwbm {
    top: 0;
    bottom: auto;
}
.mbsc-ios .dwwb span {
    display: none;
}
.mbsc-ios .dwwb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 24px;
    text-align: center;
}
/* Select */
.mbsc-ios.dw-select .dwwo {
    display: none;
}
/* Multiple select */
.mbsc-ios .dwwms .dw-li {
    padding: 0 5px 0 40px;
    color: #000;
}
.mbsc-ios .dwwms .dw-msel {
    color: #007aff;
}
.mbsc-ios .dw-msel:before {
    font-size: 40px;
}
/* Group select */
.mbsc-ios .dw-select-gr .dw-li {
    padding-left: 40px;
}
.mbsc-ios .dw-select-gr .dw-w-gr {
    padding-left: 5px;
    font-weight: normal;
    font-size: 18px;
}