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

Side by Side Diff: chrome/browser/resources/local_ntp/local_ntp.css

Issue 15848006: Make the Most Visited tile focus state more apparent to match the online NTP. (Closed) Base URL: https://git.chromium.org/chromium/src.git@master
Patch Set: Created 7 years, 6 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
« no previous file with comments | « no previous file | chrome/browser/resources/local_ntp/local_ntp.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 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 body { 4 body {
5 background-attachment: fixed !important; 5 background-attachment: fixed !important;
6 background-color: white; 6 background-color: white;
7 cursor: default; 7 cursor: default;
8 font-family: arial, sans-serif; 8 font-family: arial, sans-serif;
9 margin: 0; 9 margin: 0;
10 overflow-x: hidden; 10 overflow-x: hidden;
(...skipping 224 matching lines...) Expand 10 before | Expand all | Expand 10 after
235 border: 1px solid #c0c0c0; 235 border: 1px solid #c0c0c0;
236 cursor: pointer; 236 cursor: pointer;
237 outline: none; 237 outline: none;
238 } 238 }
239 239
240 .mv-page-ready:hover, 240 .mv-page-ready:hover,
241 .mv-page-ready:focus { 241 .mv-page-ready:focus {
242 border-color: #7f7f7f 242 border-color: #7f7f7f
243 } 243 }
244 244
245 .mv-thumb { 245 .mv-thumb,
246 .mv-mask {
246 border: none; 247 border: none;
247 cursor: pointer; 248 cursor: pointer;
248 height: 83px; 249 height: 83px;
249 left: 0; 250 left: 0;
250 position: absolute; 251 position: absolute;
251 top: 0; 252 top: 0;
252 width: 138px; 253 width: 138px;
253 } 254 }
254 255
255 .mv-title { 256 .mv-title {
256 border: none; 257 border: none;
257 bottom: -28px; 258 bottom: -28px;
258 height: 18px; 259 height: 18px;
259 left: 0; 260 left: 0;
260 position: absolute; 261 position: absolute;
261 width: 140px; 262 width: 140px;
262 } 263 }
263 264
265 .mv-mask {
266 opacity: 0.35;
267 }
268
269 .mv-page:focus .mv-mask {
270 -webkit-transition: background-color 100ms ease-in-out;
271 background: -webkit-linear-gradient(rgba(255, 255, 255, 0),
272 rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.9));
273 background-color: black;
274 }
275
264 .mv-x-hide .mv-x { 276 .mv-x-hide .mv-x {
265 display: none; 277 display: none;
266 } 278 }
267 279
268 /* An X button to blacklist a tile or hide the notification. */ 280 /* An X button to blacklist a tile or hide the notification. */
269 .mv-x { 281 .mv-x {
270 background: transparent url(images/close_2.png); 282 background: transparent url(images/close_2.png);
271 border: none; 283 border: none;
272 cursor: default; 284 cursor: default;
273 height: 16px; 285 height: 16px;
(...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after
418 -webkit-user-select: none; 430 -webkit-user-select: none;
419 border: none; 431 border: none;
420 height: 22px; 432 height: 22px;
421 overflow: hidden; 433 overflow: hidden;
422 position: absolute; 434 position: absolute;
423 } 435 }
424 436
425 #pending-suggestions-container { 437 #pending-suggestions-container {
426 display: none; 438 display: none;
427 } 439 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/local_ntp/local_ntp.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698