/* * My97 DatePicker 4.6 * 皮肤名称:default */ /* 日期选择容器 DIV */ .WdateDiv{ width:180px; background-color:#FFFFFF;/*FFFFFF*/ border:#bbb 1px solid; padding:0px; } /* 双月日历的宽度 */ .WdateDiv2{ width:360px; } .WdateDiv *{font-size:9pt;} /**************************** * 导航图标 全部是A标签 ***************************/ .WdateDiv .NavImg a{ display:block; cursor:pointer; height:16px; width:16px; } .WdateDiv .NavImgll a{ float:left; background:transparent url(img.gif) no-repeat scroll 0 0; } .WdateDiv .NavImgl a{ float:left; background:transparent url(img.gif) no-repeat scroll -16px 0; } .WdateDiv .NavImgr a{ float:right; background:transparent url(img.gif) no-repeat scroll -32px 0; } .WdateDiv .NavImgrr a{ float:right; background:transparent url(img.gif) no-repeat scroll -48px 0; } /**************************** * 年份月份相关 ***************************/ /* 年份月份栏 DIV */ .WdateDiv #dpTitle{ height:24px; margin-bottom:0px; padding:1px; /*background-color:#0f0;*/ background: -webkit-linear-gradient(#f8f8f8, #e4e4e4);background: -o-linear-gradient(#f8f8f8, #e4e4e4);background: -moz-linear-gradient(#f8f8f8, #e4e4e4);background: linear-gradient(#f8f8f8, #e4e4e4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e4e4e4', GradientType='0'); } /* 年份月份输入框 INPUT */ .WdateDiv .yminput{ margin-top:2px; text-align:center; border:0px; height:16px; width:50px; cursor:pointer; background: -webkit-linear-gradient(#f5f5f5, #e9e9e9);background: -o-linear-gradient(#f5f5f5, #e9e9e9);background: -moz-linear-gradient(#f5f5f5, #e9e9e9);background: linear-gradient(#f5f5f5, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e9e9e9', GradientType='0'); } /* 年份月份输入框获得焦点时的样式 INPUT */ .WdateDiv .yminputfocus{ margin-top:2px; text-align:center; /*font-weight:bold; color:blue;*/ border:#ccc 0px solid; height:16px; width:50px; background: -webkit-linear-gradient(#f5f5f5, #e9e9e9);background: -o-linear-gradient(#f5f5f5, #e9e9e9);background: -moz-linear-gradient(#f5f5f5, #e9e9e9);background: linear-gradient(#f5f5f5, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e9e9e9', GradientType='0'); } /* 菜单选择框 DIV */ .WdateDiv .menuSel{ z-index:1; position:absolute; background-color:#FFFFFF; border:#ccc 1px solid; display:none; } /* 菜单的样式 TD */ .WdateDiv .menu{ cursor:pointer; background-color:#fff; } /* 菜单的mouseover样式 TD */ .WdateDiv .menuOn{ cursor:pointer; background-color:#BEEBEE; } /* 菜单无效时的样式 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;*/ background:url(../week.jpg) repeat-x; border-right:#BDEBEE 0px solid; } /**************************** * 星期,日期相关 ***************************/ /* 星期栏 TR */ .WdateDiv .MTitle{ /*background-color:#BDEBEE;*/ background:url(../week.jpg) repeat-x; } /* 日期栏表格 TABLE */ .WdateDiv .WdayTable{ line-height:20px; /*border:#c5d9e8 1px solid;*/ } /* 日期格的样式 TD */ .WdateDiv .Wday{ cursor:pointer; background: -webkit-linear-gradient(#ffffff, #dddddd);background: -o-linear-gradient(#ffffff, #dddddd);background: -moz-linear-gradient(#ffffff, #dddddd);background: linear-gradient(#ffffff, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } /* 日期格的mouseover样式 TD */ .WdateDiv .WdayOn{ cursor:pointer; color:#fff; /*background-color:#C0EBEF;*/ background: -webkit-linear-gradient(#fca602, #dd6b00);background: -o-linear-gradient(#fca602, #dd6b00);background: -moz-linear-gradient(#fca602, #dd6b00);background: linear-gradient(#fca602, #dd6b00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca602', endColorstr='#dd6b00', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } /* 周末日期格的样式 TD */ .WdateDiv .Wwday{ cursor:pointer; color:#000; background: -webkit-linear-gradient(#ffffff, #dddddd);background: -o-linear-gradient(#ffffff, #dddddd);background: -moz-linear-gradient(#ffffff, #dddddd);background: linear-gradient(#ffffff, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } /* 周末日期格的mouseover样式 TD */ .WdateDiv .WwdayOn{ cursor:pointer; color:#000; /*background-color:#C0EBEF;*/ background: -webkit-linear-gradient(#fca602, #dd6b00);background: -o-linear-gradient(#fca602, #dd6b00);background: -moz-linear-gradient(#fca602, #dd6b00);background: linear-gradient(#fca602, #dd6b00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca602', endColorstr='#dd6b00', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } .WdateDiv .Wtoday{ cursor:pointer; color:#f00; background: -webkit-linear-gradient(#ffffff, #dddddd);background: -o-linear-gradient(#ffffff, #dddddd);background: -moz-linear-gradient(#ffffff, #dddddd);background: linear-gradient(#ffffff, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } .WdateDiv .Wselday{ /*background-color:#FFFFFF;A9E4E9*/ color:#fff; background: -webkit-linear-gradient(#fca602, #dd6b00);background: -o-linear-gradient(#fca602, #dd6b00);background: -moz-linear-gradient(#fca602, #dd6b00);background: linear-gradient(#fca602, #dd6b00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca602', endColorstr='#dd6b00', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } .WdateDiv .WspecialDay{ /*background-color:#66F4DF;66F4DF*/ background: -webkit-linear-gradient(#ffffff, #dddddd);background: -o-linear-gradient(#ffffff, #dddddd);background: -moz-linear-gradient(#ffffff, #dddddd);background: linear-gradient(#ffffff, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType='0'); } /* 其他月份的日期 */ .WdateDiv .WotherDay{ cursor:pointer; color:#afa9a7; background: -webkit-linear-gradient(#ffffff, #dddddd);background: -o-linear-gradient(#ffffff, #dddddd);background: -moz-linear-gradient(#ffffff, #dddddd);background: linear-gradient(#ffffff, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; } /* 其他月份的日期mouseover样式 */ .WdateDiv .WotherDayOn{ cursor:pointer; color:#fff; background: -webkit-linear-gradient(#fca602, #dd6b00);background: -o-linear-gradient(#fca602, #dd6b00);background: -moz-linear-gradient(#fca602, #dd6b00);background: linear-gradient(#fca602, #dd6b00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca602', endColorstr='#dd6b00', GradientType='0'); border-right:1px #ccc solid; border-bottom:1px #ccc solid; /*background-color:#C0EBEF;*/ } /* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */ .WdateDiv .WinvalidDay{ color:#aaa; } /**************************** * 时间相关 ***************************/ /* 时间栏 DIV */ .WdateDiv #dpTime{ float:left; margin-top:3px; margin-right:30px; } /* 时间文字 SPAN */ .WdateDiv #dpTime #dpTimeStr{ margin-left:1px; } /* 时间输入框 INPUT */ .WdateDiv #dpTime input{ height:16px; width:18px; text-align:center; border:#ccc 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:10px; width:13px; border:0px; background:url(img.gif) no-repeat -32px -16px; } /* 时间右边的向下按钮 BUTTON */ .WdateDiv #dpTime #dpTimeDown{ height:10px; width:13px; border:0px; background:url(img.gif) no-repeat -48px -16px; } /**************************** * 其他 ***************************/ .WdateDiv #dpQS { float:left; margin-right:3px; margin-top:3px; background:url(img.gif) no-repeat 0px -16px; width:20px; height:20px; cursor:pointer; } .WdateDiv #dpControl { text-align:right; margin-top:3px; } .WdateDiv .dpButton{ height:20px; width:45px; border:#ccc 1px solid; padding:2px; margin-right:1px; }