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