third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css

   1 /*
   2  * Copyright (c) 2015 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 .computed-properties {
   8     -webkit-user-select: text;
   9 }
  10
  11 .computed-style-property {
  12     display: flex;
  13     flex-wrap: wrap;
  14 }
  15
  16 .computed-style-property .property-name {
  17     width: 16em;
  18     text-overflow: ellipsis;
  19     overflow: hidden;
  20 }
  21
  22 .computed-style-property .property-value {
  23     min-width: 5em;
  24 }
  25
  26 .computed-style-property-inherited {
  27     opacity: 0.5;
  28 }
  29
  30 .trace-link {
  31     float: right;
  32     padding-left: 1em;
  33     position: relative;
  34     z-index: 1;
  35 }
  36
  37 .trace-link a::before {
  38     content: attr(data-uncopyable);
  39     text-decoration: underline;
  40 }
  41
  42 .property-trace {
  43     text-overflow: ellipsis;
  44     overflow: hidden;
  45     flex-grow: 1;
  46 }
  47
  48 .property-trace-selector {
  49     color: gray;
  50     padding-left: 2em;
  51 }
  52
  53 .property-trace-value {
  54     position: relative;
  55     display: inline-block;
  56 }
  57
  58 .property-trace-inactive .property-trace-value::before {
  59     position: absolute;
  60     content: ".";
  61     border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  62     top: 0;
  63     bottom: 5px;
  64     left: 0;
  65     right: 0;
  66 }
  67
  68 .tree-outline li.odd-row {
  69     position: relative;
  70     background-color: #F5F5F5;
  71 }
  72
  73 .tree-outline, .tree-outline ol {
  74     padding-left: 0;
  75 }
  76
  77 .tree-outline li:hover {
  78     background-color: rgb(235, 242, 252);
  79     cursor: pointer;
  80 }
  81
  82 /* FIXME: Patch TreeElement styles to use flex for title layout. */
  83
  84 .tree-outline li {
  85     display: flex;
  86     align-items: baseline;
  87 }
  88
  89 .tree-outline li::before {
  90     float: none;
  91     flex: none;
  92     -webkit-mask-position: -3px -97px;
  93     background-color: rgb(110, 110, 110);
  94     margin-left: 4px;
  95 }
  96
  97 .tree-outline li.parent.expanded::before {
  98     -webkit-mask-position: -19px -97px;
  99 }