CSS Style Editor for the Weather Display/PHP/AJAX Website Template Set

This PHP script by Mike Challis of Long Beach Weather allows you to edit the colors for a Weather Display/PHP/AJAX Website Template Set. It generates two new CSS files called weather-screen-custom-narrow.css and weather-screen-custom-wide.css. You can install one of the new css files as your main css, or you can install my Color Theme Switcher Plugin PHP Scrip for the - Weather Display/PHP/AJAX Website Template Set and allow your users to have many styles to select from. The Color Theme Switcher Plugin is now included in the Weather Display/PHP/AJAX Website Template Set as of March 08, 2008.

Acceptable input is letters, numbers and # sign in the proper CSS color format only.
You can use hex code like this: #CC6600 (with or without # sign)
You can use any of the 16 simple color names like this: white (no # sign)
Note: There 16 simple color names that you can use are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
If you want to use other colors, you must specify their HEX value. Open Color Picker

Working Style:
Changing working style starts over, any style you were editing will be reset!
Check to reset / reload defaults for Blue style.

Basic Settings: (simple changes like header, table and link colors)
Advanced Settings: (advanced changes including simple changes and body background colors)

Check to make a zip file to download with the style and a readme.txt

   Open Color Picker

Setting type legend: [a]advanced, [b]basic
[b] #header background-color:background
[b] .headerTitle a color:link text
[b] .headerTemp color:text
[b] .subHeader color:text
[b] .subHeader background-color:background
[b] .subHeaderRight color:text
[b] .subHeaderRight background-color:background
[b] .subHeader a color:link text
[b] .subHeader a background-color:background
[b] .leftSideBar .sideBarTitle color:text
[b] .leftSideBar .sideBarTitle background-color:background
[b] .leftSideBar a color:link text
[b] .leftSideBar a:visited color:link text
[b] .leftSideBar a:hover color:link text
[b] .leftSideBar a:hover background-color:link background
[b] #main-copy h1 color:text
[b] #main-copy a color:link text
[b] .table-top color:text
[b] .table-top background-color:background
[b] .column-dark color:text
[b] .column-dark background-color:background
[b] .ajaxSidebar h2 color:text
[b] .ajaxSidebar h2 background-color:background
[b] .ajaxDashboard .datahead color:text
[b] .ajaxDashboard .datahead background-color:background
[b] .ajaxDashboard .data1 color:text
[b] .ajaxDashboard .data1 background-color:background
[b] #footer color:text
[b] #footer background-color:background
[b] #footer a color:link text
[b] #footer a:visited color:link text

You can paste settings here from your last session to edit it again. This makes it easy to come back and make a slight adjustment. If you downloaded from here before, the settings are in the readme.txt of the zip file you downloaded.

Updated: @ 20-Aug-2017 6:40am - next update at 6:00pm  
Summary / Temperature Wind Rain Outlook
Cool, Mostly sunny, Dry Cool, Mostly sunny, Dry
Currently 54.5°F, Max: 55.3°F, Min: 53.8°F 54.5°F
Warmer 0.4°F than last hour.


Feels like: 54°F

24-hr difference
-1.2°FColder 1.2°F than yesterday at this time.
  Today Yesterday
High: 55.3°F
Low: 53.8°F
 Wind from NNW NNW
5.0 mph
1 Bft - Light Breeze
Today: 9.2 1:06am
Gust Month: 24.2 Aug 19
Rain Today: 0.01 in
Rain Rate (/hr): 0.000 in
Rain Yesterday: 0.00 in
Storm Rain: 0.00 in
This Month: 0.58 in
Season Total: 49.60 in
10 rain days in Aug.
Humidity & Barometer Almanac Moon
Humidity: 97 % Increased 1% since last hour.
Dew Point: 53.7°F Increased 0.7°F since last hour.
Barometer: 30.161 inHg  
Baro Trend: Steady
Sunrise: 6:21am
Sunset: 8:17pm
Moonrise: 5:00am
Moonset: 6:58pm
Waning Crescent
Waning Crescent, Moon at 28 days in cycle
UV Index Solar Radiation
   0.0    None
High: 0.0 @ 12:00am
16 W/m2 (70 %)
High: 16 @  6:38am
 NWS Weather Forecast  -  's and 's Outlook

NWS forecast:
Davis VP+ forecast: Increasing clouds with little temp. change. precipitation possible within 24 to 48 hrs.

NWS forecast:

Records and Stats

Today 0.00 in. (0.00 in. last hour) Today 1 days since last rain on 12/20/2007 at 6:42 AM
Yest. 0.00 in. Week 1.142 in. over last 7 days.
Month 1.54 in. (9 days with rain this month) Month 0.36 in. last month.
Year 3.22 in. (64 days with rain this year) Year 20.86 in. total last year at this time.
Today 54.7F at 2:39 PM Max > 86 °F 0 day(s)
Yest. 52.9 F at 2:29 PM Max > 77 °F 0 day(s)
Month 65.1 °F on 12/5/2007 Warmest day 59.9°F on: Dec 03 2007
Year 100.4 °F on 6/14/2007 Warmest night 57.4°F on: Dec 04 2007
Today 31.6F at 6:27 AM Min < 32 °F 1 day(s)
Yest. 32.9 F at 6:15 AM Min < 5 °F 0 day(s)
Month 31.6 °F on 12/22/2007 Coldest day 45.0°F on: Dec 21 2007
Year 25.2 °F on 1/13/2007 Coldest night 36.4°F on: Dec 22 2007
Today 30.489 in. at 9:48 AM Today 31.6 F at 6:27 AM
Yest. 30.386 in. at 10:33 PM Yest. 32.9 F at 6:15 AM
Month 30.489 in. on 12/22/2007 Month 31.6 °F on 12/22/2007
Year 30.567 in. on 1/7/2007 Year 25.2 °F on 1/13/2007
Today 530 W/m2 at 11:17 AM Today 2.3 index at 11:16 AM
Yest. 500.0 W/m2 at 2:14 PM Yest. 2.2 index at 12:14 PM
Today 0.05 in. Today 0.00 in.
Yest. 0.056 in. Yest. 0.00 in.
Month 1.02 in. Month 1.54 in.


If you find this site or the free PHP scripts useful to you, please consider making a small donation to help offset my time and the routine expenses of operation of this website. Thanks for your kind support! - Mike Challis