| 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 .overrides-view fieldset { | |
| 32 border: none; | |
| 33 flex: 0 0 auto; | |
| 34 padding: 0; | |
| 35 margin: 0; | |
| 36 } | |
| 37 | |
| 38 .overrides-view fieldset p { | |
| 39 display: inline-block; | |
| 40 padding: 0; | |
| 41 margin: 0; | |
| 42 border: 0; | |
| 43 } | |
| 44 | |
| 45 .overrides-device-model-settings p label { | |
| 46 display: inline-block; | |
| 47 } | |
| 48 | |
| 49 .overrides-view .field-error-message { | |
| 50 display: none; | |
| 51 } | |
| 52 | |
| 53 .overrides-view input[type='text']:focus::-webkit-input-placeholder { | |
| 54 color: transparent !important; | |
| 55 } | |
| 56 | |
| 57 .overrides-view > .tabbed-pane { | |
| 58 overflow: hidden; | |
| 59 } | |
| 60 | |
| 61 /* Device tab */ | |
| 62 | |
| 63 .overrides-device { | |
| 64 flex: 1 1 auto; | |
| 65 overflow: auto; | |
| 66 padding: 12px; | |
| 67 } | |
| 68 | |
| 69 .overrides-device input.numeric { | |
| 70 text-align: right; | |
| 71 } | |
| 72 | |
| 73 .overrides-device input[type=range] { | |
| 74 width: 100%; | |
| 75 } | |
| 76 | |
| 77 .overrides-device > label { | |
| 78 display: block; | |
| 79 margin-bottom: 7px; | |
| 80 white-space: nowrap; | |
| 81 } | |
| 82 | |
| 83 .overrides-device label { | |
| 84 margin-bottom: 10px; | |
| 85 } | |
| 86 | |
| 87 .overrides-device table { | |
| 88 margin-bottom: 5px; | |
| 89 white-space: nowrap !important; | |
| 90 } | |
| 91 | |
| 92 .overrides-device > label { | |
| 93 margin-bottom: 4px; | |
| 94 } | |
| 95 | |
| 96 .overrides-device .help-footnote { | |
| 97 border-top: 1px solid #EEEEEE; | |
| 98 margin: 0; | |
| 99 padding: 12px; | |
| 100 } | |
| 101 | |
| 102 .overrides-view label { | |
| 103 display: flex; | |
| 104 height: auto; | |
| 105 } | |
| 106 | |
| 107 .overrides-view fieldset[disabled] * { | |
| 108 cursor: default !important; | |
| 109 } | |
| 110 | |
| 111 .overrides-device .overrides-device-model-section { | |
| 112 white-space: nowrap; | |
| 113 } | |
| 114 | |
| 115 .overrides-device .overrides-device-model-section > span { | |
| 116 padding-right: 10px; | |
| 117 } | |
| 118 | |
| 119 .overrides-device .overrides-device-model-section select { | |
| 120 height: 20px; | |
| 121 } | |
| 122 | |
| 123 .overrides-device .overrides-device-model-section select.device-select { | |
| 124 width: 180px; | |
| 125 margin-right: 6px; | |
| 126 } | |
| 127 | |
| 128 .overrides-device .overrides-device-model-section .mode-container { | |
| 129 display: inline-block; | |
| 130 width: 140px; | |
| 131 } | |
| 132 | |
| 133 .overrides-device .overrides-device-model-section .mode-container label { | |
| 134 margin: 0; | |
| 135 display: inline-block; | |
| 136 } | |
| 137 | |
| 138 fieldset.overrides-device-model-settings { | |
| 139 padding: 16px; | |
| 140 } | |
| 141 | |
| 142 .overrides-device-model-settings > fieldset { | |
| 143 margin-left: 16px; | |
| 144 } | |
| 145 | |
| 146 .overrides-view input[type=text]:enabled:focus, | |
| 147 .overrides-view select:enabled:focus { | |
| 148 -webkit-transition: border-color 200ms; | |
| 149 border-color: rgb(77, 144, 254); | |
| 150 outline: none; | |
| 151 } | |
| 152 | |
| 153 .overrides-view input[type=text], | |
| 154 .overrides-view select { | |
| 155 border: 1px solid #bfbfbf; | |
| 156 border-radius: 2px; | |
| 157 box-sizing: border-box; | |
| 158 color: #444; | |
| 159 font: inherit; | |
| 160 border-width: 1px; | |
| 161 } | |
| 162 | |
| 163 .overrides-view input[type=text] { | |
| 164 margin-left: 3px; | |
| 165 min-height: 2em; | |
| 166 padding: 3px; | |
| 167 } | |
| 168 | |
| 169 .overrides-view input[readonly] { | |
| 170 background-color: rgb(235, 235, 228); | |
| 171 } | |
| 172 | |
| 173 .overrides-view .overrides-footer { | |
| 174 flex: 0 0 auto; | |
| 175 padding: 5px 8px; | |
| 176 border-top: 1px solid rgb(203,203,203); | |
| 177 background-color: #eee; | |
| 178 } | |
| 179 | |
| 180 .overrides-view .overrides-footer::before { | |
| 181 background-image: url(Images/toolbarButtonGlyphs.png); | |
| 182 background-size: 352px 168px; | |
| 183 width: 10px; | |
| 184 height: 10px; | |
| 185 content: ""; | |
| 186 position: relative; | |
| 187 top: 2px; | |
| 188 background-position: -202px -107px; | |
| 189 float: left; | |
| 190 margin-right: 4px; | |
| 191 } | |
| 192 | |
| 193 @media (-webkit-min-device-pixel-ratio: 1.5) { | |
| 194 .overrides-view .overrides-footer::before { | |
| 195 background-image: url(Images/toolbarButtonGlyphs_2x.png); | |
| 196 } | |
| 197 } /* media */ | |
| 198 | |
| 199 .overrides-view .overrides-footer label[is=dt-icon-label] { | |
| 200 margin-right: 3px; | |
| 201 } | |
| 202 | |
| 203 .overrides-splash-screen { | |
| 204 flex: auto; | |
| 205 padding: 12px; | |
| 206 } | |
| 207 | |
| 208 .overrides-splash-screen .toolbar { | |
| 209 display: inline-block; | |
| 210 margin-left: -4px; | |
| 211 position: relative; | |
| 212 top: 8px; | |
| 213 } | |
| 214 | |
| 215 #overrides-disable-button { | |
| 216 margin-bottom: 12px; | |
| 217 } | |
| OLD | NEW |