72 lines
1.8 KiB
CSS
72 lines
1.8 KiB
CSS
|
.picker,
|
||
|
|
.picker__holder {
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 80%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.picker {
|
||
|
|
font-size: 16px;
|
||
|
|
text-align: left;
|
||
|
|
line-height: 1.2;
|
||
|
|
color: #000;
|
||
|
|
z-index: 10000;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
outline: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.picker__input {
|
||
|
|
cursor: default
|
||
|
|
}
|
||
|
|
|
||
|
|
.picker__input.picker__input--active {
|
||
|
|
border-color: #006937;
|
||
|
|
}
|
||
|
|
|
||
|
|
.picker__holder {
|
||
|
|
overflow-y: auto;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #aaa;
|
||
|
|
border-top-width: 0;
|
||
|
|
border-bottom-width: 0;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
min-width: 176px;
|
||
|
|
max-width: 414px;
|
||
|
|
max-height: 0;
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
-moz-opacity: 0;
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-1em) perspective(600px) rotateX(10deg);
|
||
|
|
transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s
|
||
|
|
}
|
||
|
|
|
||
|
|
/*!
|
||
|
|
* Classic picker styling for pickadate.js
|
||
|
|
* Demo: http://amsul.github.io/pickadate.js
|
||
|
|
*/
|
||
|
|
.picker__frame {
|
||
|
|
padding: 1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.picker__wrap {
|
||
|
|
margin: -1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.picker--opened .picker__holder {
|
||
|
|
max-height: 25em;
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
-moz-opacity: 1;
|
||
|
|
opacity: 1;
|
||
|
|
border-width: 0;
|
||
|
|
transform: translateY(0) perspective(600px) rotateX(0);
|
||
|
|
transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
|
||
|
|
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
|
||
|
|
}
|