Haina
/
asiahighlights.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

11

Browse Source
master
candice 3 years ago
parent 1112b29fde
commit 684115d139
1 changed files with 18 additions and 29 deletions
Show Stats Download Patch File Download Diff File

47
css/mobile-first.css
Unescape Escape View File

@ -19,7 +19,7 @@ h1 {
} }
h2 { h2 {
font-size: 30px; font-size: 30px;
margin-top: 70px; margin-top: 90px;
line-height: 32px; line-height: 32px;
font-family: 'Goudy Old Style'; font-family: 'Goudy Old Style';
clear: both; clear: both;
@ -56,6 +56,9 @@ p {
.headerbar { .headerbar {
color: #000; color: #000;
z-index: 999; z-index: 999;
background: #fff;
position: fixed;
width: 100%;
box-shadow: 1px 1px 6px 2px #e5e5e5; box-shadow: 1px 1px 6px 2px #e5e5e5;
} }
.siteSearch { .siteSearch {
@ -145,7 +148,7 @@ table.InfoTable th {
font-family: 'Goudy Old Style'; font-family: 'Goudy Old Style';
} }
table.InfoTable td { table.InfoTable td {
padding: 15px; padding: 10px 15px;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
} }
@ -181,16 +184,16 @@ ol li { margin-bottom: 5px; padding-left: 10px;}
display: block; font-size: 20px; display: block; font-size: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.info_reco_tours { font-size: 22px; .info_reco_tours { font-size: 20px;
font-family: 'Goudy Old Style'; font-family: 'Goudy Old Style';
border-left: 8px solid #ad1818; border-left: 8px solid #ad1818;
font-weight: 600; font-weight: 600;
background: #f7f7f7; background: #f7f7f7;
padding: 10px 20px;} padding: 7px 20px;}
.info_reco_tours em {color: #ad1818; .info_reco_tours em {color: #ad1818;
margin-right: 10px; margin-right: 10px;
text-transform: uppercase; text-transform: uppercase;
font-size: 24px;} font-size: 22px;}
.skipAhead ul { .skipAhead ul {
width: 750px; width: 750px;
padding-left: 20px; padding-left: 20px;
@ -229,7 +232,8 @@ h2.nexttitle { text-align: center;}
p.nextinfo {text-align: center;} p.nextinfo {text-align: center;}
.nextbg { position: absolute; .nextbg { position: absolute;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.30) none repeat scroll 0 0; width: 100%;
background: rgba(0, 0, 0, 0.40) none repeat scroll 0 0;
top: 0;} top: 0;}
.nextbg a { text-decoration: none;} .nextbg a { text-decoration: none;}
.tournextname { .tournextname {
@ -583,7 +587,7 @@ border-radius: 7px;}
} }
table.info_reco_table, table.tour_table { width: max-content;} table.info_reco_table, table.tour_table { width: max-content;}
table.info_reco_table td { width: 270px;} table.info_reco_table td { width: 270px;}
table.tour_table td.tour_td_image {position:relative; width: 315px;} table.tour_table td.tour_td_image {position:relative; width: 270px;}
.country_experience { display: flex;} .country_experience { display: flex;}
.unique_experience {position: relative; padding: 0 2px; width: 281px; float: left;} .unique_experience {position: relative; padding: 0 2px; width: 281px; float: left;}
.experience_number {font-size: 90px; .experience_number {font-size: 90px;
@ -627,13 +631,12 @@ margin-top: 30px;}
.area_name a { text-decoration: none;} .area_name a { text-decoration: none;}
.country_name {position: absolute; .country_name {position: absolute;
top: 0; top: 0;
width: 315px; width: 270px;
text-align: center; text-align: center;
font-size: 25px; font-size: 25px;
font-family: 'Goudy Old Style';
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
font-weight: 600; font-weight: 600;
height: 250px; height: 190px;
} }
.country_name strong { font-size: 27px;} .country_name strong { font-size: 27px;}
.country_name a {background: rgb(0 0 0 / 45%); .country_name a {background: rgb(0 0 0 / 45%);
@ -655,11 +658,7 @@ margin-top: 30px;}
.plan_left_title {width: 100%; .plan_left_title {width: 100%;
position: absolute; position: absolute;
text-align: center; text-align: center;
font-size: 21px; font-size: 22px;}
font-weight: 300;
line-height: 22px;
font-family: 'Goudy Old Style';
font-weight: 600;}
.plan_left_title a, .plan_right_title a { color: #fff;} .plan_left_title a, .plan_right_title a { color: #fff;}
.plan_left_title a { .plan_left_title a {
height: 236px; height: 236px;
@ -674,12 +673,10 @@ margin-top: 30px;}
.plan_right_top {position: relative; margin-bottom: 20px;} .plan_right_top {position: relative; margin-bottom: 20px;}
.plan_right {position: relative;} .plan_right {position: relative;}
.plan_right_title {position: absolute; .plan_right_title {position: absolute;
line-height: 20px;
bottom: 0; bottom: 0;
background: rgb(0 0 0 / 55%); background: rgb(0 0 0 / 55%);
width: calc(100% - 20px); width: calc(100% - 20px);
padding: 5px 10px; padding: 5px 10px;}
font-size: 19px;}
.country_city_guide { .country_city_guide {
width: 62%; width: 62%;
float: left; } float: left; }
@ -694,8 +691,8 @@ margin-top: 30px;}
margin-bottom: 10px; margin-bottom: 10px;
font-family: 'Goudy Old Style';} font-family: 'Goudy Old Style';}
.ah_index_tour_bg a { text-decoration: none;} .ah_index_tour_bg a { text-decoration: none;}
.ah_index_tour_city {height: 60px;color: #848484;line-height: 20px; font-size: 18px;} .ah_index_tour_city {height: 60px;color: #848484;line-height: 20px;}
.ah_index_tour_button {margin-top: 5px;font-size: 20px;text-transform: uppercase;font-weight: 600;} .ah_index_tour_button {text-transform: uppercase;font-weight: 600;}
.ah_index_tour_button a {color: #ad1818;} .ah_index_tour_button a {color: #ad1818;}
/* Menu styles */ /* Menu styles */
@ -1165,11 +1162,6 @@ ul.inspiration li a:hover {
.visible-xs { .visible-xs {
display: none !important; display: none !important;
} }
.headerbar {
position: fixed;
width: 100%;
background: #fff;
}
.siteSearch {margin-top: 13px;} .siteSearch {margin-top: 13px;}
.contactbutton { .contactbutton {
color: #fff !important; color: #fff !important;
@ -1383,9 +1375,6 @@ img.bottomlogocenter { margin: 30px auto 10px auto;}
width: 100%; width: 100%;
margin: 30px 0;} margin: 30px 0;}
.headerbar { .headerbar {
position: fixed;
width: 100%;
background: #fff;
height: 50px; height: 50px;
} }
.bottomlogo { .bottomlogo {
@ -1439,7 +1428,7 @@ img.bottomlogocenter { margin: 30px auto 10px auto;}
.unique_experience, .country_pic { width: 100%; padding: 0; margin-bottom: 15px;} .unique_experience, .country_pic { width: 100%; padding: 0; margin-bottom: 15px;}
.experience_info {margin-right: 0;} .experience_info {margin-right: 0;}
.listtour {display: block;} .listtour {display: block;}
.travel_guide_city, .trip_plan_right, .country_city_guide, .travel_guide_city, .ah_hotel, .inquirybutton, .whyus ul, .right_image img { width: 100%;} .travel_guide_city, .trip_plan_right, .country_city_guide, .travel_guide_city, .ah_hotel, .inquirybutton, .whyus ul { width: 100%;}
.area_guide {margin: 15px 5px;} .area_guide {margin: 15px 5px;}
.trip_plan_left { width: 100%; display: flex;} .trip_plan_left { width: 100%; display: flex;}
.plan_left, .plan_left_right { width: 100%; margin-bottom: 20px;} .plan_left, .plan_left_right { width: 100%; margin-bottom: 20px;}

Write Preview
Loading…
Cancel
Save