|
|
|
|
@ -4,8 +4,6 @@ h2{ padding: 50px 0 20px 0;}
|
|
|
|
|
h3 { padding: 35px 0 20px 0;}
|
|
|
|
|
h4{margin: 15px 0;}
|
|
|
|
|
table.infotable th, table.monthWeather th {font-family: 'Calibri';font-size:18px;line-height:20px;}
|
|
|
|
|
.tripnotes {position: relative;}
|
|
|
|
|
.tripnotes .OpenIcon,.tripnotes .CloseIcon{position: absolute; top: 30px; right:0;}
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
|
h2{ padding: 50px 15px 20px 15px;}
|
|
|
|
|
h3 { padding: 50px 15px 20px 15px;}
|
|
|
|
|
@ -15,6 +13,42 @@ table.infotable th, table.monthWeather th {font-family: 'Calibri';font-size:18px
|
|
|
|
|
.notescollapse{padding:0 15px;}
|
|
|
|
|
.tripnotes {padding-left: 0;}
|
|
|
|
|
.tripnotescontent p{padding: 0 0px 18px 0px}
|
|
|
|
|
.table-responsive {padding-left: 15px;padding-right: 15px;
|
|
|
|
|
.table-responsive {padding-left: 15px;padding-right: 15px;}
|
|
|
|
|
}
|
|
|
|
|
/*train index*/
|
|
|
|
|
.flex-row {display:flex;flex-direction:row;flex-wrap:wrap; align-items:stretch;justify-content:flex-start;clear:both; margin-right:-10px}
|
|
|
|
|
.flex-col-3,
|
|
|
|
|
.flex-col-4 {margin-right:10px;margin-bottom:10px;display:flex;flex-flow:column; position:relative}
|
|
|
|
|
.flex-col-3 {width:calc((100% - 10px * 3)/3)}
|
|
|
|
|
.flex-col-4 {width:calc((100% - 10px * 4)/4)}
|
|
|
|
|
.red {color:#ad1818;}
|
|
|
|
|
.bg-grary{background: #f6f6f6}
|
|
|
|
|
.tripnotes {font-size: 22px;margin: 15px 0;position: relative}
|
|
|
|
|
.tripnotes h4 {margin: 0px;font-weight: normal;}
|
|
|
|
|
.tripnotes .CloseIcon,.tripnotes .OpenIcon {top: calc(50% - 5px);right: 0;position: absolute;}
|
|
|
|
|
.whatsnewinfo {margin-bottom: 20px;}
|
|
|
|
|
.whatsnewinfo:last-child {margin-bottom: 0;}
|
|
|
|
|
ul.traintype{ display:block; margin-bottom:10px; min-height:38px; padding:0px;}
|
|
|
|
|
ul.traintype li{background: #fff; display: block; float: left; padding: 5px 15px; color: #000; border: 1px solid #d1d1d1; margin-right: 10px; border-radius: 5px;}
|
|
|
|
|
ul.traintype li.active {background: #ad1818; color: #fff;}
|
|
|
|
|
.traintype li {cursor: pointer;}
|
|
|
|
|
.returnbox {background: #fff; border-radius:5px; padding: 15px;cursor: pointer;box-shadow: 0 0 5px #ccc;}
|
|
|
|
|
.returnbox a{text-decoration: none;}
|
|
|
|
|
.returnbox:hover .return-top{color:#ad1818;}
|
|
|
|
|
.return-top,.return-bottom {display:flex;flex-direction:row;flex-wrap:wrap;}
|
|
|
|
|
.return-top{border-bottom:solid 1px #e2e2e2; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
|
|
|
|
|
.return-left,.return-right{width:50%;}
|
|
|
|
|
.return-right {text-align:right;}
|
|
|
|
|
.return-icon { position:absolute;width:24px; height:24px; bottom:-12px;left: calc(50% - 12px); background: url("https://data.chinahighlights.com/css/images/train/return.png")}
|
|
|
|
|
.caption {padding: 15px;}
|
|
|
|
|
.caption h3 {font-size: 24px; padding-top: 0;}
|
|
|
|
|
ul.infolist {padding-bottom:0;}
|
|
|
|
|
ul.infolist li {list-style: disc;color:#888;}
|
|
|
|
|
.caption h3 a,ul.infolist li a {text-decoration: none;}
|
|
|
|
|
.caption h3 a:hover,ul.infolist li a:hover {color:#ad1818;}
|
|
|
|
|
.hidden-xs ul.traintype{margin-top: 0;}
|
|
|
|
|
@media (max-width: 768px){
|
|
|
|
|
.flex-col-3,.flex-col-4 { width: 100%; margin-right: 0}
|
|
|
|
|
.flex-row {margin-right: 0;}
|
|
|
|
|
.hidden-xs{display: none;}
|
|
|
|
|
}
|
candice
2 years ago
