common.css
3.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
#datePage section{
height:50px !important;
}
.kbtn{
border:none;
width:90%;
cursor:pointer;
}
#datePage{
position:fixed !important;}
#dateshadow{
position:fixed !important;}
.page {display: none;position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
#dateshadow{
z-index:111;
}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
/*增加手指滑动触摸面积*/
#Hourwrapper ul li{color: #000;font-size: 12px; list-style-type:none;}
#Minutewrapper ul li{color: #000;font-size: 12px; list-style-type:none;}
#Secondwrapper ul li{color: #000;font-size: 12px; list-style-type:none;}
#yearwrapper ul li{color: #000;font-size: 12px; list-style-type:none;}
#monthwrapper ul li{color: #000;font-size: 12px; list-style-type:none;}
#daywrapper ul li{color: #000;font-size: 12px; list-style-type:none;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{
text-align: center;
line-height: 30px;
margin:1px auto;
font-size: 20px;
}
#setcancle ul li{
float: left;
width: 50%;
height: 36px;
list-style-type: none;
color:#fff;
cursor:pointer;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#dateconfirm{
position: absolute;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#d8b25f), to(#d8b25f));
}
#datecancle{
position: absolute;
background: #fff;
right:0px;
width: 50%;
color:#424242 !important;
}
#dateshadow{display: none;position: absolute;width: 100%;height: 150%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datePage{font-size: 22px; border-radius: 3px; position:absolute;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width:100%;;height: 240px;background: #FFFFFF;z-index:9999999;}
#datetitle{position: relative;
height: 0.4rem;
line-height: 0.4rem;
text-align: center;
border-bottom: 0.01rem solid #d8b25f;
color: #d8b25f;
font-size: 0.24rem;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;border-top: 1px solid #d8b25f;border-bottom: 1px solid #d8b25f;position:absolute;top:108px;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;border-top: 1px solid #d8b25f;border-bottom: 1px solid #d8b25f;position:absolute;top:242px;}
#datescroll{background: #fff;width:94%; margin:10px 3%;border: 1px solid #fff;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#fff;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #fff;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 36px;bottom: 0px;position: absolute;}