OLD | NEW |
(Empty) | |
| 1 body, img, div { |
| 2 font-family: Verdana; |
| 3 margin: 0; |
| 4 padding: 0; |
| 5 } |
| 6 |
| 7 table { |
| 8 width:100%; |
| 9 border-collapse: collapse; |
| 10 border-spacing: 0; |
| 11 padding: 8px; |
| 12 } |
| 13 |
| 14 td { |
| 15 border-top: 1px solid #DDD; |
| 16 padding: 8px; |
| 17 } |
| 18 thead > tr > td { |
| 19 border: none; |
| 20 } |
| 21 |
| 22 .gm-image { |
| 23 width:300px; |
| 24 } |
| 25 |
| 26 .baseline-image { |
| 27 float: right; |
| 28 } |
| 29 |
| 30 .test-image { |
| 31 text-align: right; |
| 32 } |
| 33 |
| 34 .result { |
| 35 padding: 8px; |
| 36 cursor: default; |
| 37 opacity: 0.7; |
| 38 } |
| 39 |
| 40 .result:hover { |
| 41 border: 2px dotted #DDD; |
| 42 padding: 6px; |
| 43 opacity: 1.0; |
| 44 } |
| 45 |
| 46 .result-0 { |
| 47 background-color: #268bd2; |
| 48 } |
| 49 |
| 50 .result-1 { |
| 51 background-color: #d33682; |
| 52 } |
| 53 |
| 54 .result-2 { |
| 55 background-color: #b58900; |
| 56 } |
| 57 |
| 58 .result-3 { |
| 59 background-color: #cb4b16; |
| 60 } |
| 61 |
| 62 .result-4 { |
| 63 background-color: #6c71c4; |
| 64 } |
| 65 |
| 66 .result-5 { |
| 67 background-color: #dc322f; |
| 68 } |
| 69 |
| 70 .result-6 { |
| 71 background-color: #2aa198; |
| 72 } |
| 73 |
| 74 .result-7 { |
| 75 background-color: #859900; |
| 76 } |
OLD | NEW |