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

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

Issue 12634025: Inconsistent use of [x] close panel icon (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_173251
Patch Set: Created 7 years, 9 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
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 html { 5 html {
6 /* It's necessary to put this here instead of in body in order to get the 6 /* It's necessary to put this here instead of in body in order to get the
7 background-size of 100% to work properly */ 7 background-size of 100% to work properly */
8 height: 100%; 8 height: 100%;
9 overflow: hidden; 9 overflow: hidden;
10 } 10 }
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
73 #notification .close-button { 73 #notification .close-button {
74 -webkit-margin-start: 8px; /* Matching value in TilePage#repositionTile_. */ 74 -webkit-margin-start: 8px; /* Matching value in TilePage#repositionTile_. */
75 vertical-align: top; 75 vertical-align: top;
76 } 76 }
77 77
78 .close-button { 78 .close-button {
79 background: no-repeat; 79 background: no-repeat;
80 background-color: transparent; 80 background-color: transparent;
81 /* TODO(estade): this should animate between states. */ 81 /* TODO(estade): this should animate between states. */
82 background-image: -webkit-image-set( 82 background-image: -webkit-image-set(
83 url('../../../../ui/resources/default_100_percent/close_bar.png') 1x, 83 url('../../../../ui/resources/default_100_percent/button_close_2_normal.png')
84 url('../../../../ui/resources/default_200_percent/close_bar.png') 2x); 84 1x,
85 url('../../../../ui/resources/default_200_percent/button_close_2_normal.png')
86 2x);
85 border: 0; 87 border: 0;
86 cursor: default; 88 cursor: default;
87 display: inline-block; 89 display: inline-block;
88 height: 16px; 90 height: 16px;
89 padding: 0; 91 padding: 0;
90 width: 16px; 92 width: 16px;
91 } 93 }
92 94
93 .close-button:hover, 95 .close-button:hover,
94 .close-button:focus { 96 .close-button:focus {
95 background-image: -webkit-image-set( 97 background-image: -webkit-image-set(
96 url('../../../../ui/resources/default_100_percent/close_bar_hover.png') 98 url('../../../../ui/resources/default_100_percent/button_close_2_hover.png')
97 1x, 99 1x,
98 url('../../../../ui/resources/default_200_percent/close_bar_hover.png') 100 url('../../../../ui/resources/default_200_percent/button_close_2_hover.png')
99 2x); 101 2x);
100 } 102 }
101 103
102 .close-button:active { 104 .close-button:active {
103 background-image: -webkit-image-set( 105 background-image: -webkit-image-set(
104 url('../../../../ui/resources/default_100_percent/close_bar_pressed.png') 106 url('../../../../ui/resources/default_100_percent/button_close_2_pressed.png')
105 1x, 107 1x,
106 url('../../../../ui/resources/default_200_percent/close_bar_pressed.png') 108 url('../../../../ui/resources/default_200_percent/button_close_2_pressed.png')
107 2x); 109 2x);
108 } 110 }
109 111
110 .link-button { 112 .link-button {
111 -webkit-margin-start: 0.5em; 113 -webkit-margin-start: 0.5em;
112 } 114 }
113 115
114 #card-slider-frame { 116 #card-slider-frame {
115 /* Must match #footer height. */ 117 /* Must match #footer height. */
116 bottom: 50px; 118 bottom: 50px;
117 overflow: hidden; 119 overflow: hidden;
(...skipping 352 matching lines...) Expand 10 before | Expand all | Expand 10 after
470 padding: 0; 472 padding: 0;
471 } 473 }
472 474
473 .other-sessions-promo-message:only-child { 475 .other-sessions-promo-message:only-child {
474 display: block; 476 display: block;
475 } 477 }
476 478
477 .other-sessions-promo-message p { 479 .other-sessions-promo-message p {
478 margin: 0; 480 margin: 0;
479 } 481 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698