OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 html { | 6 html { |
7 height: 100%; | 7 height: 100%; |
8 } | 8 } |
9 | 9 |
10 body { | 10 body { |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
47 /* Settings */ | 47 /* Settings */ |
48 | 48 |
49 #settings { | 49 #settings { |
50 -webkit-box-flex: 1; | 50 -webkit-box-flex: 1; |
51 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3); | 51 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3); |
52 background: white; | 52 background: white; |
53 overflow-y: auto; | 53 overflow-y: auto; |
54 padding-top: 2px; | 54 padding-top: 2px; |
55 } | 55 } |
56 | 56 |
57 input[disabled] + label, | 57 label input[disabled] + span, |
58 input[type=text][disabled] { | 58 input[type=text][disabled] { |
59 color: gray; | 59 color: gray; |
60 } | 60 } |
61 | 61 |
62 .two-column { | 62 .two-column { |
63 display: table-row; | 63 display: table-row; |
64 font-size: 13px; | 64 font-size: 13px; |
65 line-height: 22px; | 65 line-height: 22px; |
66 } | 66 } |
67 | 67 |
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
181 -webkit-transition: margin 150ms, height 150ms, opacity 150ms; | 181 -webkit-transition: margin 150ms, height 150ms, opacity 150ms; |
182 height: 0 !important; | 182 height: 0 !important; |
183 opacity: 0; | 183 opacity: 0; |
184 } | 184 } |
185 | 185 |
186 select { | 186 select { |
187 width: 100%; | 187 width: 100%; |
188 } | 188 } |
189 | 189 |
190 label { | 190 label { |
191 -webkit-margin-start: -5px; | |
192 -webkit-padding-start: 5px; | |
193 -webkit-user-select: none; | 191 -webkit-user-select: none; |
194 cursor: default; | |
195 } | 192 } |
196 | 193 |
197 .hidden-section { | 194 .hidden-section { |
198 background: white; | 195 background: white; |
199 position: relative; | 196 position: relative; |
200 } | 197 } |
201 | 198 |
202 .extra { | 199 .extra { |
203 background: white; | 200 background: white; |
204 height: 0; | 201 height: 0; |
(...skipping 26 matching lines...) Expand all Loading... |
231 } | 228 } |
232 | 229 |
233 /* Individual settings sections */ | 230 /* Individual settings sections */ |
234 | 231 |
235 #print-pages-div { | 232 #print-pages-div { |
236 -webkit-box-align: center; | 233 -webkit-box-align: center; |
237 -webkit-box-orient: horizontal; | 234 -webkit-box-orient: horizontal; |
238 display: -webkit-box; | 235 display: -webkit-box; |
239 } | 236 } |
240 | 237 |
241 #print-pages-div > label { | |
242 -webkit-box-flex: 1; | |
243 display: -webkit-box; | |
244 } | |
245 | |
246 #individual-pages { | 238 #individual-pages { |
247 -webkit-box-flex: 1; | 239 -webkit-box-flex: 1; |
248 -webkit-margin-start: 5px; | 240 -webkit-margin-start: 5px; |
249 display: block; | 241 display: block; |
250 } | 242 } |
251 | 243 |
252 #collate-option { | 244 #collate-option { |
253 -webkit-transition: opacity 200ms, -webkit-transform 200ms; | 245 -webkit-transition: opacity 200ms, -webkit-transform 200ms; |
254 -webkit-padding-start: 5px; | 246 -webkit-padding-start: 16px; |
255 display: inline-block; | 247 display: inline-block; |
256 opacity: 1; | 248 opacity: 1; |
257 } | 249 } |
258 | 250 |
259 #collate-option[hidden] { | 251 #collate-option[hidden] { |
260 -webkit-transition: opacity 100ms, -webkit-transform 100ms; | 252 -webkit-transition: opacity 100ms, -webkit-transform 100ms; |
261 opacity: 0; | 253 opacity: 0; |
262 pointer-events: none; | 254 pointer-events: none; |
263 } | 255 } |
264 | 256 |
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
399 } | 391 } |
400 | 392 |
401 .message-with-dots span span:nth-child(2) { | 393 .message-with-dots span span:nth-child(2) { |
402 -webkit-animation-delay: 100ms; | 394 -webkit-animation-delay: 100ms; |
403 } | 395 } |
404 | 396 |
405 .message-with-dots span span:nth-child(3) { | 397 .message-with-dots span span:nth-child(3) { |
406 -webkit-animation-delay: 300ms; | 398 -webkit-animation-delay: 300ms; |
407 } | 399 } |
408 | 400 |
409 #two-sided-div { | 401 #two-sided-option { |
| 402 display: inline-block; |
410 margin-top: 10px; | 403 margin-top: 10px; |
411 } | 404 } |
412 | 405 |
413 #error-action-area { | 406 #error-action-area { |
414 margin-top: 10px; | 407 margin-top: 10px; |
415 } | 408 } |
416 | 409 |
417 /* TODO(estade): unfork this code. */ | 410 /* TODO(estade): unfork this code. */ |
418 .button-strip { | 411 .button-strip { |
419 -webkit-box-orient: horizontal; | 412 -webkit-box-orient: horizontal; |
420 -webkit-box-pack: end; | 413 -webkit-box-pack: end; |
421 display: -webkit-box; | 414 display: -webkit-box; |
422 } | 415 } |
423 | 416 |
424 html[toolkit=views] .button-strip { | 417 html[toolkit=views] .button-strip { |
425 -webkit-box-direction: reverse; | 418 -webkit-box-direction: reverse; |
426 } | 419 } |
OLD | NEW |