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