third_party/WebKit/Source/devtools/front_end/ui/propertiesSection.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 .properties-tree {
   8     margin: 0;
   9     padding: 0 6px 2px;
  10     list-style: none;
  11     min-height: 18px;
  12 }
  13
  14 .properties-tree ol {
  15     display: none;
  16     margin: 0;
  17     -webkit-padding-start: 12px;
  18     list-style: none;
  19 }
  20
  21 .properties-tree ol.expanded {
  22     display: block;
  23 }
  24
  25 .properties-tree li {
  26     margin-left: 12px;
  27     white-space: nowrap;
  28     text-overflow: ellipsis;
  29     overflow: hidden;
  30     -webkit-user-select: text;
  31     cursor: default;
  32     padding-top: 2px;
  33     line-height: 12px;
  34 }
  35
  36 .properties-tree li.parent {
  37     margin-left: 1px;
  38 }
  39
  40 .properties-tree li.parent::before {
  41     -webkit-user-select: none;
  42     background-image: url(Images/toolbarButtonGlyphs.png);
  43     background-size: 352px 168px;
  44     opacity: 0.5;
  45     content: "a";
  46     width: 8px;
  47     float: left;
  48     margin-right: 4px;
  49     color: transparent;
  50     text-shadow: none;
  51 }
  52
  53 @media (-webkit-min-device-pixel-ratio: 1.5) {
  54 .properties-tree li.parent::before {
  55     background-image: url(Images/toolbarButtonGlyphs_2x.png);
  56 }
  57 } /* media */
  58
  59 .properties-tree li.parent::before {
  60     background-position: -4px -96px;
  61 }
  62
  63 .properties-tree li.parent.expanded::before {
  64     background-position: -20px -96px;
  65 }
  66
  67 .properties-tree li .info {
  68     padding-top: 4px;
  69     padding-bottom: 3px;
  70 }
  71
  72 .properties-tree li.editing {
  73     margin-left: 10px;
  74     text-overflow: clip;
  75 }
  76
  77 .properties-tree li.editing-sub-part {
  78     padding: 3px 6px 8px 18px;
  79     margin: -1px -6px -8px -6px;
  80     text-overflow: clip;
  81 }
  82
  83 .properties-tree .name {
  84     color: rgb(136, 19, 145);
  85     flex-shrink: 0;
  86 }
  87
  88 .properties-tree .separator {
  89     flex-shrink: 0;
  90 }
  91
  92 .properties-tree .dimmed {
  93     opacity: 0.6;
  94 }
  95
  96 .properties-tree .value.error {
  97     color: red;
  98 }
  99
 100 .properties-tree .number {
 101     color: blue;
 102 }
 103
 104 .properties-tree .keyword {
 105     color: rgb(136, 19, 79);
 106 }
 107
 108 .properties-tree .color {
 109     color: rgb(118, 15, 21);
 110 }