src/chrome/tools/test/reference_build/chrome_linux/resources/inspector/spectrum.css

   1 /* https://github.com/bgrins/spectrum */
   2 .spectrum-container {
   3     position: absolute;
   4     top: 0;
   5     left: 0;
   6     display: inline-block;
   7     background: rgba(230, 230, 230, 1) !important;
   8     border: 1px solid #646464;
   9     padding: 10px;
  10     width: 220px;
  11     z-index: 10;
  12     -webkit-user-select: none;
  13 }
  14
  15 .spectrum-top {
  16     position: relative;
  17     width: 100%;
  18     display: inline-block;
  19 }
  20
  21 .spectrum-color {
  22     position: absolute;
  23     top: 0;
  24     left: 0;
  25     bottom: 0;
  26     right: 40px;
  27 }
  28
  29 .spectrum-display-value {
  30     -webkit-user-select: text;
  31     position: relative;
  32     left: 2px;
  33     top: -6px;
  34 }
  35
  36 .spectrum-hue {
  37     position: absolute;
  38     top: 0;
  39     right: 0;
  40     bottom: 0;
  41     left: 170px;
  42     -webkit-box-reflect: right -28px;
  43 }
  44
  45 .spectrum-fill {
  46     /* Same as spectrum-color width to force aspect ratio. */
  47     margin-top: 150px;
  48 }
  49
  50 .spectrum-range-container {
  51     position: relative;
  52     padding-bottom: 5px;
  53 }
  54
  55 .spectrum-range-container * {
  56     font-size: 11px;
  57     vertical-align: middle;
  58 }
  59
  60 .spectrum-range-container label {
  61     display: inline-block;
  62     padding-right: 4px;
  63 }
  64
  65 .spectrum-range-container input {
  66     position: absolute;
  67     left: 15px;
  68     right: 40px;
  69     margin: 3px 0 0 0;
  70 }
  71
  72 .spectrum-dragger,
  73 .spectrum-slider {
  74     -webkit-user-select: none;
  75 }
  76
  77 .spectrum-sat {
  78     background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
  79 }
  80
  81 .spectrum-val {
  82     background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
  83 }
  84
  85 .spectrum-hue {
  86     background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  87 }
  88
  89 .spectrum-dragger {
  90     border-radius: 5px;
  91     height: 5px;
  92     width: 5px;
  93     border: 1px solid white;
  94     cursor: pointer;
  95     position: absolute;
  96     top: 0;
  97     left: 0;
  98     background: black;
  99 }
 100
 101 .spectrum-slider {
 102     position: absolute;
 103     top: 0;
 104     cursor: pointer;
 105     border: 1px solid black;
 106     height: 4px;
 107     left: -1px;
 108     right: -1px;
 109 }
 110
 111 .spectrum-container .swatch {
 112     width: 20px;
 113     height:20px;
 114     margin: 0;
 115 }