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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe.css

Issue 10376003: Improve accessibility of user image selection screen. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Added child selector to css and updated image indices to match change from ivankr Created 8 years, 4 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 * This is the stylesheet used by the Out of the box experience (OOBE) flow, 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow,
6 * sign in and lock screens. 6 * sign in and lock screens.
7 */ 7 */
8 8
9 html, 9 html,
10 body { 10 body {
(...skipping 461 matching lines...) Expand 10 before | Expand all | Expand 10 after
472 width: 400px; 472 width: 400px;
473 } 473 }
474 474
475 #user-image-grid img { 475 #user-image-grid img {
476 background-color: white; 476 background-color: white;
477 height: 50px; 477 height: 50px;
478 vertical-align: middle; 478 vertical-align: middle;
479 width: 50px; 479 width: 50px;
480 } 480 }
481 481
482 #user-image-grid [role=listitem] { 482 #user-image-grid li {
Ivan Korotkov 2012/08/03 23:19:37 You forgot >
dmazzoni 2012/08/03 23:32:49 Oops, fixed. Thanks.
483 border: 1px solid rgba(0, 0, 0, 0.15); 483 border: 1px solid rgba(0, 0, 0, 0.15);
484 border-radius: 4px; 484 border-radius: 4px;
485 display: inline-block; 485 display: inline-block;
486 margin: 4px; 486 margin: 4px;
487 padding: 3px; 487 padding: 3px;
488 } 488 }
489 489
490 #user-image-grid [selected] { 490 #user-image-grid [selected] {
491 border: 2px solid rgb(0, 102, 204); 491 border: 2px solid rgb(0, 102, 204);
492 padding: 2px; 492 padding: 2px;
(...skipping 768 matching lines...) Expand 10 before | Expand all | Expand 10 after
1261 width: 100%; 1261 width: 100%;
1262 } 1262 }
1263 1263
1264 .background-initial { 1264 .background-initial {
1265 opacity: 0; 1265 opacity: 0;
1266 } 1266 }
1267 1267
1268 .background-final { 1268 .background-final {
1269 opacity: 1; 1269 opacity: 1;
1270 } 1270 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698