222 lines
6.2 KiB
CSS
222 lines
6.2 KiB
CSS
/*!
|
|
* Datepicker for Bootstrap
|
|
*
|
|
* Copyright 2012 Stefan Petre
|
|
* Licensed under the Apache License v2.0
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
*/
|
|
.clearfix {
|
|
*zoom:1;
|
|
}
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
display:table;
|
|
content:"";
|
|
line-height:0;
|
|
}
|
|
.clearfix:after {
|
|
clear:both;
|
|
}
|
|
.hide-text {
|
|
font:0/0 a;
|
|
color:transparent;
|
|
text-shadow:none;
|
|
background-color:transparent;
|
|
border:0;
|
|
}
|
|
.input-block-level {
|
|
display:block;
|
|
width:100%;
|
|
min-height:30px;
|
|
-webkit-box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
.bootstrap-datetimepicker-widget {
|
|
top:0;
|
|
left:0;
|
|
min-width: 113px;
|
|
padding:4px;
|
|
margin-top:1px;
|
|
-webkit-border-radius:4px;
|
|
-moz-border-radius:4px;
|
|
border-radius:4px;
|
|
}
|
|
.bootstrap-datetimepicker-widget:before {
|
|
content:'';
|
|
display:inline-block;
|
|
border-left:7px solid transparent;
|
|
border-right:7px solid transparent;
|
|
border-bottom:7px solid #ccc;
|
|
border-bottom-color:rgba(0,0,0,0.2);
|
|
position:absolute;
|
|
top:-7px;
|
|
left:6px;
|
|
}
|
|
.bootstrap-datetimepicker-widget:after {
|
|
content:'';
|
|
display:inline-block;
|
|
border-left:6px solid transparent;
|
|
border-right:6px solid transparent;
|
|
border-bottom:6px solid #fff;
|
|
position:absolute;
|
|
top:-6px;
|
|
left:7px;
|
|
}
|
|
.bootstrap-datetimepicker-widget .timepicker {
|
|
min-width: 110px;
|
|
}
|
|
.bootstrap-datetimepicker-widget>ul {
|
|
list-style-type:none;
|
|
margin:0;
|
|
}
|
|
.bootstrap-datetimepicker-widget .timepicker-hour,
|
|
.bootstrap-datetimepicker-widget .timepicker-minute,
|
|
.bootstrap-datetimepicker-widget .timepicker-second {
|
|
font-weight:bold;
|
|
font-size:1.2em;
|
|
}
|
|
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
|
|
width:4px;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.bootstrap-datetimepicker-widget .datepicker>div {
|
|
display:none;
|
|
}
|
|
.bootstrap-datetimepicker-widget .picker-switch {
|
|
text-align:center;
|
|
}
|
|
.bootstrap-datetimepicker-widget table {
|
|
width:100%;
|
|
margin:0;
|
|
}
|
|
.bootstrap-datetimepicker-widget td,
|
|
.bootstrap-datetimepicker-widget th {
|
|
text-align:center;
|
|
width:20px;
|
|
height:20px;
|
|
-webkit-border-radius:4px;
|
|
-moz-border-radius:4px;
|
|
border-radius:4px;
|
|
vertical-align: middle;
|
|
}
|
|
.bootstrap-datetimepicker-widget td.day:hover,
|
|
.bootstrap-datetimepicker-widget td.hour:hover,
|
|
.bootstrap-datetimepicker-widget td.minute:hover,
|
|
.bootstrap-datetimepicker-widget td.second:hover {
|
|
background:#eee;
|
|
cursor:pointer;
|
|
}
|
|
.bootstrap-datetimepicker-widget td.old,
|
|
.bootstrap-datetimepicker-widget td.new {
|
|
color:#999;
|
|
}
|
|
.bootstrap-datetimepicker-widget td.active,
|
|
.bootstrap-datetimepicker-widget td.active:hover {
|
|
color:#fff;
|
|
background-color:#006dcc;
|
|
background-image:-moz-linear-gradient(top,#08c,#04c);
|
|
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
|
|
background-image:-webkit-linear-gradient(top,#08c,#04c);
|
|
background-image:-o-linear-gradient(top,#08c,#04c);
|
|
background-image:linear-gradient(to bottom,#08c,#04c);
|
|
background-repeat:repeat-x;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
|
|
border-color:#04c #04c #002a80;
|
|
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
|
|
*background-color:#04c;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
color:#fff;
|
|
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
|
|
}
|
|
.bootstrap-datetimepicker-widget td.active:hover,
|
|
.bootstrap-datetimepicker-widget td.active:hover:hover,
|
|
.bootstrap-datetimepicker-widget td.active:active,
|
|
.bootstrap-datetimepicker-widget td.active:hover:active,
|
|
.bootstrap-datetimepicker-widget td.active.active,
|
|
.bootstrap-datetimepicker-widget td.active:hover.active,
|
|
.bootstrap-datetimepicker-widget td.active.disabled,
|
|
.bootstrap-datetimepicker-widget td.active:hover.disabled,
|
|
.bootstrap-datetimepicker-widget td.active[disabled],
|
|
.bootstrap-datetimepicker-widget td.active:hover[disabled] {
|
|
color:#fff;
|
|
background-color:#04c;
|
|
*background-color:#003bb3;
|
|
}
|
|
.bootstrap-datetimepicker-widget td.active:active,
|
|
.bootstrap-datetimepicker-widget td.active:hover:active,
|
|
.bootstrap-datetimepicker-widget td.active.active,
|
|
.bootstrap-datetimepicker-widget td.active:hover.active {
|
|
background-color:#039 \9;
|
|
}
|
|
.bootstrap-datetimepicker-widget td span {
|
|
display:block;
|
|
width:100%;
|
|
height:54px;
|
|
line-height:54px;
|
|
float:left;
|
|
cursor:pointer;
|
|
-webkit-border-radius:4px;
|
|
-moz-border-radius:4px;
|
|
border-radius:4px;
|
|
}
|
|
.bootstrap-datetimepicker-widget .datepicker-months td span,
|
|
.bootstrap-datetimepicker-widget .datepicker-years td span {
|
|
width: 50px;
|
|
}
|
|
.bootstrap-datetimepicker-widget td span:hover {
|
|
background:#eee;
|
|
}
|
|
.bootstrap-datetimepicker-widget td span.active {
|
|
color:#fff;
|
|
background-color:#006dcc;
|
|
background-image:-moz-linear-gradient(top,#08c,#04c);
|
|
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
|
|
background-image:-webkit-linear-gradient(top,#08c,#04c);
|
|
background-image:-o-linear-gradient(top,#08c,#04c);
|
|
background-image:linear-gradient(to bottom,#08c,#04c);
|
|
background-repeat:repeat-x;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
|
|
border-color:#04c #04c #002a80;
|
|
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
|
|
*background-color:#04c;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
color:#fff;
|
|
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
|
|
}
|
|
.bootstrap-datetimepicker-widget td span.active:hover,
|
|
.bootstrap-datetimepicker-widget td span.active:active,
|
|
.bootstrap-datetimepicker-widget td span.active.active,
|
|
.bootstrap-datetimepicker-widget td span.active.disabled,
|
|
.bootstrap-datetimepicker-widget td span.active[disabled] {
|
|
color:#fff;
|
|
background-color:#04c;
|
|
*background-color:#003bb3;
|
|
}
|
|
.bootstrap-datetimepicker-widget td span.active:active,
|
|
.bootstrap-datetimepicker-widget td span.active.active {
|
|
background-color:#039 \9;
|
|
}
|
|
.bootstrap-datetimepicker-widget td span.old {
|
|
color:#999;
|
|
}
|
|
.bootstrap-datetimepicker-widget th.switch {
|
|
width:145px;
|
|
}
|
|
.bootstrap-datetimepicker-widget th.next,
|
|
.bootstrap-datetimepicker-widget th.prev {
|
|
font-size:21px;
|
|
}
|
|
.bootstrap-datetimepicker-widget thead tr:first-child th {
|
|
cursor:pointer;
|
|
}
|
|
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
|
|
background:#eee;
|
|
}
|
|
.input-append.date .add-on i,
|
|
.input-prepend.date .add-on i {
|
|
cursor:pointer;
|
|
}
|