OLD | NEW |
(Empty) | |
| 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; |
| 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 overflow-x: hidden; |
| 46 } |
| 47 |
| 48 .overrides-view .tabbed-pane-header-contents { |
| 49 margin: 0; |
| 50 } |
| 51 |
| 52 .overrides-view .tabbed-pane-header-tabs { |
| 53 display: flex; |
| 54 flex-direction: column; |
| 55 padding-top: 5px; |
| 56 width: 100px; |
| 57 } |
| 58 |
| 59 .overrides-view .tabbed-pane-header-tab { |
| 60 background-color: transparent; |
| 61 border: none transparent; |
| 62 font-weight: normal; |
| 63 text-shadow: none; |
| 64 color: #777; |
| 65 height: 22px; |
| 66 padding-left: 0; |
| 67 padding-left: 10px; |
| 68 border-left: 4px solid transparent; |
| 69 } |
| 70 |
| 71 .overrides-view .tabbed-pane-header-tab:not(.selected) { |
| 72 cursor: pointer !important; |
| 73 } |
| 74 |
| 75 .overrides-view .tabbed-pane-header-tab.selected { |
| 76 color: inherit; |
| 77 border: none transparent; |
| 78 border-left: 4px solid #666; |
| 79 } |
| 80 |
| 81 .overrides-view fieldset { |
| 82 border: none; |
| 83 padding: 0 0 5px 15px; |
| 84 } |
| 85 |
| 86 .overrides-user-agent fieldset { |
| 87 padding-top: 5px; |
| 88 } |
| 89 |
| 90 .overrides-device > select { |
| 91 margin-bottom: 10px; |
| 92 width: 400px; |
| 93 max-width: 90%; |
| 94 } |
| 95 |
| 96 .overrides-device button { |
| 97 margin-right: 10px; |
| 98 } |
| 99 |
| 100 .overrides-device > label { |
| 101 display: block; |
| 102 margin-bottom: 7px; |
| 103 white-space: nowrap; |
| 104 } |
| 105 |
| 106 .overrides-device-value { |
| 107 padding-left: 10px; |
| 108 color: gray; |
| 109 } |
| 110 |
| 111 .overrides-device-value-label { |
| 112 overflow: hidden; |
| 113 white-space: nowrap; |
| 114 text-overflow: ellipsis; |
| 115 padding-top: 3px; |
| 116 } |
| 117 |
| 118 .overrides-viewport input { |
| 119 text-align: right; |
| 120 } |
| 121 |
| 122 .overrides-viewport input[type=range] { |
| 123 width: 100%; |
| 124 } |
| 125 |
| 126 button.overrides-swap { |
| 127 height: 20px; |
| 128 } |
| 129 |
| 130 .overrides-viewport label { |
| 131 display: block; |
| 132 margin-bottom: 5px; |
| 133 } |
| 134 |
| 135 .overrides-viewport table { |
| 136 margin-bottom: 5px; |
| 137 } |
| 138 |
| 139 .overrides-viewport > label { |
| 140 margin-bottom: 8px; |
| 141 } |
| 142 |
| 143 .overrides-user-agent input[type=text] { |
| 144 width: 400px; |
| 145 max-width: 90%; |
| 146 } |
| 147 |
| 148 .overrides-user-agent select { |
| 149 margin: 7px 0; |
| 150 } |
| 151 |
| 152 .overrides-sensors > label { |
| 153 display: block; |
| 154 margin-bottom: 10px; |
| 155 } |
| 156 |
| 157 .overrides-sensors input { |
| 158 text-align: right; |
| 159 } |
| 160 |
| 161 .overrides-activate-device #tab-device, |
| 162 .overrides-activate-viewport #tab-viewport, |
| 163 .overrides-activate-user-agent #tab-user-agent, |
| 164 .overrides-activate-sensors #tab-sensors { |
| 165 color: rgb(25, 100, 228); |
| 166 opacity: 0.8; |
| 167 } |
| 168 |
| 169 .overrides-activate-device #tab-device.selected, |
| 170 .overrides-activate-viewport #tab-viewport.selected, |
| 171 .overrides-activate-user-agent #tab-user-agent.selected, |
| 172 .overrides-activate-sensors #tab-sensors.selected { |
| 173 opacity: 1; |
| 174 } |
| 175 |
| 176 .overrides-view input[type=text]:enabled:focus, |
| 177 .overrides-view select:enabled:focus { |
| 178 -webkit-transition: border-color 200ms; |
| 179 border-color: rgb(77, 144, 254); |
| 180 outline: none; |
| 181 } |
| 182 |
| 183 .overrides-view input[type=text], |
| 184 .overrides-view select { |
| 185 border: 1px solid #bfbfbf; |
| 186 border-radius: 2px; |
| 187 box-sizing: border-box; |
| 188 color: #444; |
| 189 font: inherit; |
| 190 border-width: 1px; |
| 191 } |
| 192 |
| 193 .overrides-view input[type=text] { |
| 194 margin: 0; |
| 195 min-height: 2em; |
| 196 padding: 3px; |
| 197 } |
| 198 |
| 199 .overrides-view .overrides-footer { |
| 200 flex: none; |
| 201 padding: 0 0 1px 3px; |
| 202 border-top: 1px solid rgb(203,203,203); |
| 203 background-color: rgb(236,236,236); |
| 204 } |
| 205 |
| 206 .overrides-view .overrides-footer::before { |
| 207 background-image: url(Images/statusbarButtonGlyphs.png); |
| 208 background-size: 320px 120px; |
| 209 width: 10px; |
| 210 height: 10px; |
| 211 content: ""; |
| 212 position: relative; |
| 213 top: 2px; |
| 214 background-position: -202px -107px; |
| 215 float: left; |
| 216 margin-right: 4px; |
| 217 } |
| 218 |
| 219 .overrides-view .overrides-footer .warning-icon-small { |
| 220 margin-right: 3px; |
| 221 } |
OLD | NEW |