topical media & game development

talk show tell print

#javascript-code-gallery-gallery.css / css



  #overlay {
                  background: #000;
                  opacity: 0.5;
                  display: none;
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%;
                  z-index: 100;
                  cursor: pointer;
                  cursor: hand;
  }
  
  #gallery {
                  position: absolute;
                  top: 13%;
                  left: 13%;
                  width: 650px;
                  height: 510px;
                  background: #FFF;
                  z-index: 110;
                  display: none;
  }
  
  #gallery_prev, #gallery_next {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 120;
      width: 60px;
      text-align: center;
      font-size: 12px;
      padding: 4px;
  }
  
  #gallery_prev {
      left: 0px;
  }
  
  #gallery_prev a, #gallery_next a {
      color: #000;
      text-decoration: none;
  }
  
  #gallery_title {
      position: absolute;
      bottom: 5px;
      left: 5px;
      width: 100%;
      font-size: 16px;
      text-align: center;
  }
  
  #gallery img {
                  position: absolute;
                  top: 5px;
                  left: 5px;
                  width: 640px;
                  height: 480px;
                  border: 0px;
                  z-index: 115;
  }
  
  #gallery.tall {
                  width: 430px;
                  height: 590px;
  }
  
  #gallery.tall img {
                  width: 420px;
                  height: 560px;
  }


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