105 lines
1.7 KiB
CSS
105 lines
1.7 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
.main_calendar{
|
|
width: 300px;
|
|
position: absolute;
|
|
text-align: center;
|
|
left:0;
|
|
right:0;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
|
|
}
|
|
.main_calendar_body{
|
|
border-top:1px solid #eeeeee;
|
|
}
|
|
.main_calendar_body th{
|
|
font-size:10px;
|
|
color:#555555;
|
|
width:40px;
|
|
height:20px;
|
|
text-align:center;
|
|
}
|
|
.main_calendar_body td{
|
|
font-size:14px;
|
|
color:#999999;
|
|
width:40px;
|
|
height:18px;
|
|
text-align:center;
|
|
}
|
|
.main_calendar_body td:hover{
|
|
background-color:#f5fbfc;
|
|
box-shadow:0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.main_calendar_year_month{
|
|
height:20px;
|
|
text-align:center;
|
|
line-height:20px;
|
|
font-size:9px;
|
|
color:#333333
|
|
border:1px solid #eeeeee;
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
|
|
}
|
|
.main_calendar_left{
|
|
background:url(../image/last@3x.png) no-repeat center left;
|
|
padding-right:50px;
|
|
|
|
}
|
|
.main_calendar_right{
|
|
margin-left:50px;
|
|
background:url(../image/next@3x.png) no-repeat center left;
|
|
cursor:hand;
|
|
}
|
|
.main_cur_data{
|
|
border:1px solid #555555;
|
|
}
|
|
|
|
.main_select_month{
|
|
width:300px;
|
|
|
|
position: relative;
|
|
text-align: center;
|
|
left:0;
|
|
right:0;
|
|
top: 10px;
|
|
bottom: 0;
|
|
margin: auto;
|
|
display:none;
|
|
|
|
}
|
|
.main_select_month td{
|
|
text-align:center;
|
|
line-height:20px;
|
|
width:75px;
|
|
height:20px;
|
|
font-size:15px;
|
|
padding:10px;
|
|
}
|
|
.main_select_month td:hover{
|
|
background-color:#f5fbfc;
|
|
box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.main_select_year{
|
|
text-align:center;
|
|
border-bottom:1px solid #eeeeee;
|
|
padding:0px 0px 10px 0px;
|
|
}
|
|
.main_day_holiday{
|
|
float:left;
|
|
font-size:5px;
|
|
color:green;
|
|
margin-top:0px;
|
|
|
|
}
|
|
.main_day_work{
|
|
float:left;
|
|
font-size:5px;
|
|
color:red;
|
|
margin-top:0px;
|
|
|
|
}
|
|
|