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

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

Issue 10200015: [cros] Button focus polishing on the login screen. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Merge Created 8 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/header_bar.html » ('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 (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 5
6 #login-header-bar { 6 #login-header-bar {
7 -webkit-padding-after: 7px;
7 bottom: 0; 8 bottom: 0;
8 left: 0; 9 left: 0;
9 position: absolute; 10 position: absolute;
10 } 11 }
11 12
12 #login-header-bar button, 13 #login-header-bar button,
13 #login-header-bar button:active, 14 #login-header-bar button:active,
14 #login-header-bar button:focus, 15 #login-header-bar button:focus,
15 #login-header-bar button:hover { 16 #login-header-bar button:hover {
16 -webkit-box-shadow: none; 17 -webkit-box-shadow: none;
17 background: transparent none; 18 background: transparent none;
18 border: 0;
19 cursor: pointer; 19 cursor: pointer;
20 height: 34px; 20 height: 34px;
21 margin: 0; 21 margin: 0;
22 min-width: 0; 22 min-width: 0;
23 opacity: 0.6; 23 opacity: 0.6;
24 padding: 5px 0; 24 padding: 5px 8px;
25 vertical-align: middle; 25 vertical-align: middle;
26 } 26 }
27 27
28 .header-bar-item { 28 .header-bar-item {
29 -webkit-padding-start: 15px; 29 -webkit-padding-start: 15px;
30 background-image: url('chrome://theme/IDR_DIVIDER_VERT'); 30 background-image: url('chrome://theme/IDR_DIVIDER_VERT');
31 background-position: left center; 31 background-position: -2px center;
32 background-repeat: no-repeat; 32 background-repeat: no-repeat;
33 display: inline-block; 33 display: inline-block;
34 height: 34px; 34 height: 34px;
35 } 35 }
36 36
37 #shutdown-header-bar-item { 37 html[dir=rtl] .header-bar-item {
38 -webkit-padding-after: 7px; 38 background-position: right center;
39 -webkit-padding-start: 9px;
40 cursor: pointer;
41 display: inline-block;
42 height: 34px;
43 } 39 }
44 40
45 #login-header-bar #shutdown-button { 41 .header-bar-item:first-child {
42 -webkit-padding-start: 9px;
43 background: none;
44 }
45
46 #login-header-bar #shutdown-button,
47 #login-header-bar #add-user-button {
46 -webkit-padding-start: 24px; 48 -webkit-padding-start: 24px;
47 background-image: url('chrome://theme/IDR_ICON_POWER24');
48 background-position: left center; 49 background-position: left center;
49 background-repeat: no-repeat; 50 background-repeat: no-repeat;
50 } 51 }
51 52
52 #login-header-bar #add-user-button {
53 -webkit-padding-start: 24px;
54 background-image: url('chrome://theme/IDR_ICON_ADD_USER24');
55 background-position: left center;
56 background-repeat: no-repeat;
57 }
58
59 html[dir=rtl] .header-bar-item,
60 html[dir=rtl] #login-header-bar #shutdown-button, 53 html[dir=rtl] #login-header-bar #shutdown-button,
61 html[dir=rtl] #login-header-bar #add-user-button { 54 html[dir=rtl] #login-header-bar #add-user-button {
62 background-position: right center; 55 background-position: right center;
63 } 56 }
57
58 #login-header-bar #shutdown-button {
59 background-image: url('chrome://theme/IDR_ICON_POWER24');
60 }
61
62 #login-header-bar #add-user-button {
63 background-image: url('chrome://theme/IDR_ICON_ADD_USER24');
64 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/header_bar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698