Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(169)

Side by Side Diff: chrome/browser/resources/ntp4/recently_closed.css

Issue 7795025: ntp: make 'recently closed' clickable above and below the actual text. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: fixes for 94784 Created 9 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698