OLD | NEW |
---|---|
(Empty) | |
1 /* | |
2 * Copyright 2016 The Chromium Authors. All rights reserved. | |
3 * Use of this source code is governed by a BSD-style license that can be | |
4 * found in the LICENSE file. | |
5 */ | |
6 | |
7 .paused-container { | |
8 flex: none; | |
9 } | |
10 | |
11 .paused-status { | |
12 padding: 6px; | |
13 pointer-events: none; | |
14 border-bottom: 1px solid transparent; | |
15 border-top: 1px solid rgb(189, 189, 189); | |
16 background-color: hsl(50, 100%, 95%); | |
17 color: rgb(107, 97, 48); | |
18 } | |
19 | |
20 .-theme-with-dark-background .paused-status { | |
21 background-color: hsl(46, 98%, 22%); | |
22 color: #ccc; | |
23 } | |
24 | |
25 .paused-status.error-reason { | |
26 background-color: hsl(0, 100%, 97%); | |
27 color: #6b3b3b; | |
28 } | |
29 | |
30 .status-main { | |
31 font-weight: bold; | |
32 padding-left: 15px; | |
33 position: relative; | |
34 } | |
35 | |
36 .status-sub:not(:empty) { | |
37 padding-left: 15px; | |
38 padding-top: 5px; | |
39 font-size: 11px; | |
lushnikov
2016/10/18 23:01:29
with .monospace, you won't need font-size as well!
luoe
2016/10/19 21:44:13
Done.
| |
40 font-family: dejavu sans mono, monospace; | |
lushnikov
2016/10/18 23:01:29
use .monospace for this!
luoe
2016/10/19 21:44:13
Done.
| |
41 overflow: hidden; | |
42 text-overflow: ellipsis; | |
43 } | |
44 | |
45 .paused-status.error-reason .status-sub { | |
46 color: red; | |
47 line-height: 11px; | |
48 max-height: 27px; | |
49 } | |
50 | |
51 .status-main::before { | |
52 background-position: -80px 0; | |
53 background-image: url(Images/smallIcons.png); | |
54 background-size: 190px 30px; | |
55 width: 10px; | |
56 height: 10px; | |
57 content: ""; | |
58 -webkit-filter: hue-rotate(190deg); | |
59 position: absolute; | |
60 left: 0; | |
61 top: 1px; | |
62 } | |
63 | |
64 .paused-status.error-reason .status-main::before { | |
65 background-position: -20px 0; | |
66 -webkit-filter: none; | |
67 } | |
OLD | NEW |