topical media & game development

talk show tell print

graphic-o3d-samples-io-ui-io.css / css



  /*
   * Copyright 2009, Google Inc.
   * All rights reserved.
   *
   * Redistribution and use in source and binary forms, with or without
   * modification, are permitted provided that the following conditions are
   * met:
   *
   *     * Redistributions of source code must retain the above copyright
   * notice, this list of conditions and the following disclaimer.
   *     * Redistributions in binary form must reproduce the above
   * copyright notice, this list of conditions and the following disclaimer
   * in the documentation and/or other materials provided with the
   * distribution.
   *     * Neither the name of Google Inc. nor the names of its
   * contributors may be used to endorse or promote products derived from
   * this software without specific prior written permission.
   *
   * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
   * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
   * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
   * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
   * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
   * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
   * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
   * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
   * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
   * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   */
  
  BODY { 
    overflow: hidden;
    background-image: url(../ui/bgtile.jpg);
    padding: 0px;
    margin: 0px;
    color: white;
  }
  #content {
    visibility: hidden;  /* for now */
    position: absolute;
    color: black;
    text-align: center;
    padding-top: 50px;
    font-size: 25px;
    width: 951px;
    height: 500px;
  }
  #container {
    position: absolute;
    text-align: center;
    width: 882px;
    height: 549px;
    margin-left: 37px;
  }
  #footer {
    position: absolute;
    bottom: 0px;
    height: 70px;
    width: 100%;
    text-align: center;
  }
  #whole-page {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 100%;
    border: 1px solid red;
  }
  #table-main {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #table-middle {
    padding: 0px;
    margin: 0px;
    border: 0px;
  }
  #book-left {
    background-image: url(../ui/scrollwork.gif); 
    background-repeat: repeat-x;
    background-position: right 40px;
    text-align: right;
    vertical-align: top;
  }
  #book-center {
    width: 988px;
    height: 662px;
  }
  #book-right {
    background-image: url(../ui/scrollwork.gif);
    background-repeat: repeat-x;
    background-position: left 40px;
  }
  #book-capleft {
    position: absolute;
  }
  #book-captop {
    position: relative;
  }
  #cover-div {
    position: absolute;
    z-index: 100;
    padding-top: 15px;
    margin: 0px;
  }
  #cover-seam {
    position: absolute;
    z-index: 1000;
    border-left: 1px solid #222222;
    height: 575px;
  }
  #cover {
    width: 975px;
    height: 600px;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    border: 0px;
  }
  #page1 {
    position: absolute;
    z-index: 90;
    cursor: pointer;
    border: 0px;
  }
  #page2 {
    position: absolute;
    z-index: 80;
    cursor: pointer;
  }
  #page3 {
    position: absolute;
    z-index: 70;
    cursor: pointer;
  }
  #cover-shadow {
    position: absolute;
    z-index: 99;
  }
  #innercover-div {
    padding-top: 15px;
    width: 20px;
    height: 600px;
    overflow: hidden;
    text-align: right;
    float: right;
  }
  
  #innercover {
    width: 0px;
    height: 600px;
    float: right;
  }
  
  .levellink {
    cursor: pointer;
    text-decoration: underline;
  }
  
  #fps {
    font-family: sans-serif;
    text-align: left;
    padding-top: 15px;
    width: 250px;
    float: left;
    padding-left: 25px;
    color: #B87333;
  }
  #output {
    font-family: sans-serif;
    text-align: right;
    padding-top: 15px;
    width: 250px;
    float: right;
    padding-right: 25px;
    color: #222222;
  }
  


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