topical media & game development

talk show tell print

graphic-canvas-example-canvascape-style.css / css



  H2 {
          padding: 5px;
          font-size: 14pt;
          font-style: italic;
          margin-top: 0;
  }
  #content {
          font-family: arial;
          font-size: 10pt;
          background-color: #000;
          color: #CCC;
  }
  #holder {
          position: relative;
          width: 400px;
          height:300px;
          top: 10px;
          left: 120px;
          border: 2px solid #333;
  }
  #sky {
          position: absolute;
          left: 0;
          top: 0;
          height: 150px;
          width: 400px;
          background-color: #CCD;
          background-image: url(graphic-canvas-example-canvascape-images-sky.jpg);
  
  }
  #floor {
          position: absolute;
          left: 0;
          top: 150px;
          height: 150px;
          width: 400px;
          background-color: #565;
          background-image: url(graphic-canvas-example-canvascape-images-floor.png);
  
  }
  #canvas {
          position: absolute;
          top: 0;
          left: 0;
  }
  #overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 400px;
          height: 300px;
          background-image: url(graphic-canvas-example-canvascape-images-overlay.gif);
  }
  #map, #underMap {
          top: 70px;
          left: 20px;
          position: absolute;
  }
  #code {
          position: absolute;
          top: 160px;
          margin-left: 5px;
  }
  #content A {
          color: #66AACC;
  }
  #content A:hover {
          color: lime;
  }
  


(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.