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

   1 /*
   2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
   3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  *
   9  * 1.  Redistributions of source code must retain the above copyright
  10  *     notice, this list of conditions and the following disclaimer.
  11  * 2.  Redistributions in binary form must reproduce the above copyright
  12  *     notice, this list of conditions and the following disclaimer in the
  13  *     documentation and/or other materials provided with the distribution.
  14  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15  *     its contributors may be used to endorse or promote products derived
  16  *     from this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28  */
  29
  30 .sidebar-pane {
  31     position: relative;
  32     flex: auto;
  33 }
  34
  35 .sidebar-pane > .body {
  36     position: relative;
  37     display: none;
  38     overflow-y: auto;
  39     overflow-x: hidden;
  40 }
  41
  42 .sidebar-pane > .body .info {
  43     text-align: center;
  44     font-style: italic;
  45     font-size: 90%;
  46     padding: 6px;
  47     color: #888;
  48 }
  49
  50 .sidebar-pane > .body .placard + .info {
  51     border-top: 1px solid rgb(189, 189, 189);
  52     background-color: rgb(255, 255, 194);
  53 }
  54
  55 .sidebar-pane.visible > .body {
  56     display: block;
  57 }
  58
  59 .sidebar-pane .section .properties {
  60     padding-left: 16px;
  61 }
  62
  63 .sidebar-tabbed-pane .tabbed-pane-header {
  64     border-bottom: 1px solid rgb(202, 202, 202);
  65     background-color: rgb(236, 236, 236);
  66 }
  67
  68 .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
  69     border-bottom: 1px solid rgb(189, 189, 189);
  70 }
  71
  72 .sidebar-pane-title {
  73     position: relative;
  74     background: rgb(240, 240, 240);
  75     height: 20px;
  76     padding: 0 5px;
  77     border-top: 1px solid rgb(189, 189, 189);
  78     border-bottom: 1px solid rgb(189, 189, 189);
  79     line-height: 18px;
  80     background-origin: padding;
  81     background-clip: padding;
  82     margin-top: -1px;
  83 }
  84
  85 .sidebar-pane-title:active {
  86     background-color: rgb(204, 204, 204);
  87     border-top: 1px solid rgb(178, 178, 178);
  88     border-bottom: 1px solid rgb(178, 178, 178);
  89 }
  90
  91 .sidebar-pane-title::before {
  92     background-image: url(Images/statusbarButtonGlyphs.png);
  93     background-size: 320px 144px;
  94     opacity: 0.5;
  95     float: left;
  96     width: 11px;
  97     height: 11px;
  98     margin-right: 2px;
  99     content: "a";
 100     color: transparent;
 101     position: relative;
 102     top: 3px;
 103 }
 104
 105 @media (-webkit-min-device-pixel-ratio: 1.5) {
 106 .sidebar-pane-title::before {
 107     background-image: url(Images/statusbarButtonGlyphs2x.png);
 108 }
 109 } /* media */
 110
 111 .sidebar-pane-title::before {
 112     background-position: -4px -96px;
 113 }
 114
 115 .sidebar-pane-title.expanded::before {
 116     background-position: -20px -96px;
 117 }
 118
 119 .sidebar-pane-toolbar {
 120     line-height: 18px;
 121     left: 0;
 122     right: 4px;
 123     top: 0;
 124     height: 20px;
 125     position: absolute;
 126     pointer-events: none;
 127 }
 128
 129 .sidebar-pane-toolbar > * {
 130     pointer-events: auto;
 131 }
 132
 133 .sidebar-pane-toolbar > .pane-title-button,
 134 .sidebar-pane-toolbar > label {
 135     float: right;
 136     height: 17px;
 137     background-color: transparent;
 138     border: none;
 139     background-repeat: no-repeat;
 140     margin: 1px 0 0 0;
 141     padding: 0;
 142     border-radius: 0;
 143     -webkit-appearance: none;
 144 }
 145
 146 .sidebar-pane-toolbar > .pane-title-button {
 147     width: 23px;
 148     color: transparent;
 149 }
 150
 151 .sidebar-pane-toolbar > .pane-title-button:hover {
 152     background-position: -23px 0;
 153 }
 154
 155 .sidebar-pane-toolbar > .pane-title-button:active,
 156 .sidebar-pane-toolbar > .pane-title-button.toggled {
 157     background-position: -46px 0;
 158 }
 159
 160 .sidebar-pane-toolbar > .pane-title-button.add {
 161     background-image: url(Images/paneAddButtons.png);
 162 }
 163
 164 .sidebar-pane-toolbar > .pane-title-button.element-state {
 165     background-image: url(Images/paneElementStateButtons.png);
 166 }
 167
 168 .sidebar-pane-toolbar > .pane-title-button.refresh {
 169     background-image: url(Images/paneRefreshButtons.png);
 170 }
 171
 172 .sidebar-pane-toolbar > label > input {
 173     vertical-align: bottom;
 174 }
 175
 176 .sidebar-pane-toolbar > label.scripts-callstack-async {
 177     margin-right: 5px;
 178 }
 179
 180 .sidebar-pane-subtitle {
 181     position: absolute;
 182     right: 0;
 183 }
 184
 185 body.platform-windows .sidebar-pane-subtitle {
 186     padding-top: 1px;
 187 }
 188
 189 .sidebar-pane-subtitle input,
 190 .section > .header input[type=checkbox] {
 191     height: 1em;
 192     width: 1em;
 193     margin-left: 0;
 194     margin-top: 0;
 195     margin-bottom: 0.25em;
 196     vertical-align: bottom;
 197 }