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 #recently-closed-menu-button { | 6 #recently-closed-menu-button { |
7 background: none; | 7 background: none; |
8 border: 0; | 8 border: 0; |
9 color: #7F7F7F; | 9 color: #7F7F7F; |
| 10 cursor: pointer; |
10 display: block; | 11 display: block; |
11 font-size: 9pt; | 12 font-size: 9pt; |
12 font-weight: bold; | 13 font-weight: bold; |
| 14 /* The padding increases the clickable area. */ |
| 15 padding-bottom: 8px; |
| 16 padding-top: 8px; |
13 -webkit-appearance: none; | 17 -webkit-appearance: none; |
14 -webkit-transition: opacity 0.2s; | 18 -webkit-transition: opacity 0.2s; |
15 -webkit-transition-delay: 0.1s; | 19 -webkit-transition-delay: 0.1s; |
16 } | 20 } |
17 | 21 |
18 /* Reserve space for the menu button even when it's hidden. */ | 22 /* Reserve space for the menu button even when it's hidden. */ |
19 #recently-closed-menu-button[hidden], | 23 #recently-closed-menu-button[hidden], |
20 #footer.showing-trash-mode #recently-closed-menu-button { | 24 #footer.showing-trash-mode #recently-closed-menu-button { |
21 visibility: hidden; | 25 visibility: hidden; |
22 } | 26 } |
(...skipping 10 matching lines...) Expand all Loading... |
33 } | 37 } |
34 | 38 |
35 .recent-menu-item { | 39 .recent-menu-item { |
36 background: no-repeat 0% 50%; | 40 background: no-repeat 0% 50%; |
37 background-color: transparent !important; | 41 background-color: transparent !important; |
38 background-size: 16px 16px; | 42 background-size: 16px 16px; |
39 box-sizing: border-box; | 43 box-sizing: border-box; |
40 display: block; | 44 display: block; |
41 font-size: 100%; | 45 font-size: 100%; |
42 line-height: 20px; | 46 line-height: 20px; |
43 margin: 4px; | 47 margin: 8px; |
44 max-width: 600px; | 48 max-width: 450px; |
45 overflow: hidden; | 49 overflow: hidden; |
46 text-overflow: ellipsis; | 50 text-overflow: ellipsis; |
47 white-space: nowrap; | 51 white-space: nowrap; |
48 -webkit-margin-start: 0; | 52 -webkit-margin-start: 0; |
49 -webkit-padding-end: 0; | 53 -webkit-padding-end: 0; |
50 -webkit-padding-start: 22px; | 54 -webkit-padding-start: 22px; |
51 } | 55 } |
52 | 56 |
| 57 .recent-menu-item:not(:hover) { |
| 58 text-decoration: none; |
| 59 } |
| 60 |
| 61 .recent-menu-item:first-of-type { |
| 62 margin-top: 4px; |
| 63 } |
| 64 |
| 65 .recent-menu-item:last-of-type { |
| 66 margin-bottom: 4px; |
| 67 } |
| 68 |
53 html[dir='rtl'] .recent-menu-item { | 69 html[dir='rtl'] .recent-menu-item { |
54 background: no-repeat 100% 50%; | 70 background: no-repeat 100% 50%; |
55 } | 71 } |
56 | 72 |
57 .recent-window { | 73 .recent-window { |
58 background-image: url('../ntp/closed_window.png'); | 74 background-image: url('../ntp/closed_window.png'); |
59 } | 75 } |
60 | 76 |
61 /* TODO(estade): find a better color for active. */ | 77 /* TODO(estade): find a better color for active. */ |
62 .recent-menu-item:active, | 78 .recent-menu-item:active, |
63 .recent-menu-item:visited, | 79 .recent-menu-item:visited, |
64 .recent-menu-item:link { | 80 .recent-menu-item:link { |
65 color: hsl(213, 90%, 24%) !important; | 81 color: hsl(213, 90%, 24%) !important; |
66 } | 82 } |
67 | 83 |
68 .disclosure-triangle { | 84 .disclosure-triangle { |
69 background-color: #7F7F7F; | 85 background-color: #7F7F7F; |
70 display: inline-block; | 86 display: inline-block; |
71 height: 9px; | 87 height: 9px; |
72 width: 9px; | 88 width: 9px; |
73 -webkit-mask-image: url('./ntp4_disclosure_triangle_mask.png'); | 89 -webkit-mask-image: url('./ntp4_disclosure_triangle_mask.png'); |
74 } | 90 } |
OLD | NEW |