Файл: assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css
Строк: 254
/*!
* Datetimepicker for Bootstrap 3
* version : 4.15.35 *
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 #cccccc;
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 #cccccc;
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: #777777;
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: #eeeeee;
}
.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:
#777777;
}
.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: #eeeeee;
cursor:
pointer;
}
.bootstrap-datetimepicker-widget table
td.old,
.bootstrap-datetimepicker-widget table td.new {
color:
#777777;
}
.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: #ffffff;
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: #777777;
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: #eeeeee;
}
.bootstrap-datetimepicker-widget table td
span.active {
background-color: #337ab7;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0,
0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color:
#777777;
}
.bootstrap-datetimepicker-widget table td
span.disabled,
.bootstrap-datetimepicker-widget table td
span.disabled:hover {
background: none;
color: #777777;
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;
}