OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (c) 2014 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 .section { | |
8 position: relative; | |
9 margin-top: 1px; | |
10 } | |
11 | |
12 .section > .header { | |
13 padding: 0 8px 0 5px; | |
14 min-height: 18px; | |
15 white-space: nowrap; | |
16 background-origin: padding-box; | |
17 background-clip: padding-box; | |
18 } | |
19 | |
20 .section > .header::before { | |
21 -webkit-user-select: none; | |
22 background-image: url(Images/toolbarButtonGlyphs.png); | |
23 background-size: 352px 168px; | |
24 opacity: 0.5; | |
25 content: "a"; | |
26 color: transparent; | |
27 text-shadow: none; | |
28 float: left; | |
29 width: 8px; | |
30 margin-right: 4px; | |
31 margin-top: 2px; | |
32 } | |
33 | |
34 @media (-webkit-min-device-pixel-ratio: 1.5) { | |
35 .section > .header::before { | |
36 background-image: url(Images/toolbarButtonGlyphs_2x.png); | |
37 } | |
38 } /* media */ | |
39 | |
40 .section > .header::before { | |
41 background-position: -4px -96px; | |
42 } | |
43 | |
44 .section.expanded > .header::before { | |
45 background-position: -20px -96px; | |
46 } | |
47 | |
48 .section > .header .title { | |
49 font-weight: normal; | |
50 word-wrap: break-word; | |
51 white-space: normal; | |
52 line-height: 18px; | |
53 } | |
54 | |
55 .section > .header label { | |
56 display: none; | |
57 } | |
58 | |
59 .section.expanded .header label { | |
60 display: inline; | |
61 } | |
62 | |
63 .section > .header .subtitle { | |
64 float: right; | |
65 margin-left: 5px; | |
66 max-width: 55%; | |
67 text-overflow: ellipsis; | |
68 overflow: hidden; | |
69 } | |
70 | |
71 .section > .header .subtitle a { | |
72 color: inherit; | |
73 } | |
74 | |
75 .section > .properties { | |
76 display: none; | |
77 } | |
78 | |
79 .section.expanded > .properties { | |
80 display: block; | |
81 } | |
OLD | NEW |