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.
126 lines
9.2 KiB
CSS
126 lines
9.2 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
/* left Navi theme list */
|
|
.category { font-size: 13px; background: #e6e6e6; font-weight: bold; border-left: 7px solid #bbb; padding: 5px 0 5px 5px; margin-bottom: 8px; }
|
|
.category a { color: #666; text-decoration: none; }
|
|
ul.subCate { margin: 8px 0 8px 7px; }
|
|
ul.subCate li { list-style: none; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px; margin-bottom: 5px; line-height: 18px; padding-left: 16px; }
|
|
ul.subCate li.active { background: url(https://data.chinahighlights.com/css/images/arrow-4.png) 5px 4px no-repeat; border-left: none; }
|
|
ul.subCate li a { text-decoration: none; }
|
|
ul.subCate li.active a { color: #a31022; }
|
|
.article { display: block; margin: 15px 0; }
|
|
.articleTitle { font-size: 18px; display: block; border-bottom: 2px solid #d1d1d1; margin: 0 0 10px 0; }
|
|
.article ol { margin-left: 10px; padding-left: 15px; }
|
|
.article ol li { line-height: 18px; margin-bottom: 10px; font-size: 16px; }
|
|
.article ol li a { font-size: 15px; text-decoration: none; }
|
|
@media(max-width:750px) {
|
|
#zodiacFind { margin: auto -15px !important; width: 107% !important; }
|
|
.searchbottom { width: 100% !important; height: 33px !important; background-size: 100%; }
|
|
#ani_tab { width: 107%; background-size: 100%; margin: 15px -15px !important; border-radius: 0!important; }
|
|
}
|
|
#zodiacFind { overflow: hidden; background: #e4e4e4; padding: 20px; border-radius:4px; }
|
|
#zodiacFind h2 { margin-top:0;}
|
|
#zodiacFind p { margin-bottom:15px !important;}
|
|
#zodiacFind input#button { display: block; margin:auto;}
|
|
#zodiacFind a { color: #545454; }
|
|
#zodiacFind a:hover { color: #a31022; text-decoration: none; }
|
|
#zodiacFind label { display: inline !important; }
|
|
#zodiacFind label:last-child { float: right !important; }
|
|
#zodiacFind select { width: 30%; color: #545454; margin-right: 10px; margin-bottom: 20px; padding: 3px 5px; font-weight: normal; border: 1px solid #666; border-radius: 4px; -moz-appearance: none;-webkit-appearance: none; appearance: none; background: #fff url(https://data.chinahighlights.com/pic/up-down-arrow.png) no-repeat 95% center / 15px 8px; float: left; }
|
|
#zodiacFind select.year { float: right !important; margin-right: 0 !important; }
|
|
ul#zodiacList li { list-style: none; width: 140px; float: left; margin: 10px 10px 10px 10px; }
|
|
.findzodiac { font-size: 17px; color: #a31022; text-align: center; }
|
|
/*Right Content*/
|
|
#contentRight .TopSellers { width: 100%; margin-bottom: 15px; }
|
|
#contentRight .TopSellers h2 { background: #e4e4e4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; padding-left: 10px; margin: 10px 0; display: block; clear: both; }
|
|
#contentRight h2 { font-size: 25px; margin: 35px 0 10px; }
|
|
#contentRight h3 { font-weight: bold; }
|
|
#contentRight .Feedback h2 { background: url(/image/giant-panda/update/feedback.png) no-repeat; color: #ffffff; height: 40px; padding-top: 8px; }
|
|
.Feedback .CustomerName { color: #a31022; }
|
|
.TopSellers h3 a { color: #545454; font-size: 15px; font-weight: bold; text-decoration: none; margin-top: 0; }
|
|
.TopSellers h2 { background: #e4e4e4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; padding-left: 10px; }
|
|
.TopSellers p { font-size: 12px; margin-bottom: 0; }
|
|
.TopSellers h3 { margin-top: 0; margin-bottom: 0; }
|
|
.PandaPhoto { font-size: 15px; font-style: italic; border-bottom: 1px #d1d1d1 dashed; margin-bottom: 10px; }
|
|
/* Love Day */
|
|
.heartIcon { background:url(https://data.chinahighlights.com/image/travelguide/culture/zodiac/search-heart.png) no-repeat left; padding-left:50px;}
|
|
#ani_tab { overflow: hidden; height: 100%; background: #e4e4e4; padding: 20px 20px 30px; border-radius: 4px; }
|
|
#ani_tab .searchtitle {font-size: 25px; display: block; font-weight:300; }
|
|
#ani_tab .test { font-size: 16px; color: #777777; }
|
|
#ani_tab .aniTab1 { margin-top: 45px; margin-left: 50px; font-weight: bold; }
|
|
#ani_tab .aniTab2 { font-size: 14px; }
|
|
#ani_tab .aniTab2 input { width: 100%; color: #555; margin-top: 5px; }
|
|
#ani_tab .aniTab3 { margin-top: 8px; font-size: 14px; }
|
|
#ani_tab .aniTab3 select.day { width: 37px; margin-top: 5px; font-size: 13px; }
|
|
#ani_tab .aniTab3 select { width: 37px; font-size: 13px; }
|
|
#ani_tab .girlname { display: block; overflow: hidden}
|
|
#ani_tab .girlname span { color:#a31022; font-size:14px;display: block; padding-top:15px;}
|
|
#ani_tab .boyname { display: block; overflow: hidden; margin:15px 0 -10px;}
|
|
#ani_tab .boyname span {font-size:14px; display: block; padding-top:15px;}
|
|
#ani_tab .heart { padding-top: 40px; }
|
|
#ani_tab .aniTab4 { font-size: 14px; }
|
|
#ani_tab .aniTab5 { margin-top: 10px; display: block; padding-top:35px; }
|
|
#ani_tab .aniTab5 input[type="submit"] { display: block; background:url(https://data.chinahighlights.com/pic/heart-arrow.png) no-repeat 85% center #a31022; width:100%; padding:10px 40px 10px 10px; color:#fff; border: none; border-radius:4px;}
|
|
#ani_tab input[type="text"] { display: block; background:#fff; width:100%; padding:8px 10px; border: 1px solid #d1d1d1; border-radius:4px; font-size:14px;}
|
|
.loveDay_banner { background: url("https://data.chinahighlights.com/css/images/banner/china-guide/loveDay_banner.jpg") repeat-x scroll center 20px transparent; }
|
|
.ani_table { width: 100%; font-size: 14px; border-top: 1px solid #d1d1d1; margin: 15px 0; }
|
|
.ani_table th { border-bottom: 1px solid #d1d1d1; padding: 10px }
|
|
.ani_table td { border-bottom: 1px solid #d1d1d1; padding: 10px; line-height: 20px; vertical-align: top }
|
|
.ani_table td a { color: #0f76ea; }
|
|
.ani_table td a:hover { color: #a31022; text-decoration: none; }
|
|
.matchNo { color: #a31022; font-weight: bold; }
|
|
.picturepromo { width: auto; float: right; margin: 0 0 5px 10px; }
|
|
/* chinese zodaic promo */
|
|
#zodiacPromo { display: block; background: url(/image/zodiac/bg-zodiac-signup.png) no-repeat; width: 271px; height: 160px; float: right; margin: 0 0 5px 10px; padding: 200px 0 0 50px; position: relative }
|
|
#zodiacPromo label { width: 50px; float: left; display: block; padding-top: 5px; }
|
|
#zodiacPromo input { font-size: 15px; font-weight: normal; line-height: 1.2; padding: 5px 7px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width: 1px; border-style: solid; color: #333; width: 180px; font-family: Verdana, Geneva, sans-serif; border-radius: 4px; margin-bottom: 15px; }
|
|
#zodiacPromo .luckyButton { display: block; width: 111px; height: 28px; position: absolute; bottom: 25px; right: 20px; cursor: pointer }
|
|
#zodiacPromo .fbFollow { display: block; width: 93px; height: 16px; position: absolute; bottom: 30px; left: 50px; }
|
|
input.warning: {
|
|
color: #a31022;
|
|
}
|
|
input.warning::-moz-placeholder {
|
|
color: #a31022;
|
|
}
|
|
input.warning::-webkit-input-placeholder {
|
|
color:#a31022;
|
|
}
|
|
input.warning:-ms-input-placeholder {
|
|
color:#a31022;
|
|
}
|
|
.answer { display: inline!important }
|
|
#qa4tour .qaList .question .questionContent { margin-left: 20px!important }
|
|
table.monthWeather { border-left: 1px solid #d1d1d1; border-top: 2px solid #d1d1d1; margin: 0px 0 10px 0; width: 100%; border-spacing: 0; }
|
|
table.monthWeather th { font-size: 14px; border-bottom: 1px #D9D9D9 solid; border-right: 1px solid #D9D9D9; background-color: #F3F3F3; padding:10px; }
|
|
table.monthWeather th a { color: #545454; text-decoration: underline; }
|
|
table.monthWeather th a:hover { text-decoration: underline; color: #a31022; }
|
|
table.monthWeather tr th.month { background-repeat: no-repeat; padding: 12px 3px 12px 3px; background-position: 5px 4px; width: 39px; }
|
|
table.monthWeather tr td { padding: 10px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
|
|
table.monthWeather tr:nth-child(odd) td { background:#f1f1f1;}
|
|
table.monthWeather tr.gray { background-color: #f6f6f6; }
|
|
table.monthWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; }
|
|
table.monthWeather td a { color: #04679A; text-decoration: none; }
|
|
table.monthWeather td a:hover { text-decoration: underline; }
|
|
.zodiacsigns { margin-top: 20px; }
|
|
/* zodiac search result */
|
|
.loveName { font-size: 25px; display: block; margin: 20px 0; text-align: center; line-height: 35px; }
|
|
.overallBlock { display: block; border: 1px solid #a31022; background: url(https://data.chinahighlights.com/pic/heart-rounded.png) no-repeat 35px center; padding: 35px 0 35px 130px; font-size: 16px; border-radius: 4px; margin-bottom: 15px; }
|
|
.testAgain { text-align: center; display: block; margin: 25px 0; }
|
|
.testAgain a { color: #0f76ea; }
|
|
.slidetoRead { text-align: center; color: #999; margin-top: 5px; display: block; }
|
|
.commentSummary { font-size: 14px; margin: 10px 0; display: block; }
|
|
.zodiacresult { font-size: 16px; margin-left: 5px; }
|
|
.resultred, .red { color: #a31022; }
|
|
ul.numbercolor li { list-style: none; }
|
|
ul.numbercolor { margin-left: 5px; line-height: 23px; font-size: 13px; }
|
|
.zodiac2015 { font-size: 14px; color: #545454; display:block; margin:10px 5px 5px; }
|
|
.line { text-decoration: overline; color: #b8b8b8; width: 230px; }
|
|
.elements ul.4elements1 { width: 115px; float: left; }
|
|
.elements ul.4elements2 { width: 115px; float: right; }
|
|
.elements {margin-top: 5px; margin-bottom: 5px; line-height: 23px; font-size: 13px; }
|
|
.elements li { width: 47%; margin-left: 5px; display: inline-block; }
|
|
.elements li img { width:75px; vertical-align: top; margin-top:4px;}
|
|
.elements li.right { float: right; margin-top: -24px; width: 115px; margin-left: 5px; }
|
|
.link { display:block; font-size: 13px; margin-left:5px; }
|
|
.zodiacsigns img { margin-bottom: 25px; }
|