OLD | NEW |
---|---|
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 #recently-closed-menu-button { | 5 #recently-closed-menu-button { |
6 -webkit-appearance: none; | 6 -webkit-appearance: none; |
7 -webkit-padding-end: 15px; | 7 -webkit-padding-end: 15px; |
8 -webkit-padding-start: 9px; | 8 -webkit-padding-start: 9px; |
9 -webkit-transition: opacity 200ms; | 9 -webkit-transition: opacity 200ms; |
10 -webkit-transition-delay: 100ms; | 10 -webkit-transition-delay: 100ms; |
11 background: none; | 11 background: none; |
12 border: 0; | 12 border: 0; |
13 color: #7F7F7F; | 13 color: #7F7F7F; |
14 cursor: pointer; | 14 cursor: pointer; |
15 display: block; | 15 display: block; |
16 margin: 0; | |
17 font-size: 9pt; | 16 font-size: 9pt; |
18 font-weight: bold; | 17 font-weight: bold; |
19 height: 100%; | 18 height: 100%; |
19 margin: 0; | |
20 /* The padding increases the clickable area. */ | 20 /* The padding increases the clickable area. */ |
21 padding-bottom: 0; | 21 padding-bottom: 0; |
22 padding-top: 0; | 22 padding-top: 0; |
23 } | 23 } |
24 | 24 |
25 .enable-cws-experiment #recently-closed-menu-button { | 25 .enable-cws-experiment #recently-closed-menu-button { |
26 position: relative; | |
27 -webkit-margin-end: 0; | 26 -webkit-margin-end: 0; |
28 -webkit-padding-end: 16px; | 27 -webkit-padding-end: 16px; |
28 position: relative; | |
29 } | 29 } |
30 | 30 |
31 #recently-closed-menu-button:hover:not([menu-shown]) { | 31 #recently-closed-menu-button:hover:not([menu-shown]) { |
32 color: #666; | 32 color: #666; |
33 } | 33 } |
34 | 34 |
35 #recently-closed-menu-button:hover:not([menu-shown]) .disclosure-triangle { | 35 #recently-closed-menu-button:hover:not([menu-shown]) .disclosure-triangle { |
36 background-color: #666; | 36 background-color: #666; |
37 } | 37 } |
38 | 38 |
39 #recently-closed-menu-button[menu-shown] { | 39 #recently-closed-menu-button[menu-shown] { |
40 color: #555; | 40 color: #555; |
41 } | 41 } |
42 | 42 |
43 #recently-closed-menu-button[menu-shown] .disclosure-triangle { | 43 #recently-closed-menu-button[menu-shown] .disclosure-triangle { |
44 background-color: #555; | 44 background-color: #555; |
45 } | 45 } |
46 | 46 |
47 /* Reserve space for the menu button even when it's hidden. */ | 47 /* Reserve space for the menu button even when it's hidden. */ |
48 #recently-closed-menu-button.invisible, | 48 #recently-closed-menu-button.invisible, |
49 #footer.showing-trash-mode #recently-closed-menu-button { | 49 #footer.showing-trash-mode #recently-closed-menu-button { |
50 visibility: hidden; | 50 visibility: hidden; |
51 } | 51 } |
52 | 52 |
53 #footer.showing-trash-mode #recently-closed-menu-button { | 53 #footer.showing-trash-mode #recently-closed-menu-button { |
54 -webkit-transition-delay: 0; | |
54 opacity: 0; | 55 opacity: 0; |
55 -webkit-transition-delay: 0; | |
56 } | 56 } |
57 | 57 |
58 #recently-closed-menu-button > * { | 58 #recently-closed-menu-button > * { |
59 vertical-align: middle; | 59 vertical-align: middle; |
60 } | 60 } |
61 | 61 |
62 .recent-menu { | 62 .recent-menu { |
63 padding: 6px 8px; | 63 padding: 6px 8px; |
64 /* Needs to be above #footer. */ | 64 /* Needs to be above #footer. */ |
65 z-index: 10; | 65 z-index: 10; |
66 } | 66 } |
67 | 67 |
68 .recent-menu-item { | 68 .recent-menu-item { |
69 -webkit-margin-start: 0; | |
70 -webkit-padding-end: 0; | |
71 -webkit-padding-start: 22px; | |
69 background: no-repeat 0 50%; | 72 background: no-repeat 0 50%; |
70 background-color: transparent !important; | 73 background-color: transparent !important; |
71 background-size: 16px 16px; | 74 background-size: 16px 16px; |
72 box-sizing: border-box; | 75 box-sizing: border-box; |
73 display: block; | 76 display: block; |
74 font-size: 100%; | 77 font-size: 100%; |
75 line-height: 20px; | 78 line-height: 20px; |
76 margin: 8px; | 79 margin: 8px; |
Dan Beam
2012/02/07 00:43:05
Will this need to be overridden or changed?
Evan Stade
2012/02/07 00:55:54
change
Dan Beam
2012/02/07 01:07:04
Done.
| |
77 max-width: 450px; | 80 max-width: 450px; |
78 overflow: hidden; | 81 overflow: hidden; |
79 text-overflow: ellipsis; | 82 text-overflow: ellipsis; |
80 white-space: nowrap; | 83 white-space: nowrap; |
81 -webkit-margin-start: 0; | |
82 -webkit-padding-end: 0; | |
83 -webkit-padding-start: 22px; | |
84 } | 84 } |
85 | 85 |
86 .recent-menu-item:not(:hover) { | 86 .recent-menu-item:not(:hover) { |
87 text-decoration: none; | 87 text-decoration: none; |
88 } | 88 } |
89 | 89 |
90 .recent-menu-item:first-of-type { | 90 .recent-menu-item:first-of-type { |
91 margin-top: 4px; | 91 margin-top: 4px; |
92 } | 92 } |
93 | 93 |
(...skipping 10 matching lines...) Expand all Loading... | |
104 } | 104 } |
105 | 105 |
106 /* TODO(estade): find a better color for active. */ | 106 /* TODO(estade): find a better color for active. */ |
107 .recent-menu-item:active, | 107 .recent-menu-item:active, |
108 .recent-menu-item:visited, | 108 .recent-menu-item:visited, |
109 .recent-menu-item:link { | 109 .recent-menu-item:link { |
110 color: hsl(213, 90%, 24%) !important; | 110 color: hsl(213, 90%, 24%) !important; |
111 } | 111 } |
112 | 112 |
113 .disclosure-triangle { | 113 .disclosure-triangle { |
114 -webkit-margin-start: 2px; | |
115 -webkit-mask-image: url('images/disclosure_triangle_mask.png'); | |
114 background-color: #7F7F7F; | 116 background-color: #7F7F7F; |
115 display: inline-block; | 117 display: inline-block; |
116 height: 9px; | 118 height: 9px; |
117 width: 9px; | 119 width: 9px; |
118 -webkit-margin-start: 2px; | |
119 -webkit-mask-image: url('images/disclosure_triangle_mask.png'); | |
120 } | 120 } |
121 | 121 |
122 #vertical-separator { | 122 #vertical-separator { |
123 background-color: #B2B2B2; | 123 background-color: #B2B2B2; |
124 display: none; | 124 display: none; |
125 height: 20px; | 125 height: 20px; |
126 left: 15px; | 126 left: 15px; |
127 position: relative; | 127 position: relative; |
128 right: 15px; | 128 right: 15px; |
129 width: 1px; | 129 width: 1px; |
130 } | 130 } |
131 | 131 |
132 .enable-cws-experiment #vertical-separator { | 132 .enable-cws-experiment #vertical-separator { |
133 display: inline-block; | 133 display: inline-block; |
134 } | 134 } |
OLD | NEW |