| OLD | NEW |
| 1 /*Used for applying style to a <span> so it looks like a highlight*/ | 1 /*Used for applying style to a <span> so it looks like a highlight*/ |
| 2 .fauxHighlight { | 2 .fauxHighlight { |
| 3 -webkit-border-radius: 3px; | 3 -webkit-border-radius: 3px; |
| 4 background-color: rgb(0, 255, 0); | 4 background-color: rgb(0, 255, 0); |
| 5 color: rgb(0, 255, 0); | 5 color: rgb(0, 255, 0); |
| 6 } | 6 } |
| 7 | 7 |
| 8 .fauxHighlightSquare { | 8 .fauxHighlightSquare { |
| 9 background-color: rgb(0, 255, 0); | 9 background-color: rgb(0, 255, 0); |
| 10 color: rgb(0, 255, 0); | 10 color: rgb(0, 255, 0); |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 } | 31 } |
| 32 | 32 |
| 33 /*Used for a floating DIV simulating a highlight*/ | 33 /*Used for a floating DIV simulating a highlight*/ |
| 34 .highlightDiv { | 34 .highlightDiv { |
| 35 -webkit-border-radius: 3px; | 35 -webkit-border-radius: 3px; |
| 36 background-color: rgb(0, 255, 0); | 36 background-color: rgb(0, 255, 0); |
| 37 z-index: 1; | 37 z-index: 1; |
| 38 position: absolute; | 38 position: absolute; |
| 39 } | 39 } |
| 40 | 40 |
| 41 .squaredHighlight { |
| 42 -webkit-border-radius: 0px; |
| 43 } |
| 44 |
| 41 .composited { | 45 .composited { |
| 42 -webkit-transform: translateZ(0); | 46 -webkit-transform: translateZ(0); |
| 43 } | 47 } |
| OLD | NEW |