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.
97 lines
8.3 KiB
CSS
97 lines
8.3 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
@media(min-width:1000px) {
|
|
.container { width: 752px !important; }
|
|
}
|
|
/* header & footer */
|
|
.zodiaccalculator #mainnav { width: 980px; }
|
|
#tailorFooter { display: block; }
|
|
#tailorFooter .footerBlock { width: 980px; margin: 0 auto; padding-top: 40px; width: 752px; }
|
|
#tailorHeader { display: block; background: url("data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVszY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QjE3NTY1QjA3Mzc2RTMxMUIzQTlFMzBFNjA1OTE2RjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM2ODhDRDY4M0Q3MTFFMzgzOTlFRTE4MUFEMUUxOEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM2ODhDRDU4M0Q3MTFFMzgzOTlFRTE4MUFEMUUxOEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDQzOTJBODUzN0ZFMzExOTE4MEMzQzE0RUZBQkRFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTc1NjVCMDczNzZFMzExQjNBOUUzMEU2MDU5MTZGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIAHEAGgMBEQACEQEDEQH/xABkAAEBAQEBAAAAAAAAAAAAAAAAAwUECAEBAQADAQAAAAAAAAAAAAAAAAECBQcEEAEBAAAHAAAAAAAAAAAAAAAAEtIElAUGFlYRAQABAwUAAAAAAAAAAAAAAAABUdECkhNTBBX/2gAMAwEAAhEDEQA/AMGmkdRKAoCgToUoCgKBG1UsCwLBG1UsCwLBC1UsCwLBz2rIsCwLBCxSwLAsELVSwLAsEqVSgKAoGz0PnXnN00WYwM9vKkvJ6HX5MNUXOh8685umizGA28qSeh1+TDVFzofOvObposxgNvKknodfkw1Rc6Hzrzm6aLMYDbypJ6HX5MNUXezGycwAAAAAAAAAAAAAAAAAAAf/2Q==") repeat-x scroll 0 0 rgba(0, 0, 0, 0); height: 113px; }
|
|
#tailorHeader .headerBlock { width: 980px; margin: 0 auto; background: url(https://data.chinahighlights.com/css/images/global/slogan-white-text.png) no-repeat right 30px; }
|
|
/* footer */
|
|
.footPhone1 { display: block; border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 30px; margin-bottom: 10px; }
|
|
.search h1 { color: #a31022; text-align: center; font-size: 30px; border-bottom: none; font-weight: normal; }
|
|
.search { margin-top: 40px; text-align: center; }
|
|
.title span { font-size: 24px; color: #a31022; background: #FFFFFF; text-align: center; width: 265px; margin-top: -10px; display: block; margin: -15px auto 0; }
|
|
.title { background: #a9a9a9; height: 1px; margin-top: 70px; width: 100%; float: left; margin-bottom: 40px; }
|
|
.title .line { text-align: center; }
|
|
@media(min-width:1000px) {
|
|
ul.result { margin-left: 150px !important; }
|
|
}
|
|
ul.result { font-size: 18px; line-height: 35px; margin-top: 25px; text-align: center; }
|
|
ul.result li { background: url(/image/travelguide/culture/zodiac/list-background.png) no-repeat left center; padding-left: 20px; text-align: left; }
|
|
ul.resultdetail { font-size: 14px; line-height: 22px; margin-top: 25px; text-align: left; }
|
|
ul.resultdetail li { background: url(/image/travelguide/culture/zodiac/list-background.png) no-repeat left 10px; padding-left: 20px; margin-bottom: 25px; }
|
|
ul.result li img { margin-left: 70px; }
|
|
ul.result li span.red { color: #a31022; }
|
|
ul.result li span.gray { color: #727171; }
|
|
.yourname { text-align: right; margin-top: 50px; font-size: 18px; }
|
|
input { background: #fff; border: 1px solid #D1D1D1; color: #545454; font-size: 14px; padding: 5px; width: 100%; border-radius: 4px; }
|
|
.date { text-align: right; font-size: 18px; margin-top: 15px; height: 30px; }
|
|
.date img { margin-top: 10px; }
|
|
.yourdate { text-align: left; }
|
|
select { width: 100%; height: 33px; }
|
|
.searchbutton { font-size: 14px; display: block; margin-top: 25px; overflow: hidden }
|
|
.words { text-align: right; font-size: 13px; }
|
|
.signs { text-align: left; margin-top: 25px; margin-bottom: 25px; }
|
|
.signs span.animals { color: #a31022; text-align: center; font-size: 25px; font-weight: normal; }
|
|
.pic img { margin-top: 20px; }
|
|
.pic p { padding-left: 115px; padding-right: 115px; margin-top: 20px; }
|
|
.pic span a { text-decoration: underline; color: #0f76ea; }
|
|
.pic span { margin-bottom: 30px; }
|
|
h2 { background: url(https://data.chinahighlights.com/pic/border-black.png) repeat-x 0 center; text-align: center; font-size: 24px !important; color: #a31022 !important; margin: 50px 0 !important; display: block; }
|
|
h2 span { background: #fff; padding: 0 10px; }
|
|
.searchBtn { display: block; text-align: right; }
|
|
.search span.test { text-align: center; font-size: 15px; font-weight: normal; }
|
|
.name { text-align: right; font-size: 18px; height: 30px; margin-bottom: 20px; margin-top: 30px; }
|
|
.infoinput { background: url(/image/travelguide/culture/zodiac/compatibility-test-bg.png) no-repeat 80px; padding-top: 95px; height: 515px; }
|
|
@media(max-width:750px) {
|
|
.infoinput { background: none; }
|
|
}
|
|
.compatibilitytest { text-align: center; }
|
|
.compatibilitytest h1 { color: #a31022; text-align: center; font-size: 30px; border-bottom: none; font-weight: normal; background: url(/image/travelguide/culture/zodiac/compatibility-heart.png) no-repeat right; height: 150px; padding-top: 105px; margin-bottom: 20px; margin-top: 0; }
|
|
.result { margin-bottom: 60px; }
|
|
span.resultred { color: #a31022; }
|
|
.resultbg { font-size: 16px; padding-top: 60px; background: url(/image/travelguide/culture/zodiac/top.jpg) no-repeat; padding-right: 45px; margin: auto -15px !important; padding-bottom: 40px; width: 780px; }
|
|
@media(max-width: 750px) {
|
|
.resultbg { width: 100% !important; background: none!important; padding-top: 0 !important; }
|
|
.detailmiddle { background: none!important; padding: 0 !important; }
|
|
.testresult img { margin-left: 30px!important; }
|
|
.testresult p { width: 100%!important; margin-left: 0 !important }
|
|
.resultdetail { padding-left: 0!important; padding-right: 0!important; }
|
|
.personality img { max-width: 100%; }
|
|
.detailbottom { background: none!important; }
|
|
.result { border: 2px solid #a31022; padding: 15px!important; margin: 0 15px; border-radius: 4px; }
|
|
.resulttitle { padding-left: 10px !important; font-size: 11px !important; }
|
|
}
|
|
.testresult { margin-top: 10px; height: 75px; }
|
|
.testresult img { margin-left: 100px; }
|
|
.testresult p { width: 500px; margin-left: 100px; margin-top: -45px; }
|
|
.resultdetail { text-align: left; font-size: 13px; color: #898989; padding-left: 90px; padding-right: 40px; margin-top: 35px; }
|
|
.resultbg p { color: #919191; font-size: 14px; }
|
|
.compatibilityresult { text-align: center; margin-left: 0; margin-right: 0; }
|
|
.compatibilityresult h1 { color: #595757; text-align: center; font-size: 25px; border-bottom: none; font-weight: normal; background: url(/image/travelguide/culture/zodiac/compatibility-heart.png) no-repeat right; height: 150px; padding-top: 75px; margin-top: 0; padding-right: 85px; }
|
|
.resultname { border-top: 1px solid #c6c6c6; padding-bottom: 20px; padding-top: 20px; }
|
|
.customername { text-align: center; font-size: 15px; }
|
|
.birthdate { font-size: 14px; padding-top: 10px; text-align: center; }
|
|
.lunardate { font-size: 11px; }
|
|
.personality { font-size: 14px; text-align: center; }
|
|
.personality a { color: #4f9bf0; text-decoration: underline; }
|
|
.resulttitle { font-size: 14px; text-align: left; }
|
|
.personalitydetail { font-size: 14px; text-align: left; }
|
|
.detailmiddle { background: url(/image/travelguide/culture/zodiac/mid.jpg) repeat-y; margin: auto -15px !important; padding: 0 50px; }
|
|
.detailbottom { background: url(/image/travelguide/culture/zodiac/bottom.jpg) no-repeat; margin: auto -15px !important; background-size: 100%; }
|
|
.resultnamelast { padding-bottom: 70px; padding-top: 20px; border-bottom: none; }
|
|
.button img { margin-top: 60px; }
|
|
.zodiacsearch { background: url(/image/travelguide/culture/zodiac/zodiac-search-bg.jpg); }
|
|
.heart { text-align: right; }
|
|
.resultinfo { height: 75px; text-align: left; padding-top: 25px; }
|
|
@media(max-width:750px) {
|
|
.result { margin-top: 20px !important; }
|
|
.testresult { background: none; }
|
|
.testresult img { float: left; }
|
|
.testresult p { margin-top: 0 !important; }
|
|
.resultbg, .detailmiddle, .detailbottom { margin: 0 !important }
|
|
}
|