src/third_party/WebKit/LayoutTests/compositing/gestures/resources/link-highlight-style.css

   1 /*Used for applying style to a <span> so it looks like a highlight*/
   2 .fauxHighlight {
   3   background-color: rgb(0, 255, 0);
   4   color: rgb(0, 255, 0);
   5 }
   6
   7 .fauxHighlightSquare {
   8   background-color: rgb(0, 255, 0);
   9   color: rgb(0, 255, 0);
  10 }
  11
  12 .opaqueHighlight {
  13   -webkit-tap-highlight-color: rgb(0, 255, 0);
  14 }
  15
  16 .target {
  17   cursor: pointer;  /* enables link highlighting */
  18   -webkit-tap-highlight-color: rgb(0, 255, 0);
  19   border: 2px solid grey;
  20   box-sizing: border-box;
  21 }
  22 /* touch adjustment candidate */
  23 .target:active {
  24   border-color: red;
  25 }
  26
  27 .transparentHighlight {
  28   -webkit-tap-highlight-color: rgba(0, 255, 0, 0.5);
  29 }
  30
  31 .activeLink {
  32   color: rgb(0, 255, 0);
  33 }
  34
  35 a {
  36   text-decoration: none;
  37 }
  38
  39 a:active {
  40   color: rgb(0, 255, 0);
  41 }
  42
  43 a.needsFix:active {
  44   color: rgb(255, 255, 255);
  45 }
  46
  47 /*Used for a floating DIV simulating a highlight*/
  48 .highlightDiv {
  49   background-color: rgb(0, 255, 0);
  50   z-index: 1;
  51   position: absolute;
  52 }
  53
  54 .squaredHighlight {
  55   -webkit-border-radius: 0px;
  56 }
  57
  58 .composited {
  59   -webkit-transform: translateZ(0);
  60 }