src/chrome/tools/test/reference_build/chrome_linux/resources/inspector/panelEnablerView.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 .panel-enabler-view {
  31     background-color: white;
  32     font-size: 13px;
  33     text-align: center;
  34     overflow-x: hidden;
  35     overflow-y: overlay;
  36     flex: auto;
  37     display: flex;
  38 }
  39
  40 .panel-enabler-view h1 {
  41     color: rgb(110, 116, 128);
  42     font-size: 16px;
  43     line-height: 20px;
  44     font-weight: normal;
  45     margin-top: 0;
  46 }
  47
  48 .panel-enabler-view img {
  49     height: 100%;
  50     min-height: 200px;
  51     max-width: 100%;
  52     top: 0;
  53     bottom: 0;
  54     padding: 20px 0 20px 20px;
  55     margin: auto;
  56     vertical-align: middle;
  57 }
  58
  59 .panel-enabler-view img.hidden {
  60     display: initial !important;
  61     width: 0;
  62 }
  63
  64 .panel-enabler-view .flexible-space {
  65     -webkit-flex: 1;
  66 }
  67
  68 .panel-enabler-view form {
  69     display: inline-block;
  70     vertical-align: middle;
  71     width: 330px;
  72     margin: 0;
  73     padding: 15px;
  74     white-space: normal;
  75 }
  76
  77 .panel-enabler-view label {
  78     position: relative;
  79     display: block;
  80     text-align: left;
  81     word-break: break-word;
  82     margin: 0 0 5px 20px;
  83 }
  84
  85 .panel-enabler-view button:not(.status-bar-item) {
  86     font-size: 13px;
  87     margin: 6px 0 0 0;
  88     padding: 2px 20px;
  89     height: 24px;
  90     color: rgb(6, 6, 6);
  91     border: 1px solid rgb(165, 165, 165);
  92     background-color: rgb(237, 237, 237);
  93     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  94     border-radius: 12px;
  95     -webkit-appearance: none;
  96 }
  97
  98 body.inactive .panel-enabler-view button:not(.status-bar-item),
  99 .panel-enabler-view button:disabled:not(.status-bar-item) {
 100     color: rgb(130, 130, 130);
 101     border-color: rgb(212, 212, 212);
 102     background-color: rgb(239, 239, 239);
 103     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
 104 }
 105
 106 .panel-enabler-view button:active:not(.status-bar-item) {
 107     background-color: rgb(215, 215, 215);
 108     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
 109 }
 110
 111 .panel-enabler-view input[type="radio"] {
 112     height: 17px;
 113     width: 17px;
 114     border: 1px solid rgb(165, 165, 165);
 115     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
 116     border-radius: 8px;
 117     -webkit-appearance: none;
 118     vertical-align: middle;
 119     margin: 0 5px 5px 0;
 120 }
 121
 122 .panel-enabler-view input[type="radio"]:active:not(:disabled) {
 123     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
 124 }
 125
 126 .panel-enabler-view input[type="radio"]:checked {
 127     background: url(Images/radioDot.png) center no-repeat,
 128                 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
 129 }
 130
 131 .panel-enabler-view input[type="radio"]:checked:active {
 132     background: url(Images/radioDot.png) center no-repeat,
 133                 -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
 134 }