| @@ -1,143 +1,212 @@ | ||
| 1 | 1 | /* style for forecast data details left side */ |
| 2 | 2 | div.wp-forecast { |
| 3 | - padding: 0px; | |
| 4 | - float:left; | |
| 3 | + padding: 0px; | |
| 4 | + float:left; | |
| 5 | + width:100%; | |
| 5 | 6 | } |
| 6 | 7 | |
| 7 | 8 | /* style for current weather data */ |
| 8 | 9 | div.wp-forecast-curr { |
| 9 | - font-size: 11px; | |
| 10 | - padding: 3px; | |
| 11 | - text-align:center; | |
| 12 | - margin-left:auto; | |
| 13 | - margin-right:auto; | |
| 10 | + font-size: 11px; | |
| 11 | + padding: 3px; | |
| 12 | + text-align:center; | |
| 13 | + margin-left:auto; | |
| 14 | + margin-right:auto; | |
| 14 | 15 | } |
| 15 | 16 | /* style for forecast data */ |
| 16 | 17 | div.wp-forecast-curr-head { |
| 17 | - font-size: 11px; | |
| 18 | - padding: 3px; | |
| 19 | - text-align:center; | |
| 20 | - margin-left:auto; | |
| 21 | - margin-right:auto; | |
| 18 | + font-size: 11px; | |
| 19 | + padding: 3px; | |
| 20 | + text-align:center; | |
| 21 | + margin-left:auto; | |
| 22 | + margin-right:auto; | |
| 22 | 23 | } |
| 23 | 24 | |
| 24 | 25 | /* style for forecast data details */ |
| 25 | 26 | div.wp-forecast-curr-block { |
| 26 | - padding: 0px; | |
| 27 | - float:left; | |
| 27 | + padding: 0px; | |
| 28 | + float:left; | |
| 28 | 29 | } |
| 29 | 30 | |
| 30 | 31 | /* style for forecast data details left side */ |
| 31 | 32 | div.wp-forecast-curr-left { |
| 32 | - padding: 3px; | |
| 33 | - float: left; | |
| 33 | + padding: 3px; | |
| 34 | + float: left; | |
| 34 | 35 | } |
| 35 | 36 | |
| 36 | 37 | /* style for forecast data details right side */ |
| 37 | 38 | div.wp-forecast-curr-right { |
| 38 | - font-size: 14px; | |
| 39 | - font-weight: bolder; | |
| 40 | - font-variant: small-caps; | |
| 41 | - text-align:left; | |
| 42 | - padding: 3px; | |
| 43 | - float: left; | |
| 39 | + font-size: 14px; | |
| 40 | + font-weight: bolder; | |
| 41 | + font-variant: small-caps; | |
| 42 | + text-align:left; | |
| 43 | + padding: 3px; | |
| 44 | + float: left; | |
| 44 | 45 | } |
| 45 | 46 | |
| 47 | +/* style for forecast data details right side */ | |
| 48 | +div.wp-forecast-wind-right { | |
| 49 | + font-size: 12px; | |
| 50 | + font-weight: bolder; | |
| 51 | + font-variant: normal; | |
| 52 | + text-align:left; | |
| 53 | + padding: 3px; | |
| 54 | + float: left; | |
| 55 | + padding-top: 12px; | |
| 56 | +} | |
| 46 | 57 | |
| 47 | 58 | /* style for current weather data details */ |
| 48 | 59 | div.wp-forecast-curr-details { |
| 49 | - font-size: 11px; | |
| 50 | - padding: 3px; | |
| 51 | - text-align:left; | |
| 52 | - float:left; | |
| 60 | + font-size: 11px; | |
| 61 | + padding: 6px; | |
| 62 | + text-align:left; | |
| 63 | + float:left; | |
| 64 | + width:100%; | |
| 53 | 65 | } |
| 54 | 66 | |
| 55 | 67 | /* style for current weather icon */ |
| 56 | 68 | img.wp-forecast-curr-left { |
| 57 | - width: 48px; | |
| 58 | - padding: 0px; | |
| 69 | + width: 48px; | |
| 70 | + height: 30px; | |
| 71 | + padding: 0px; | |
| 59 | 72 | } |
| 60 | 73 | |
| 61 | 74 | |
| 62 | 75 | /* style for forecast data */ |
| 63 | 76 | div.wp-forecast-fc { |
| 64 | - font-size: 11px; | |
| 65 | - padding: 2px; | |
| 66 | - text-align:left; | |
| 67 | - margin-left:auto; | |
| 68 | - margin-right:auto; | |
| 69 | - float:left; | |
| 77 | + font-size: 11px; | |
| 78 | + padding: 2px; | |
| 79 | + text-align:left; | |
| 80 | + margin-left:auto; | |
| 81 | + margin-right:auto; | |
| 82 | + float:left; | |
| 70 | 83 | } |
| 71 | 84 | |
| 72 | 85 | /* style for forecast data */ |
| 73 | 86 | div.wp-forecast-fc-head { |
| 74 | - font-size: 11px; | |
| 75 | - padding: 3px; | |
| 76 | - text-align:left; | |
| 77 | - margin-left:auto; | |
| 78 | - margin-right:auto; | |
| 87 | + font-size: 11px; | |
| 88 | + padding: 3px; | |
| 89 | + text-align:left; | |
| 90 | + margin-left:auto; | |
| 91 | + margin-right:auto; | |
| 92 | + float:left; | |
| 79 | 93 | } |
| 80 | 94 | |
| 95 | +/* style for forecast label */ | |
| 96 | +div.wp-forecast-fc-label { | |
| 97 | + display: inline-block; | |
| 98 | + padding: 3px; | |
| 99 | +} | |
| 100 | + | |
| 81 | 101 | /* style for forecast data details */ |
| 82 | 102 | div.wp-forecast-fc-oneday { |
| 83 | - padding: 0px; | |
| 103 | + padding: 0px; | |
| 84 | 104 | } |
| 85 | 105 | |
| 86 | 106 | /* style for forecast data details */ |
| 87 | 107 | div.wp-forecast-fc-block { |
| 88 | - padding: 3px; | |
| 89 | - float:left; | |
| 108 | + padding: 3px; | |
| 109 | + float:left; | |
| 90 | 110 | } |
| 91 | 111 | /* style for forecast data details left side */ |
| 92 | 112 | div.wp-forecast-fc-left { |
| 93 | - font-size: 11px; | |
| 94 | - padding: 3px; | |
| 95 | - text-align:center; | |
| 96 | - float: left; | |
| 113 | + font-size: 11px; | |
| 114 | + padding: 3px; | |
| 115 | + text-align:center; | |
| 116 | + float: left; | |
| 97 | 117 | } |
| 98 | 118 | |
| 99 | 119 | /* style for forecast data details right side */ |
| 100 | 120 | div.wp-forecast-fc-right { |
| 101 | - font-size: 11px; | |
| 102 | - padding: 3px; | |
| 103 | - text-align:left; | |
| 104 | - width: 90px; | |
| 105 | - float: right; | |
| 121 | + font-size: 11px; | |
| 122 | + padding: 3px; | |
| 123 | + text-align:left; | |
| 124 | + width: 160px; | |
| 125 | + float: right; | |
| 106 | 126 | } |
| 107 | 127 | |
| 108 | 128 | /* style for forecast weather icon */ |
| 109 | 129 | img.wp-forecast-fc-left { |
| 110 | - width: 48px; | |
| 111 | - padding: 0px; | |
| 130 | + width: 48px; | |
| 131 | + height: 30px; | |
| 132 | + padding: 0px; | |
| 112 | 133 | } |
| 113 | 134 | |
| 114 | 135 | |
| 115 | 136 | /* style for navigation when using ajax pulldown */ |
| 116 | 137 | div.wpff_nav { |
| 117 | - font-size: 11px; | |
| 118 | - border: 0px solid; | |
| 119 | - padding: 1px; | |
| 120 | - text-align:center; | |
| 121 | - margin-left:auto; | |
| 122 | - margin-right:auto; | |
| 123 | - float: left; | |
| 124 | - height: 11px; | |
| 138 | + font-size: 11px; | |
| 139 | + border: 0px solid; | |
| 140 | + padding: 1px; | |
| 141 | + text-align:center; | |
| 142 | + margin-left:auto; | |
| 143 | + margin-right:auto; | |
| 144 | + float: left; | |
| 145 | + height: 11px; | |
| 125 | 146 | } |
| 126 | 147 | |
| 127 | 148 | div.wpff_nav:hover { |
| 128 | - color:#147; | |
| 129 | - text-decoration:underline; | |
| 130 | - cursor:pointer; | |
| 149 | + color:#147; | |
| 150 | + text-decoration:underline; | |
| 151 | + cursor:pointer; | |
| 131 | 152 | } |
| 132 | 153 | |
| 133 | 154 | /* style for selection widget */ |
| 134 | 155 | div.wpf-selector { |
| 135 | - padding: 5px; | |
| 136 | - font-size: 11px; | |
| 156 | + padding: 5px; | |
| 157 | + font-size: 11px; | |
| 137 | 158 | } |
| 138 | 159 | |
| 139 | 160 | iframe.wpf-iframe { |
| 140 | - border: 0px; | |
| 161 | + border: 0px; | |
| 141 | 162 | } |
| 142 | 163 | |
| 164 | +td.td-center { | |
| 165 | + text-align: center; | |
| 166 | +} | |
| 143 | 167 | |
| 168 | +/* for CSS Sprites accuweather icons */ | |
| 169 | +div.wpfico01 {background-image: url("icons/wsprites.png");background-position: -10px -10px; width:64px;height:40px;} | |
| 170 | +div.wpfico02 {background-image: url("icons/wsprites.png");background-position: -10px -70px;width:64px;height:40px;} | |
| 171 | +div.wpfico03 {background-image: url("icons/wsprites.png");background-position: -10px -130px;width:64px;height:40px;} | |
| 172 | +div.wpfico04 {background-image: url("icons/wsprites.png");background-position: -10px -190px;width:64px;height:40px;} | |
| 173 | +div.wpfico05 {background-image: url("icons/wsprites.png");background-position: -10px -250px;width:64px;height:40px;} | |
| 174 | +div.wpfico06 {background-image: url("icons/wsprites.png");background-position: -10px -310px;width:64px;height:40px;} | |
| 175 | +div.wpfico07 {background-image: url("icons/wsprites.png");background-position: -10px -370px;width:64px;height:40px;} | |
| 176 | +div.wpfico08 {background-image: url("icons/wsprites.png");background-position: -10px -430px;width:64px;height:40px;} | |
| 177 | +div.wpfico11 {background-image: url("icons/wsprites.png");background-position: -10px -490px;width:64px;height:40px;} | |
| 178 | +div.wpfico11_de {background-image: url("icons/wsprites.png");background-position: -10px -550px;width:64px;height:40px;} | |
| 179 | +div.wpfico12 {background-image: url("icons/wsprites.png");background-position: -10px -610px;width:64px;height:40px;} | |
| 180 | +div.wpfico13 {background-image: url("icons/wsprites.png");background-position: -10px -670px;width:64px;height:40px;} | |
| 181 | +div.wpfico14 {background-image: url("icons/wsprites.png");background-position: -10px -730px;width:64px;height:40px;} | |
| 182 | +div.wpfico15 {background-image: url("icons/wsprites.png");background-position: -10px -790px;width:64px;height:40px;} | |
| 183 | +div.wpfico16 {background-image: url("icons/wsprites.png");background-position: -10px -850px;width:64px;height:40px;} | |
| 184 | +div.wpfico17 {background-image: url("icons/wsprites.png");background-position: -10px -910px;width:64px;height:40px;} | |
| 185 | +div.wpfico18 {background-image: url("icons/wsprites.png");background-position: -10px -970px;width:64px;height:40px;} | |
| 186 | +div.wpfico19 {background-image: url("icons/wsprites.png");background-position: -10px -1030px;width:64px;height:40px;} | |
| 187 | +div.wpfico20 {background-image: url("icons/wsprites.png");background-position: -10px -1090px;width:64px;height:40px;} | |
| 188 | +div.wpfico21 {background-image: url("icons/wsprites.png");background-position: -10px -1150px;width:64px;height:40px;} | |
| 189 | +div.wpfico22 {background-image: url("icons/wsprites.png");background-position: -10px -1210px;width:64px;height:40px;} | |
| 190 | +div.wpfico23 {background-image: url("icons/wsprites.png");background-position: -10px -1270px;width:64px;height:40px;} | |
| 191 | +div.wpfico24 {background-image: url("icons/wsprites.png");background-position: -10px -1330px;width:64px;height:40px;} | |
| 192 | +div.wpfico25 {background-image: url("icons/wsprites.png");background-position: -10px -1390px;width:64px;height:40px;} | |
| 193 | +div.wpfico26 {background-image: url("icons/wsprites.png");background-position: -10px -1450px;width:64px;height:40px;} | |
| 194 | +div.wpfico29 {background-image: url("icons/wsprites.png");background-position: -10px -1510px;width:64px;height:40px;} | |
| 195 | +div.wpfico30 {background-image: url("icons/wsprites.png");background-position: -10px -1570px;width:64px;height:40px;} | |
| 196 | +div.wpfico31 {background-image: url("icons/wsprites.png");background-position: -10px -1630px;width:64px;height:40px;} | |
| 197 | +div.wpfico32 {background-image: url("icons/wsprites.png");background-position: -10px -1690px;width:64px;height:40px;} | |
| 198 | +div.wpfico33 {background-image: url("icons/wsprites.png");background-position: -10px -1750px;width:64px;height:40px;} | |
| 199 | +div.wpfico34 {background-image: url("icons/wsprites.png");background-position: -10px -1810px;width:64px;height:40px;} | |
| 200 | +div.wpfico35 {background-image: url("icons/wsprites.png");background-position: -10px -1870px;width:64px;height:40px;} | |
| 201 | +div.wpfico36 {background-image: url("icons/wsprites.png");background-position: -10px -1930px;width:64px;height:40px;} | |
| 202 | +div.wpfico37 {background-image: url("icons/wsprites.png");background-position: -10px -1990px;width:64px;height:40px;} | |
| 203 | +div.wpfico38 {background-image: url("icons/wsprites.png");background-position: -10px -2050px;width:64px;height:40px;} | |
| 204 | +div.wpfico39 {background-image: url("icons/wsprites.png");background-position: -10px -2110px;width:64px;height:40px;} | |
| 205 | +div.wpfico40 {background-image: url("icons/wsprites.png");background-position: -10px -2170px;width:64px;height:40px;} | |
| 206 | +div.wpfico41 {background-image: url("icons/wsprites.png");background-position: -10px -2230px;width:64px;height:40px;} | |
| 207 | +div.wpfico42 {background-image: url("icons/wsprites.png");background-position: -10px -2290px;width:64px;height:40px;} | |
| 208 | +div.wpfico43 {background-image: url("icons/wsprites.png");background-position: -10px -2350px;width:64px;height:40px;} | |
| 209 | +div.wpficoswa {background-image: url("icons/wsprites.png");background-position: -10px -2410px;width:64px;height:40px;} | |
| 210 | + | |
| 211 | +/* for weather icon font */ | |
| 212 | +.wpf-wi-icon {font-size: 45px; padding-top: 15px;} | |
