diff --git a/css/city-guide.css b/css/city-guide.css index 2616e13..a1648d1 100644 --- a/css/city-guide.css +++ b/css/city-guide.css @@ -475,19 +475,33 @@ margin-left: 0 !important; .attractioninCity .moreAttr { display: block; text-align: right; margin: 5px 0 0 0; padding-right: 10px; } .quote { background-color: #F1F1F1; border-left: #a31022 5px solid; padding: 5px 5px 5px 12px; margin-bottom: 10px; clear: both; } /* weather table style */ -table.monthWeather { border-left: 1px solid #d1d1d1; margin: 0px 0 10px 0; width: 100%; border-spacing: 0; } -table.monthWeather th { font-size: 14px; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background-color: #d9d9d9; 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 { margin: 0 15px; + border-left: 1px solid #d1d1d1; + border-spacing: 0; + margin-bottom: 50px;} +table.monthWeather th { background: #313131; + padding: 15px 10px; + border-top: 1px solid #d1d1d1; + border-right: 1px solid #d1d1d1; + border-bottom: 1px solid #d1d1d1; + font-size: 20px; + line-height: 23px; +color: #fff; } +table.monthWeather th a { color: #000; } +table.monthWeather th a:hover { text-decoration: underline; color: #fff; } +table.monthWeather tr td { padding: 15px; + border-right: 1px solid #c9c9c9; + border-bottom: 1px solid #c9c9c9; + font-size: 18px; + line-height: 22px; } table.monthWeather tr:nth-child(odd) td { -background:#f5f5f5; +background:#f6f6f6; } table.monthWeather tr.gray { background-color: #f6f6f6; } table.monthWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; } -table.monthWeather td a { text-decoration: none; } -table.monthWeather td a:hover { text-decoration: underline; } +table.monthWeather td a { border-bottom: 2px solid #b3b3b3;} +table.monthWeather td a:hover { background: #df8787; transition: 1s; } + /* train travel style */ .photoArea { width: auto; margin: 0 5px; float: right; font-size: 11px; color: #666; line-height: 14px; } .photoArea a { color: #545454; }