From 37bc3b9ad16933444e6c434b30f7b95c37f5b06e Mon Sep 17 00:00:00 2001 From: luolei Date: Wed, 3 Sep 2014 23:05:38 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=A7=A6=E6=8E=A7=E5=8F=8D?= =?UTF-8?q?=E9=A6=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Mobile12306New/css/css.css | 31 +++++++++++++++++-------------- 1 file changed, 17 insertions(+), 14 deletions(-) diff --git a/Mobile12306New/css/css.css b/Mobile12306New/css/css.css index 7c92645..ebeb7cd 100644 --- a/Mobile12306New/css/css.css +++ b/Mobile12306New/css/css.css @@ -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,