327 lines
21 KiB
CSS
327 lines
21 KiB
CSS
|
|
.wrap {width:340px;height:370px;margin:0;padding:0;overflow:hidden;position:relative;}
|
|
.main {height:319px;width:340px;position:absolute;top:50px;overflow:hidden;display:none;}
|
|
#mask {width:340px;height:370px;margin:0;padding:0;position:absolute;left:0;top:0;background:url(indicator_big.gif) no-repeat 50% 50%;background-color:#555555;opacity:0.5;z-index:99;display:none;}
|
|
#cover {width:340px;height:370px;left:0;top:0;position:absolute;}
|
|
.cover {margin:0;padding:0;z-index:98;display:none;}
|
|
|
|
.loading {width:18px;height:18px;background:url(bgv2.png) no-repeat -150px -100px;z-index:2;}
|
|
.loadingText {font-size:14px;color:#000000;position:absolute;top:290px;left:44px;}
|
|
|
|
#loading {
|
|
position:absolute;top:292px;left:16px;
|
|
-webkit-animation-name:loading;
|
|
-webkit-animation-duration:700ms;
|
|
-webkit-animation-iteration-count:infinite;
|
|
-webkit-animation-timing-function:linear;
|
|
}
|
|
@-webkit-keyframes loading {
|
|
0% {-webkit-transform:rotate(0deg);}
|
|
100% {-webkit-transform:rotate(360deg);}
|
|
}
|
|
|
|
.errorInput {border:1px solid #FF0000 !important;color:#FF0000 !important;}
|
|
|
|
.prepareToGo {left:340px;}
|
|
.prepareToBack {left:-340px;}
|
|
|
|
.longBtn {width:226px;height:36px;}
|
|
.littleBtn {width:50px;height:30px;}
|
|
.bigBtn {width:77px;height:57px;}
|
|
.shortBtn {width:140px;height:38px;}
|
|
.halfBtn {width:132px;height:28px;}
|
|
|
|
.blueBtn {color:#ffffff;background:-webkit-linear-gradient(top,#8DCCF1,#79BDE5);border:1px solid #62A8D0;}
|
|
.blueBtn:hover {background:-webkit-linear-gradient(top,#A2D8F4,#8ECCEB);}
|
|
.blueBtn:active {background:-webkit-linear-gradient(top,#7EC3EE,#6AB2E0);}
|
|
|
|
.greyBtn {color:#555555;background:#dbdbdb;border-width:0 1px 1px 0;border-style:solid;border-color:#a4a4a4;}
|
|
.greyBtn:hover {background:#e3e3e3;}
|
|
.greyBtn:active {background:#d6d6d6;}
|
|
|
|
.strikingBtn {color:#ffffff;background:-webkit-linear-gradient(top,#569DC6,#4C97C2);}
|
|
.strikingBtn:hover {background:#63A7CE;}
|
|
.strikingBtn:active {background:#5698BE;}
|
|
|
|
.whiteBtn {color:#000000;background:-webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF,#F4F4F4 1px,#E8E8E8);border:1px solid #D3D3D3;}
|
|
.whiteBtn:hover {background:-webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF,#F9F9F9 1px,#F1F1F1);}
|
|
.whiteBtn:active {background:-webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF,#F4F4F4 1px,#E8E8E8);}
|
|
|
|
|
|
.greyLink {color:#A0A0A0;text-decoration:none;}
|
|
.greyLink:hover {text-decoration:underline;}
|
|
.normalLink {color:#88C8EE;text-decoration:none;}
|
|
.normalLink:hover {text-decoration:underline;}
|
|
.strikingLink {color:#555555;text-decoration:none;}
|
|
.strikingLink:hover {text-decoration:underline;}
|
|
.noneLink {color:inherit;text-decoration:none;}
|
|
|
|
.strikingText {color:#555555;}
|
|
.normalText {color:#999999;}
|
|
.whiteText {color:#FFFFFF;}
|
|
.titleText {font-size:14px;}
|
|
.bodyText {font-size:12px;}
|
|
|
|
|
|
.header {height:50px;width:340px;background:-webkit-linear-gradient(top,#F3F3F3,#EDEDED);text-align:center;position:absolute;top:0px;border-bottom:1px solid #B8B8B8;box-shadow:0 1px 2px #DDDDDD;z-index:1;}
|
|
.header .stageTitle {color:#555555;font-size:16px;line-height:49px;text-shadow:0px 1px 0px #FFFFFF;}
|
|
.header .backBtn {width:45px;height:27px;position:absolute;top:12px;left:16px;line-height:26px;font-size:13px;background:url(bgv2.png) no-repeat 0px -100px;cursor:pointer;padding-left:2px;}
|
|
.header .backBtn:hover {background:url(bgv2.png) no-repeat -50px -100px;}
|
|
.header .backBtn:active {background:url(bgv2.png) no-repeat -100px -100px;}
|
|
.header .closeBtn{width:44px;height:27px;position:absolute;top:12px;left:280px;line-height:26px;font-size:13px;background:url(bgv2.png) no-repeat 0px -130px;cursor:pointer;}
|
|
.header .closeBtn:hover {background:url(bgv2.png) no-repeat -50px -130px;}
|
|
.header .closeBtn:active {background:url(bgv2.png) no-repeat -100px -130px;}
|
|
.header .radiusShadow {position:relative;top:2px;height:3px;background:-webkit-linear-gradient(top,#DADADA,#FFFFFF);border-bottom-left-radius:50% 3px;border-bottom-right-radius:50% 3px;}
|
|
|
|
|
|
.root .menuContainer li {height:79px;position:relative;border-bottom:1px solid #DDDDDD;display: list-item;cursor:pointer;}
|
|
.root .menuContainer li:hover {background-color:#E5F4FD;}
|
|
.root .menuIcon {width:40px;height:50px;position:absolute;top:15px;left:15px;}
|
|
.root .menuIcon12306 {background:url(bgv2.png) no-repeat 0px 0px;}
|
|
.root .menuIconFlight {background:url(bgv2.png) no-repeat -40px 0px;}
|
|
.root .menuIconCheap {background:url(bgv2.png) no-repeat 0px -50px;}
|
|
.root .menuIconLottery {background:url(bgv2.png) no-repeat -40px -50px;}
|
|
.root .menuTitle {position:absolute;top:20px;left:70px;}
|
|
.root .menuIntro {position:absolute;top:42px;left:70px;}
|
|
.root .goFlag {width:12px;height:15px;background:url(bgv2.png) no-repeat -182px -1px;position:absolute;top:32px;left:310px;}
|
|
|
|
|
|
.flightSetting .sectionTitle {font-size:14px;margin:10px 0 10px 18px;color:#555555;}
|
|
.flightSetting .date {margin-top:2px;}
|
|
.flightSetting .condition {height:49px;position:relative;margin-left:18px;}
|
|
.flightSetting .condition label {display:inline-block;text-align:left;margin-left:2px;}
|
|
.flightSetting .cityFlag {display:inline-block;width:20px;text-align:left;font-size:14px;position:absolute;left:20px;top:8px;z-index:2;}
|
|
.flightSetting .condition input[type="text"] {display:inline-block;width:263px;border:1px solid #CACACA;border-radius:2px;height:35px;padding-left:42px;color:#A0A0A0;}
|
|
.flightSetting .errorInfo {color:#FF0000;margin-left:18px;font-size:12px;display:none;}
|
|
.flightSetting #queryFlightBtn {margin-left:56px;margin-top:0px;}
|
|
#datepickerFrom,#datepickerTo {background-color:#FFFFFF;}
|
|
|
|
.cityList {display:none;position:absolute;width:302px;height:160px;top:37px;left:0;border:#c1c1c1 1px solid;z-index:10;background-color:#FFFFFF;border-radius:2px;box-shadow:1px 1px 2px #999999;}
|
|
.cityList .cityTitle {border-bottom:#c1c1c1 1px solid;height:30px;line-height:30px;padding-left:18px;}
|
|
.cityList .cityContent li {font-size:12px;height:25px;line-height:25px;float:left;width:60px;overflow:hidden;text-align:center;color:#58B0E2;cursor:pointer;}
|
|
.cityList .cityContent li:hover {background-color:#58B0E2;color:#FFFFFF;}
|
|
.cityListBtn {width:16px;height:15px;cursor:pointer;background:url(bgv2.png) no-repeat -180px -80px;position:absolute;top:11px;left:272px;z-index:1;}
|
|
|
|
.cityList .cityHistory {position:absolute;top:2px;left:48px;}
|
|
.cityList .cityHistory li {font-size:12px;height:25px;line-height:25px;float:left;overflow:hidden;text-align:center;color:#58B0E2;cursor:pointer;padding:0 4px 0 6px;}
|
|
.cityList .cityHistory li:hover {background-color:#58B0E2;color:#FFFFFF;}
|
|
|
|
|
|
#animateWrap {width:300px;height:300px;margin-left:20px;margin-top:10px;position:relative;}
|
|
#animatePlane {width:100px;height:100px;position:absolute;top:100px;left:100px;background:url(bgv2.png) no-repeat -80px 0;z-index:10;}
|
|
#animateNotice {text-align:center;position:relative;top:-46px;font-size:15px;color:#555555;text-shadow: 0 1px 1px rgba(0,0,0,.2);}
|
|
.animateCircle {width:0px;height:0px;border:3px #9bcbec solid;-webkit-border-radius:150px;position:absolute;top:150px;left:150px;}
|
|
|
|
|
|
.monitorSetting .conditionBox {margin-left:18px;}
|
|
.monitorSetting .monitorSettingBox {height:151px;padding-left:18px;background-color:#FFFFFF;border-top:1px solid #CACACA;}
|
|
.monitorSetting .radio label {font-size:12px;line-height:26px;}
|
|
.monitorSetting .radio input[type="text"]{font-size:12px;color:#555555;border:solid 1px #73C1D5;width:52px;height:19px;margin-left:3px;margin-right:3px;}
|
|
.monitorSetting .sectionTitle {font-size:14px;padding:14px 0 6px 0;color:#555555;}
|
|
.monitorSetting .errorInfo {color:#FF0000;margin-left:8px;font-size:12px;display:none;}
|
|
|
|
#startMonitoringBtn,#buyItFromPromotion {margin-left:38px;margin-top:8px;}
|
|
|
|
#ticketSettingDetail .ticketInfo {height:150px;}
|
|
|
|
.ticketDetailBox {margin-left:10px;margin-top:18px;position:relative;}
|
|
.ticketDetailBox .ticketPrice {width:318px;height:39px;border:1px solid #80B0CD;background:-webkit-linear-gradient(top,#8DCCF1,#79BDE5);color:#FFFFFF;position:relative;}
|
|
.ticketDetailBox .ticketInfo {width:304px;height:120px;border-width:0 1px 1px 1px;border-style:solid;border-color:#DADADA;box-shadow:1px 2px 5px #CACACA;margin-left:7px;position:relative;}
|
|
.ticketDetailBox .ticketAngle {width:0;height:0;position:absolute;top:41px;border-style:solid;}
|
|
.ticketDetailBox .ticketLeftAngle {left:0px;border-width:0 7px 5px 0;border-color:transparent #17699A transparent transparent;}
|
|
.ticketDetailBox .ticketRightAngle {left:313px;border-width:5px 7px 0 0;border-color:#17699A transparent transparent transparent;}
|
|
.ticketDetailBox .ticketPriceBig {width:90px;font-size:24px;position:absolute;top:4px;left:8px;}
|
|
.ticketDetailBox .ticketDiscount {width:40px;font-size:14px;position:absolute;top:10px;left:265px;text-align:right;}
|
|
.ticketDetailBox .ticketDate {height:16px;width:80px;font-size:16px;color:#555555;position:absolute;top:9px;left:10px;}
|
|
.ticketDetailBox .ticketFlight {height:14px;width:194px;font-size:14px;color:#999999;position:absolute;top:10px;left:100px;text-align:right;}
|
|
|
|
.ticketDetailBox .ticketPoint {height:60px;width:300px;font-size:16px;color:#555555;position:absolute;top:36px;left:2px;}
|
|
.ticketDetailBox .ticketPoint .minus {width:30px;position:absolute;left:135px;top:14px;}
|
|
|
|
.ticketDetailBox .ticketPoint .fromGroup {width:133px;position:absolute;left:5px;text-align:right;}
|
|
.ticketDetailBox .ticketPoint .toGroup {width:133px;position:absolute;left:163px;text-align:left;}
|
|
|
|
.ticketDetailBox .ticketTime {height:14px;width:200px;font-size:14px;color:#999999;position:absolute;top:70px;left:52px;}
|
|
.ticketDetailBox .ticketTime .minus {width:24px;position:absolute;left:88px;}
|
|
.ticketDetailBox .ticketTime .from {width:80px;position:absolute;left:8px;}
|
|
.ticketDetailBox .ticketTime .to {width:80px;position:absolute;left:112px;}
|
|
.ticketDetailBox .minus {text-align:center;}
|
|
.ticketDetailBox .weather {width:60px;height:60px;display:inline-block;}
|
|
.ticketDetailBox .weather .icon {width:60px;height:45px;background-image:url(weather.png);background-repeat:no-repeat;}
|
|
.ticketDetailBox .weather .text {width:60px;height:12px;color:#AAAAAA;font-size:10px;text-align:center;}
|
|
.ticketDetailBox .weather .noText {color:#FFFFFF;}
|
|
.ticketDetailBox .point {margin-bottom:4px}
|
|
.ticketDetailBox .time {font-size:12px;color:#999999;text-align:center;}
|
|
.ticketDetailBox .pointAndTime {display:inline-block;position:relative;top:-6px;}
|
|
.ticketDetailBox .ticketBuyIt {width:130px;height:29px;position:absolute;top:105px;left:87px;border-width:0;}
|
|
|
|
|
|
.weatherIcon0 {background-position:4px -2000px;}
|
|
.weatherIcon1 {background-position:4px -2px;}
|
|
.weatherIcon2 {background-position:4px -74px;}
|
|
.weatherIcon3 {background-position:4px -146px;}
|
|
.weatherIcon4 {background-position:4px -218px;}
|
|
.weatherIcon5 {background-position:4px -291px;}
|
|
.weatherIcon6 {background-position:4px -363px;}
|
|
.weatherIcon7 {background-position:4px -436px;}
|
|
.weatherIcon8 {background-position:4px -507px;}
|
|
.weatherIcon9 {background-position:4px -580px;}
|
|
.weatherIcon10 {background-position:4px -654px;}
|
|
.weatherIcon11 {background-position:4px -724px;}
|
|
.weatherIcon12 {background-position:4px -798px;}
|
|
.weatherIcon13 {background-position:4px -870px;}
|
|
.weatherIcon14 {background-position:4px -943px;}
|
|
.weatherIcon15 {background-position:4px -1015px;}
|
|
|
|
|
|
.ticketDetailBox .ticketTrend {width:14px;height:18px;margin-left:4px;position:absolute;top:12px;left:130px;}
|
|
.ticketDetailBox .riseTrend {background:url(bgv2.png) no-repeat -170px -160px;}
|
|
.ticketDetailBox .fallTrend {background:url(bgv2.png) no-repeat -150px -160px;}
|
|
|
|
.ticketFaxInfo {font-size:14px;margin:14px 0 2px 18px;}
|
|
.ticketFaxInfo p {height:24px;margin:0;}
|
|
|
|
.monitorNotice {font-size:14px;margin-top:12px;margin-left:18px;color:#999999;}
|
|
#monitorAbsolute {margin-left:18px;margin-top:12px;margin-right:20px;}
|
|
.monitorSetting .halfBtn {font-size:12px;}
|
|
|
|
|
|
.otherOperator {display:inline-block;font-size:14px;margin-left:18px;color:#82C4EB;cursor:pointer;}
|
|
.otherOperator:hover {text-decoration:underline;}
|
|
.buyItBtn {display:inline-block;margin-left:20px;margin-top:2px;}
|
|
|
|
|
|
.otherTickets {margin:0;padding:0;list-style:none;font-size:12px;margin-left:18px;height:50px;}
|
|
.otherTickets li {margin:0;padding:0;list-style:none;float:left;width:152px;text-align:left;height:22px;line-height:18px;}
|
|
.otherTickets li a {color:#58B0E2;text-decoration:underline;}
|
|
.otherTickets .otherTicketsDate {display:inline-block;width:52px;}
|
|
.otherTickets .otherTicketsPrice {display:inline-block;width:42px;}
|
|
|
|
|
|
.monitorBox {position:relative;}
|
|
.monitorBox .sectionTitle {font-size:15px;padding:16px 0 0 18px;color:#555555;}
|
|
#monitorExceptionRetry {color:#999999;margin-left:50px;}
|
|
#monitorExceptionRetry a {color:#82C4EB;margin-left:10px;}
|
|
#monitorExceptionRetry a:hover {text-decoration:underline;cursor:pointer;}
|
|
|
|
#monitorBoxWrap {position:relative;height:240px;}
|
|
#monitorBox {margin:0 15px 0 15px;}
|
|
#monitorBox li {height:56px;border:1px solid #DADADA;position:relative;margin:10px 0 10px 0;background-color:#FFFFFF;box-shadow:0 1px 2px #E0E0E0;}
|
|
#monitorBox .available {cursor:pointer;}
|
|
#monitorBox .invalid {cursor:default;}
|
|
#monitorBox .ticketException {font-size:18px;color:#82C4EB;position:absolute;top:18px;left:150px;}
|
|
#monitorBox .ticketRetryStatus {width:18px;height:18px;position:absolute;top:21px;left:160px;display:none;}
|
|
#monitorBox .success {background:url(bgv2.png) no-repeat -150px -120px;}
|
|
#monitorBox .running {background:url(bgv2.png) no-repeat -150px -100px;-webkit-animation-name:loading;-webkit-animation-duration:700ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;}
|
|
#monitorBox .ticketPoint {color:#555555;font-size:17px;padding:9px 0 3px 12px;}
|
|
#monitorBox .ticketDate {padding-left:12px;}
|
|
#monitorBox .ticketPrice {font-size:20px;color:#82C4EB;position:absolute;top:17px;left:200px;}
|
|
#monitorBox .deleteMe {display:none;width:17px;height:17px;background:url(bgv2.png) no-repeat -180px -125px;position:absolute;top:20px;left:277px;cursor:pointer;}
|
|
#monitorBox .deleteMe:hover {background:url(bgv2.png) no-repeat -180px -111px;}
|
|
#monitorBox .deleteMe:active {background:url(bgv2.png) no-repeat -180px -97px;}
|
|
|
|
#emptyMonitorBox {display:none;width:340px;position:absolute;top:120px;text-align:center;font-size:18px;color:#C0C0C0;text-shadow: 0 1px 1px rgba(0,0,0,.2);}
|
|
|
|
#confirmDelete {display:none;height:41px;width:252px;position:absolute;left:0;top:0;background-color:#555555;opacity:0.78;z-index:99;color:#FFFFFF;font-size:14px;padding:15px 38px 0 18px;cursor:default;}
|
|
#confirmDelete a {float:right;text-decoration:underline;margin-left:10px;cursor:pointer;}
|
|
|
|
#addMonitorBtn {position:absolute;top:266px;left:56px;}
|
|
|
|
|
|
.monitorInfo {margin-left:18px;line-height:40px;}
|
|
|
|
.infoBar {height:40px;line-height:40px;padding-left:18px;background-color:#D8D8D8;font-size:14px;color:#555555;}
|
|
|
|
|
|
.ticketAdvice .advice {height:250px;color:#555555;font-size:14px;line-height:26px;}
|
|
.ticketAdvice p {margin:16px 0 10px 18px;}
|
|
#adviceErrors {margin:0 17px 0 17px;background-color:#FFFFFF;border-left:1px solid #DADADA;border-right:1px solid #DADADA;box-shadow:0 1px 2px #E0E0E0;}
|
|
#adviceErrors li {height:46px;border-bottom:1px solid #DADADA;line-height:46px;position:relative;}
|
|
#adviceErrors li:first-child {height:46px;border-top:1px solid #DADADA;}
|
|
#adviceErrors .ticketPoint {position:absolute;left:12px;}
|
|
#adviceErrors .ticketDate {position:absolute;left:131px;color:#999999;font-size:12px;top:2px;}
|
|
#adviceErrors .ticketException {position:absolute;left:266px;color:#82C4EB;font-size:12px;top:2px;}
|
|
#adviceOK {margin-left:56px;}
|
|
|
|
.bargainList .cheapTicketTitle {font-size:14px;margin-bottom:12px;color:#555555;}
|
|
.bargainList .missLink {color:#88C8EE;text-decoration:line-through;}
|
|
.bargainList .availableFlag {color:#FF0000;}
|
|
.bargainList .missFlag {color:#333333;}
|
|
.bargainList li {line-height:22px;padding:12px 22px 6px 18px;border-bottom:1px solid;min-height:150px;display:none;position:relative;}
|
|
.bargainList .infoBar {height:52px;display:none;line-height:30px;}
|
|
.bargainList .infoBar .blackText {line-height:4px;}
|
|
.bargainList .infoBar .normalLink {color:#3294B4;}
|
|
.bargainList #bargainContainer img {border-radius:2px;float:left;margin:0 12px 10px 0;box-shadow:0 1px 2px #444444;}
|
|
.bargainList .cheapTicketBuy {font-size:14px;text-align:right;}
|
|
.bargainList .missBargainMask {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#FFFFFF;opacity:0.4;z-index:1;}
|
|
|
|
.bargainAvailable img:hover {cursor:pointer;}
|
|
.bargainMiss .normalLink {color:#555555;}
|
|
.bargainAvailable .cheapTicketTitle:before {content:'抢购中 ';}
|
|
.bargainMiss .cheapTicketTitle:before {content:'已错过 ';}
|
|
|
|
|
|
.bargainFound .blackText {line-height:20px;font-size:12px;color:#555555;margin-top:5px;}
|
|
.bargainFound .cheapTicketToSetting {margin-left:20px;font-size:14px;}
|
|
.bargainFound .operatorBox {position:absolute;left:18px;bottom:12px;width:322px;}
|
|
.bargainFound .operatorBox .greyLink {position:relative;left:0;font-size:12px;}
|
|
.bargainFound .operatorBox .normalLink {position:relative;left:196px;font-size:14px;}
|
|
#bargainDetailBox {position:relative;}
|
|
#bargainDetailBox > div {margin:5px 18px 0 18px;}
|
|
#bargainDetailBox .theCheapTicketTitle {height:30px;font-size:14px;color:#000000;line-height:30px;margin:6px 0 0 18px;overflow:hidden;}
|
|
#bargainDetailBox img {margin-left:17px;box-shadow:0 1px 2px #444444;border-radius:2px;}
|
|
#bargainDetailBox .theCheapTicketContent {height:77px;overflow:hidden;text-overflow:clip;}
|
|
|
|
|
|
.commonSetting .settingTitle {color:#555555; font-size:14px;margin-left:6px;}
|
|
.commonSetting .settingTitleBox {margin:20px 0 20px 18px;}
|
|
|
|
.advPop .advTitle {font-size:14px;color:#000000;margin-left:18px;margin-top:18px;}
|
|
.advPop .advImage {margin-top:18px;margin-left:17px;box-shadow:0 0 5px 2px rgba(0,0,0,0.4);cursor:pointer;}
|
|
.advPop .advBtn {margin-top:17px;margin-left:56px;}
|
|
|
|
|
|
/* datepicker */
|
|
.hasDatepicker {padding:0;}
|
|
.ui-datepicker {z-index:5 !important;}
|
|
.ui-corner-all {border-radius:0px;}
|
|
.ui-widget {font-family:"微软雅黑","宋体";font-size:14px;;}
|
|
.ui-widget-header {border:0px;background:#A0D1EE;color:#FFFFFF;}
|
|
.ui-datepicker .ui-datepicker-header {padding:.1em 0;margin-top:.1em;}
|
|
.ui-widget-header .ui-icon {background-image:url(bgv2.png);}
|
|
.ui-icon {width:8px;height:9px;}
|
|
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-left:-4px;margin-top:-4px;}
|
|
.ui-icon-circle-triangle-w {background-position:-192px -150px;}
|
|
.ui-icon-circle-triangle-e {background-position:-180px -150px;}
|
|
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {width:1.4em;height:1.5em;}
|
|
.ui-datepicker th {padding:.4em .2em;}
|
|
.ui-datepicker td span, .ui-datepicker td a {padding:0;text-align:center;}
|
|
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #BABABA;background:#EBEBEB;}
|
|
.ui-datepicker td {padding:2px 3px;}
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:1px solid transparent;background:transparent;}
|
|
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #BABABA;background:#EBEBEB;}
|
|
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #BABABA;}
|
|
|
|
/* 自动补全 */
|
|
#flightFrom,#flightTo {height:37px;width:305px;}
|
|
.text-core {position:relative;}
|
|
.text-core .text-wrap {position:absolute;background-color:#FFFFFF;border-radius:2px;}
|
|
.text-core .text-wrap textarea,.text-core .text-wrap input {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:1px solid #9daccc;outline:none;resize:none;position:absolute;z-index:1;background:none;overflow:hidden;margin:0;padding:3px 5px 4px 5px;white-space:nowrap;line-height:13px;height:auto;}
|
|
|
|
.text-core .text-wrap .text-dropdown {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:2px;box-shadow:1px 1px 2px #999999;padding:0;position:absolute;z-index:3;background:#fff;border:1px solid #9daccc;width:100%;max-height:100px;padding:1px;display:none;overflow-x:hidden;overflow-y:auto;}
|
|
.text-core .text-wrap .text-dropdown.text-position-below {margin-top:1px;}
|
|
.text-core .text-wrap .text-dropdown.text-position-above {margin-bottom:1px;}
|
|
.text-core .text-wrap .text-dropdown .text-list .text-suggestion {padding:3px 15px;cursor:pointer;height:33px;}
|
|
.text-core .text-wrap .text-dropdown .text-list .text-suggestion em {font-style:normal;text-decoration:underline;}
|
|
.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {color:#555555;background:#E5F4FD;}
|
|
|
|
.text-core .text-wrap .text-focus {-webkit-box-shadow:0px 0px 6px #6d84b4;-moz-box-shadow:0px 0px 6px #E5F4FD;box-shadow:0px 0px 6px #E5F4FD;position:absolute;width:100%;height:100%;display:none;}
|
|
.text-core .text-wrap .text-focus.text-show-focus {display:block;}
|
|
|
|
.text-core .text-wrap .text-prompt {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;height:100%;margin-top:5px;font-size:14px;color:#D0D0D0;overflow:hidden;white-space:pre;}
|
|
.text-core .text-wrap .text-prompt.text-hide-prompt {display:none;}
|
|
|
|
.text-label label {font-size:14px;margin-top:5px;cursor:pointer;}
|
|
.text-prompt{position:relative;top:7px}
|
|
.text-core .text-wrap textarea,.text-core .text-wrap input, .text-core .text-wrap .text-prompt{font-size:14px!important}
|
|
#flightFrom, #flightTo{padding-top: 1px;} |