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

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

Issue 9325059: [Clean up] Fix style guide nits in chrome/browser/resources/ntp4. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 10 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
OLDNEW
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/new_tab_theme.css ('k') | chrome/browser/resources/ntp4/tile_page.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698