增加触控反馈
This commit is contained in:
luolei
parent
7096071de5
commit
37bc3b9ad1
@ -18,6 +18,7 @@ body { background:#f4f4f4; color:#787878; position:relative;}
|
||||
body.nologin{padding-bottom:60px;}
|
||||
a{color:#fa8c13;}
|
||||
|
||||
|
||||
input[type=checkbox],
|
||||
.icon_change,
|
||||
.icon_edit,
|
||||
@ -45,7 +46,10 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
.pull_left{float:left;}
|
||||
.pull_right{float:right;}
|
||||
|
||||
.pull_left:active .icon_left,.pull_right:active .icon_right{opacity: .5}
|
||||
|
||||
.text_warning{color:#fa8c13;}
|
||||
.text_warning:active{color: #FFBB51}
|
||||
.text_error{color:#da0000;}
|
||||
.text_gray{color:#b7b7b7;}
|
||||
.text_lg{ font-size:1.25em;}
|
||||
@ -61,7 +65,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
|
||||
/*icon*/
|
||||
.icon_change{display: inline-block; width:22px; height:22px; border-radius:50%; overflow:hidden; border:#DDD solid 1px; background-position:4px -245px; background-color:#FFF;}
|
||||
|
||||
.icon_change:active{border: 1px solid rgba(199,199,199,.5);background-color: rgba(199,199,199,.5)}
|
||||
.icon_back{display:inline-block; width:45px; height:45px; overflow:hidden; background-position:18px -85px;}
|
||||
|
||||
.icon_left,
|
||||
@ -99,6 +103,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
.h_l a{padding-right:1.2rem;text-align: left;}
|
||||
.h_r a{padding-left:1.2rem;text-align: right;}
|
||||
.h_l a.logo{ display:block;width:122px; height:26px; overflow:hidden; background:url(../images/logo.png) no-repeat; background-size:122px 26px; margin:10px 0 0;padding:0;}
|
||||
.h_r a:active .icon_user,.h_l:active .logo{opacity: .5}
|
||||
.h_r_text{ padding:5px 0; text-align:right; line-height:16px;}
|
||||
.header .icon_back{margin-left:-15px;}
|
||||
.header a{color:#FFF; font-size:0.875rem;display: block;}
|
||||
@ -106,13 +111,9 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
|
||||
.box_insert{background:#FFF; border-bottom:#ddd solid 1px;padding:0 15px;}
|
||||
|
||||
<<<<<<< HEAD
|
||||
#loginForm .text_warning{display: inline-block;height: 20px;padding: 5px 10px;margin-right: -10px}
|
||||
=======
|
||||
|
||||
|
||||
#open_filter:active{color:#FFBB51;}
|
||||
#loginForm .text_warning{display: inline-block;padding: 5px 10px;margin-right: -10px}
|
||||
>>>>>>> da5ee090397d854e36bf8b10f22395763f653d3a
|
||||
#loginForm .form_btns{margin: 10px 0}
|
||||
.form_btns{ margin:15px 0;}
|
||||
.form_line{padding:5px 0;min-height:40px; line-height:40px;border-bottom:#ddd solid 1px;}
|
||||
@ -151,7 +152,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
.start_station{border-right:1px solid #DDD; padding-right:10px;}
|
||||
.end_station{padding-left:10px;}
|
||||
#exchange{position: absolute;left: 50%; width: 22px; height: 22px; padding: 20px; top: 50%; margin-left: -33px; margin-top: -24px; display: block;} .station_city{padding:30px 0; font-size:1.875rem; color:#fa8c13;}
|
||||
|
||||
/*#exchange:active{border: 1px solid #f3f3f3;border-radius: 50%}*/
|
||||
.station .icon_change{}
|
||||
|
||||
.check_date{ height:65px; overflow:hidden;}
|
||||
@ -164,11 +165,12 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
|
||||
.his_title{text-align:center;}
|
||||
.his_list a{ display:block; height:40px; line-height:40px; overflow:hidden; position: relative; color:#787878;}
|
||||
|
||||
.his_list a span{ display:inline-block; width:50%; -webkit-box-sizing:border-box;}
|
||||
.his_list a span:first-child{text-align:right; padding-right:17px;}
|
||||
.his_list a span:last-child{ padding-left:17px;}
|
||||
.his_list a:after{width:16px; height:8px; position:absolute; content:''; left:50%; top:50%; -webkit-transform:translate3d(-50%,-50%,0); background-position:0 -300px;}
|
||||
|
||||
.his_list a:active span{color:#333;}
|
||||
/* 弹层 */
|
||||
.public_layer{position:fixed; height:100%; z-index:9999; background:rgba(0,0,0,.2); top:0; width:100%; height:100%; overflow:hidden;}
|
||||
.public_pop{ position: fixed; width:270px; left:50%; margin-left:-135px; top:40%; margin-top:-50px; background:rgba(255,255,255,.95); border-radius:7px;-webkit-transform:scale(1.3);transform:scale(1.3); opacity:0;-webkit-transition-duration: .1s, .1s;-webkit-transition-timing-function: linear, linear;-webkit-transition-property: -webkit-transform, opacity;}
|
||||
@ -236,10 +238,10 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
.query_bigcheck_checked span{background:#fa8c13; color:#FFF;}
|
||||
|
||||
/**/
|
||||
.bottom_tip{position:fixed; width:100%; height:57px; left:0; bottom:0; display:none; overflow:hidden;}
|
||||
.bottom_tip{position:fixed; width:100%; left:0; bottom:0; display:none;}
|
||||
.bottom_tip a{display:block; background:rgba(0,0,0,.8); padding:1.3em 1em; font-size:0.9375rem; color:#FFF; position:relative;}
|
||||
#login_tip a:after{content:"登录"; position: absolute; right:1em; background:#fa8c13; padding:0 1.5em; height:2em; line-height:2em; top:50%; -webkit-transform:translate3d(0,-50%,0); border-radius:3px;}
|
||||
|
||||
#login_tip a:active:after{background: #fa7a13}
|
||||
/**/
|
||||
.top_menu{top:45px; bottom:0; width:100%; position: absolute; background:rgba(0,0,0,.5); display:none;}
|
||||
.link_list{padding:0 15px; background:#f4f4f4;border-bottom:#cacaca solid 1px; position:relative;}
|
||||
@ -269,8 +271,8 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
.search_box:before{ content:'';display:block; width:100%; height:0; overflow:hidden; clear:both;}
|
||||
.search_cancel{float:right; width:4em; text-align:center;}
|
||||
.search_ipt{overflow:hidden; height:29px; border-radius:5px; background-color:#fcaf5a; padding-left:30px; background-position:8px -443px; margin-top:8px;}
|
||||
.search_input{width:100%; border:0; font-size:0.9375rem; height:29px; padding:5px 0;-webkit-appearance: none;-webkit-appearance:none; vertical-align:top; background:none; color:#FFF;}
|
||||
.search_input::-webkit-input-placeholder {color:#fa8c13;}
|
||||
.search_input{width:100%; border:0; font-size:0.9375rem; height:29px; padding:5px 0; -webkit-appearance: none;-webkit-appearance:none; vertical-align:top; background:none; color:#FFF;}
|
||||
.search_input::-webkit-input-placeholder{color:#fa8c13;}
|
||||
|
||||
.station_list{ overflow:hidden;}
|
||||
.station_list:after{ content: ''; display: block; overflow: hidden; visibility: hidden; clear: both}
|
||||
@ -284,6 +286,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
.station_list li:after{content:''; display:block; right:0; top:50%; -webkit-transform:translate3d(0,-50%,0); border-right: #cacaca solid 1px; height:.9em; position:absolute;}
|
||||
.station_list li:nth-child(3n):after{ display:none;}
|
||||
.station_list li a{display: block; line-height:2.617647058823529em; text-align:center; color:#787878;}
|
||||
.station_list li a:active{background: rgba(222,222,222,.3)}
|
||||
#search_station .form_title{ text-align:center;font-size: 1rem}
|
||||
#station_hisbox .title_right{display: block;height: 30px;width: 24px;padding-left: 30px;position: absolute;right: 20px}
|
||||
/*#search_station.form_title:after{}*/
|
||||
@ -298,8 +301,8 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
|
||||
|
||||
.date_title{height:34px; line-height:34px; background:#f4f4f4;}
|
||||
.date_title strong{font-weight: lighter;}
|
||||
.next_btn,
|
||||
.prev_btn{color:#cacaca; font-size:.75rem;}
|
||||
.next_btn,.prev_btn{color:#333; font-size:.75rem;}
|
||||
.next_btn:active,.prev_btn:active{color:#e6e6e6; }
|
||||
.prev_btn{float:left; padding:0 0 0 10px;}
|
||||
.next_btn{float:right; padding:0 10px 0 0;}
|
||||
.next_btn i,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user