You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
5.8 KiB
CSS
136 lines
5.8 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
/* yangtze cruise search */
|
|
#searchCruise{z-index:1}
|
|
#searchCruise .title {
|
|
background: url("/image/yangtzeriver/cruise/find-cruise.png") no-repeat scroll 0 0 transparent;
|
|
color: #0C6197;
|
|
float: left;
|
|
font-size: 18px;
|
|
height: 45px;
|
|
line-height: 33px;
|
|
margin-left: -15px;
|
|
width: 170px;
|
|
}
|
|
#searchCruise .title span.findCruise {
|
|
color: #FFFFFF;
|
|
font-size: 19px;
|
|
margin-left: 10px;
|
|
}
|
|
#searchCruise {
|
|
background: none repeat scroll 0 0 #E4E4E4;
|
|
border-radius: 4px 4px 4px 4px;
|
|
height: 44px;
|
|
margin: 0;
|
|
padding: 0 15px 2px;
|
|
}
|
|
#searchCruise .searchlist input, #searchCruise .searchlist select {
|
|
background: -moz-linear-gradient(center top , #DCE1E7 0%, #C2C4CA 100%) repeat scroll 0 0 transparent;
|
|
border: 1px solid #D1D1D1;
|
|
border-radius: 4px 4px 4px 4px;
|
|
color: #000000;
|
|
float: left;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 14px;
|
|
margin: 8px 0 0 5px;
|
|
padding: 5px;
|
|
}
|
|
#searchCruise .searchlist label {
|
|
float: left;
|
|
padding: 15px 0 0 10px;
|
|
}
|
|
#searchCruise .searchlist input.dateicon {
|
|
background: url("https://data.chinahighlights.com/css/images/calender.gif") no-repeat scroll 85px 5px transparent;
|
|
}
|
|
#searchCruise .searchlist input, #searchCruise .searchlist select {
|
|
border: 1px solid #D1D1D1;
|
|
border-radius: 4px 4px 4px 4px;
|
|
color: #000000;
|
|
float: left;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 14px;
|
|
margin: 8px 0 0 5px;
|
|
padding: 5px;
|
|
width: 100px;
|
|
}
|
|
#searchCruise .searchlist .searchicon {
|
|
float: left;
|
|
padding: 8px 0 0 15px;
|
|
}
|
|
#searchCruise .searchlist select.route {
|
|
width: 180px;
|
|
}
|
|
#searchCruise .searchlist .calender b {
|
|
color: #D5D5D5;
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 30px;
|
|
margin-right: 5px;
|
|
}
|
|
#searchCruise .searchlist .calender span {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
{ width: 980px;}
|
|
.TopAd { margin-top:15px; margin-bottom:15px;}
|
|
|
|
|
|
.Tags { background: none repeat scroll 0 0 #FFFFFF;
|
|
border-bottom: 3px solid #A31022;
|
|
height: 28px;
|
|
margin-bottom: 15px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
z-index: 10;}
|
|
.Tags ul.CruisesLevel { margin-left: 0;}
|
|
.Tags ul.CruisesLevel li { border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
float: left;
|
|
font-size: 14px;
|
|
list-style: none outside none;
|
|
margin-right: 5px;
|
|
padding: 5px 20px 5px 15px;
|
|
text-align: center;
|
|
width: auto;}
|
|
.Tags ul.CruisesLevel li:hover, .Tags ul.CruisesLevel li.cactive {background: url("https://data.chinahighlights.com/css/images/tour/detail/bg-tag-active.png") repeat-x scroll 0 0 transparent; color: #FFFFFF; cursor:pointer;}
|
|
.Tags ul.CruisesLevel li a{ text-decoration:none;}
|
|
.Tags ul.CruisesLevel li a:hover{color:#FFF;}
|
|
.AllShips { border-bottom: #d1d1d1 solid 3px; margin-top:15px; float:left;}
|
|
.AllShips .ShipsDetail { display:block;}
|
|
.AllShips .ShipsDetail .ShipImage { margin-bottom:10px;}
|
|
.AllShips .ShipsDetail .ShipImage ul.ShipDetails { position:absolute; height:55px; width:140px; margin-left:10px; list-style:none;}
|
|
.AllShips .ShipsDetail .ShipImage ul.ShipDetails li.Name { font-size:22px; color:#034F8D; height:20px; margin-bottom:15px; font-family:Trebuchet MS; width:180px;}
|
|
.AllShips .ShipsDetail .ShipImage ul.ShipDetails li.Rate { margin-left:-1px; margin-top:-7px;}
|
|
.AllShips .ShipsDetail .ShipImage ul.ShipDetails li.Rate span.From{ font-size:14px; margin-right: 5px; height:2.0px; }
|
|
.AllShips .ShipsDetail .ShipImage ul.ShipDetails li.Rate span.Figure { font-size:15px; color:#a31022; height:20px; font-weight:bold;}
|
|
.ShipTags{ position:absolute; display:block; margin-left: 190px;}
|
|
.AllShips .ShipsDetail .Description p{ margin-bottom: 10px; height:75px;}
|
|
.AllShips .ShipsDetail .Price { margin-top:20px; float:left; height:50px;}
|
|
.AllShips .ShipsDetail .Price span.priceFrom { margin-right:5px;}
|
|
.AllShips .ShipsDetail .Price span.number { color: #a31022; font-size:16px; font-weight:bold; padding-right: 70px;}
|
|
.AllShips .ShipsDetail .Price img { float:right; margin-top:-5px;}
|
|
|
|
.AllShipsBottom { width:980px; margin-top:15px; float:left;}
|
|
.AllShipsBottom .ShipsDetail { width:310px; float:left; margin-right:15px;display:block;}
|
|
.AllShipsBottom .ShipsDetail .ShipImage { margin-bottom:10px;}
|
|
.AllShipsBottom .ShipsDetail .ShipImage ul.ShipDetails { position:absolute; height:55px; width:140px; margin-left:10px; list-style:none;}
|
|
.AllShipsBottom .ShipsDetail .ShipImage ul.ShipDetails li.Name { font-size:20px; color:#034F8D; height:20px; margin-bottom:7px; font-family:Trebuchet MS;}
|
|
.AllShipBottoms .ShipsDetail .ShipImage ul.ShipDetails li.Star { margin-bottom:5px; height:20px; margin-left:-3px;}
|
|
.AllShipsBottom .ShipsDetail .ShipImage ul.ShipDetails li.Rate { margin-left:-1px; margin-top:-7px;}
|
|
.AllShipsBottom .ShipsDetail .ShipImage ul.ShipDetails li.Rate span.From{ font-size:14px; margin-right: 5px; height:20px; }
|
|
.AllShipsBottom .ShipsDetail .ShipImage ul.ShipDetails li.Rate span.Figure { font-size:15px; color:#a31022; height:20px; font-weight:bold;}
|
|
.AllShipsBottom .ShipsDetail .Price { margin-bottom:15px; width:310px; height:50px;}
|
|
.AllShipsBottom .ShipsDetail .Price span.priceFrom { margin-right:5px;}
|
|
.AllShipsBottom .ShipsDetail .Price span.number { color: #a31022; font-size:16px; font-weight:bold;}
|
|
.AllShipsBottom .ShipsDetail .Price img { margin-left:75px; margin-top:10px;}
|
|
|
|
/* ORBIT IMG */
|
|
.advertising-container{float:left;}
|
|
div.slider-nav span.right{right:10px;}
|
|
.bullets{left:50%;}
|
|
#myallship{border-bottom:3px solid #A31022; font-size:14px;}
|
|
#myallship a{text-decoration:none; padding:5px 10px; }
|
|
#myallship li{text-align:center; }
|
|
#myallship li a:hover,#myallship li.active a{ background:#a31022; color:#fff; border-radius:5px 5px 0 0; border-bottom:none;} |