mirror of
https://gitlab.easter-eggs.com/ee/ldapsaisie.git
synced 2024-09-06 14:51:04 +02:00
224 lines
4.3 KiB
CSS
224 lines
4.3 KiB
CSS
![]() |
.datepicker_default {
|
||
|
position: absolute;
|
||
|
border: 2px solid #1C3262;
|
||
|
font-size: 11px;
|
||
|
width: 194px;
|
||
|
padding: 3px;
|
||
|
height: 221px;
|
||
|
background: #fff;
|
||
|
line-height: normal;
|
||
|
z-index: 3003;
|
||
|
}
|
||
|
|
||
|
/* header
|
||
|
********************************************************/
|
||
|
.datepicker_default .header {
|
||
|
position: relative;
|
||
|
background: #1C3262;
|
||
|
height: 21px;
|
||
|
padding-top: 4px;
|
||
|
margin-bottom: 3px;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .header .title {
|
||
|
text-align: center;
|
||
|
padding-top: 1px;
|
||
|
margin: 0px 42px 0 20px;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .header .titleText {
|
||
|
color: #fff;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
.datepicker_default .header .next,
|
||
|
.datepicker_default .header .previous,
|
||
|
.datepicker_default .header .closeButton {
|
||
|
position: absolute;
|
||
|
width: 15px;
|
||
|
height: 15px;
|
||
|
background: #fff;
|
||
|
text-align: center;
|
||
|
color: #666;
|
||
|
top: 5px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.datepicker_default .header .previous {
|
||
|
left: 5px;
|
||
|
}
|
||
|
.datepicker_default .header .next {
|
||
|
right: 28px;
|
||
|
}
|
||
|
.datepicker_default .header .closeButton {
|
||
|
right: 5px;
|
||
|
}
|
||
|
|
||
|
/* body
|
||
|
********************************************************/
|
||
|
.datepicker_default .body {
|
||
|
position: relative;
|
||
|
top: 0px;
|
||
|
left: 0px;
|
||
|
width: 194px;
|
||
|
border-right: 2px solid #fff;
|
||
|
height: 193px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
/* time
|
||
|
********************************************************/
|
||
|
.datepicker_default .time {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background: #eee;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .time .hour,
|
||
|
.datepicker_default .time .separator,
|
||
|
.datepicker_default .time .minutes {
|
||
|
border: 1px solid #ccc;
|
||
|
background: #fff;
|
||
|
width: 50px;
|
||
|
font-size: 32px;
|
||
|
position: absolute;
|
||
|
top: 50px;
|
||
|
text-align: center;
|
||
|
padding: 2px;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .time .hour {
|
||
|
left: 30px;
|
||
|
}
|
||
|
.datepicker_default .time .separator {
|
||
|
background: transparent;
|
||
|
border: 0px;
|
||
|
width: 10px;
|
||
|
left: 91px;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .time .minutes {
|
||
|
left: 110px;
|
||
|
}
|
||
|
.datepicker_default .time .ok {
|
||
|
position: absolute;
|
||
|
top: 105px;
|
||
|
width: 136px;
|
||
|
left: 30px;
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
/* days-grid
|
||
|
********************************************************/
|
||
|
.datepicker_default .days .day {
|
||
|
float: left;
|
||
|
background: #ccc;
|
||
|
cursor: pointer;
|
||
|
text-align: center;
|
||
|
padding-top: 4px;
|
||
|
width: 25px;
|
||
|
overflow: hidden;
|
||
|
height: 21px;
|
||
|
margin: 0 3px 3px 0;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .days .day0 {
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .days .week5 .day {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
/* days-colors
|
||
|
********************************************************/
|
||
|
.datepicker_default .days .title {
|
||
|
background: #5D6E95;
|
||
|
font-weight: bold;
|
||
|
color: #fff;
|
||
|
cursor: default;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .days .otherMonth {
|
||
|
background: #eee;
|
||
|
color: #aaa;
|
||
|
}
|
||
|
|
||
|
/* months
|
||
|
********************************************************/
|
||
|
.datepicker_default .months .month {
|
||
|
float: left;
|
||
|
background: #eee;
|
||
|
cursor: pointer;
|
||
|
text-align: center;
|
||
|
overflow: hidden;
|
||
|
width: 62px;
|
||
|
height: 31px;
|
||
|
padding-top: 15px;
|
||
|
margin: 0 3px 3px 0;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .months .month3,
|
||
|
.datepicker_default .months .month6,
|
||
|
.datepicker_default .months .month9,
|
||
|
.datepicker_default .months .month12 {
|
||
|
margin-right: 0;
|
||
|
width: 64px;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .months .month10,
|
||
|
.datepicker_default .months .month11,
|
||
|
.datepicker_default .months .month12 {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
/* years
|
||
|
********************************************************/
|
||
|
.datepicker_default .years .year {
|
||
|
float: left;
|
||
|
background: #eee;
|
||
|
cursor: pointer;
|
||
|
text-align: center;
|
||
|
padding-top: 11px;
|
||
|
width: 46px;
|
||
|
overflow: hidden;
|
||
|
height: 25px;
|
||
|
margin: 0 3px 3px 0;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .years .year3,
|
||
|
.datepicker_default .years .year7,
|
||
|
.datepicker_default .years .year11,
|
||
|
.datepicker_default .years .year15,
|
||
|
.datepicker_default .years .year19 {
|
||
|
margin-right: 0;
|
||
|
width: 47px;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .years .year16,
|
||
|
.datepicker_default .years .year17,
|
||
|
.datepicker_default .years .year18,
|
||
|
.datepicker_default .years .year19 {
|
||
|
margin-bottom: 0;
|
||
|
height: 26px;
|
||
|
}
|
||
|
|
||
|
/* global
|
||
|
********************************************************/
|
||
|
.datepicker_default .selected {
|
||
|
background: #8C929F !important;
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .unavailable,
|
||
|
.datepicker_default .body .days .week .day.unavailable:hover {
|
||
|
background: #edd !important;
|
||
|
color: #b88 !important;
|
||
|
cursor: default !important;
|
||
|
}
|
||
|
|
||
|
.datepicker_default .days .week .day:hover,
|
||
|
.datepicker_default .months .month:hover,
|
||
|
.datepicker_default .years .year:hover {
|
||
|
background: #5D6E95 !important;
|
||
|
color: #fff !important;
|
||
|
}
|