topical media & game development

talk show tell print

mobile-query-three-www-playground-css-main.css / css



  body {
          background-color: #BBB;
          margin                : 0;
          padding                : 0;
          overflow        : hidden;
  }
  
  #osdContainer {
          margin-left        : 20px;
          margin-right        : 20px;
  
          user-select                : none;
          -webkit-user-select        : none;
          -moz-user-select        : none;
  }
  
  
*****************************************************************************

  
  /*		#title								*/
  
*****************************************************************************

  
  
  #title {
          text-align        : center;
  
          font-size        : 300%;
          font-family        : Georgia,serif;
  
          color                : #4E443C;
  
          font-variant        : small-caps;
          font-weight        : 100;
          margin-top        : 10px;
          margin-bottom        : 30px;
  }
  #title .tee {
          font-variant        : normal;
  }
  
  
*****************************************************************************

  
  /*		#toolbar							*/
  
*****************************************************************************

  
  
  #toolbar {
          font-size        : 140%;
          
          position        : absolute;
          left                : 0;
          top                : 40px;
          width                : 100%;
  }
  
  #toolbar .left {
          float        : left;
  }
  
  #toolbar .right {
          float        : right;
  }
  
  #syncStatus .state {
          font-size        : 90%;
          font-weight        : 500;
          font-family        : Georgia,serif;
          font-variant        : small-caps;
          color                : #4E443C;
          color                : #444;
  }
  #syncStatus .state.uptodate {
          color                : #666;
  }
  #syncStatus .state.outofdate {
  }
  
  .button {
          cursor                : pointer;
          padding-right        : 10px;
          padding-left        : 10px;
          padding-top        : 2px;
          padding-bottom        : 2px;
          
          margin-left        : 5px;
          margin-right        : 5px;
  
          background-color: #999;        
          border-radius        : 8px;
  
          background-color: #AAA;
          color                : #444;
  
          -moz-box-shadow        : 0 0 3px 3px #888;
          -webkit-box-shadow: 0 0 3px 3px#888;
          box-shadow        : 0 0 3px 3px #888;
  }
  
  .button:hover {
          background-color: #888;        
          color                : #222;
  }
  
  .shorturl input {
          margin-top        : 5px;
          font-size        : 14px;                
  }


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