ldapsaisie/public_html/includes/libs/arian-mootools-datepicker/datepicker_default/datepicker_default.css

224 lines
4.3 KiB
CSS
Raw Permalink Normal View History

.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;
}