Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
4.6.0 - Weather Channel Icon
#6
The weather channel is different (and I think correct) in that the new moon, quarter moons, and full each occupy a day; Between are waxing & waning crescent and waxing/waning gibbous; This matches Naval Observatory convention; The divide into 8ths doesn't:

Code:
/* ==== MOON PHASES ========================= */

.wx-icon.wx-moonphase { float: left; height: 18px; width: 18px; margin-right: 5px; background-image: url('http://s.imwx.com/img/common/wx-lunar-phases.png'); background-repeat: no-repeat; }
.wx-icon.wx-moonphase.wx-moon-0,
.wx-icon.wx-moonphase.wx-moon-29 { background-position: 0 0; }              /* new moon */
.wx-icon.wx-moonphase.wx-moon-1,
.wx-icon.wx-moonphase.wx-moon-2,
.wx-icon.wx-moonphase.wx-moon-3,
.wx-icon.wx-moonphase.wx-moon-4,
.wx-icon.wx-moonphase.wx-moon-5,
.wx-icon.wx-moonphase.wx-moon-6 { background-position: 0 -129px; }          /* waxing crescent */    
.wx-icon.wx-moonphase.wx-moon-7 { background-position: 0 -110px; }          /* first quarter */  
.wx-icon.wx-moonphase.wx-moon-8,
.wx-icon.wx-moonphase.wx-moon-9,
.wx-icon.wx-moonphase.wx-moon-10,
.wx-icon.wx-moonphase.wx-moon-11,
.wx-icon.wx-moonphase.wx-moon-12,
.wx-icon.wx-moonphase.wx-moon-13 { background-position: 0 -92px; }          /* waxing gibbous */
.wx-icon.wx-moonphase.wx-moon-14,                                  
.wx-icon.wx-moonphase.wx-moon-15 { background-position: 0 -73px; }          /* full moon */
.wx-icon.wx-moonphase.wx-moon-16,
.wx-icon.wx-moonphase.wx-moon-17,
.wx-icon.wx-moonphase.wx-moon-18,
.wx-icon.wx-moonphase.wx-moon-19,
.wx-icon.wx-moonphase.wx-moon-20,
.wx-icon.wx-moonphase.wx-moon-21 { background-position: 0 -55px; }          /* waning gibbous */  
.wx-icon.wx-moonphase.wx-moon-22 { background-position: 0 -37px; }          /* last quarter */  
.wx-icon.wx-moonphase.wx-moon-23,
.wx-icon.wx-moonphase.wx-moon-24,
.wx-icon.wx-moonphase.wx-moon-25,
.wx-icon.wx-moonphase.wx-moon-26,
.wx-icon.wx-moonphase.wx-moon-27,
.wx-icon.wx-moonphase.wx-moon-28 { background-position: 0 -18px; }          /* waning crescent */
Mark Stega
Reply


Messages In This Thread
4.6.0 - Weather Channel Icon - by Mark Stega - 11-08-2014, 08:07 AM
4.6.0 - Weather Channel Icon - by Mark Stega - 11-09-2014, 06:25 AM
4.6.0 - Weather Channel Icon - by Mark Stega - 11-09-2014, 06:50 AM
4.6.0 - Weather Channel Icon - by Dean Roddey - 11-09-2014, 09:27 AM
4.6.0 - Weather Channel Icon - by Mark Stega - 11-09-2014, 12:08 PM
4.6.0 - Weather Channel Icon - by Dean Roddey - 11-09-2014, 12:19 PM
4.6.0 - Weather Channel Icon - by Mark Stega - 11-09-2014, 01:20 PM
4.6.0 - Weather Channel Icon - by Mark Stega - 11-10-2014, 01:15 PM
4.6.0 - Weather Channel Icon - by DaveB - 11-11-2014, 06:31 AM
4.6.0 - Weather Channel Icon - by Dean Roddey - 11-08-2014, 09:56 AM

Possibly Related Threads…
Thread Author Replies Views Last Post
  What is everyone using for weather info? ghurty 11 2,452 04-23-2020, 08:00 AM
Last Post: Dean Roddey
  tray icon keeps disappearing MikeA 64 21,306 12-14-2019, 08:17 AM
Last Post: Dean Roddey
  Open Weather Map - CurIcon zra 2 1,822 11-08-2019, 12:45 PM
Last Post: zra
  Weather tom 69 18,945 06-12-2019, 12:08 PM
Last Post: Dean Roddey
  weather template help zane 20 12,322 01-13-2017, 05:48 PM
Last Post: Dean Roddey
  Weather images vanished pjgregory 1 2,521 12-31-2016, 08:18 AM
Last Post: khill
  Weather Radar potts.mike 22 9,739 05-30-2016, 07:17 AM
Last Post: kblagron
  Weather Underground Issue? sic0048 5 3,617 04-02-2016, 09:14 AM
Last Post: Dean Roddey
  Weather questions royalj7 2 2,259 10-09-2015, 02:09 PM
Last Post: potts.mike
  Radar weather web widget crashed infviewer Ron Haley 12 6,277 06-03-2015, 04:52 PM
Last Post: NightLight

Forum Jump:


Users browsing this thread: 1 Guest(s)