164 lines
3.1 KiB
CSS
164 lines
3.1 KiB
CSS
|
.dtp .p10, .dtp .p20, .dtp .p60, .dtp .p80 {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
.dtp {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
background: rgba(0, 0, 0, .4);
|
||
|
|
z-index: 2000;
|
||
|
|
font-size: 15px;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none
|
||
|
|
}
|
||
|
|
.dtp>.dtp-content {
|
||
|
|
background: #15191c;
|
||
|
|
max-width: 300px;
|
||
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
|
||
|
|
max-height: 520px;
|
||
|
|
position: relative;
|
||
|
|
left: 50%
|
||
|
|
}
|
||
|
|
.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
|
||
|
|
background: #14181b;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
padding: .3em
|
||
|
|
}
|
||
|
|
.dtp div.dtp-date, .dtp div.dtp-time {
|
||
|
|
background: #0b0d0f;
|
||
|
|
text-align: center;
|
||
|
|
color: #fff;
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
.dtp div.dtp-date>div {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.dtp div.dtp-actual-month {
|
||
|
|
font-size: 1.5em
|
||
|
|
}
|
||
|
|
.dtp div.dtp-actual-maxtime, .dtp div.dtp-actual-num {
|
||
|
|
font-size: 3em;
|
||
|
|
line-height: .9
|
||
|
|
}
|
||
|
|
.dtp div.dtp-actual-year {
|
||
|
|
font-size: 1.5em;
|
||
|
|
color: #DCEDC8
|
||
|
|
}
|
||
|
|
.dtp div.dtp-picker {
|
||
|
|
padding: 1em;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.dtp div.dtp-actual-time, .dtp div.dtp-picker-month {
|
||
|
|
font-weight: 500;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.dtp div.dtp-picker-month {
|
||
|
|
padding-bottom: 20px!important;
|
||
|
|
text-transform: uppercase!important
|
||
|
|
}
|
||
|
|
.dtp .dtp-close {
|
||
|
|
position: absolute;
|
||
|
|
top: .5em;
|
||
|
|
right: 1em
|
||
|
|
}
|
||
|
|
.dtp .dtp-close>a {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dtp .dtp-close>a>i {
|
||
|
|
font-size: 1em
|
||
|
|
}
|
||
|
|
.dtp table.dtp-picker-days {
|
||
|
|
margin: 0;
|
||
|
|
min-height: 251px
|
||
|
|
}
|
||
|
|
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr>td {
|
||
|
|
border: none
|
||
|
|
}
|
||
|
|
.dtp table.dtp-picker-days tr>td {
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: .8em;
|
||
|
|
text-align: center;
|
||
|
|
padding: .5em .3em
|
||
|
|
}
|
||
|
|
.dtp table.dtp-picker-days tr>td>span.dtp-select-day {
|
||
|
|
color: #BDBDBD!important
|
||
|
|
}
|
||
|
|
.dtp .dtp-picker-time>a, .dtp table.dtp-picker-days tr>td>a {
|
||
|
|
color: rgb(255 255 255 / 65%);
|
||
|
|
text-decoration: none;
|
||
|
|
padding: .4em .5em .5em .6em;
|
||
|
|
border-radius: 50%!important
|
||
|
|
}
|
||
|
|
.dtp table.dtp-picker-days tr>td>a.selected {
|
||
|
|
background: #0b0d0f;
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dtp table.dtp-picker-days tr>th {
|
||
|
|
color: #757575;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 700;
|
||
|
|
padding: .4em .3em
|
||
|
|
}
|
||
|
|
.dtp .p10>a {
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.dtp .p10 {
|
||
|
|
width: 10%
|
||
|
|
}
|
||
|
|
.dtp .p20 {
|
||
|
|
width: 20%
|
||
|
|
}
|
||
|
|
.dtp .p60 {
|
||
|
|
width: 60%
|
||
|
|
}
|
||
|
|
.dtp .p80 {
|
||
|
|
width: 80%
|
||
|
|
}
|
||
|
|
.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {
|
||
|
|
position: relative;
|
||
|
|
top: 10px;
|
||
|
|
color: #212121;
|
||
|
|
font-weight: 500;
|
||
|
|
padding: .7em .5em;
|
||
|
|
border-radius: 50%!important;
|
||
|
|
text-decoration: none;
|
||
|
|
background: #eee;
|
||
|
|
font-size: 1em
|
||
|
|
}
|
||
|
|
.dtp .dtp-actual-meridien a.selected {
|
||
|
|
background: #689F38;
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dtp .dtp-picker-time>.dtp-select-hour, .dtp .dtp-picker-time>.dtp-select-minute {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
.dtp .dtp-buttons {
|
||
|
|
padding: 0 1em 1em;
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
.dtp .hidden, .dtp.hidden {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.dtp .invisible {
|
||
|
|
visibility: hidden
|
||
|
|
}
|
||
|
|
.dtp .left {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.dtp .right {
|
||
|
|
float: right
|
||
|
|
}
|
||
|
|
.dtp .clearfix {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.dtp .center {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
/*# sourceMappingURL=bootstrap-material-datetimepicker.min.css.map */
|