third_party/WebKit/Source/devtools/front_end/ui/section.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 .section {
   8     position: relative;
   9     margin-top: 1px;
  10 }
  11
  12 .section > .header {
  13     padding: 0 8px 0 5px;
  14     min-height: 18px;
  15     white-space: nowrap;
  16     background-origin: padding-box;
  17     background-clip: padding-box;
  18 }
  19
  20 .section > .header::before {
  21     -webkit-user-select: none;
  22     background-image: url(Images/toolbarButtonGlyphs.png);
  23     background-size: 352px 168px;
  24     opacity: 0.5;
  25     content: "a";
  26     color: transparent;
  27     text-shadow: none;
  28     float: left;
  29     width: 8px;
  30     margin-right: 4px;
  31     margin-top: 2px;
  32 }
  33
  34 @media (-webkit-min-device-pixel-ratio: 1.5) {
  35 .section > .header::before {
  36     background-image: url(Images/toolbarButtonGlyphs_2x.png);
  37 }
  38 } /* media */
  39
  40 .section > .header::before {
  41     background-position: -4px -96px;
  42 }
  43
  44 .section.expanded > .header::before {
  45     background-position: -20px -96px;
  46 }
  47
  48 .section > .header .title {
  49     font-weight: normal;
  50     word-wrap: break-word;
  51     white-space: normal;
  52     line-height: 18px;
  53 }
  54
  55 .section > .header label {
  56     display: none;
  57 }
  58
  59 .section.expanded .header label {
  60     display: inline;
  61 }
  62
  63 .section > .header .subtitle {
  64     float: right;
  65     margin-left: 5px;
  66     max-width: 55%;
  67     text-overflow: ellipsis;
  68     overflow: hidden;
  69 }
  70
  71 .section > .header .subtitle a {
  72     color: inherit;
  73 }
  74
  75 .section > .properties {
  76     display: none;
  77 }
  78
  79 .section.expanded > .properties {
  80     display: block;
  81 }