topical media & game development

talk show tell print

mobile-query-three-bench-runner-runner.css / css



  body {
          font        : "Helvetica Neue", Helvetica, Arial, sans-serif;
          padding        : 40px 50px;
  }
  
  
*****************************************************************************

  
  /*										*/
  
*****************************************************************************

  
  
  #runner h1 {
          font-size        : 1em;
          font-weight        : 200;
  }
  
  
*****************************************************************************

  
  /*										*/
  
*****************************************************************************

  
  
  #runner .stats {
          position        : fixed;
          top                : 30px;
          right                : 30px;
          font-size        : 12px;
          color                : #888;
  }
  
  #runner .stats li {
          list-style-type        : none;
  }
  
  #runner .stats .runall {
          font-size                : 16px;
          text-align                : center;
          border                        : 1px solid #888;
          -webkit-border-radius        : 5px;        
  }
  
  #runner .stats .runall:hover {
          background-color        : #666;
          border-color                : #aaa;
          color                        : #ccc;
          cursor                        : pointer;
  }
  
*****************************************************************************

  
  /*										*/
  
*****************************************************************************

  
  
  .suite .head {
          font-size        : 1.3em;
  }
  
  .suite .head small {
          font-size        : 0.7em;
          color                : grey;
  }
  
  .suite .head.running::before {
          content                : "\267B";
          float                : left;
          margin-left        : -1.2em;
          margin-top        : 0.4em;
          font-size        : 0.6em;
          color                : indianred;
  }
  
  .suite .head .run {
          visibility        : hidden;
          padding-left        : 4px;
          padding-right        : 4px;
  
          color                : #AAA;
  
          font-size        : 16px;
          text-align        : center;
  }
  
  .suites .head:hover .run {
          visibility        : visible;
  }
  
  
*****************************************************************************

  
  /*										*/
  
*****************************************************************************

  
  
  .suite .bench {
          font-size        : 1em;
          padding-left        : 1em;
  }
  
  .suite .bench.init::before {
          content                : "?";
          float                : left;
          margin-left        : -0.8em;
          margin-top        : 0.3em;
          font-size        : 0.7em;
          color                : silver;
  }
  
  .suite .bench.running::before {
          content                : "\267B";
          float                : left;
          margin-left        : -1.2em;
          margin-top        : 0.4em;
          font-size        : 0.6em;
          color                : indianred;
  }
  
  .suite .bench.done::before {
          content                : "\2713";
          float                : left;
          margin-left        : -0.8em;
          color                : limeGreen;
  }
  
  .suite .bench .viewsource {
          display        : none;
          color        : grey;
  }
  
  .suite .bench:hover .viewsource {
          display : inline;
  }
  
  .suite .bench:hover {
          cursor        : pointer;
  }
  
  .suite .bench .source {
          display                        : inline-block;
          font                        : 12px/1.5 monaco, monospace;
          margin                        : 5px;
          padding                        : 15px;
          border                        : 1px solid #eee;
          border-bottom-color        : #ddd;
          -webkit-border-radius        : 3px;
          -webkit-box-shadow: 0 1px 3px #eee;
  }
  


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