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.
342 lines
13 KiB
CSS
342 lines
13 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
@charset "utf-8";
|
|
/* CSS Document */
|
|
body {font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;
|
|
}
|
|
.starter-template {
|
|
padding: 40px 15px;
|
|
text-align: center;
|
|
}
|
|
body a:link { color:#000;}
|
|
body a:hover { color:#a31022;}
|
|
body a:visited {color:#000;}
|
|
|
|
|
|
.topBar {background-color:#a31022; color:#fff; line-height:40px; text-align:right; padding-right:20px; font-size:12px;}
|
|
.topBar a { color:#fff !important;}
|
|
.topBar span { padding-left:3px;}
|
|
span.topBarspan { padding-left:15px;}
|
|
.navMenu { color:#fff; line-height:40px; padding-left:10px;}
|
|
a:hover.navMenu, a:visited.navMenu { color:#f4f4f4; text-decoration:none;}
|
|
.head-top { background-color:#f4f4f4; margin-bottom:2px;}
|
|
.head-brand { }
|
|
.clear { clear:both; width:100%; border:0; line-height:0 }
|
|
.head-menu { font-family:Verdana, Geneva, sans-serif;}
|
|
ul.mainMenu { padding-top:45px; margin:auto; }
|
|
ul.mainMenu li { list-style:none; display:block; float:left; padding:10px 15px 0px 15px; font-size:16px;}
|
|
.menuActive { background-color:#f4f4f4;}
|
|
.logoStyle { padding:10px 0px; margin:auto;}
|
|
.blockQuoter { margin-top:25px; font-family:Conv_proximanova-webfont; line-height:20px; }
|
|
.blockQuoter blockquote {border-left-color:#a31022 !important;font-size:14px; }
|
|
.highlights {font-family:Conv_proximanova-webfont;}
|
|
.redcolorFont { color:#a31022;}
|
|
|
|
.itineraryBoxTop { padding:0 10px}
|
|
.itineraryTop { font-size:14px; font-family:museo_slab500;}
|
|
.itineraryOverview { padding:15px; background-color:#f4f4f4; margin-bottom:15px; border-radius:6px; font-family:Conv_proximanova-webfont;}
|
|
.itineraryContent { border-left:#999 1px dashed; margin-left:8px; margin-top:3px; padding-left:22px; padding-bottom:10px; padding-top:10px; font-family:Conv_proximanova-webfont;}
|
|
.itineraryContent a { text-decoration:underline;}
|
|
.itineraryContent a:hover { text-decoration:none;}
|
|
.tablePrice th { font-family:Conv_proximanova-webfont;}
|
|
.tablePrice .priceFonts { font-family:museo_slab500; color:#a31022; font-size: 18px; text-align:center; padding:15px;}
|
|
a.checkoutBtn { font-size:18px; padding:10px 20px; text-decoration: none; color:#fff !important; background-color:#a31022; font-family:museo_slab500; margin-top:25px; margin-bottom:25px; }
|
|
ul.ul-defaut { font-family:Conv_proximanova-webfont;}
|
|
ul.ul-exludes {font-family:Conv_proximanova-webfont; list-style:none; padding-left:15px; }
|
|
ul.ul-exludes a { text-decoration:underline;}
|
|
|
|
.tourPriceTop { background-color:#a31022; width:260px; padding-bottom:56px; background-image:url(/images/bg/price-arror-bg.jpg); background-repeat:no-repeat; background-position:left bottom; padding-top:15px; margin-left:10px; margin-right:7px; border-radius: 6px; z-index:100; position:relative; }
|
|
.tourPriceTop h3 {font-size:14px;}
|
|
.tourPriceInner { width:280px; border:#999 1px solid; margin-top:-56px; position:relative; padding-top:65px; border-radius: 6px; margin-bottom:15px; -webkit-box-shadow: 3px 3px 3px; -moz-box-shadow: 3px 3px 3px; box-shadow: 3px 3px 3px;}
|
|
.tourPrice { color:#fff; text-align:center; margin:10px; padding-bottom:10px; border-bottom:#fff 2px solid;}
|
|
.tourPrice a:link, .tourPrice a:hover, .tourPrice a:visited, .tourPrice a { color:#fff; text-decoration:none;}
|
|
span.largeFont { font-size: 36px;}
|
|
.priceDes { color:#fff; text-align:center;margin:10px; font-family:Conv_proximanova-webfont;}
|
|
.priceFormBox { padding:15px;}
|
|
span.priceSteps { background-color:#a31022; display:block; float:left; height:30px; width:30px; border-radius: 50%; text-align:center; line-height:30px; color:#fff; font-size:18px; font-family:museo_slab500;}
|
|
.formInputBox { float:left; width:195px; margin-left:15px;}
|
|
.formInputBox a { text-decoration:none;}
|
|
.tourStepBox { margin-bottom:35px;}
|
|
.tourPriceBox { padding-left:15px; margin-top:30px;}
|
|
span.formTitle { font-family:museo_slab300;}
|
|
#get-TA-reviews-only { z-index:1000 !important; width:95% !important; margin-top:20px; }
|
|
.get-TA-reviews-only {width:95% !important;}
|
|
.footerBtm { background-color:#a31022; height:40px; line-height:40px; text-align:center; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
|
|
.footerTop { background:#ccc;}
|
|
.bookBtn { line-height:50px; background-color:#a31022; color:#fff; text-align:center; font-size:24px; font-family:museo_slab500;}
|
|
.footerRapper { padding:0px 50px;}
|
|
|
|
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
|
|
.headroom--unpinned {top: -100px;}
|
|
.headroom--pinned {top: 0;}
|
|
ul.ulFooter {font-family:Conv_proximanova-webfont; padding-bottom:25px;}
|
|
|
|
#get-TA-reviews-only { width: 280px !important;}
|
|
#CDSWIDSSP { width:100% !important;}
|
|
|
|
.welcome { font-family:Conv_proximanova-webfont; font-size:14px;}
|
|
.newContent { background-color:#f4f4f4; padding-bottom:30px; background-image:url(/images/bg/bg-white.png); background-repeat:no-repeat; background-position:left top; background-size:100%; padding-top:30px;}
|
|
.newContentAlt {padding-bottom:30px; background-image:url(/images/bg/bg-gray.png); background-repeat:no-repeat; background-position:left top; background-size:100% auto; padding-top:30px;}
|
|
|
|
ul.bookingsteps { margin-top:40px; list-style: none; }
|
|
ul.bookingsteps li.numbers { background-color:#a31022; color:#fff; width:30px; height:30px; display:block; float:left; border-radius:20px; text-align:center; line-height:30px; font-size:16px;}
|
|
ul.bookingsteps li.process { border-bottom:#333 1px dashed; float:left; padding-left:10px; margin-left:5px; padding-right:
|
|
10px; margin-right:5px; font-size:12px; color:#333; padding-top:4px;}
|
|
ul.bookingsteps li.numbersAlt { background-color:#999; color:#fff; width:30px; height:30px; display:block; float:left; border-radius:20px; text-align:center; line-height:30px; font-size:16px;}
|
|
.tourCost { padding-left:40px;}
|
|
|
|
ul.costUl { list-style:none; padding-left:0px; font-family: 'Conv_proximanova-webfont';}
|
|
ul.costUl li { line-height:30px; }
|
|
span.calculate { padding-left:13px;}
|
|
hr.calLine { padding:0px; margin:0px; margin-top:10px; border:#333 1px solid; margin-bottom:10px;}
|
|
span.total { font-size:18px; font-family: 'museo_slab500';}
|
|
span.priceColor {font-size: 24px; font-family: 'museo_slab500'; color:red;}
|
|
.pays { width:50%; margin:auto; margin-top:20px; margin-bottom:50px;}
|
|
.dialog { border:#ccc 4px solid; padding:30px; border-radius:8px; margin-top:70px; position:relative; margin-bottom:20px;}
|
|
i.iconOK { font-size: 72px; padding-right:20px; display:block; float:left; color: #396; }
|
|
span.okTitle { font-size: 24px; line-height:40px; font-weight:bold; font-family: 'museo_slab500'; }
|
|
span.okDesc { font-family: 'Conv_proximanova-webfont';}
|
|
.dialog em{display:block; border-width:20px; position:absolute; bottom:-40px; left:45%;border-style:solid dashed dashed; border-color:#ccc transparent transparent;font-size:0; line-height:0;}
|
|
span.dialogArror{display:block; border-width:20px; position:absolute; bottom:-33px; left:45%;border-style:solid dashed dashed; border-color:#FFF transparent transparent;font-size:0; line-height:0;}
|
|
.box-shadow-1{
|
|
-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333; text-shadow:2px 0px 1px #333333;
|
|
}
|
|
|
|
.box22 {
|
|
/* 可见视觉区域 */
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.box22 img { width: 100%; }
|
|
.size22 {
|
|
/* 广阔的海洋 */
|
|
width: 1000px; height: 1000px;
|
|
position: absolute; left: 50%; top: 50%;
|
|
margin: -500px 0 0 -500px;
|
|
/* 水平居中 */
|
|
text-align: center;
|
|
}
|
|
.zoom22 {
|
|
/* 缩放的元素 */
|
|
vertical-align: middle;
|
|
-webkit-transition: -webkit-transform .5s;
|
|
transition: transform .5s;
|
|
}
|
|
.box22:hover .zoom22 {
|
|
/* hover放大 */
|
|
-webkit-transform: scale(1.10);
|
|
-ms-transform: scale(1.10);
|
|
transform: scale(1.10);
|
|
zoom: 1.10;
|
|
}
|
|
:root .box22:hover .zoom22 {
|
|
zoom: 1;
|
|
}
|
|
.middle22 {
|
|
/* 垂直居中 */
|
|
display: inline-block;
|
|
width: 0; height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.newDesign { background-color:#000 !important; opacity: 0.7; margin-bottom:0px !important; bottom:0px; padding-bottom:50px !important; border-radius:20px 20px 0px 0px; }
|
|
.newDesign h3 { font-size:36px; padding-top:10px !important; margin-top:0px !important;}
|
|
.newDesign p { font-family: 'Conv_proximanova-webfont'; font-size:16px;}
|
|
|
|
/* The ribbons */
|
|
|
|
.corner-ribbon{
|
|
width: 200px;
|
|
background: #e43;
|
|
position: absolute;
|
|
top: 25px;
|
|
left: -50px;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
letter-spacing: 1px;
|
|
color: #f0f0f0;
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
z-index:990;
|
|
}
|
|
|
|
/* Custom styles */
|
|
|
|
.corner-ribbon.sticky{
|
|
position: fixed;
|
|
}
|
|
|
|
.corner-ribbon.shadow{
|
|
box-shadow: 0 0 3px rgba(0,0,0,.3);
|
|
}
|
|
|
|
/* Different positions */
|
|
|
|
.corner-ribbon.top-left{
|
|
top: 25px;
|
|
left: -50px;
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
|
|
.corner-ribbon.top-right{
|
|
top: 25px;
|
|
right: -50px;
|
|
left: auto;
|
|
transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
|
|
.corner-ribbon.bottom-left{
|
|
top: auto;
|
|
bottom: 25px;
|
|
left: -50px;
|
|
transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
|
|
.corner-ribbon.bottom-right{
|
|
top: auto;
|
|
right: -50px;
|
|
bottom: 25px;
|
|
left: auto;
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
|
|
/* Colors */
|
|
|
|
.corner-ribbon.white{background: #f0f0f0; color: #555;}
|
|
.corner-ribbon.black{background: #333;}
|
|
.corner-ribbon.grey{background: #999;}
|
|
.corner-ribbon.blue{background: #39d;}
|
|
.corner-ribbon.green{background: #2c7;}
|
|
.corner-ribbon.turquoise{background: #1b9;}
|
|
.corner-ribbon.purple{background: #95b;}
|
|
.corner-ribbon.red{background: #e43;}
|
|
.corner-ribbon.orange{background: #e82;}
|
|
.corner-ribbon.yellow{background: #ec0;}
|
|
|
|
/*css ribon*/
|
|
h3.ribbons
|
|
{
|
|
position: relative;
|
|
width: 50%;
|
|
font-size: 14px;
|
|
|
|
padding: 6px 20px 6px 40px;
|
|
margin: 20px 10px -57px -20px !important;
|
|
color: #fff;
|
|
background-color: #e43;
|
|
text-shadow: 0px 1px 2px #bbb;
|
|
-webkit-box-shadow: 0px 2px 4px #888;
|
|
-moz-box-shadow: 0px 2px 4px #888;
|
|
box-shadow: 0px 2px 4px #888;
|
|
z-index:99;
|
|
}
|
|
h3.ribbons:after
|
|
{
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
left: 0px;
|
|
top: 100%;
|
|
border-width: 5px 10px;
|
|
border-style: solid;
|
|
border-color: #a31022 #a31022 transparent transparent;
|
|
}
|
|
h3.ribbons:before
|
|
{
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
right: -5px;
|
|
top: 0px;
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
|
|
h3.ribbons2
|
|
{
|
|
position: relative;
|
|
width: 50%;
|
|
font-size: 14px;
|
|
|
|
padding: 6px 20px 6px 40px;
|
|
margin: 20px 10px -57px -20px !important;
|
|
color: #fff;
|
|
background-color: #666;
|
|
text-shadow: 0px 1px 2px #bbb;
|
|
-webkit-box-shadow: 0px 2px 4px #888;
|
|
-moz-box-shadow: 0px 2px 4px #888;
|
|
box-shadow: 0px 2px 4px #888;
|
|
z-index:99;
|
|
}
|
|
h3.ribbons2:after
|
|
{
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
left: 0px;
|
|
top: 100%;
|
|
border-width: 5px 10px;
|
|
border-style: solid;
|
|
border-color: #333 #333 transparent transparent;
|
|
}
|
|
h3.ribbons2:before
|
|
{
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
right: -5px;
|
|
top: 0px;
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
|
|
span.priceTag { color:#a31022; font-size:24px; padding-left:30px;}
|
|
.titleFont { font-family:museo_slab500;}
|
|
span.roundBorder { border:#333 1px solid; width:28px; height:28px; display: inline-block; margin-top:5px; text-align:center; line-height:28px; border-radius:30px; margin-right:5px; cursor: help;}
|
|
ul.nonDots { list-style:none; padding-left:25px;}
|
|
ul.nonDots a:link { text-decoration:underline;}
|
|
ul.nonDots a:hover { text-decoration: none; color:#a31022;}
|
|
.thumbHead { background-color:#f4f4f4; text-align:center; position : relative ; padding-bottom:20px;}
|
|
.thumbHead img{ width:30%; margin-top:-20px; margin-bottom:5px;}
|
|
.thumbHead em{ display : block ; border-width : 20px ; position : absolute ; bottom : -40px ; left : 45% ; border-style : solid dashed dashed ; border-color : #f4f4f4 transparent transparent ; font-size : 0 ; line-height : 0 ;}
|
|
p.nameTitle { font-family: 'museo_slab500';}
|
|
.taColor { color:#093; font-size:16px;}
|
|
|
|
.form-group { font-size:16px !important; font-family:Conv_proximanova-webfont;}
|
|
|
|
.container-form { background-color:#f4f4f4;}
|
|
.formContent {}
|
|
.formLT { border:#ccc 1px solid; background-color:#fff;}
|
|
h2.formNewheading { font-family:Verdana, Geneva, sans-serif; background-color:#999; color:#fff; margin:0px; font-size:16px; padding:12px 25px;}
|
|
.formLB { border:#ccc 1px solid; background-color:#fff; margin-top:15px;}
|
|
.formRight {border:#ccc 1px solid; background-color:#fff; padding:10px 20px 20px 20px;}
|
|
.formRight h3 { font-size:16px;}
|
|
.formArea { padding:20px 45px 20px 25px; font-family:Verdana, Geneva, sans-serif; font-size:14px !important;}
|
|
.control-label { font-family:Verdana, Geneva, sans-serif; font-size:14px !important; font-weight:normal;}
|
|
.form-control {font-family:Verdana, Geneva, sans-serif; font-size:14px !important; height:35px; }
|
|
span.tourTitleform {font-family:Verdana, Geneva, sans-serif; font-size:14px;}
|
|
|
|
.tableForm { margin-top:20px; font-family: Verdana, Geneva, sans-serif;}
|
|
.tableForm tr { line-height:25px; }
|
|
.redtableFont { color:#a31022;}
|
|
.normalFont { font-family:Verdana, Geneva, sans-serif; font-size:14px;}
|
|
span.payLater { font-style:italic; color:#a31022;}
|
|
|
|
.imagetable {
|
|
font-family: verdana, arial, sans-serif;
|
|
font-size: 11px;
|
|
color: #333333 !important;
|
|
border-width: 1px !important;
|
|
border-color: #999999 !important;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.imagetable td {
|
|
padding: 2px;
|
|
} |