281 lines
4.9 KiB
CSS
281 lines
4.9 KiB
CSS
|
|
/*
|
|||
|
|
* My97 DatePicker 4.7
|
|||
|
|
* Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:simple
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/* <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> DIV */
|
|||
|
|
.WdateDiv{
|
|||
|
|
width:150px;
|
|||
|
|
background-color:#fff;
|
|||
|
|
border:#666 1px solid;
|
|||
|
|
padding:1px;
|
|||
|
|
}
|
|||
|
|
/* ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD> */
|
|||
|
|
.WdateDiv2{
|
|||
|
|
width:300px;
|
|||
|
|
}
|
|||
|
|
.WdateDiv *{font-size:9pt;}
|
|||
|
|
|
|||
|
|
/****************************
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><EFBFBD> ȫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>A<EFBFBD><EFBFBD>ǩ
|
|||
|
|
***************************/
|
|||
|
|
.WdateDiv .NavImg a{
|
|||
|
|
cursor:pointer;
|
|||
|
|
display:block;
|
|||
|
|
width:16px;
|
|||
|
|
height:16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.WdateDiv .NavImgll a{
|
|||
|
|
float:left;
|
|||
|
|
background-image:url(navLeft.gif);
|
|||
|
|
}
|
|||
|
|
.WdateDiv .NavImgl a{
|
|||
|
|
float:left;
|
|||
|
|
background-image:url(left.gif);
|
|||
|
|
}
|
|||
|
|
.WdateDiv .NavImgr a{
|
|||
|
|
float:right;
|
|||
|
|
background-image:url(right.gif);
|
|||
|
|
}
|
|||
|
|
.WdateDiv .NavImgrr a{
|
|||
|
|
float:right;
|
|||
|
|
background-image:url(navRight.gif);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD> DIV */
|
|||
|
|
.WdateDiv #dpTitle{
|
|||
|
|
height:22px;
|
|||
|
|
border:#aaa 1px solid;
|
|||
|
|
color:#009;
|
|||
|
|
background:url(bg.gif);
|
|||
|
|
margin-bottom:2px;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
|||
|
|
.WdateDiv .yminput{
|
|||
|
|
margin-top:1px;
|
|||
|
|
text-align:center;
|
|||
|
|
border:0px;
|
|||
|
|
line-height:15px;
|
|||
|
|
height:15px;
|
|||
|
|
color:#224;
|
|||
|
|
background:transparent;
|
|||
|
|
cursor:pointer;
|
|||
|
|
width:36px;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʽ INPUT */
|
|||
|
|
.WdateDiv .yminputfocus{
|
|||
|
|
text-align:center;
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:#034c50;
|
|||
|
|
border:#939393 1px solid;
|
|||
|
|
height:16px;
|
|||
|
|
width:36px;
|
|||
|
|
}
|
|||
|
|
/* <20>˵<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD> DIV */
|
|||
|
|
.WdateDiv .menuSel{
|
|||
|
|
z-index:1;
|
|||
|
|
position:absolute;
|
|||
|
|
background-color:#FFFFFF;
|
|||
|
|
border:#bbc 1px solid;
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
/* <20>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
|
.WdateDiv .menu{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background-color:#fff;
|
|||
|
|
color:#446;
|
|||
|
|
}
|
|||
|
|
/* <20>˵<EFBFBD><CBB5><EFBFBD>mouseover<65><72>ʽ TD */
|
|||
|
|
.WdateDiv .menuOn{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background:background;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
/* <20>˵<EFBFBD><CBB5><EFBFBD>Чʱ<D0A7><CAB1><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
|
.WdateDiv .invalidMenu{
|
|||
|
|
color:#aaa;
|
|||
|
|
}
|
|||
|
|
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
|
|||
|
|
.WdateDiv .YMenu{
|
|||
|
|
margin-top:16px;
|
|||
|
|
}
|
|||
|
|
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
|
|||
|
|
.WdateDiv .MMenu{
|
|||
|
|
margin-top:16px;
|
|||
|
|
width:62px;
|
|||
|
|
}
|
|||
|
|
/* ʱѡ<CAB1><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
|||
|
|
.WdateDiv .hhMenu{
|
|||
|
|
margin-top:-90px;
|
|||
|
|
margin-left:26px;
|
|||
|
|
}
|
|||
|
|
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
|||
|
|
.WdateDiv .mmMenu{
|
|||
|
|
margin-top:-46px;
|
|||
|
|
margin-left:26px;
|
|||
|
|
}
|
|||
|
|
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
|||
|
|
.WdateDiv .ssMenu{
|
|||
|
|
margin-top:-24px;
|
|||
|
|
margin-left:26px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/****************************
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
***************************/
|
|||
|
|
.WdateDiv .Wweek {
|
|||
|
|
text-align:center;
|
|||
|
|
background:#DAF3F5;
|
|||
|
|
}
|
|||
|
|
/****************************
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
***************************/
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TR */
|
|||
|
|
.WdateDiv .MTitle{
|
|||
|
|
color:#fff;
|
|||
|
|
background-color:#777;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .WdayTable2{
|
|||
|
|
border-collapse:collapse;
|
|||
|
|
border:#808080 1px solid;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .WdayTable2 table{
|
|||
|
|
border:0;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TABLE */
|
|||
|
|
.WdateDiv .WdayTable{
|
|||
|
|
line-height:18px;
|
|||
|
|
color:#001;
|
|||
|
|
background-color:#f7f7f7;
|
|||
|
|
border:#808080 1px solid;
|
|||
|
|
margin-bottom:1px;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .WdayTable td{
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
|
.WdateDiv .Wday{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background: url(bg_calendar.gif) no-repeat right bottom;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
|||
|
|
.WdateDiv .WdayOn{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background:#333 url(bg_calendar.gif) no-repeat left top;
|
|||
|
|
color:#00d;
|
|||
|
|
}
|
|||
|
|
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
|
.WdateDiv .Wwday{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background: url(bg_calendar.gif) no-repeat right bottom;
|
|||
|
|
color:#F40;
|
|||
|
|
}
|
|||
|
|
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
|||
|
|
.WdateDiv .WwdayOn{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background:#333 url(bg_calendar.gif) no-repeat left top;
|
|||
|
|
color:#00c;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .Wtoday{
|
|||
|
|
cursor:pointer;
|
|||
|
|
color:blue;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .Wselday{
|
|||
|
|
background-color:#777;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .WspecialDay{
|
|||
|
|
background-color:#66F4DF;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
.WdateDiv .WotherDay{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background: url(bg_calendar.gif) no-repeat right bottom;
|
|||
|
|
color:#555;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD>mouseover<65><72>ʽ */
|
|||
|
|
.WdateDiv .WotherDayOn{
|
|||
|
|
cursor:pointer;
|
|||
|
|
background:#e8e8e8;
|
|||
|
|
}
|
|||
|
|
/* <20><>Ч<EFBFBD><D0A7><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
.WdateDiv .WinvalidDay{
|
|||
|
|
color:#ccc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/****************************
|
|||
|
|
* ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
***************************/
|
|||
|
|
/* ʱ<><CAB1><EFBFBD><EFBFBD> DIV */
|
|||
|
|
.WdateDiv #dpTime{
|
|||
|
|
float:left;
|
|||
|
|
margin-top:3px;
|
|||
|
|
margin-right:30px;
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> SPAN */
|
|||
|
|
.WdateDiv #dpTime #dpTimeStr{
|
|||
|
|
margin-left:1px;
|
|||
|
|
color:#223;
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
|||
|
|
.WdateDiv #dpTime input{
|
|||
|
|
height:16px;
|
|||
|
|
width:18px;
|
|||
|
|
text-align:center;
|
|||
|
|
color:#334;
|
|||
|
|
border:#aaa 1px solid;
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1> ʱ INPUT */
|
|||
|
|
.WdateDiv #dpTime .tB{
|
|||
|
|
border-right:0px;
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1> <20>ֺͼ<D6BA><CDBC><EFBFBD><EFBFBD><EFBFBD> ':' INPUT */
|
|||
|
|
.WdateDiv #dpTime .tE{
|
|||
|
|
border-left:0;
|
|||
|
|
border-right:0;
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1> <20><> INPUT */
|
|||
|
|
.WdateDiv #dpTime .tm{
|
|||
|
|
width:7px;
|
|||
|
|
border-left:0;
|
|||
|
|
border-right:0;
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>ϰ<EFBFBD>ť BUTTON */
|
|||
|
|
.WdateDiv #dpTime #dpTimeUp{
|
|||
|
|
height:10px;
|
|||
|
|
width:13px;
|
|||
|
|
border:0px;
|
|||
|
|
background-image:url(up.jpg);
|
|||
|
|
}
|
|||
|
|
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>°<EFBFBD>ť BUTTON */
|
|||
|
|
.WdateDiv #dpTime #dpTimeDown{
|
|||
|
|
height:10px;
|
|||
|
|
width:13px;
|
|||
|
|
border:0px;
|
|||
|
|
background-image:url(down.jpg);
|
|||
|
|
}
|
|||
|
|
/****************************
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
***************************/
|
|||
|
|
.WdateDiv #dpQS {
|
|||
|
|
float:left;
|
|||
|
|
margin-right:3px;
|
|||
|
|
margin-top:3px;
|
|||
|
|
background:url(qs.jpg) no-repeat 0 50%;
|
|||
|
|
width:20px;
|
|||
|
|
height:20px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
.WdateDiv #dpControl {
|
|||
|
|
text-align:right;
|
|||
|
|
margin-top:3px;
|
|||
|
|
}
|
|||
|
|
.WdateDiv .dpButton{
|
|||
|
|
height:20px;
|
|||
|
|
width:36px;
|
|||
|
|
margin-top:2px;
|
|||
|
|
border:#afafaf 1px solid;
|
|||
|
|
background-color:#e9e9e9;
|
|||
|
|
color:#001;
|
|||
|
|
}
|