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

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

Issue 12703039: Inconsistent use of [x] close panel icon. Code changes. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Added recently added local NTP file. Created 7 years, 8 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/close_2.png') 1x,
84 url('../../../../ui/resources/default_200_percent/close_bar.png') 2x); 84 url('../../../../ui/resources/default_200_percent/close_2.png') 2x);
85 border: 0; 85 border: 0;
86 cursor: default; 86 cursor: default;
87 display: inline-block; 87 display: inline-block;
88 height: 16px; 88 height: 16px;
89 padding: 0; 89 padding: 0;
90 width: 16px; 90 width: 16px;
91 } 91 }
92 92
93 .close-button:hover, 93 .close-button:hover,
94 .close-button:focus { 94 .close-button:focus {
95 background-image: -webkit-image-set( 95 background-image: -webkit-image-set(
96 url('../../../../ui/resources/default_100_percent/close_bar_hover.png') 96 url('../../../../ui/resources/default_100_percent/close_2_hover.png') 1x,
97 1x, 97 url('../../../../ui/resources/default_200_percent/close_2_hover.png') 2x);
98 url('../../../../ui/resources/default_200_percent/close_bar_hover.png')
99 2x);
100 } 98 }
101 99
102 .close-button:active { 100 .close-button:active {
103 background-image: -webkit-image-set( 101 background-image: -webkit-image-set(
104 url('../../../../ui/resources/default_100_percent/close_bar_pressed.png') 102 url('../../../../ui/resources/default_100_percent/close_2_pressed.png')
105 1x, 103 1x,
106 url('../../../../ui/resources/default_200_percent/close_bar_pressed.png') 104 url('../../../../ui/resources/default_200_percent/close_2_pressed.png')
107 2x); 105 2x);
108 } 106 }
109 107
110 .link-button { 108 .link-button {
111 -webkit-margin-start: 0.5em; 109 -webkit-margin-start: 0.5em;
112 } 110 }
113 111
114 #card-slider-frame { 112 #card-slider-frame {
115 /* Must match #footer height. */ 113 /* Must match #footer height. */
116 bottom: 50px; 114 bottom: 50px;
(...skipping 353 matching lines...) Expand 10 before | Expand all | Expand 10 after
470 padding: 0; 468 padding: 0;
471 } 469 }
472 470
473 .other-sessions-promo-message:only-child { 471 .other-sessions-promo-message:only-child {
474 display: block; 472 display: block;
475 } 473 }
476 474
477 .other-sessions-promo-message p { 475 .other-sessions-promo-message p {
478 margin: 0; 476 margin: 0;
479 } 477 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698