OLD | NEW |
1 body, img, div { | 1 body, img, div { |
2 font-family: Verdana; | 2 font-family: Verdana; |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 } | 5 } |
6 | 6 |
7 table { | 7 table { |
8 width:100%; | 8 width:100%; |
9 border-collapse: collapse; | 9 border-collapse: collapse; |
10 border-spacing: 0; | 10 border-spacing: 0; |
(...skipping 17 matching lines...) Expand all Loading... |
28 } | 28 } |
29 | 29 |
30 .left-image { | 30 .left-image { |
31 float: right; | 31 float: right; |
32 } | 32 } |
33 | 33 |
34 .right-image { | 34 .right-image { |
35 text-align: right; | 35 text-align: right; |
36 } | 36 } |
37 | 37 |
| 38 .success-flash { |
| 39 -webkit-animation-duration: 0.5s; |
| 40 -webkit-animation-name: greenflash; |
| 41 } |
| 42 |
| 43 .failure-flash { |
| 44 -webkit-animation-duration: 0.8s; |
| 45 -webkit-animation-name: redflash; |
| 46 } |
| 47 |
| 48 @-webkit-keyframes greenflash { |
| 49 from { |
| 50 background-color: #8F8; |
| 51 } |
| 52 |
| 53 to { |
| 54 background-color: #FFF |
| 55 } |
| 56 } |
| 57 |
| 58 @-webkit-keyframes redflash { |
| 59 from { |
| 60 background-color: #F88; |
| 61 } |
| 62 |
| 63 to { |
| 64 background-color: #FFF |
| 65 } |
| 66 } |
| 67 |
38 .result { | 68 .result { |
39 padding: 8px; | 69 padding: 8px; |
40 cursor: default; | 70 cursor: default; |
41 opacity: 0.7; | 71 opacity: 0.7; |
42 } | 72 } |
43 | 73 |
44 .result:hover { | 74 .result:hover { |
45 border: 2px dotted #DDD; | 75 border: 2px dotted #DDD; |
46 padding: 6px; | 76 padding: 6px; |
47 opacity: 1.0; | 77 opacity: 1.0; |
(...skipping 23 matching lines...) Expand all Loading... |
71 background-color: #dc322f; | 101 background-color: #dc322f; |
72 } | 102 } |
73 | 103 |
74 .result-6 { | 104 .result-6 { |
75 background-color: #2aa198; | 105 background-color: #2aa198; |
76 } | 106 } |
77 | 107 |
78 .result-7 { | 108 .result-7 { |
79 background-color: #859900; | 109 background-color: #859900; |
80 } | 110 } |
OLD | NEW |