| 1 | *, body { |
| 2 | font-family: Menlo, Monospace, 'Courier New'; |
| 3 | } |
| 4 | table, td, th { |
| 5 | border-collapse: collapse; |
| 6 | border: 1px solid #dfdfdf; |
| 7 | } |
| 8 | th { |
| 9 | background-color: lightgray; |
| 10 | color: black; |
| 11 | padding: 5px; |
| 12 | } |
| 13 | td { |
| 14 | padding: 5px; |
| 15 | position: relative; |
| 16 | } |
| 17 | table td:nth-child(3) { |
| 18 | width: 650px!important; |
| 19 | overflow: hidden; |
| 20 | display: block; |
| 21 | border: 0px; |
| 22 | border-bottom: 1px solid lightgray; |
| 23 | } |
| 24 | .diff { |
| 25 | border-radius: 2.5px; |
| 26 | color: #ffffff; |
| 27 | padding: 0 5px 0 5px; |
| 28 | position: absolute; |
| 29 | font-size: 14px; |
| 30 | bottom: 0px; |
| 31 | right: 0px; |
| 32 | } |
| 33 | .minus { |
| 34 | background-color: rgb(195, 74, 104); |
| 35 | } |
| 36 | .plus { |
| 37 | background-color: #8BC34A; |
| 38 | } |
| 39 | .equal { |
| 40 | background-color: rgb(113, 68, 172); |
| 41 | } |
| 42 | |
| 43 | table { |
| 44 | counter-reset: rowNumber -1; |
| 45 | } |
| 46 | table tr { |
| 47 | counter-increment: rowNumber; |
| 48 | } |
| 49 | table tr td:first-child::after { |
| 50 | position: absolute; |
| 51 | top: -1px; |
| 52 | right: 0px; |
| 53 | content: counter(rowNumber); |
| 54 | font-size: 10px; |
| 55 | } |
| 56 | |