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.
94 lines
6.5 KiB
CSS
94 lines
6.5 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
#contentHead { padding-top: 0 !important; }
|
|
@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; }
|
|
/* 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; }
|
|
input.warning: {
|
|
color: #a31022;
|
|
}
|
|
input.warning::-moz-placeholder {
|
|
color: #a31022;
|
|
}
|
|
input.warning::-webkit-input-placeholder {
|
|
color:#a31022;
|
|
}
|
|
input.warning:-ms-input-placeholder {
|
|
color:#a31022;
|
|
}
|
|
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; }
|
|
/* 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 { margin-top: 20px;margin-left:-10px; margin-right:-10px;}
|
|
.zodiacItem { width:25%; float: left; text-align:center; padding:10px; vertical-align: bottom; height:110px; margin-bottom:25px; display: table-cell;}
|
|
.zodiacItem img { box-shadow:1px 5px 5px #f1f1f1; border-radius:4px; width:100%;}
|
|
.zodiacItem a { display: block;}
|