diff --git a/css/guide.css b/css/guide.css index 5450b8bf..d02e927f 100644 --- a/css/guide.css +++ b/css/guide.css @@ -79,20 +79,20 @@ ul.ArticleList li {border-bottom: 1px #d6d6d6 solid; font-weight: 300; font-size: 18px; padding-bottom: 15px;} -ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important} +ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px;} /* learn more style for info with red */ -.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;} -.learnMore:HOVER { text-decoration: underline !important} +.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none;} +.learnMore:HOVER { text-decoration: underline;} .learnMore i { font-size:130%;} /* only use without banner */ -.withH1 { display: block; background:#fff; margin-top:0 !important; padding-top:0 !important; border-top:2px solid #d9d9d9;} -.withH1 h1{margin: -10px 0 35px !important; - border-bottom: none !important; +.withH1 { display: block; background:#fff; margin-top:0; padding-top:0; border-top:2px solid #d9d9d9;} +.withH1 h1{margin: -10px 0 35px; + border-bottom: none; text-align: center; font-family: 'Alegreya Sans',sans-serif; font-size: 45px; font-weight: 700;} -.withH1 .crumbNav { margin-top:-15px !important;} +.withH1 .crumbNav { margin-top:-15px;} .warningPart{border-radius: 4px;border: 1px dashed #ad1818; padding: 10px 10px 0;} .Information h2.RedBorder { text-align: left; } .ArticleInfo { padding-bottom: 10px; } @@ -116,7 +116,7 @@ table th .TrainNumber { font-size: 15px; text-align: center; padding-bottom: 10p .telNo strong { font-size: 16px; font-weight: normal; color: #a31022 } #fp { font-size: 14px; float: left; cursor: pointer; display: block; margin-top: 2px; } .moretelNo ul { margin: 0; } -.moretelNo ul li { list-style: none; font-size: 14px; line-height: 22px!important; cursor: pointer; padding-left: 6px!important; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: none!important; width: auto!important; } +.moretelNo ul li { list-style: none; font-size: 14px; line-height: 22px; cursor: pointer; padding-left: 6px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: none; width: auto; } .moretelNo ul li:hover { background: #f5f5f5; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; } .tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; } .publishPic { margin-right: 15px; } @@ -157,7 +157,7 @@ ul.TopList li.crownIcon { margin: 15px 0; min-height: 50px; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } @media(max-width:750px) { ul.TopList li.FlyFrom { padding-bottom: 28px; } -.cityMap .flightTimes { display: none !important; } +.cityMap .flightTimes { display: none; } } ul.TopList li .TopLine { font-size: 13px; } .TopThings { background: #f1f1f1; padding-bottom: 30px; padding-top: 30px; } @@ -195,8 +195,8 @@ ul.InfoList li {background: url(https://data.asiahighlights.com/image/travel-gui #Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; } #Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; } @media(max-width:758px) { -#banner h1 { position: relative !important; background: none !important; top: 0 !important; color: #545454 !important; font-size: 18px !important; padding: 15px 0 !important; margin: auto -15px !important; } -#Topbanner h1 { position: relative !important; background: none !important; top: 0 !important; color: #545454 !important; font-size: 18px !important; text-align: left !important; padding: 15px 0 !important; margin: auto -15px !important; text-shadow: none !important; } +#banner h1 { position: relative; background: none; top: 0; color: #545454; font-size: 18px; padding: 15px 0; margin: auto -15px; } +#Topbanner h1 { position: relative; background: none; top: 0; color: #545454; font-size: 18px; text-align: left; padding: 15px 0; margin: auto -15px; text-shadow: none; } } .tourBox1 { margin-top: 25px; } .TourInfo { margin-top: 25px; border-bottom: none; } @@ -250,13 +250,13 @@ span.title { display: block; font-size: 16px; margin: 0 0 8px; } .infoList { width: 100%; } .ViewMore { margin-bottom: 15px; } .traveller select { height: 35px; } -.bookTour { width: 100% !important; } +.bookTour { width: 100%; } #Topbanner h1 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: medium none; color: #fff; display: block; font-size: 22px; font-weight: normal; left: 0; line-height: 28px; position: absolute; text-align: left; text-shadow: 0 1px 5px #000; top: -150px; width: 330px; } -.listInfo { margin-bottom: 20px !important; } -.ratedTours .tourInfo { margin-bottom: 20px !important; } +.listInfo { margin-bottom: 20px; } +.ratedTours .tourInfo { margin-bottom: 20px; } .tailor-make { display: block; text-align: center; } .tailor-make img { display: inline; } -.tailorButton a { width: 100% !important; } +.tailorButton a { width: 100%; } } /* recommend tours */ .ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; } @@ -282,7 +282,7 @@ span.title { display: block; font-size: 16px; margin: 0 0 8px; } #questionBox .infoRequired p { display: none1; } #questionBox .infoRequired p { +left: 660px; } -#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; } +#questionBox .infoRequired p { margin: 0; line-height: 20px; margin-bottom: 0px; position: relative; text-align: center; } #questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 10px; left: 10px; cursor: text; font-size: 14px; color: #777; } #questionBox .infoRequired .des label { text-align: left; } /* submit checking */ @@ -294,9 +294,9 @@ a:hover { text-decoration: none; color: #b61326; } .noteInfo { margin: 0 15px; } .cityMap { position: relative; } .cityMap .flightTimes { background: #e6e5e5; border-radius: 4px; border: 1px solid #d1d1d1; width: 240px; height: 200px; display: block; position: absolute; left: -10px; top: 220px; padding: 15px; } -.cityMap .flightTimes.cambodiaMap { height: 220px !important; top: 490px !important; left: calc(50% - 120px)!important; } -.cityMap .flightTimes.laosMap { height: 220px !important; top: 480px !important; left: 50px!important; } -.cityMap .flightTimes.myanmarMap { height: 220px !important; top: 600px !important; left: 100px!important; } +.cityMap .flightTimes.cambodiaMap { height: 220px; top: 490px; left: calc(50% - 120px); } +.cityMap .flightTimes.laosMap { height: 220px; top: 480px; left: 50px; } +.cityMap .flightTimes.myanmarMap { height: 220px; top: 600px; left: 100px; } .cityMap .flightTimes span { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; display: block; margin-bottom: 15px; } .cityMap .flightTimes ul { width: 49%; float: left; display: block; } .cityMap .flightTimes ul li { line-height: 20px; margin-bottom: 5px; } @@ -347,10 +347,10 @@ a:hover { text-decoration: none; color: #b61326; } .bookingSteps .tailorMake span a:hover { background:#fff; color:#a31022; box-shadow:none; text-shadow:none; } .bookingSteps .tailorMake span .fa { font-size: 120%; margin-left: 5px; font-weight: bold; } @media(max-width:768px) { -.bookingSteps { position: relative !important; background: #555; width: 100% !important; margin-left: 0 !important; top: 0 !important; margin-top: 15px; padding: 20px; } -.bookingSteps .steps { width: auto !important; height: auto !important; display: block !important; background: none !important; padding: 10px !important; text-align: left !important; font-size: 14px !important; } -.bookingSteps .steps strong { display: block !important; margin-bottom: 0 !important; font-size: 20px !important; float: left !important; margin: 5px 15px 0 0; } -.bookingSteps .tailorMake { float: none !important; text-align: center !important; margin-top: 20px !important; } +.bookingSteps { position: relative; background: #555; width: 100%; margin-left: 0; top: 0; margin-top: 15px; padding: 20px; } +.bookingSteps .steps { width: auto; height: auto; display: block; background: none; padding: 10px; text-align: left; font-size: 14px; } +.bookingSteps .steps strong { display: block; margin-bottom: 0; font-size: 20px; float: left; margin: 5px 15px 0 0; } +.bookingSteps .tailorMake { float: none; text-align: center; margin-top: 20px; } } .TopReasons { background: #f1f1f1; padding-bottom: 30px; padding-top: 30px; margin-bottom: 30px; } .TopReasons h2 { margin-top: 0 !important; text-align: left; } @@ -360,8 +360,8 @@ a:hover { text-decoration: none; color: #b61326; } .TopReasons li:last-child a { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; } .TopReasons li:last-child a:hover { text-decoration: none; } .viewMoreLink { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; } -.viewMoreLink a { font-size: 14px; text-decoration: underline !important; } -.viewMoreLink a:hover { text-decoration: none !important; } +.viewMoreLink a { font-size: 14px; text-decoration: underline; } +.viewMoreLink a:hover { text-decoration: none; } /* page footer tailor made block */ .footerTailor { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; } .footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; }