1 line
No EOL
3.2 KiB
CSS
1 line
No EOL
3.2 KiB
CSS
.fancy-picker,.fancy-picker *{box-sizing:border-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancy-picker{position:relative;display:block;width:100%;height:30px;margin:0!important;padding:0!important}.fancy-picker-picked{width:100%;height:100%;overflow:hidden;display:block;position:relative;border:1px solid #7e8993;border-radius:4px;padding:3.5px 0;box-shadow:0 0 4px -1px rgba(0,0,0,.45)}.fancy-picker-data,.fancy-picker-placeholder{display:block;width:calc(100% - 25px);float:left;font-weight:500;padding:1px 5px;overflow:hidden;text-overflow:ellipsis;white-space:pre;top:-1px}.fancy-picker-data>span,.fancy-picker-placeholder>span{display:inline;position:relative}.fancy-picker-data>span:empty,.fancy-picker-placeholder>span:empty{display:none}.fancy-picker-data:empty,.fancy-picker-placeholder:empty{display:none}.fancy-picker-separator{margin-right:3px}.fancy-picker-count{position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:21px;color:#fff;background:rgba(35,40,45,.7);z-index:1;padding:1px 3px;font-size:12px;line-height:normal;border-radius:5px}.fancy-picker-count:empty{display:none}.fancy-picker-option{font-weight:500;width:100%;display:block;float:left;cursor:default;padding:2px 8px;transition:background .3s linear}.fancy-picker-option:nth-child(odd){background:#f3f3f3}.fancy-picker-option.selected{color:#000;background:#acf}.fancy-picker-option.disabled{color:#464646;background:#e8e8e8;cursor:not-allowed}.fancy-picker-option:not(.disabled):hover{background:#00a1ff;color:#fff}.fancy-picker-content{overflow-y:auto;overflow-x:hidden;max-height:200px;width:100%;-webkit-overflow-scrolling:touch;padding:3px 0 20px 0;background:#fff}.fancy-picker-ui{position:absolute;display:none;background:#fff;z-index:999;border:1px solid #7e8993;top:36px;padding:0;margin:0;box-shadow:0 0 10px -1px rgba(0,0,0,.96)}.fancy-picker-ui:before{content:"";position:absolute;width:10px;height:10px;border-top:1px solid #4f555a;border-left:1px solid #4f555a;top:-6px;left:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;background:#4f555a}.fancy-picker-picked:after{content:"";display:block;position:absolute;width:0;height:0;float:right;background:0 0;border-style:solid;border-color:#7e8993 transparent;border-width:7px 5px 0 5px;top:50%;-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0);right:5px;transition:all 350ms linear;cursor:pointer}.fancy-picker-picked:before{position:relative;display:block;content:"";width:5px;height:15px;padding:1px 0;background:0 0;border-left-width:4px;border-left-color:#7e8993;border-left-style:dotted;float:left;left:5px;top:2px;transition:all 350ms linear}.fancy-picker.active .fancy-picker-ui{display:block}.fancy-picker.active .fancy-picker-picked{box-shadow:0 0 3px -1px rgba(0,0,0,.45),inset 0 0 4px -1px rgba(0,0,0,.27)}.fancy-picker.active .fancy-picker-picked:after{border-color:#31363a transparent;-webkit-transform:translateY(-50%) rotate3d(1,0,0,180deg);transform:translateY(-50%) rotate3d(1,0,0,180deg)}.fancy-picker.active .fancy-picker-picked:before{border-left-color:#31363a}.fancy-picker:hover .fancy-picker-picked:before{border-left-color:#31363a} |