OLD | NEW |
1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 :root { | 6 :root { |
7 --fade-duration: 225ms; | 7 --fade-duration: 225ms; |
8 --header-height: 48px; | 8 --header-height: 48px; |
9 --md-timing-function: cubic-bezier(.4, 0, .6, 1); | 9 --md-timing-function: cubic-bezier(.4, 0, .6, 1); |
10 --sidebar-width: 155px; | 10 --sidebar-width: 155px; |
11 --sidebar-neg-width: calc(var(--sidebar-width) * -1); | 11 --sidebar-neg-width: calc(var(--sidebar-width) * -1); |
12 } | 12 } |
13 | 13 |
14 html, | 14 html, |
15 body { | 15 body { |
16 margin: 0; | 16 margin: 0; |
17 padding: 0; | 17 padding: 0; |
18 } | 18 } |
19 | 19 |
20 h1 { | 20 h1 { |
21 color: rgb(92, 97, 102); | 21 color: rgb(92, 97, 102); |
22 } | 22 } |
23 | 23 |
| 24 .toggle-status { |
| 25 background-image: url(../../../../ui/webui/resources/images/cancel_red.svg); |
| 26 background-repeat: no-repeat; |
| 27 min-height: 24px; |
| 28 min-width: 24px; |
| 29 } |
| 30 |
| 31 .toggle-status.checked { |
| 32 background-image: |
| 33 url(../../../../ui/webui/resources/images/check_circle_green.svg); |
| 34 } |
| 35 |
24 /* Page container */ | 36 /* Page container */ |
25 #page-container { | 37 #page-container { |
26 -webkit-margin-start: var(--sidebar-width); | 38 -webkit-margin-start: var(--sidebar-width); |
27 } | 39 } |
28 | 40 |
29 @media screen and (max-width: 600px) { | 41 @media screen and (max-width: 600px) { |
30 #page-container { | 42 #page-container { |
31 -webkit-margin-start: 0; | 43 -webkit-margin-start: 0; |
32 } | 44 } |
33 } | 45 } |
(...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
290 } | 302 } |
291 | 303 |
292 .snackbar.error { | 304 .snackbar.error { |
293 background-color: rgb(244, 67, 54); | 305 background-color: rgb(244, 67, 54); |
294 } | 306 } |
295 | 307 |
296 .snackbar.open { | 308 .snackbar.open { |
297 opacity: 1; | 309 opacity: 1; |
298 transform: translate3d(0, 0, 0); | 310 transform: translate3d(0, 0, 0); |
299 visibility: visible; | 311 visibility: visible; |
| 312 } |
| 313 |
| 314 /* Adapter Page */ |
| 315 @media screen and (min-width: 601px) { |
| 316 #adapter { |
| 317 display: flex; |
| 318 } |
| 319 } |
| 320 |
| 321 /* Object Fieldset */ |
| 322 .object-fieldset .status { |
| 323 align-items: center; |
| 324 display: flex; |
| 325 margin-bottom: 0.8em; |
| 326 } |
| 327 |
| 328 .object-fieldset .status div:first-child { |
| 329 -webkit-margin-end: 1em; |
| 330 white-space: nowrap; |
| 331 } |
| 332 |
| 333 .object-fieldset .status:last-child { |
| 334 margin-bottom: 0; |
300 } | 335 } |
OLD | NEW |