Files

432 lines
30 KiB
CSS
Raw Permalink Normal View History

2025-11-07 09:56:20 +08:00
/*!
* Datetimepicker for Bootstrap 3
* version : 4.17.37
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
.bootstrap-datetimepicker-widget {
list-style: none
}
.bootstrap-datetimepicker-widget.dropdown-menu {
margin: 2px 0;
padding: 4px;
width: 19em
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width:38em
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width:38em
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width:38em
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0,0,0,0.2);
top: -7px;
left: 7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0,0,0,0.2);
bottom: -7px;
left: 6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none
}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM"
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker"
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today"
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens"
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0
}
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px
}
.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month"
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month"
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eee
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px
}
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover {
background: #eee;
cursor: pointer
}
.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new {
color: #777
}
.bootstrap-datetimepicker-widget table td.today {
position: relative
}
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #337ab7;
border-top-color: rgba(0,0,0,0.2);
position: absolute;
bottom: 4px;
right: 4px
}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff
}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eee
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777
}
.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px
}
.bootstrap-datetimepicker-widget.wider {
width: 21em
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
line-height: 1.8em !important
}
.input-group.date .input-group-addon {
cursor: pointer
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
/*!
* Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker{border-radius:4px;direction:ltr;}.datepicker-inline{width:220px;}.datepicker.datepicker-rtl{direction:rtl;}.datepicker.datepicker-rtl table tr td span{float:right;}.datepicker-dropdown{top:0;left:0;padding:4px;}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,0.15);border-top:0;border-bottom-color:rgba(0,0,0,0.2);position:absolute;}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;border-top:0;position:absolute;}.datepicker-dropdown.datepicker-orient-left:before{left:6px;}.datepicker-dropdown.datepicker-orient-left:after{left:7px;}.datepicker-dropdown.datepicker-orient-right:before{right:6px;}.datepicker-dropdown.datepicker-orient-right:after{right:7px;}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px;}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px;}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,0.15);}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #ffffff;}.datepicker > div{display:none;}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:2px;border:none;}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent;}.datepicker table tr td.old,.datepicker table tr td.new{color:#777777;}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eeeeee;cursor:pointer;}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:none;color:#777777;cursor:default;}.datepicker table tr td.highlighted{color:#000000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0;}.datepicker table tr td.highlighted:focus,.datepicker table tr td.highlighted.focus{color:#000000;background-color:#afd9ee;border-color:#298fc2;}.datepicker table tr td.highlighted:hover{color:#000000;background-color:#afd9ee;border-color:#52addb;}.datepicker table tr td.highlighted:active,.datepicker table tr td.highlighted.active{color:#000000;background-color:#afd9ee;border-color:#52addb;}.datepicker table tr td.highlighted:active:hover,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted.active.focus{color:#000000;background-color:#91cbe8;border-color:#298fc2;}.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted:hover,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted[disabled]:focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted[disabled].focus,fieldset[disabled] .datepicker table tr td.highlighted.focus{background-color:#d9edf7;border-color:#85c5e5;}.datepicker table tr td.highlighted.focused{background:#afd9ee;}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777777;}.datepicker table tr td.today{color:#000000;background-color:#ffdb99;border-color:#ffb733;}.datepicker table tr td.today:focus,.datepicker table tr td.today.focus{color:#000000;background-color:#ffc966;border-color:#b37400;}.datepicker table tr td.today:hover{color:#000000;background-color:#ffc966;border-color:#f59e00;}.datepicker table tr td.today:active,.datepicker table tr td.today.active{color:#000000;background-color:#ffc966;border-color:#f59e00;}.datepicker table tr td.today:active:hover,.datepicker table tr td.today.active
.timepicker-picker .table-condensed td{
text-align: center;
}
/*# sourceMappingURL=bootstrap-datepicker3.min.css.map */