topical media & game development

talk show tell print

professional-ajax-08-WeatherWidget-css-weatherwidget.css / css



  body 
  {
          background-color: white
  }
  
  #weatherContainer
  {
          position: relative;
          background: url( '../img/background.gif' );
          width: 220px;
          height: 149px;
  }
  
  #weatherIcon
  {
          position: absolute;
          top: -25px;
          left: -25px;
  }
  
  #weatherIcon img
  {
          width: 128px;
          height: 128px;
          behavior: url( "css/pngbehavior.htc" );
  }
  
  #weatherTemp
  {
          position: absolute;
          color: white;
          font: bold 48px Tahoma;
          right: 12px;
          top: 5px;
  }
  
  #weatherLocation
  {
          font: 12px Tahoma;
          color: white;
          position: absolute;
          right: 12px;
          top: 60px;
  }
  
  #weatherWind
  {
          position: absolute;
          font: bold 12px Tahoma;
          color: white;
          left: 85px;
          top: 85px;
  }
  
  #weatherWind div
  {
          font-weight: normal;
  }
  
  #weatherTime
  {
          position: absolute;
          font: bold 12px Tahoma;
          color: white;
          left: 85px;
          bottom: 5px;
  }
  
  #weatherTime span
  {
          font-weight: normal;
  }
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.