220 lines
4.5 KiB
CSS
220 lines
4.5 KiB
CSS
.ios7 .dwo {
|
|
background: rgba(0,0,0,.2);
|
|
filter: Alpha(Opacity=20);
|
|
}
|
|
.ios7 .dw {
|
|
background: none;
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ios7 .dwwr, .ios7 .dww {
|
|
background: #f7f7f7;
|
|
}
|
|
.ios7 .dwwc, .ios7 .dw .dwwl {
|
|
background: none;
|
|
}
|
|
.ios7 .dwwr, .ios7 .dwc, .ios7 .dwwc, .ios7 .dwwl {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ios7 .dwl {
|
|
text-align: left;
|
|
text-indent: 5px;
|
|
color: #ababab;
|
|
}
|
|
.ios7 .dwwc {
|
|
padding: 30px 10px 10px 10px;
|
|
}
|
|
.ios7 .dwhl .dwwc {
|
|
padding-top: 10px;
|
|
}
|
|
.ios7 .dw .dwwr {
|
|
position: relative;
|
|
padding-top: 40px;
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ios7 .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 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7 100%);
|
|
background: -moz-linear-gradient(#f7f7f7 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7 100%);
|
|
background: linear-gradient(#f7f7f7 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7 100%);
|
|
}
|
|
.ios7 .dwwol {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
margin: -18px 0 0 -10px;
|
|
border-top: 1px solid #dbdbdb;
|
|
border-bottom: 1px solid #dbdbdb;
|
|
}
|
|
.ios7 .dw-li {
|
|
color: #9d9d9d;
|
|
font-size: 22px;
|
|
text-align: left;
|
|
text-shadow: none;
|
|
}
|
|
.ios7 .dw-hl {
|
|
background: rgba(0,122,255,.2);
|
|
}
|
|
.ios7 .dw-sel {
|
|
color: #000;
|
|
}
|
|
.ios7 .dwv {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
color: #9d9d9d;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
border-bottom: 1px solid #acacac;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ios7 .dw .dwbc {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 0;
|
|
border-bottom: 1px solid #acacac;
|
|
}
|
|
.ios7 .dwb {
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
display: inline-block;
|
|
color: #007aff;
|
|
text-shadow: none;
|
|
font-size: 17px;
|
|
font-weight: normal;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ios7 .dwb-a {
|
|
opacity: .5;
|
|
}
|
|
.ios7 .dwbw {
|
|
display: block;
|
|
float: right;
|
|
}
|
|
.ios7 .dwb-c {
|
|
float: left;
|
|
}
|
|
.ios7 .dwb-s .dwb {
|
|
font-weight: bold;
|
|
}
|
|
/* Clickpick mode */
|
|
.ios7 .dwpm .dwwl {
|
|
border: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ios7 .dwpm .dww {
|
|
background: none;
|
|
}
|
|
.ios7 .dwpm .dw-li {
|
|
text-align: center;
|
|
}
|
|
.ios7 .dwpm .dwwol {
|
|
display: block;
|
|
}
|
|
.ios7 .dwwb, .ios7 .dwwb:hover {
|
|
background: #f7f7f7;
|
|
text-shadow: none;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ios7 .dwwb.dwb-a {
|
|
background: #f7f7f7;
|
|
}
|
|
.ios7 .dwwbp {
|
|
bottom: 0;
|
|
top: auto;
|
|
}
|
|
.ios7 .dwwbm {
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.ios7 .dwwb span {
|
|
display: none;
|
|
}
|
|
.ios7 .dwwb:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 13px;
|
|
height: 13px;
|
|
left: 50%;
|
|
margin-top: -7px;
|
|
}
|
|
.ios7 .dwwbp:after {
|
|
border-left: 2px solid #007aff;
|
|
border-bottom: 2px solid #007aff;
|
|
-webkit-transform: rotate(-45deg);
|
|
-webkit-transform-origin: bottom left;
|
|
-moz-transform-origin: bottom left;
|
|
-moz-transform: rotate(-45deg);
|
|
transform-origin: bottom left;
|
|
transform: rotate(-45deg);
|
|
}
|
|
.ios7 .dwwbm:after {
|
|
border-left: 2px solid #007aff;
|
|
border-top: 2px solid #007aff;
|
|
-webkit-transform: rotate(45deg);
|
|
-webkit-transform-origin: top left;
|
|
-moz-transform: rotate(45deg);
|
|
-moz-transform-origin: top left;
|
|
transform: rotate(45deg);
|
|
transform-origin: top left;
|
|
}
|
|
/* Bubble arrow */
|
|
.ios7 .dw-bubble-bottom .dw-arr {
|
|
top: 0;
|
|
border-color: transparent transparent #f7f7f7 transparent;
|
|
}
|
|
.ios7 .dw-bubble-top .dw-arr {
|
|
bottom: 0;
|
|
border-color: #f7f7f7 transparent transparent transparent;
|
|
}
|
|
.ios7.dw-bubble .dwwr {
|
|
overflow: hidden;
|
|
-webkit-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
/* Inline display */
|
|
.ios7.dw-inline .dw {
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ios7.dw-nobtn .dwwr,
|
|
.ios7.dw-inline .dwwr {
|
|
padding-top: 0;
|
|
}
|
|
/* Select */
|
|
.ios7.dw-select .dwwo {
|
|
display: none;
|
|
}
|
|
/* Multiple select */
|
|
.ios7 .dwwms .dwwol {
|
|
display: none;
|
|
}
|
|
.ios7 .dwwms .dw-li {
|
|
padding-left: 5px;
|
|
padding-right: 40px;
|
|
color: #000;
|
|
}
|
|
.ios7 .dwwms .dw-msel:after {
|
|
left: auto;
|
|
right: 0;
|
|
color: #007aff;
|
|
}
|