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 |