관리-도구
편집 파일: jquery.timepicker.min.css
/** * @preserve jQuery PeriodPicker plugin v6.1.8 * @homepage http://xdsoft.net/jqplugins/periodpicker/ * @copyright (c) 2018 xdsoft.net Chupurnov Valeriy * @license OEM http://xdsoft.net/jqplugins/periodpicker/license/ */ .xdsoft_noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.periodpicker_timepicker{position:absolute;top:0;bottom:0;left:0;right:0;font-family:'Century Gothic',CenturyGothic,AppleGothic,Muli,sans-serif;font-size:1em;overflow:hidden;font-size:16px;padding:0}.periodpicker_timepicker,.periodpicker_timepicker *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.periodpicker_timepicker input.periodpicker_key_hooker{border:0!important;background:0 0!important;outline:0!important;width:0!important;height:0!important;padding:0!important;margin:0!important;font-size:0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;position:absolute!important;top:0!important;left:0!important}.periodpicker_timepicker .periodpicker_timepicker_sliders>div{position:absolute;top:0;bottom:0;width:50%;text-align:center;cursor:default}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col4{width:25%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col4+div.periodpicker_col4{left:25%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col4+div.periodpicker_col4+div.periodpicker_col4{left:50%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col4+div.periodpicker_col4+div.periodpicker_col4+div.periodpicker_col4{left:75%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col3{width:33.3333333333%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col3+div.periodpicker_col3{left:33.3333333333%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col3+div.periodpicker_col3+div.periodpicker_col3{left:66.6666666666%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col2{width:50%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col2+div.periodpicker_col2{left:50%}.periodpicker_timepicker .periodpicker_timepicker_sliders>div:not(.draggable)>div{-webkit-transition:margin-top .1s linear;-moz-transition:margin-top .1s linear;-o-transition:margin-top .1s linear;transition:margin-top .1s linear}.periodpicker_timepicker .periodpicker_timepicker_sliders>div>div>div{height:22px;line-height:23px;-webkit-transition:font .1s linear;-moz-transition:font .1s linear;-o-transition:font .1s linear;transition:font .1s linear;position:relative;color:#727272}.periodpicker_timepicker .periodpicker_timepicker_sliders>div>div>div.active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;color:#4B4B4B;font-size:1.1em;font-weight:700}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col2+div.periodpicker_col2:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before,.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col3+div.periodpicker_col3:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before,.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col4+div.periodpicker_col4:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before{content:":";position:absolute;font-size:16px;margin-left:-1px;left:0;font-weight:700;color:#797575;margin-top:-1px;z-index:1}.periodpicker_timepicker .periodpicker_timepicker_sliders>div.periodpicker_col2+div.periodpicker_col2 div.active:before{margin-left:-9px}.periodpicker_timepicker:before{content:"";position:absolute;left:0;right:0;height:20px;-webkit-box-shadow:inset 1px 32px 20px 0 rgba(255,255,255,.55);-moz-box-shadow:inset 1px 32px 20px 0 rgba(255,255,255,.55);box-shadow:inset 1px 32px 20px 0 rgba(255,255,255,.55);z-index:2}.periodpicker_timepicker:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;-webkit-box-shadow:inset 0 -32px 20px 0 rgba(255,255,255,.55);-moz-box-shadow:inset 0 -32px 20px 0 rgba(255,255,255,.55);box-shadow:inset 0 -32px 20px 0 rgba(255,255,255,.55);z-index:2}.periodpicker_timepicker .periodpicker_timepicker_center{position:absolute;top:50%;left:0;height:0;right:0}.periodpicker_timepicker .periodpicker_timepicker_center:after,.periodpicker_timepicker .periodpicker_timepicker_center:before{content:"";position:absolute;width:100%;border-top:1px solid #ccc}.periodpicker_timepicker .periodpicker_timepicker_center:before{margin-top:-11px}.periodpicker_timepicker .periodpicker_timepicker_center:after{margin-top:13px}.periodpicker_timepicker_dialog{position:absolute;height:300px;width:99px;background:#fff;z-index:33001;border:1px solid rgba(0,0,0,.1);-webkit-box-shadow:0 10px 20px -5px rgba(0,0,0,.4);-moz-box-shadow:0 10px 20px -5px rgba(0,0,0,.4);box-shadow:0 10px 20px -5px rgba(0,0,0,.4);display:none}.periodpicker_timepicker_dialog.periodpicker_timepicker_inline{display:inline-block;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative}.periodpicker_timepicker_dialog.visible{display:block}