137 lines
2.1 KiB
CSS
137 lines
2.1 KiB
CSS
#calendarDiv{
|
|
position:absolute;
|
|
width:255px;
|
|
border:1px solid #317082;
|
|
padding:1px;
|
|
background-color: #FFF;
|
|
font-family:arial;
|
|
font-size:10px;
|
|
padding-bottom:20px;
|
|
visibility:hidden;
|
|
}
|
|
#calendarDiv span,#calendarDiv img{
|
|
float:left;
|
|
}
|
|
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
|
|
|
|
line-height:12px;
|
|
padding:1px;
|
|
cursor:pointer;
|
|
padding-left:2px;
|
|
}
|
|
|
|
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
|
|
line-height:12px;
|
|
padding:1px;
|
|
cursor:pointer;
|
|
padding-left:2px;
|
|
}
|
|
|
|
#calendarDiv td{
|
|
padding:3px;
|
|
margin:0px;
|
|
font-size:10px;
|
|
}
|
|
|
|
|
|
|
|
#calendarDiv .selectBox{
|
|
border:1px solid #E2EBED;
|
|
color: #E2EBED;
|
|
position:relative;
|
|
}
|
|
#calendarDiv .selectBoxOver{
|
|
border:1px solid #FFF;
|
|
background-color: #317082;
|
|
color: #FFF;
|
|
position:relative;
|
|
}
|
|
#calendarDiv .selectBoxTime{
|
|
border:1px solid #317082;
|
|
color: #317082;
|
|
position:relative;
|
|
}
|
|
#calendarDiv .selectBoxTimeOver{
|
|
border:1px solid #216072;
|
|
color: #216072;
|
|
position:relative;
|
|
}
|
|
|
|
#calendarDiv .topBar{
|
|
height:16px;
|
|
padding:2px;
|
|
background-color: #317082;
|
|
|
|
|
|
}
|
|
#calendarDiv .activeDay{ /* Active day in the calendar */
|
|
color:#FF0000;
|
|
}
|
|
#calendarDiv .todaysDate{
|
|
height:17px;
|
|
line-height:17px;
|
|
padding:2px;
|
|
background-color: #E2EBED;
|
|
text-align:center;
|
|
position:absolute;
|
|
bottom:0px;
|
|
width:251px;
|
|
}
|
|
#calendarDiv .todaysDate div{
|
|
float:left;
|
|
}
|
|
|
|
#calendarDiv .timeBar{
|
|
height:17px;
|
|
line-height:17px;
|
|
background-color: #E2EBED;
|
|
width:72px;
|
|
color:#FFF;
|
|
position:absolute;
|
|
right:0px;
|
|
}
|
|
|
|
#calendarDiv .timeBar div{
|
|
float:left;
|
|
margin-right:1px;
|
|
}
|
|
|
|
|
|
#calendarDiv .monthYearPicker{
|
|
background-color: #E2EBED;
|
|
border:1px solid #AAAAAA;
|
|
position:absolute;
|
|
color: #317082;
|
|
left:0px;
|
|
top:15px;
|
|
z-index:1000;
|
|
display:none;
|
|
|
|
}
|
|
#calendarDiv #monthSelect{
|
|
width:70px;
|
|
}
|
|
#calendarDiv .monthYearPicker div{
|
|
float:none;
|
|
clear:both;
|
|
padding:1px;
|
|
margin:1px;
|
|
cursor:pointer;
|
|
}
|
|
#calendarDiv .monthYearActive{
|
|
background-color:#317082;
|
|
color: #E2EBED;
|
|
}
|
|
|
|
#calendarDiv td{
|
|
text-align:right;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#calendarDiv .topBar img{
|
|
cursor:pointer;
|
|
}
|
|
#calendarDiv .topBar div{
|
|
float:left;
|
|
margin-right:1px;
|
|
} |