third_party/WebKit/Source/devtools/front_end/ui/checkboxTextLabel.css

   1 /*
   2  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 :host {
   8     padding: 0;
   9     margin: 0;
  10     display: inline-flex;
  11     flex-shrink: 0;
  12     align-items: center !important;
  13 }
  14
  15 input {
  16     height: 12px;
  17     width: 12px;
  18     flex-shrink: 0;
  19 }
  20
  21 input.dt-checkbox-themed {
  22     -webkit-appearance: none;
  23     margin: 0 5px auto 2px;
  24     border: 1px solid rgb(45, 45, 45);
  25     border-radius: 3px;
  26     background-color: rgb(102, 102, 102);
  27     position: relative;
  28     top: 1px;
  29 }
  30
  31 input.dt-checkbox-themed:after {
  32     content: '';
  33     line-height: 10px;
  34     position: absolute;
  35     cursor: pointer;
  36     width: 12px;
  37     height: 12px;
  38     background: none;
  39 }
  40
  41 input.dt-checkbox-themed:checked:after {
  42     background-color: #333;
  43 }
  44
  45 input.dt-checkbox-themed:after {
  46     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
  47     -webkit-mask-size: 352px 168px;
  48     -webkit-mask-position: -128px -110px;
  49 }
  50
  51 @media (-webkit-min-device-pixel-ratio: 1.5) {
  52 input.dt-checkbox-themed:after {
  53     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
  54 }
  55
  56 } /* media */