/* 日期选择容器 DIV */ .WdateDiv{ width:260px; background-color:#fff; border:1px solid #333333; } /* 双月日历的宽度 */ .WdateDiv2{ width:480px; } .WdateDiv *{ font-size:13px; font-family:"微软雅黑"; } /**************************** * 导航图标 全部是A标签 ***************************/ .WdateDiv .NavImg a{ margin-top:8px; cursor:pointer; display:block; width:17px; height:13px; } .WdateDiv .NavImgll a{ background:url(left-btn2.png) no-repeat center center; float:left; margin-left:8px; } .WdateDiv .NavImgl a{ background:url(left-btn.png) no-repeat center center; float:left; margin-left:2px; } .WdateDiv .NavImgr a{ background:url(right-btn.png) no-repeat center center; float:right; margin-right:2px; } .WdateDiv .NavImgrr a{ background:url(right-btn2.png) no-repeat center center; float:right; margin-right:8px; } /**************************** * 年份月份相关 ***************************/ /* 年份月份栏 DIV */ .WdateDiv #dpTitle{ height:32px; color:#FFFFFF; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; padding-top:4px; background-image:url(top-bg.png); background-repeat:repeat-x; background-position:0% 100%; } /* 年份月份输入框 INPUT */ .WdateDiv .yminput{ margin-top:2px; text-align:center; border:0px; height:20px; width:50px; color:#FFF; background-color:transparent; cursor:pointer; } /* 年份月份输入框获得焦点时的样式 INPUT */ .WdateDiv .yminputfocus{ margin-top:2px; text-align:center; border:#939393 1px solid; font-weight:bold; color:#034c50; height:16px; width:50px; } /* 菜单选择框 DIV */ .WdateDiv .menuSel{ z-index:1; position:absolute; background-color:#FFFFFF; border:1px solid #718BB7; display:none; } /* 菜单的样式 TD */ .WdateDiv .menu{ cursor:pointer; background-color:#fff; color:#0b5ea0;/*时间文字颜色*/ } /* 菜单的mouseover样式 TD */ .WdateDiv .menuOn{ cursor:pointer; background-color: #376bfc; color:#ffffff; } /* 菜单无效时的样式 TD */ .WdateDiv .invalidMenu{ color:#aaa; } /* 年选择框的偏移 DIV */ .WdateDiv .YMenu{ margin-top:16px; } /* 月选择框的偏移 DIV */ .WdateDiv .MMenu{ margin-top:16px; *width:62px; } /* 时选择框的位置 DIV */ .WdateDiv .hhMenu{ margin-top:-90px; margin-left:26px; } /* 分选择框的位置 DIV */ .WdateDiv .mmMenu{ margin-top:-46px; margin-left:26px; } /* 秒选择框的位置 DIV */ .WdateDiv .ssMenu{ margin-top:-24px; margin-left:26px; } /**************************** * 周相关 ***************************/ .WdateDiv .Wweek { text-align:center; background:#DAF3F5; border-right:#BDEBEE 1px solid; } /**************************** * 星期,日期相关 ***************************/ /* 星期栏 TR */ .WdateDiv .MTitle{ color:#233D6D; color:#233D6D; cursor:default; } .WdateDiv .MTitle td{ border-bottom:1px solid #d8d9de; height:30px; } .WdateDiv .WdayTable2{ border-collapse:collapse; border:black 1px solid; } .WdateDiv .WdayTable2 table{ border:0; } /* 日期栏表格 TABLE */ .WdateDiv .WdayTable{ line-height:23px; color:black; background-color:#ffffff; } .WdateDiv .WdayTable td{ text-align:center; } /* 日期格的样式 TD */ .WdateDiv .Wday{ cursor:pointer; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; background-image: url(day-bg.png); background-repeat: repeat-x; background-position:0% 100%; height:32px; } /* 日期格的mouseover样式 TD */ .WdateDiv .WdayOn{ cursor:pointer; background-color:#376bfc; color:#ffffff; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; height:32px; } /* 周末日期格的样式 TD */ .WdateDiv .Wwday{ cursor:pointer; color:#ab1e1e; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; background-image: url(day-bg.png); background-repeat: repeat-x; background-position:0% 100%; height:32px; } /* 周末日期格的mouseover样式 TD */ .WdateDiv .WwdayOn{ cursor:pointer; background-color:#376bfc; color:#ffffff; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; height:32px; } .WdateDiv .Wtoday{ cursor:pointer; color:red; } .WdateDiv .Wselday{ background-color:#376bfc; color:#ffffff; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; height:32px; } .WdateDiv .WspecialDay{ background-color:#66F4DF; } /* 其他月份的日期 */ .WdateDiv .WotherDay{ cursor:pointer; color:#AAAAAA; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; background-image: url(day-bg.png); background-repeat: repeat-x; background-position:0% 100%; height:32px; } /* 其他月份的日期mouseover样式 */ .WdateDiv .WotherDayOn{ cursor:pointer; background-color:#376bfc; color:#ffffff; border-left:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; height:32px; } /* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */ .WdateDiv .WinvalidDay{ color:#aaa; } /**************************** * 时间相关 ***************************/ /* 时间栏 DIV */ .WdateDiv #dpTime{ width:120px; text-align:left; margin-left:32px; height:20px; line-height:20px; padding-top:1px; } /* 时间文字 SPAN */ .WdateDiv #dpTime #dpTimeStr{ margin-left:1px; color:#233D6D; } /* 时间输入框 INPUT */ .WdateDiv #dpTime input{ height:20px; line-height:20px; width:18px; text-align:center; color:#333; border:#A3BAD9 1px solid; } /* 时间 时 INPUT */ .WdateDiv #dpTime .tB{ border-right:0px; } /* 时间 分和间隔符 ':' INPUT */ .WdateDiv #dpTime .tE{ border-left:0; border-right:0; } /* 时间 秒 INPUT */ .WdateDiv #dpTime .tm{ width:7px; border-left:0; border-right:0; } /* 时间右边的向上按钮 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; } /* 时间右边的向下按钮 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; } /**************************** * 其他 ***************************/ .WdateDiv #dpQS { float:left; margin-left:3px; margin-top:9px; background:url(dateselect.gif) no-repeat; width:20px; height:20px; cursor:pointer; background-position:50% 50%; } .WdateDiv #dpControl { text-align:right; margin-top:3px; padding:4px; } .WdateDiv .dpButton{ width:54px; height:28px; background:#f4f7f8 none repeat scroll 0 0;/*按钮背景色*/ border-color:#d3dbde;/*按钮边框 上右下左*/ border-style:solid; border-width:1px; color:white; cursor:pointer; line-height:20px; border-radius: 3px 3px 3px 3px; margin:0 2px 0 0; color:#000000; }