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 } 314