| OLD | NEW |
| 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-start: 15px; |
| 7 border-bottom: 3px solid black; | 8 border-bottom: 3px solid black; |
| 8 bottom: 0; | 9 bottom: 0; |
| 9 left: 0; | 10 left: 0; |
| 10 padding-bottom: 7px; | 11 padding-bottom: 7px; |
| 11 position: absolute; | 12 position: absolute; |
| 12 right: 0; | 13 right: 0; |
| 13 } | 14 } |
| 14 | 15 |
| 15 #login-header-bar { | 16 #login-header-bar { |
| 16 /* Using copy of Ash launcher background with 0.8 opacity applied to it. | 17 /* Using copy of Ash launcher background with 0.8 opacity applied to it. |
| (...skipping 12 matching lines...) Expand all Loading... |
| 29 html[screen=lock] .login-header-bar-animate-fast, | 30 html[screen=lock] .login-header-bar-animate-fast, |
| 30 html[screen=oobe] .login-header-bar-animate-fast { | 31 html[screen=oobe] .login-header-bar-animate-fast { |
| 31 -webkit-transition: opacity 200ms ease-out; | 32 -webkit-transition: opacity 200ms ease-out; |
| 32 } | 33 } |
| 33 | 34 |
| 34 html[screen=lock] .login-header-bar-animate-slow, | 35 html[screen=lock] .login-header-bar-animate-slow, |
| 35 html[screen=oobe] .login-header-bar-animate-slow { | 36 html[screen=oobe] .login-header-bar-animate-slow { |
| 36 -webkit-transition: opacity 2s ease-out; | 37 -webkit-transition: opacity 2s ease-out; |
| 37 } | 38 } |
| 38 | 39 |
| 39 .header-bar-item:first-child { | |
| 40 -webkit-padding-start: 15px; | |
| 41 } | |
| 42 | |
| 43 #login-header-bar button, | 40 #login-header-bar button, |
| 44 #login-header-bar button:active, | 41 #login-header-bar button:active, |
| 45 #login-header-bar button:focus, | 42 #login-header-bar button:focus, |
| 46 #login-header-bar button:hover { | 43 #login-header-bar button:hover { |
| 47 background: transparent none; | 44 background: transparent none; |
| 48 box-shadow: none; | 45 box-shadow: none; |
| 49 cursor: pointer; | 46 cursor: pointer; |
| 50 height: 34px; | 47 height: 34px; |
| 51 margin: 0; | 48 margin: 0; |
| 52 min-width: 0; | 49 min-width: 0; |
| (...skipping 13 matching lines...) Expand all Loading... |
| 66 .header-bar-item { | 63 .header-bar-item { |
| 67 display: inline-block; | 64 display: inline-block; |
| 68 height: 34px; | 65 height: 34px; |
| 69 } | 66 } |
| 70 | 67 |
| 71 html[dir=rtl] .header-bar-item { | 68 html[dir=rtl] .header-bar-item { |
| 72 background-position: right center; | 69 background-position: right center; |
| 73 } | 70 } |
| 74 | 71 |
| 75 #login-header-bar #shutdown-button, | 72 #login-header-bar #shutdown-button, |
| 73 #login-header-bar #restart-button, |
| 76 #login-header-bar #add-user-button, | 74 #login-header-bar #add-user-button, |
| 77 #login-header-bar #guest-user-button, | 75 #login-header-bar #guest-user-button, |
| 78 #login-header-bar #cancel-multiple-sign-in-button { | 76 #login-header-bar #cancel-multiple-sign-in-button { |
| 79 -webkit-padding-start: 24px; | 77 -webkit-padding-start: 24px; |
| 80 background-position: left center; | 78 background-position: left center; |
| 81 background-repeat: no-repeat; | 79 background-repeat: no-repeat; |
| 82 background-size: 24px; | 80 background-size: 24px; |
| 83 } | 81 } |
| 84 | 82 |
| 85 html[dir=rtl] #login-header-bar #shutdown-button, | 83 html[dir=rtl] #login-header-bar #shutdown-button, |
| 84 html[dir=rtl] #login-header-bar #restart-button, |
| 86 html[dir=rtl] #login-header-bar #add-user-button, | 85 html[dir=rtl] #login-header-bar #add-user-button, |
| 87 html[dir=rtl] #login-header-bar #guest-user-button, | 86 html[dir=rtl] #login-header-bar #guest-user-button, |
| 88 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button { | 87 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button { |
| 89 background-position: right center; | 88 background-position: right center; |
| 90 } | 89 } |
| 91 | 90 |
| 92 #login-header-bar #shutdown-button { | 91 #login-header-bar #shutdown-button { |
| 93 background-image: url(chrome://theme/IDR_ICON_POWER_WHITE); | 92 background-image: url(chrome://theme/IDR_ICON_POWER_WHITE); |
| 94 } | 93 } |
| 95 | 94 |
| 95 #login-header-bar #restart-button { |
| 96 background-image: url(chrome://theme/IDR_ICON_POWER_WHITE); |
| 97 } |
| 98 |
| 96 #login-header-bar #add-user-button { | 99 #login-header-bar #add-user-button { |
| 97 background-image: url(chrome://theme/IDR_ICON_ADD_USER_WHITE); | 100 background-image: url(chrome://theme/IDR_ICON_ADD_USER_WHITE); |
| 98 } | 101 } |
| 99 | 102 |
| 100 #login-header-bar #guest-user-button { | 103 #login-header-bar #guest-user-button { |
| 101 background-image: url(chrome://theme/IDR_ICON_GUEST_WHITE); | 104 background-image: url(chrome://theme/IDR_ICON_GUEST_WHITE); |
| 102 } | 105 } |
| 103 | 106 |
| 104 #login-header-bar #cancel-multiple-sign-in-button { | 107 #login-header-bar #cancel-multiple-sign-in-button { |
| 105 /* TODO(dzhioev): replace with appropriate image when possible. */ | 108 /* TODO(dzhioev): replace with appropriate image when possible. */ |
| 106 background-image: url(chrome://theme/IDR_PANEL_CLOSE); | 109 background-image: url(chrome://theme/IDR_PANEL_CLOSE); |
| 107 } | 110 } |
| 108 | 111 |
| 109 .button-restricted { | 112 .button-restricted { |
| 110 border: 1px solid transparent; | 113 border: 1px solid transparent; |
| 111 color: white !important; | 114 color: white !important; |
| 112 opacity: 0.4 !important; | 115 opacity: 0.4 !important; |
| 113 } | 116 } |
| OLD | NEW |