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

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

Issue 7342017: ntp4: Most Visited appearance refresh (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: cursor Created 9 years, 5 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) 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 html { 6 html {
7 font-family: segoe ui, arial, helvetica, sans-serif; 7 font-family: segoe ui, arial, helvetica, sans-serif;
8 font-size: 14px; 8 font-size: 14px;
9 /* It's necessary to put this here instead of in body in order to get the 9 /* It's necessary to put this here instead of in body in order to get the
10 background-size of 100% to work properly */ 10 background-size of 100% to work properly */
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
47 display: inline-block; 47 display: inline-block;
48 opacity: 0; 48 opacity: 0;
49 -webkit-transition-duration: 0.2s; 49 -webkit-transition-duration: 0.2s;
50 } 50 }
51 51
52 #notification > div > div, 52 #notification > div > div,
53 #notification > div { 53 #notification > div {
54 display: inline-block; 54 display: inline-block;
55 } 55 }
56 56
57 #notification button { 57 #notification .close-button {
58 vertical-align: middle;
59 -webkit-margin-start: 0.5em;
60 }
61
62 .close-button {
58 background: no-repeat; 63 background: no-repeat;
59 background-color: transparent; 64 background-color: transparent;
60 /* TODO(estade): this should animate between states. */ 65 /* TODO(estade): this should animate between states. */
61 background-image: url('chrome://theme/IDR_CLOSE_BAR'); 66 background-image: url('chrome://theme/IDR_CLOSE_BAR');
62 border: 0; 67 border: 0;
68 cursor: default;
63 display: inline-block; 69 display: inline-block;
64 height: 16px; 70 height: 16px;
65 padding: 0; 71 padding: 0;
66 vertical-align: middle;
67 width: 16px; 72 width: 16px;
68 -webkit-margin-start: 0.5em;
69 } 73 }
70 74
71 #notification button:hover, 75 .close-button:hover,
72 #notification button:focus { 76 .close-button:focus {
73 background-image: url('chrome://theme/IDR_CLOSE_BAR_H'); 77 background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
74 } 78 }
75 79
76 #notification button:active { 80 .close-button:active {
77 background-image: url('chrome://theme/IDR_CLOSE_BAR_P'); 81 background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
78 } 82 }
79 83
80 .linkButton { 84 .linkButton {
81 color: #06C; 85 color: #06C;
82 cursor: pointer; 86 cursor: pointer;
83 display: inline-block; 87 display: inline-block;
84 text-decoration: underline; 88 text-decoration: underline;
85 -webkit-margin-start: 0.5em; 89 -webkit-margin-start: 0.5em;
86 } 90 }
(...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after
192 min-width: 26px; 196 min-width: 26px;
193 opacity: 0.3; 197 opacity: 0.3;
194 top: 0; 198 top: 0;
195 z-index: 5; 199 z-index: 5;
196 -webkit-transition: width 150ms, right 150ms, background-color 150ms; 200 -webkit-transition: width 150ms, right 150ms, background-color 150ms;
197 } 201 }
198 202
199 .page-switcher:hover { 203 .page-switcher:hover {
200 background-color: rgba(0, 0, 0, 0.2); 204 background-color: rgba(0, 0, 0, 0.2);
201 } 205 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698