topical media & game development

talk show tell print

lib-jquery-style-custom-development-bundle-external-qunit-testsuite.css / css



  body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
  body {font-size: 10pt; }
  h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
  h1 a { color: white; }
  h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
  
  .pass { color: green; } 
  .fail { color: red; } 
  p.result { margin-left: 1em; }
  
  #banner { height: 2em; border-bottom: 1px solid white; }
  h2.pass { background-color: green; }
  h2.fail { background-color: red; }
  
  div.testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; }
  
  ol#tests > li > strong { cursor:pointer; }
  
  div#fx-tests h4 {
          background: red;
  }
  
  div#fx-tests h4.pass {
          background: green;
  }
  
  div#fx-tests div.box {
          background: red url(data/cow.jpg) no-repeat;
          overflow: hidden;
          border: 2px solid #000;
  }
  
  div#fx-tests div.overflow {
          overflow: visible;
  }
  
  div.inline {
          display: inline;
  }
  
  div.autoheight {
          height: auto;
  }
  
  div.autowidth {
          width: auto;
  }
  
  div.autoopacity {
          opacity: auto;
  }
  
  div.largewidth {
          width: 100px;
  }
  
  div.largeheight {
          height: 100px;
  }
  
  div.largeopacity {
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  
  div.medwidth {
          width: 50px;
  }
  
  div.medheight {
          height: 50px;
  }
  
  div.medopacity {
          opacity: 0.5;
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  }
  
  div.nowidth {
          width: 0px;
  }
  
  div.noheight {
          height: 0px;
  }
  
  div.noopacity {
          opacity: 0;
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  
  div.hidden {
          display: none;
  }
  
  div#fx-tests div.widewidth {
          background-repeat: repeat-x;
  }
  
  div#fx-tests div.wideheight {
          background-repeat: repeat-y;
  }
  
  div#fx-tests div.widewidth.wideheight {
          background-repeat: repeat;
  }
  
  div#fx-tests div.noback {
          background-image: none;
  }
  
  div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
  div.chain div { position: absolute; top: 0px; left: 0px; }
  
  div.chain.test { background: red; }
  div.chain.test div { background: green; }
  
  div.chain.out { background: green; }
  div.chain.out div { background: red; display: none; }
  
  div#show-tests * { display: none; }
  


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