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 |