123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320 |
- .xdsoft_datetimepicker{
- box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
- background: #FFFFFF;
- border-bottom: 1px solid #BBBBBB;
- border-left: 1px solid #CCCCCC;
- border-right: 1px solid #CCCCCC;
- border-top: 1px solid #CCCCCC;
- color: #333333;
- display: block;
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
- padding: 8px;
- padding-left: 0px;
- padding-top: 2px;
- position: absolute;
- z-index: 9999;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- display:none;
- }
- .xdsoft_datetimepicker iframe {
- position: absolute;
- left: 0;
- top: 0;
- width: 75px;
- height: 210px;
- background: transparent;
- border:none;
- }
- /*For IE8 or lower*/
- .xdsoft_datetimepicker button {
- border:none !important;
- }
- .xdsoft_noselect{
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- }
- .xdsoft_noselect::selection { background: transparent; }
- .xdsoft_noselect::-moz-selection { background: transparent; }
- .xdsoft_datetimepicker.xdsoft_inline{
- display: inline-block;
- position: static;
- box-shadow: none;
- }
- .xdsoft_datetimepicker *{
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding:0px;
- margin:0px;
- }
- .xdsoft_datetimepicker .xdsoft_datepicker{
- display: inline;
- width: 224px;
- float:left;
- margin-left:8px;
- }
- .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{
- display:none;
- }
- .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{
- display:block;
- }
- .xdsoft_datetimepicker .xdsoft_timepicker{
- width: 58px;
- float:left;
- text-align:center;
- margin-left:8px;
- margin-top:0px;
- }
- .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{
- margin-top:8px;
- margin-bottom:3px
- }
- .xdsoft_datetimepicker .xdsoft_mounthpicker:after, .xdsoft_datetimepicker .xdsoft_mounthpicker:before { content: ""; display: table; line-height: 0;}
- .xdsoft_datetimepicker .xdsoft_mounthpicker:after { clear:both;}
- .xdsoft_datetimepicker .xdsoft_mounthpicker{
- position: relative;
- text-align: center;
- *zoom:1;
- _height:30px;
- }
- .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{
- background-image: url(../images/ico.png);
- }
- .xdsoft_datetimepicker .xdsoft_prev{
- display: inline;
- float: left;
- background-position:-20px 0px;
- }
- .xdsoft_datetimepicker .xdsoft_today_button{
- display: inline;
- float: left;
- background-position:-70px 0px;
- margin-left:5px;
- }
- .xdsoft_datetimepicker .xdsoft_next{
- display: inline;
- float: right;
- background-position:0px 0px;
- }
- .xdsoft_datetimepicker .xdsoft_next:active,.xdsoft_datetimepicker .xdsoft_prev:active{
- }
- .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev ,.xdsoft_datetimepicker .xdsoft_today_button{
- background-color: transparent;
- background-repeat: no-repeat;
- border: 0px none currentColor;
- cursor: pointer;
- display: block;
- height: 30px;
- opacity: 0.5;
- outline: medium none currentColor;
- overflow: hidden;
- padding: 0px;
- position: relative;
- text-indent: 100%;
- white-space: nowrap;
- width: 20px;
- }
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
- float:none;
- background-position:-40px -15px;
- height: 15px;
- width: 30px;
- display: block;
- margin-left:14px;
- margin-top:7px;
- }
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
- background-position:-40px 0px;
- margin-bottom:7px;
- margin-top:0px;
- }
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
- height:151px;
- overflow:hidden;
- border-bottom:1px solid #DDDDDD;
- }
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
- background: #F5F5F5;
- border-top:1px solid #DDDDDD;
- color: #666666;
- font-size: 12px;
- text-align: center;
- border-collapse:collapse;
- cursor:pointer;
- border-bottom-width:0px;
- height:25px;
- line-height:25px;
- }
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
- border-top-width:0px;
- }
- .xdsoft_datetimepicker .xdsoft_today_button:hover,
- .xdsoft_datetimepicker .xdsoft_next:hover,
- .xdsoft_datetimepicker .xdsoft_prev:hover {
- opacity: 1;
- }
- .xdsoft_datetimepicker .xdsoft_label{
- display: inline;
- position: relative;
- z-index: 9999;
- margin: 0;
- padding: 5px 3px;
- font-size: 14px;
- line-height: 20px;
- font-weight: bold;
- background-color: #fff;
- float:left;
- width:182px;
- text-align:center;
- cursor:pointer;
- _height: 20px;
- *zoom:1;
- }
- .xdsoft_datetimepicker .xdsoft_label:hover{
- text-decoration:underline;
- }
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{
- position:absolute;
- right:0px;
- top:30px;
- border:1px solid #ccc;
- /*z-index:101;*/
- display:none;
- background:#fff;
- max-height:160px;
- overflow-y:hidden;
- _height:0px;
- _overflow:hidden;
- *zoom:1;
- }
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
- color: #fff;
- background: #ff8000;
- }
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
- padding:2px 10px 2px 5px;
- }
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
- background: #33AAFF;
- box-shadow: #178FE5 0px 1px 3px 0px inset;
- color:#fff;
- font-weight: 700;
- }
- .xdsoft_datetimepicker .xdsoft_month{
- width:90px;
- text-align:right;
- _width:86px;
- }
- .xdsoft_datetimepicker .xdsoft_calendar{
- clear:both;
- }
- .xdsoft_datetimepicker .xdsoft_year{
- width:56px;
- }
- .xdsoft_datetimepicker .xdsoft_calendar table{
- border-collapse:collapse;
- width:100%;
-
- }
- .xdsoft_datetimepicker .xdsoft_calendar td > div{
- padding-right:5px;
- }
- .xdsoft_datetimepicker .xdsoft_calendar th{
- height: 25px;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{
- width:14.2857142%;
- text-align:center;
- background: #F5F5F5;
- border:1px solid #DDDDDD;
- color: #666666;
- font-size: 12px;
- text-align: right;
- padding:0px;
- border-collapse:collapse;
- cursor:pointer;
- height: 25px;
- }
- .xdsoft_datetimepicker .xdsoft_calendar th{
- background: #F1F1F1;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
- color:#33AAFF;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
- background: #33AAFF;
- box-shadow: #178FE5 0px 1px 3px 0px inset;
- color:#fff;
- font-weight: 700;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
- .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{
- opacity:0.5;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
- opacity:0.2;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td:hover,
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
- color: #fff !important;
- background: #ff8000 !important;
- box-shadow: none !important;
- }
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
- color: inherit !important;
- background: inherit !important;
- box-shadow: inherit !important;
- }
- .xdsoft_datetimepicker .xdsoft_calendar th{
- font-weight: 700;
- text-align: center;
- color: #999;
- cursor:default;
- }
- .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
- .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;}
- .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;}
- .xdsoft_time_box{
- position:relative;
- border:1px solid #ccc;
- }
- .xdsoft_scrollbar >.xdsoft_scroller{
- background:#ccc !important;
- height:20px;
- border-radius:3px;
- }
- .xdsoft_scrollbar{
- position:absolute;
- width:7px;
- width:7px;
- right:0px;
- top:0px;
- bottom:0px;
- cursor:pointer;
- }
- .xdsoft_scroller_box{
- position:relative;
- *zoom:1;
- }
- .xdsoft_scroller_box { _height: 1; _overflow: hidden; }
- .xdsoft_month, .xdsoft_year, .xdsoft_month .xdsoft_option, .xdsoft_year .xdsoft_option { _display: none; _height: 0; _padding: 0; _overflow: hidden; }
|