309 lines
5.6 KiB
CSS
309 lines
5.6 KiB
CSS
|
/*
|
|||
|
* My97 DatePicker 4.7
|
|||
|
* Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:ext
|
|||
|
* Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:CssRain
|
|||
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>blog:http://www.CssRain.cn
|
|||
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:cssrain@gmail.com
|
|||
|
*/
|
|||
|
|
|||
|
/* <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> DIV */
|
|||
|
.WdateDiv{
|
|||
|
width:180px;
|
|||
|
background-color:#fff;
|
|||
|
border:1px solid #718BB7;
|
|||
|
}
|
|||
|
/* ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD> */
|
|||
|
.WdateDiv2{
|
|||
|
width:360px;
|
|||
|
}
|
|||
|
.WdateDiv *{font-size:9pt;}
|
|||
|
|
|||
|
/****************************
|
|||
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><EFBFBD> ȫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>A<EFBFBD><EFBFBD>ǩ
|
|||
|
***************************/
|
|||
|
.WdateDiv .NavImg a{
|
|||
|
margin-top:3px;
|
|||
|
cursor:pointer;
|
|||
|
display:block;
|
|||
|
width:15px;
|
|||
|
height:15px;
|
|||
|
}
|
|||
|
.WdateDiv .NavImgll a{
|
|||
|
background:url(left-btn2.gif) no-repeat center center;
|
|||
|
float:left;
|
|||
|
margin-left:2px;
|
|||
|
}
|
|||
|
.WdateDiv .NavImgl a{
|
|||
|
background:url(left-btn.gif) no-repeat center center;
|
|||
|
float:left;
|
|||
|
margin-left:2px;
|
|||
|
}
|
|||
|
.WdateDiv .NavImgr a{
|
|||
|
background:url(right-btn.gif) no-repeat center center;
|
|||
|
float:right;
|
|||
|
margin-right:2px;
|
|||
|
}
|
|||
|
.WdateDiv .NavImgrr a{
|
|||
|
background:url(right-btn2.gif) no-repeat center center;
|
|||
|
float:right;
|
|||
|
margin-right:2px;
|
|||
|
}
|
|||
|
|
|||
|
/****************************
|
|||
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
***************************/
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD> DIV */
|
|||
|
.WdateDiv #dpTitle{
|
|||
|
height:22px;
|
|||
|
background:transparent url(hd-sprite.gif) repeat-x scroll 0 -83px;
|
|||
|
color:#FFFFFF;
|
|||
|
font-family:"sans serif",tahoma,verdana,helvetica;
|
|||
|
font-size:12px;
|
|||
|
font-size-adjust:none;
|
|||
|
font-stretch:normal;
|
|||
|
font-style:normal;
|
|||
|
font-variant:normal;
|
|||
|
font-weight:bold;
|
|||
|
padding-top:2px;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
|||
|
.WdateDiv .yminput{
|
|||
|
margin-top:2px;
|
|||
|
text-align:center;
|
|||
|
border:0px;
|
|||
|
height:20px;
|
|||
|
width:50px;
|
|||
|
color:#FFF;
|
|||
|
background-color:transparent;
|
|||
|
cursor:pointer;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʽ INPUT */
|
|||
|
.WdateDiv .yminputfocus{
|
|||
|
margin-top:2px;
|
|||
|
text-align:center;
|
|||
|
border:#939393 1px solid;
|
|||
|
font-weight:bold;
|
|||
|
color:#034c50;
|
|||
|
height:16px;
|
|||
|
width:50px;
|
|||
|
}
|
|||
|
/* <20>˵<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD> DIV */
|
|||
|
.WdateDiv .menuSel{
|
|||
|
z-index:1;
|
|||
|
position:absolute;
|
|||
|
background-color:#FFFFFF;
|
|||
|
border:1px solid #718BB7;
|
|||
|
display:none;
|
|||
|
}
|
|||
|
/* <20>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
.WdateDiv .menu{
|
|||
|
cursor:pointer;
|
|||
|
background-color:#fff;
|
|||
|
color:#11777C;
|
|||
|
}
|
|||
|
/* <20>˵<EFBFBD><CBB5><EFBFBD>mouseover<65><72>ʽ TD */
|
|||
|
.WdateDiv .menuOn{
|
|||
|
cursor:pointer;
|
|||
|
background-color: #B3CEEF;
|
|||
|
}
|
|||
|
/* <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;
|
|||
|
border-right:#BDEBEE 1px solid;
|
|||
|
}
|
|||
|
/****************************
|
|||
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
***************************/
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TR */
|
|||
|
.WdateDiv .MTitle{
|
|||
|
color:#233D6D;
|
|||
|
background:#DFECFB url(glass-bg.gif) repeat-x scroll left top;
|
|||
|
color:#233D6D;
|
|||
|
cursor:default;
|
|||
|
font-size:10px;
|
|||
|
padding-top:2px;
|
|||
|
}
|
|||
|
.WdateDiv .MTitle td{
|
|||
|
border-bottom:1px solid #A3BAD9;
|
|||
|
}
|
|||
|
.WdateDiv .WdayTable2{
|
|||
|
border-collapse:collapse;
|
|||
|
border:black 1px solid;
|
|||
|
}
|
|||
|
.WdateDiv .WdayTable2 table{
|
|||
|
border:0;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TABLE */
|
|||
|
.WdateDiv .WdayTable{
|
|||
|
line-height:20px;
|
|||
|
color:black;
|
|||
|
}
|
|||
|
.WdateDiv .WdayTable td{
|
|||
|
text-align:center;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
.WdateDiv .Wday{
|
|||
|
cursor:pointer;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
|||
|
.WdateDiv .WdayOn{
|
|||
|
cursor:pointer;
|
|||
|
background-color:#B3CEEF;
|
|||
|
}
|
|||
|
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
|||
|
.WdateDiv .Wwday{
|
|||
|
cursor:pointer;
|
|||
|
color:#ab1e1e;
|
|||
|
}
|
|||
|
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
|||
|
.WdateDiv .WwdayOn{
|
|||
|
cursor:pointer;
|
|||
|
background-color:#B3CEEF;
|
|||
|
}
|
|||
|
.WdateDiv .Wtoday{
|
|||
|
cursor:pointer;
|
|||
|
color:red;
|
|||
|
}
|
|||
|
.WdateDiv .Wselday{
|
|||
|
background-color:#B3CEEF;
|
|||
|
}
|
|||
|
.WdateDiv .WspecialDay{
|
|||
|
background-color:#66F4DF;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
.WdateDiv .WotherDay{
|
|||
|
cursor:pointer;
|
|||
|
color:#AAAAAA;
|
|||
|
}
|
|||
|
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD>mouseover<65><72>ʽ */
|
|||
|
.WdateDiv .WotherDayOn{
|
|||
|
cursor:pointer;
|
|||
|
background-color:#B3CEEF;
|
|||
|
}
|
|||
|
/* <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:#aaa;
|
|||
|
}
|
|||
|
|
|||
|
/****************************
|
|||
|
* ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
***************************/
|
|||
|
/* ʱ<><CAB1><EFBFBD><EFBFBD> DIV */
|
|||
|
.WdateDiv #dpTime{
|
|||
|
width:120px;
|
|||
|
text-align:left;
|
|||
|
margin-left:32px;
|
|||
|
height:20px;
|
|||
|
line-height:20px;
|
|||
|
padding-top:1px;
|
|||
|
}
|
|||
|
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> SPAN */
|
|||
|
.WdateDiv #dpTime #dpTimeStr{
|
|||
|
margin-left:1px;
|
|||
|
color:#233D6D;
|
|||
|
}
|
|||
|
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
|||
|
.WdateDiv #dpTime input{
|
|||
|
height:16px;
|
|||
|
width:18px;
|
|||
|
text-align:center;
|
|||
|
color:#333;
|
|||
|
border:#A3BAD9 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:8px;
|
|||
|
width:13px;
|
|||
|
border:0px;
|
|||
|
background:url(img.gif) no-repeat -32px -16px;
|
|||
|
cursor:pointer;
|
|||
|
margin-bottom:0;
|
|||
|
padding-bottom:0;
|
|||
|
}
|
|||
|
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>°<EFBFBD>ť BUTTON */
|
|||
|
.WdateDiv #dpTime #dpTimeDown{
|
|||
|
height:8px;
|
|||
|
width:13px;
|
|||
|
border:0px;
|
|||
|
background:url(img.gif) no-repeat -48px -16px;
|
|||
|
cursor:pointer;
|
|||
|
margin-top:0;
|
|||
|
padding-top:0;
|
|||
|
}
|
|||
|
/****************************
|
|||
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
***************************/
|
|||
|
.WdateDiv #dpQS {
|
|||
|
float:left;
|
|||
|
margin-left:3px;
|
|||
|
margin-top:9px;
|
|||
|
background:url(dateselect.gif) no-repeat;
|
|||
|
width:20px;
|
|||
|
height:20px;
|
|||
|
cursor:pointer;
|
|||
|
}
|
|||
|
.WdateDiv #dpControl {
|
|||
|
text-align:right;
|
|||
|
margin-top:3px;
|
|||
|
background:#DFECFB url(glass-bg.gif) repeat-x scroll left top;
|
|||
|
border-top:1px solid #A3BAD9;
|
|||
|
padding:4px;
|
|||
|
}
|
|||
|
.WdateDiv .dpButton{
|
|||
|
width:44px;
|
|||
|
height:22px;
|
|||
|
background:#083772 none repeat scroll 0 0;
|
|||
|
border-color:#3366CC #000055 #000055 #3366CC;
|
|||
|
border-style:solid;
|
|||
|
border-width:1px;
|
|||
|
color:white;
|
|||
|
cursor:pointer;
|
|||
|
|
|||
|
}
|