mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2026-08-05 10:22:26 +08:00
flow ui
This commit is contained in:
yubaolee
@@ -0,0 +1,339 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
@@ -0,0 +1,278 @@
|
||||
.WdateDiv {
|
||||
position: relative;
|
||||
width: 190px;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
border: solid 1px #DEDEDE;
|
||||
background-color:#fff;
|
||||
/*background-color: #F2F0F1;*/
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.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: 0 5px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgl a {
|
||||
background-position: 0 -10px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgr a {
|
||||
background-position: 0 -25px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgrr a {
|
||||
background-position: 0 -40px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTitle {
|
||||
line-height: 0;
|
||||
height: 25px;
|
||||
padding: 3px 0 0;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .yminput,.WdateDiv .yminputfocus {
|
||||
margin-left: 5px;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
line-height: 16px;
|
||||
border: solid 1px #F2F0F1;
|
||||
cursor: pointer;
|
||||
background-position: 35px -68px;
|
||||
border-radius:5px;
|
||||
padding:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .yminputfocus {
|
||||
background-color: #fff;
|
||||
border: solid 1px #D8D8D8;
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.WdateDiv .menuSel {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
background-color: #FFF;
|
||||
border: #A3C6C8 1px solid;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.WdateDiv .menu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv .menuOn {
|
||||
color: #fff;
|
||||
background: #64A3F3;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu,.WdateDiv .YMenu {
|
||||
margin-top: 20px;
|
||||
margin-left: -1px;
|
||||
width: 68px;
|
||||
border: solid 1px #D9D9D9;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu table,.WdateDiv .YMenu table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu table td,.WdateDiv .YMenu table td {
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.WdateDiv .Wweek {
|
||||
text-align: center;
|
||||
background: #DAF3F5;
|
||||
border-right: #BDEBEE 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv td {
|
||||
line-height: 20px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.WdateDiv .MTitle td {
|
||||
line-height: 24px;
|
||||
color: #7D7D7D;
|
||||
background: #F2F0F1;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable2 {
|
||||
border-collapse: collapse;
|
||||
border: gray 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 .Wwday {
|
||||
color: #65A4F3;
|
||||
}
|
||||
|
||||
.WdateDiv .Wtoday {
|
||||
color: #FF6D10;
|
||||
background: #E0EDFE;
|
||||
}
|
||||
|
||||
.WdateDiv .WspecialDay {
|
||||
background-color: #66F4DF;
|
||||
}
|
||||
|
||||
.WdateDiv .WotherDay {
|
||||
color: #D4D4D4;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeStr {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
color: #7d7d7d;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime input {
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
border: #D9D9D9 1px solid;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .tm {
|
||||
width: 7px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv #dpQS {
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
margin-top: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpControl {
|
||||
text-align: right;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.WdateDiv .dpButton {
|
||||
margin-left: 2px;
|
||||
line-height: 16px;
|
||||
width: 45px;
|
||||
background-color: #64A3F3;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.WdateDiv .dpButton:hover {
|
||||
background-color: #64A3F3;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu,.WdateDiv .mmMenu,.WdateDiv .ssMenu {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
border: solid 1px #DEDEDE;
|
||||
background-color: #F2F0F1;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.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: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu {
|
||||
top: -87px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.WdateDiv .mmMenu {
|
||||
top: -47px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.WdateDiv .ssMenu {
|
||||
top: -27px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.WdateDiv .invalidMenu,.WdateDiv .WinvalidDay {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayOn,.WdateDiv .WwdayOn,.WdateDiv .Wselday,.WdateDiv .WotherDayOn {
|
||||
background-color: #65A2F3;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeUp,.WdateDiv #dpTime #dpTimeDown {
|
||||
display: none;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Reference in New Issue
Block a user