| /*Used for applying style to a <span> so it looks like a highlight*/ |
| .fauxHighlight { |
| background-color: rgb(0, 255, 0); |
| color: rgb(0, 255, 0) !important; |
| } |
| |
| .fauxHighlightSquare { |
| background-color: rgb(0, 255, 0); |
| color: rgb(0, 255, 0) !important; |
| } |
| |
| .opaqueHighlight { |
| -webkit-tap-highlight-color: rgb(0, 255, 0); |
| } |
| |
| .target { |
| cursor: pointer; /* enables link highlighting */ |
| -webkit-tap-highlight-color: rgb(0, 255, 0); |
| border: 2px solid grey; |
| box-sizing: border-box; |
| } |
| |
| .transparentHighlight { |
| -webkit-tap-highlight-color: rgba(0, 255, 0, 0.5); |
| } |
| |
| a, a:active, a:visited { |
| text-decoration: none; |
| color: blue; |
| } |
| |
| /*Used for a floating DIV simulating a highlight*/ |
| .highlightDiv { |
| background-color: rgb(0, 255, 0); |
| z-index: 1; |
| position: absolute; |
| } |
| |
| .squaredHighlight { |
| -webkit-border-radius: 0px; |
| } |
| |
| .composited { |
| will-change: transform; |
| transform: translateZ(0); |
| } |