339 lines
		
	
	
		
			4.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
			
		
		
	
	
			339 lines
		
	
	
		
			4.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
| /* 
 | |
|  * My97 DatePicker 4.8 
 | |
|  * auther : zhangkun , hejianting(design)
 | |
|  * email : zhangkun_net@hotmail.com
 | |
|  * date : 2012-05-25
 | |
|  */ 
 | |
| .WdateDiv
 | |
| {
 | |
| 	position:relative;
 | |
| 	padding:5px;
 | |
| 	width:180px;
 | |
| 	*width:190px;
 | |
| 	font-size:12px;
 | |
| 	color:#333;
 | |
| 	border:solid 1px #DEDEDE;
 | |
| 	background-color:#F2F0F1;
 | |
| }
 | |
| 
 | |
| .WdateDiv2
 | |
| {
 | |
| 	width:360px;
 | |
| }
 | |
| 
 | |
| .WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS 
 | |
| {
 | |
| 	background:url(img.gif) no-repeat;
 | |
| }
 | |
| 
 | |
| .WdateDiv .NavImg a
 | |
| {
 | |
| 	float:left;
 | |
| 	width:16px;
 | |
| 	height:16px;
 | |
| 	cursor:pointer;
 | |
| }
 | |
| .WdateDiv .NavImgll a
 | |
| {
 | |
| 	background-position:0px 5px;
 | |
| }
 | |
| .WdateDiv .NavImgl a
 | |
| {
 | |
| 	background-position:0px -10px;
 | |
| }
 | |
| .WdateDiv .NavImgr a
 | |
| {
 | |
| 	background-position:0px -25px;
 | |
| 	float:right;
 | |
| }
 | |
| .WdateDiv .NavImgrr a
 | |
| {
 | |
| 	background-position:0px -40px;
 | |
| 	float:right;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTitle
 | |
| {
 | |
| 	padding:3px 0px 0px 0px;
 | |
| 	line-height:0px;
 | |
| 	height:20px;
 | |
| 	*height:23;
 | |
| }
 | |
| 
 | |
| .WdateDiv .yminput,.WdateDiv .yminputfocus
 | |
| {
 | |
| 	margin-left:3px;
 | |
| 	width:50px;
 | |
| 	height:20px;
 | |
| 	line-height:16px;
 | |
| 	border:solid 1px #F2F0F1;
 | |
| 	cursor:pointer;
 | |
| 	background-position:35px -68px;
 | |
| }
 | |
| 
 | |
| .WdateDiv .yminputfocus
 | |
| {
 | |
| 	background-color:#fff;
 | |
| 	border:solid 1px #D8D8D8;
 | |
| }
 | |
| 
 | |
| .WdateDiv .menuSel{
 | |
| 	z-index:1;
 | |
| 	position:absolute;
 | |
| 	background-color:#FFFFFF;
 | |
| 	border:#A3C6C8 1px solid;
 | |
| 	display:none;
 | |
| }
 | |
| 
 | |
| .WdateDiv .menu
 | |
| {
 | |
| 	background:#fff;
 | |
| }
 | |
| .WdateDiv .menuOn
 | |
| {
 | |
| 	color:#fff;
 | |
| 	background:#64A3F3;
 | |
| }
 | |
| 
 | |
| .WdateDiv .invalidMenu{
 | |
| 	color:#aaa;
 | |
| }
 | |
| 
 | |
| .WdateDiv .MMenu,.WdateDiv .YMenu
 | |
| {
 | |
| 	padding:2px;
 | |
| 	margin-top:20px;
 | |
| 	margin-left:-1px;
 | |
| 	width:68px;
 | |
| 	border:solid 1px #D9D9D9;
 | |
| }
 | |
| .WdateDiv .MMenu table,.WdateDiv .YMenu table
 | |
| {
 | |
| 	width:100%;
 | |
| }
 | |
| .WdateDiv .MMenu table td,.WdateDiv .YMenu table td
 | |
| {
 | |
| 	padding:0px;
 | |
| 	line-height:20px;
 | |
| 	text-align:center;
 | |
| 	font-size:12px;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| .WdateDiv .Wweek {
 | |
|  	text-align:center;
 | |
| 	background:#DAF3F5;
 | |
| 	border-right:#BDEBEE 1px solid;
 | |
|  }
 | |
| 
 | |
| .WdateDiv td
 | |
| {
 | |
| 	padding:1px;
 | |
| 	line-height:20px;
 | |
| 	font-size:12px;
 | |
| 	color:#999999;
 | |
| 	background:#fff;
 | |
| 	cursor:pointer;
 | |
| }
 | |
| .WdateDiv .MTitle td
 | |
| {
 | |
| 	line-height:24px;
 | |
| 	color:#7D7D7D;
 | |
| 	background:#F2F0F1;
 | |
| 	cursor: default;
 | |
| }
 | |
| 
 | |
| .WdateDiv .WdayTable2
 | |
| {
 | |
| 	border-collapse:collapse;
 | |
| 	border:#808080 1px solid;
 | |
| }
 | |
| .WdateDiv .WdayTable2 table
 | |
| {
 | |
| 	border:0;
 | |
| }
 | |
| 
 | |
| .WdateDiv .WdayTable{
 | |
| 	line-height:20px;	
 | |
| 	color:#13777e;
 | |
| 	background-color:#edfbfb;
 | |
| }
 | |
| .WdateDiv .WdayTable td{
 | |
| 	text-align:center;
 | |
| }
 | |
| 
 | |
| .WdateDiv .Wday
 | |
| {
 | |
| 	color:#323232;
 | |
| }
 | |
| 
 | |
| .WdateDiv .WdayOn
 | |
| {
 | |
| 	color:#fff;
 | |
| 	background-color:#65A2F3;	
 | |
| }
 | |
| 
 | |
| .WdateDiv .Wwday
 | |
| {
 | |
| 	color:#65A4F3;
 | |
| }
 | |
| 
 | |
| .WdateDiv .WwdayOn
 | |
| {
 | |
| 	color:#fff;
 | |
| 	background-color:#65A2F3;	
 | |
| }
 | |
| .WdateDiv .Wtoday
 | |
| {
 | |
| 	color:#FF6D10;
 | |
| 	background:#E0EDFE;
 | |
| }
 | |
| .WdateDiv .Wselday
 | |
| {
 | |
| 	color:#fff;
 | |
| 	background-color:#65A2F3;	
 | |
| }
 | |
| .WdateDiv .WspecialDay{
 | |
| 	background-color:#66F4DF;
 | |
| }
 | |
| 
 | |
| .WdateDiv .WotherDay
 | |
| { 
 | |
| 	color:#D4D4D4;	
 | |
| }
 | |
| .WdateDiv .WotherDayOn
 | |
| {
 | |
| 	color:#fff;
 | |
| 	background-color:#65A2F3;	
 | |
| }
 | |
| 
 | |
| .WdateDiv .WinvalidDay{
 | |
| 	color:#aaa;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime
 | |
| {
 | |
| 	position:relative;
 | |
| 	margin-top:5px;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime #dpTimeStr
 | |
| {
 | |
| 	display:inline-block;
 | |
| 	width:28px;
 | |
| 	*width:30px;
 | |
| 	color:#7d7d7d;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime input
 | |
| {
 | |
| 	padding:0px;
 | |
| 	margin:0px;
 | |
| 	width:25px;
 | |
| 	height:20px;
 | |
| 	line-height:20px;
 | |
| 	text-align:center;
 | |
| 	color:#333;
 | |
| 	border:#D9D9D9 1px solid;	
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime .tm
 | |
| {
 | |
| 	width:7px;
 | |
| 	border:none;
 | |
| 	background:#F2F0F1;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime #dpTimeUp
 | |
| {
 | |
| 	display:none;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime #dpTimeDown
 | |
| {
 | |
| 	display:none;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpQS 
 | |
|  {
 | |
|  	float:left;
 | |
| 	margin-right:3px;
 | |
| 	margin-top:9px;
 | |
| 	*margin-top:6px;
 | |
| 	width:16px;
 | |
| 	height:16px;
 | |
| 	cursor:pointer;
 | |
| 	background-position:0px -90px;
 | |
|  }
 | |
| .WdateDiv #dpControl 
 | |
| {
 | |
| 	text-align:right;
 | |
| 	margin-top:3px;
 | |
| }
 | |
| .WdateDiv .dpButton
 | |
| { 
 | |
| 	margin-left:2px;
 | |
| 	line-height:18px;
 | |
| 	*line-height:16px;
 | |
| 	width:45px;
 | |
| 	background-color:#C3C3C3;
 | |
| 	*background-color:#64A3F3;
 | |
| 	color:#fff;
 | |
| 	border:none;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| .WdateDiv .dpButton:hover
 | |
| { 
 | |
| 	background-color:#64A3F3;
 | |
| }
 | |
| 
 | |
| .WdateDiv .hhMenu,
 | |
| .WdateDiv .mmMenu,
 | |
| .WdateDiv .ssMenu
 | |
| {
 | |
| 	position:absolute;
 | |
| 	padding:3px;
 | |
| 	font-size:12px;
 | |
| 	color:#333;
 | |
| 	border:solid 1px #DEDEDE;
 | |
| 	background-color:#F2F0F1;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn
 | |
| {
 | |
| 	width:18px;
 | |
| 	height:18px;
 | |
| 	line-height:18px;
 | |
| 	text-align:center;
 | |
| 	background:#fff;
 | |
| }
 | |
| .WdateDiv #dpTime .menuOn
 | |
| {
 | |
| 	background:#65A2F3;
 | |
| }
 | |
| 
 | |
| .WdateDiv #dpTime td
 | |
| {
 | |
| 	background:#F2F0F1;
 | |
| }
 | |
| 
 | |
| .WdateDiv .hhMenu
 | |
| {
 | |
| 	top:-87px;
 | |
| 	left:35px;
 | |
| 	left:32px\9;
 | |
| }
 | |
| 
 | |
| .WdateDiv .mmMenu
 | |
| {
 | |
| 	top:-47px;
 | |
| 	left:35px;
 | |
| 	left:32px\9;
 | |
| }
 | |
| 
 | |
| .WdateDiv .ssMenu
 | |
| {
 | |
| 	top:-27px;
 | |
| 	left:35px;
 | |
| 	left:32px\9;
 | |
| } |