| OLD | NEW | 
 | (Empty) | 
|    1 /* Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file */ |  | 
|    2 /* for details. All rights reserved. Use of this source code is governed by a */ |  | 
|    3 /* BSD-style license that can be found in the LICENSE file. */ |  | 
|    4  |  | 
|    5 body { |  | 
|    6         font-style: normal; |  | 
|    7         font-family: sans-serif; |  | 
|    8         font-size:0.9em; |  | 
|    9     margin-top: 0; |  | 
|   10     margin-bottom: 0; |  | 
|   11         margin-left: auto; |  | 
|   12         margin-right: auto; |  | 
|   13         text-align: center; |  | 
|   14         display:block; |  | 
|   15 } |  | 
|   16  |  | 
|   17 .centered { |  | 
|   18         text-align: center; |  | 
|   19 } |  | 
|   20  |  | 
|   21 .full { |  | 
|   22         width: 100%; |  | 
|   23 } |  | 
|   24  |  | 
|   25 div.control { |  | 
|   26         text-align: left; |  | 
|   27         margin-top: 10px; |  | 
|   28         margin-bottom: 10px; |  | 
|   29 } |  | 
|   30  |  | 
|   31  |  | 
|   32 select,input[type='range'] { |  | 
|   33   width:100%; |  | 
|   34 } |  | 
|   35  |  | 
|   36 div.rangeOption { |  | 
|   37         display:table; |  | 
|   38         width:100%; |  | 
|   39 } |  | 
|   40  |  | 
|   41 div.rangeRow { |  | 
|   42         display:table-row; |  | 
|   43         width:100%; |  | 
|   44 } |  | 
|   45  |  | 
|   46 .rangeOption label { |  | 
|   47         display:table-cell; |  | 
|   48         text-align: center; |  | 
|   49 } |  | 
|   50  |  | 
|   51 .rangeOption input[type='range'] { |  | 
|   52   display:block; |  | 
|   53   width: 100%; |  | 
|   54 } |  | 
|   55  |  | 
|   56 .rangeRow .minLabel { |  | 
|   57   text-align: left; |  | 
|   58 } |  | 
|   59  |  | 
|   60 .rangeRow .maxLabel { |  | 
|   61   text-align: right; |  | 
|   62 } |  | 
|   63  |  | 
|   64 .buttonBar { |  | 
|   65   text-align: center; |  | 
|   66   width:100%; |  | 
|   67   margin-top:10px; |  | 
|   68   margin-bottom:10px; |  | 
|   69 } |  | 
|   70  |  | 
|   71 .counter { |  | 
|   72   display: block; |  | 
|   73   color: Gray; |  | 
|   74   font-size: 72px; |  | 
|   75   font-style: normal; |  | 
|   76   font-family: sans-serif; |  | 
|   77   font-weight: bold; |  | 
|   78   text-align: center; |  | 
|   79 } |  | 
|   80  |  | 
|   81 #wrapper { |  | 
|   82   display: table; |  | 
|   83 } |  | 
|   84  |  | 
|   85 #leftnav { |  | 
|   86   float: left; |  | 
|   87   width: 200px; |  | 
|   88   margin: 10px; |  | 
|   89   background-color: #EEEEEE; |  | 
|   90   border: 1px solid #CCCCCC; |  | 
|   91   border-radius: 25px 25px 25px 25px; |  | 
|   92   padding: 1em; |  | 
|   93 } |  | 
|   94  |  | 
|   95 #palette { |  | 
|   96   cursor: pointer; |  | 
|   97 } |  | 
|   98  |  | 
|   99 #lucky { |  | 
|  100   width:100%; |  | 
|  101 } |  | 
|  102  |  | 
|  103 #main { |  | 
|  104   float:right; |  | 
|  105 } |  | 
| OLD | NEW |