DGNum/kadenios
17
0
Fork 0
Code Issues 12 Pull requests Projects Wiki Activity

Change datepicker a bit

Browse source
This commit is contained in:
Tom Hubrecht 2020-12-19 21:34:14 +01:00
parent b284d65d3e
commit bffccdc055
1 changed files with 307 additions and 377 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

684
shared/static/vendor/datepicker/datetimepicker.css vendored
View file

@ -1,555 +1,485 @@
.xdsoft_datetimepicker { .xdsoft_datetimepicker {
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.506);
background: #fff; background: #fff;
border-bottom: 1px solid #bbb; border-bottom: 1px solid #bbb;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
color: #333; color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 8px; padding: 8px;
padding-left: 0; padding-left: 0;
padding-top: 2px; padding-top: 2px;
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
display: none; display: none;
} }
.xdsoft_datetimepicker.xdsoft_rtl { .xdsoft_datetimepicker.xdsoft_rtl {
padding: 8px 0 8px 8px; padding: 8px 0 8px 8px;
} }
.xdsoft_datetimepicker iframe { .xdsoft_datetimepicker iframe {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 75px; width: 75px;
height: 210px; height: 210px;
background: transparent; background: transparent;
border: none; border: none;
} }
/*For IE8 or lower*/ /*For IE8 or lower*/
.xdsoft_datetimepicker button { .xdsoft_datetimepicker button {
border: none !important; border: none !important;
} }
.xdsoft_noselect { .xdsoft_noselect {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
-o-user-select: none; -o-user-select: none;
user-select: none; user-select: none;
} }
.xdsoft_noselect::selection { background: transparent } .xdsoft_noselect::selection {
.xdsoft_noselect::-moz-selection { background: transparent } background: transparent
}
.xdsoft_noselect::-moz-selection {
background: transparent
}
.xdsoft_datetimepicker.xdsoft_inline { .xdsoft_datetimepicker.xdsoft_inline {
display: inline-block; display: inline-block;
position: static; position: static;
box-shadow: none; box-shadow: none;
} }
.xdsoft_datetimepicker * { .xdsoft_datetimepicker * {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { .xdsoft_datetimepicker .xdsoft_datepicker,
display: none; .xdsoft_datetimepicker .xdsoft_timepicker {
display: none;
} }
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { .xdsoft_datetimepicker .xdsoft_datepicker.active,
display: block; .xdsoft_datetimepicker .xdsoft_timepicker.active {
display: block;
} }
.xdsoft_datetimepicker .xdsoft_datepicker { .xdsoft_datetimepicker .xdsoft_datepicker {
width: 224px; width: 224px;
float: left; float: left;
margin-left: 8px; margin-left: 8px;
} }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
float: right; float: right;
margin-right: 8px; margin-right: 8px;
margin-left: 0; margin-left: 0;
} }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
width: 256px; width: 256px;
} }
.xdsoft_datetimepicker .xdsoft_timepicker { .xdsoft_datetimepicker .xdsoft_timepicker {
width: 58px; width: 58px;
float: left; float: left;
text-align: center; text-align: center;
margin-left: 8px; margin-left: 8px;
margin-top: 0; margin-top: 0;
} }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
float: right; float: right;
margin-right: 8px; margin-right: 8px;
margin-left: 0; margin-left: 0;
} }
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
margin-top: 8px; margin-top: 8px;
margin-bottom: 3px margin-bottom: 3px
} }
.xdsoft_datetimepicker .xdsoft_monthpicker { .xdsoft_datetimepicker .xdsoft_monthpicker {
position: relative; position: relative;
text-align: center; text-align: center;
} }
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button { .xdsoft_datetimepicker .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
} }
.xdsoft_datetimepicker .xdsoft_label i { .xdsoft_datetimepicker .xdsoft_label i {
opacity: 0.5; opacity: 0.5;
background-position: -92px -19px; background-position: -92px -19px;
display: inline-block; display: inline-block;
width: 9px; width: 9px;
height: 20px; height: 20px;
vertical-align: middle; vertical-align: middle;
} }
.xdsoft_datetimepicker .xdsoft_prev { .xdsoft_datetimepicker .xdsoft_prev {
float: left; float: left;
background-position: -20px 0; background-position: -20px 0;
} }
.xdsoft_datetimepicker .xdsoft_today_button { .xdsoft_datetimepicker .xdsoft_today_button {
float: left; float: left;
background-position: -70px 0; background-position: -70px 0;
margin-left: 5px; margin-left: 5px;
} }
.xdsoft_datetimepicker .xdsoft_next { .xdsoft_datetimepicker .xdsoft_next {
float: right; float: right;
background-position: 0 0; background-position: 0 0;
} }
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev , .xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button { .xdsoft_datetimepicker .xdsoft_today_button {
background-color: transparent; background-color: transparent;
background-repeat: no-repeat; background-repeat: no-repeat;
border: 0 none; border: 0 none;
cursor: pointer; cursor: pointer;
display: block; display: block;
height: 30px; height: 30px;
opacity: 0.5; opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
outline: medium none; outline: medium none;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
position: relative; position: relative;
text-indent: 100%; text-indent: 100%;
white-space: nowrap; white-space: nowrap;
width: 20px; width: 20px;
min-width: 0; min-width: 0;
} }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
float: none; float: none;
background-position: -40px -15px; background-position: -40px -15px;
height: 15px; height: 15px;
width: 30px; width: 30px;
display: block; display: block;
margin-left: 14px; margin-left: 14px;
margin-top: 7px; margin-top: 7px;
} }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
float: none; float: none;
margin-left: 0; margin-left: 0;
margin-right: 14px; margin-right: 14px;
} }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
background-position: -40px 0; background-position: -40px 0;
margin-bottom: 7px; margin-bottom: 7px;
margin-top: 0; margin-top: 0;
} }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 151px; height: 151px;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
background: #f5f5f5; background: #e9edf4;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
color: #666; color: #666;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
border-collapse: collapse; border-collapse: collapse;
cursor: pointer; cursor: pointer;
border-bottom-width: 0; border-bottom-width: 0;
height: 25px; height: 25px;
line-height: 25px; line-height: 25px;
} }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
border-top-width: 0; border-top-width: 0;
} }
.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover { .xdsoft_datetimepicker .xdsoft_prev:hover {
opacity: 1; opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} }
.xdsoft_datetimepicker .xdsoft_label { .xdsoft_datetimepicker .xdsoft_label {
display: inline; display: inline;
position: relative; position: relative;
z-index: 9999; z-index: 9999;
margin: 0; margin: 0;
padding: 5px 3px; padding: 5px 3px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
font-weight: bold; font-weight: bold;
background-color: #fff; background-color: #fff;
float: left; float: left;
width: 182px; width: 182px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
.xdsoft_datetimepicker .xdsoft_label:hover>span { .xdsoft_datetimepicker .xdsoft_label:hover>span {
text-decoration: underline; text-decoration: underline;
} }
.xdsoft_datetimepicker .xdsoft_label:hover i { .xdsoft_datetimepicker .xdsoft_label:hover i {
opacity: 1.0; opacity: 1.0;
} }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
border: 1px solid #ccc; border: 1px solid #ccc;
position: absolute; position: absolute;
right: 0; right: 0;
top: 30px; top: 30px;
z-index: 101; z-index: 101;
display: none; display: none;
background: #fff; background: #fff;
max-height: 160px; max-height: 160px;
overflow-y: hidden; overflow-y: hidden;
} }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px } .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px } right: -7px
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #fff;
background: #ff8000;
} }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
padding: 2px 10px 2px 5px; right: 2px
text-decoration: none !important;
} }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
background: #33aaff; color: #fff;
box-shadow: #178fe5 0 1px 3px 0 inset; background: #1d273a;
color: #fff; }
font-weight: 700;
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
padding: 2px 10px 2px 5px;
text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
background: #6681b2;
box-shadow: #1d273a 0 1px 2px 0 inset;
color: #fff;
font-weight: 700;
} }
.xdsoft_datetimepicker .xdsoft_month { .xdsoft_datetimepicker .xdsoft_month {
width: 100px; width: 100px;
text-align: right; text-align: right;
} }
.xdsoft_datetimepicker .xdsoft_calendar { .xdsoft_datetimepicker .xdsoft_calendar {
clear: both; clear: both;
} }
.xdsoft_datetimepicker .xdsoft_year{ .xdsoft_datetimepicker .xdsoft_year {
width: 48px; width: 48px;
margin-left: 5px; margin-left: 5px;
} }
.xdsoft_datetimepicker .xdsoft_calendar table { .xdsoft_datetimepicker .xdsoft_calendar table {
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
} }
.xdsoft_datetimepicker .xdsoft_calendar td > div { .xdsoft_datetimepicker .xdsoft_calendar td>div {
padding-right: 5px; padding-right: 5px;
} }
.xdsoft_datetimepicker .xdsoft_calendar th { .xdsoft_datetimepicker .xdsoft_calendar th {
height: 25px; height: 25px;
} }
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { .xdsoft_datetimepicker .xdsoft_calendar td,
width: 14.2857142%; .xdsoft_datetimepicker .xdsoft_calendar th {
background: #f5f5f5; width: 14.2857142%;
border: 1px solid #ddd; background: #e9edf4;
color: #666; border: 1px solid #ddd;
font-size: 12px; color: #666;
text-align: right; font-size: 12px;
vertical-align: middle; text-align: right;
padding: 0; vertical-align: middle;
border-collapse: collapse; padding: 0;
cursor: pointer; border-collapse: collapse;
height: 25px; cursor: pointer;
height: 25px;
} }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
width: 12.5%; .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
width: 12.5%;
} }
.xdsoft_datetimepicker .xdsoft_calendar th { .xdsoft_datetimepicker .xdsoft_calendar th {
background: #f1f1f1; background: #f1f4f8;
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
color: #33aaff; color: #6681b2;
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2; background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset; box-shadow: #ffb871 0 1px 2px 0 inset;
color: #000; color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color: #000;
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
background: #33aaff; background: #6681b2;
box-shadow: #178fe5 0 1px 3px 0 inset; box-shadow: #1d273a 0 1px 2px 0 inset;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;1d273a
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
opacity: 0.5; opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: default; cursor: default;
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
opacity: 0.2; opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
} }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
color: #fff !important; color: #fff !important;
background: #ff8000 !important; background: #1d273a !important;
box-shadow: none !important; box-shadow: none !important;
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
background: #33aaff !important; background: #6681b2 !important;
box-shadow: #178fe5 0 1px 3px 0 inset !important; box-shadow: #178fe5 0 1px 2px 0 inset !important;
color: #fff !important; color: #fff !important;
} }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
color: inherit !important; color: inherit !important;
background: inherit !important; background: inherit !important;
box-shadow: inherit !important; box-shadow: inherit !important;
} }
.xdsoft_datetimepicker .xdsoft_calendar th { .xdsoft_datetimepicker .xdsoft_calendar th {
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
color: #999; color: #999;
cursor: default; cursor: default;
} }
.xdsoft_datetimepicker .xdsoft_copyright { .xdsoft_datetimepicker .xdsoft_copyright {
color: #ccc !important; color: #ccc !important;
font-size: 10px; font-size: 10px;
clear: both; clear: both;
float: none; float: none;
margin-left: 8px; margin-left: 8px;
} }
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } .xdsoft_datetimepicker .xdsoft_copyright a {
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } color: #eee !important
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
color: #aaa !important
}
.xdsoft_time_box { .xdsoft_time_box {
position: relative; position: relative;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
.xdsoft_scrollbar >.xdsoft_scroller {
background: #ccc !important; .xdsoft_scrollbar>.xdsoft_scroller {
height: 20px; background: #ccc !important;
border-radius: 3px; height: 20px;
border-radius: 3px;
} }
.xdsoft_scrollbar { .xdsoft_scrollbar {
position: absolute; position: absolute;
width: 7px; width: 7px;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
cursor: pointer; cursor: pointer;
} }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
left: 0; left: 0;
right: auto; right: auto;
} }
.xdsoft_scroller_box { .xdsoft_scroller_box {
position: relative; position: relative;
} }
.xdsoft_datetimepicker.xdsoft_dark {
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
background: #000;
border-bottom: 1px solid #444;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #333;
color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
background: #0a0a0a;
border-top: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
border: 1px solid #333;
background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #000;
background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0a0a0a;
border: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #000 !important;
background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
.xdsoft_dark .xdsoft_time_box {
border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected { .xdsoft_datetimepicker .xdsoft_save_selected {
display: block; display: block;
border: 1px solid #dddddd !important; border: 1px solid #dddddd !important;
margin-top: 5px; margin-top: 5px;
width: 100%; width: 100%;
color: #454551; color: #454551;
font-size: 13px; font-size: 13px;
} }
.xdsoft_datetimepicker .blue-gradient-button { .xdsoft_datetimepicker .blue-gradient-button {
font-family: "museo-sans", "Book Antiqua", sans-serif; font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 12px; font-size: 12px;
font-weight: 300; font-weight: 300;
color: #82878c; color: #1d273a;
height: 28px; height: 28px;
position: relative; position: relative;
padding: 4px 17px 4px 33px; padding: 4px 17px 4px 33px;
border: 1px solid #d7d8da; border: 1px solid #d7d8da;
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* FF3.6+ */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
/* Chrome,Safari4+ */ /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Chrome10+,Safari5.1+ */ /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Opera 11.10+ */ /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* IE10+ */ /* IE10+ */
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
/* W3C */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
/* IE6-9 */ /* IE6-9 */
} }
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
color: #454551; color: #454551;
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* FF3.6+ */ /* FF3.6+ */
@ -563,6 +493,6 @@
/* IE10+ */ /* IE10+ */
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
/* W3C */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
/* IE6-9 */ /* IE6-9 */
} }