topical media & game development

talk show tell print

sample-jquery-desktop.css / css



  

ui


  DIV.ui-selecting {
    background-color: silver !important;
    border-color: #7E18AC !important;
  }
  
  DIV.ui-selected {
    background-color: #F796FF !important;
    border-color: #7E18AC !important;
    border-width: 2px !important;
  }
  

model


  
  .model {
    background-color: white;
    border: 1px solid #7aa5d6;
  }
  
  .model P {
    padding: 0;
    margin: 0;
  }
  
  

welcome


  
  #welcome {
    z-index: 10;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
    font: sans-serif;
  }
  
  #welcome H1 {
    margin: 0;
    padding: 0;
    color: blue;
  }
  
  

endless desktop: panning & scrolling


  #scroll-trigger {
    background: transparent url(lib-present-jquery-desktop-complete-case-img-scroll-small.png) no-repeat top left;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
  
  

overlay


  
  #scroll-overlay {
    background: transparent url(lib-present-jquery-desktop-complete-case-img-scroll-big.png) no-repeat center center;
    position: absolute;
    z-index: -1;
    cursor: move;
  }
  

overlay / button


  
  #scroll-overlay BUTTON {
    position: absolute;
    bottom: 5px;
    margin: 0 auto;
    font-size: 120%;
    left: 0;
    right: 0;
    width: 100px;
  }
  

container


  
  #container {
    position: absolute; 
    background-color: #e5ecf9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #7aa5d6;
    overflow: hidden;
  }
  
  

universe


  
  #universe {
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  /* border: 1px dotted #000; */ /* uncomment this to debug endless desktop */
  }
  
  

shuffle


  
  #shuffleCards {
    font-size: 120%;
  }
  


(C) Æliens 04/09/2009

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.