I visited Weather Underground today to find a great, new, redesigned site. I always thought the old one looked cheesy and the new one is a huge improvement in my opinion. Like Lifehacker’s redesign, I was bothered with the extra white space so I used Stylish and Property Inspector in Chrome to widen it up and put the forecast module next to current conditions on the weather page.
.switch336 { /* Only way to make it work is to hide the ad */ display: none; } #wuPage984 { width: 1380px; } #innerContent { text-align: center; } #layerForecast { float: none ; display: inline-block ; margin: 20px ; } #layerCurrent { display: inline-block ; margin: 20px; } #layerRegional { margin: 0 auto ; } .primeContent636 { float: none; margin: 0 auto; } #hpSearch { margin: 12px auto; } #layerCommunity { float: left; width: 670px; } #layerTravel { float: right; width: 670px; } #layerStations { clear: both; } #community_details { margin: 0 auto; width: 638px; } |
There are still a few oddities when visiting other pages of the site, but this is designed for people who go straight to the weather page and don’t want to bother with scrolling down to find the 5 day. If anyone has some styles to prevent me from having to hide the large ad box, I’m open to suggestions.