src/third_party/WebKit/Source/devtools/front_end/overrides.css

   1 /*
   2  * Copyright (C) 2013 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  *     * Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *     * Redistributions in binary form must reproduce the above
  11  * copyright notice, this list of conditions and the following disclaimer
  12  * in the documentation and/or other materials provided with the
  13  * distribution.
  14  *     * Neither the name of Google Inc. nor the names of its
  15  * contributors may be used to endorse or promote products derived from
  16  * this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29  */
  30
  31
  32 .overrides-view .tabbed-pane {
  33     flex-direction: row !important;
  34 }
  35
  36 .overrides-view .tabbed-pane-header {
  37     border: none transparent !important;
  38     width: auto;
  39     flex: 0 0 auto;
  40 }
  41
  42 .overrides-view .tabbed-pane-content {
  43     padding-top: 10px;
  44     padding-left: 10px;
  45     padding-right: 10px;
  46     overflow-x: hidden;
  47 }
  48
  49 .overrides-view .tabbed-pane-header-contents {
  50     margin: 0;
  51 }
  52
  53 .overrides-view .tabbed-pane-header-tabs {
  54     display: flex;
  55     flex-direction: column;
  56     padding-top: 5px;
  57     width: 100px;
  58 }
  59
  60 .overrides-view .tabbed-pane-header-tab {
  61     background-color: transparent;
  62     border: none transparent;
  63     font-weight: normal;
  64     text-shadow: none;
  65     color: #777;
  66     height: 22px;
  67     padding-left: 0;
  68     padding-left: 10px;
  69     border-left: 8px solid transparent;
  70 }
  71
  72 .overrides-view .tabbed-pane-header-tab:not(.selected) {
  73     cursor: pointer !important;
  74 }
  75
  76 .overrides-view .tabbed-pane-header-tab.selected {
  77     color: inherit;
  78     border: none transparent;
  79     border-left: 8px solid #666;
  80 }
  81
  82 .overrides-view fieldset {
  83     border: none;
  84     padding: 0 0 5px 15px;
  85 }
  86
  87 .overrides-view fieldset p {
  88     display: inline-block;
  89     padding: 0;
  90     margin: 0;
  91     border: 0;
  92 }
  93
  94 .overrides-view fieldset p label {
  95     display: inline-block;
  96 }
  97
  98 .overrides-view .field-error-message {
  99     display: none;
 100 }
 101
 102 .overrides-view input[type='text']:focus::-webkit-input-placeholder {
 103     color: transparent !important;
 104 }
 105
 106 /* Network tab */
 107
 108 .overrides-network fieldset {
 109     padding-top: 5px;
 110 }
 111
 112 .overrides-network fieldset p {
 113     width: 100%;
 114     margin-left: 2px;
 115 }
 116
 117 .overrides-network fieldset select {
 118     margin: 5px 0;
 119 }
 120
 121 .overrides-network fieldset p label {
 122     cursor: default;
 123     margin-right: 5px;
 124 }
 125
 126 .overrides-network fieldset input[type='text'] {
 127     display: block;
 128     width: 100%;
 129     max-width: 400px;
 130     min-width: 176px;
 131     margin: 5px 0;
 132 }
 133
 134 /* Device tab */
 135
 136 .overrides-device {
 137     width: 100%;
 138 }
 139
 140 .overrides-device input.numeric {
 141     text-align: right;
 142 }
 143
 144 .overrides-device input[type=range] {
 145     width: 100%;
 146 }
 147
 148 .overrides-device > label {
 149     display: block;
 150     margin-bottom: 7px;
 151     white-space: nowrap;
 152 }
 153
 154 .overrides-device button {
 155     margin: 0 3px;
 156 }
 157
 158 .overrides-device label {
 159     margin-bottom: 10px;
 160 }
 161
 162 .overrides-device table {
 163     margin-bottom: 5px;
 164 }
 165
 166 .overrides-device > label {
 167     margin-bottom: 4px;
 168 }
 169
 170 .overrides-device .help-footnote {
 171     border-top: 1px solid #EEEEEE;
 172     margin: 0;
 173     padding: 12px;
 174 }
 175
 176 .overrides-view label {
 177     display: flex;
 178     height: auto;
 179 }
 180
 181 .overrides-view fieldset[disabled] * {
 182     cursor: default !important;
 183 }
 184
 185 .overrides-device .overrides-device-model-section {
 186     margin-bottom: 15px;
 187     white-space: nowrap;
 188 }
 189
 190 .overrides-device .overrides-device-model-section > span {
 191     padding: 0 10px 0 3px;
 192 }
 193
 194 .overrides-device .overrides-device-model-section select {
 195     width: 244px;
 196     height: 20px;
 197 }
 198
 199 .custom-device-title-dialog {
 200     padding: 10px;
 201 }
 202
 203 /* Media tab */
 204
 205 .overrides-media > label {
 206     margin-bottom: 4px;
 207 }
 208
 209 /* Sensors tab */
 210
 211 .overrides-sensors > label {
 212     margin-bottom: 10px;
 213 }
 214
 215 .overrides-device, .overrides-media, .overrides-network, .overrides-sensors {
 216     flex: none !important;
 217 }
 218
 219 .overrides-sensors input {
 220     text-align: right;
 221 }
 222
 223 .tabbed-pane-header-tab.overrides-activate {
 224     opacity: 0.8;
 225 }
 226
 227 .tabbed-pane-header-tab.overrides-activate .tabbed-pane-header-tab-title::after {
 228     padding-left: 3px;
 229     content: "\2713";
 230     color: rgb(25, 100, 228);
 231 }
 232
 233 .tabbed-pane-header-tab.overrides-activate.selected {
 234     opacity: 1;
 235 }
 236
 237 .overrides-view input[type=text]:enabled:focus,
 238 .overrides-view select:enabled:focus {
 239     -webkit-transition: border-color 200ms;
 240     border-color: rgb(77, 144, 254);
 241     outline: none;
 242 }
 243
 244 .overrides-view input[type=text],
 245 .overrides-view select {
 246     border: 1px solid #bfbfbf;
 247     border-radius: 2px;
 248     box-sizing: border-box;
 249     color: #444;
 250     font: inherit;
 251     border-width: 1px;
 252 }
 253
 254 .overrides-view input[type=text] {
 255     margin: 0;
 256     min-height: 2em;
 257     padding: 3px;
 258 }
 259
 260 .overrides-view input[readonly] {
 261     background-color: rgb(235, 235, 228);
 262 }
 263
 264 .overrides-view .overrides-footer {
 265     flex: none;
 266     padding: 0 0 1px 3px;
 267     border-top: 1px solid rgb(203,203,203);
 268     background-color: rgb(236,236,236);
 269 }
 270
 271 .overrides-view .overrides-footer::before {
 272     background-image: url(Images/statusbarButtonGlyphs.png);
 273     background-size: 320px 144px;
 274     width: 10px;
 275     height: 10px;
 276     content: "";
 277     position: relative;
 278     top: 2px;
 279     background-position: -202px -107px;
 280     float: left;
 281     margin-right: 4px;
 282 }
 283
 284 @media (-webkit-min-device-pixel-ratio: 1.5) {
 285 .overrides-view .overrides-footer::before {
 286     background-image: url(Images/statusbarButtonGlyphs_2x.png);
 287 }
 288 } /* media */
 289
 290 .overrides-view .overrides-footer .warning-icon-small {
 291     margin-right: 3px;
 292 }
 293
 294 .overrides-splash-screen {
 295     display: block;
 296     padding: 10px 10px;
 297     flex: auto;
 298 }
 299
 300 .overrides-splash-screen > button {
 301     margin: -4px 0;
 302 }
 303
 304 #overrides-reset-button,
 305 #overrides-disable-button {
 306     margin: 9px 0 0 17px;
 307     display: block;
 308     width: 60px;
 309 }
 310
 311 .overrides-enable-button {
 312     margin: 4px !important;
 313 }