| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 body { |
| 6 background-color: #eee; |
| 7 } |
| 5 | 8 |
| 6 /* Overrides for the desktop user manager screen. */ | 9 /* Overrides for the desktop user manager screen. */ |
| 7 | 10 |
| 8 .oobe-display { | |
| 9 background-color: #eee; | |
| 10 } | |
| 11 | |
| 12 #outer-container { | 11 #outer-container { |
| 13 min-height: 0; | 12 min-height: 0; |
| 14 } | 13 } |
| 15 | 14 |
| 16 .bubble.faded { | 15 .bubble.faded { |
| 17 opacity: 0; | 16 opacity: 0; |
| 18 } | 17 } |
| 19 | 18 |
| 20 .pod { | 19 .pod { |
| 21 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); | 20 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 108 | 107 |
| 109 /* Using -webkit-mask on the indicators allows us to tweak the color. */ | 108 /* Using -webkit-mask on the indicators allows us to tweak the color. */ |
| 110 .pod .indicator-container > div { | 109 .pod .indicator-container > div { |
| 111 -webkit-mask-position: center; | 110 -webkit-mask-position: center; |
| 112 -webkit-mask-repeat: no-repeat; | 111 -webkit-mask-repeat: no-repeat; |
| 113 -webkit-mask-size: 24px; | 112 -webkit-mask-size: 24px; |
| 114 } | 113 } |
| 115 | 114 |
| 116 .pod.locked .locked-indicator { | 115 .pod.locked .locked-indicator { |
| 117 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); | 116 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); |
| 118 background-color: #757575; | 117 background-color: var(--paper-grey-600); |
| 119 display: initial; | 118 display: initial; |
| 120 } | 119 } |
| 121 | 120 |
| 122 .pod.legacy-supervised .legacy-supervised-indicator { | 121 .pod.legacy-supervised .legacy-supervised-indicator { |
| 123 -webkit-mask-image: | 122 -webkit-mask-image: |
| 124 url(../../../../ui/webui/resources/images/supervisor_account.svg); | 123 url(../../../../ui/webui/resources/images/supervisor_account.svg); |
| 125 background-color: rgb(66, 133, 244); | 124 background-color: var(--google-blue-500); |
| 126 display: initial; | 125 display: initial; |
| 127 } | 126 } |
| 128 | 127 |
| 129 .pod.child .child-indicator { | 128 .pod.child .child-indicator { |
| 130 -webkit-mask-image: | 129 -webkit-mask-image: |
| 131 url(../../../../ui/webui/resources/images/account_child_invert.svg); | 130 url(../../../../ui/webui/resources/images/account_child_invert.svg); |
| 132 background-color: rgb(66, 133, 244); | 131 background-color: var(--google-blue-500); |
| 133 display: initial; | 132 display: initial; |
| 134 } | 133 } |
| 135 | 134 |
| 136 .main-pane { | 135 .main-pane { |
| 137 left: 0; | 136 left: 0; |
| 138 top: 0; | 137 top: 0; |
| 139 } | 138 } |
| 140 | 139 |
| 141 html[dir=rtl] .main-pane { | 140 html[dir=rtl] .main-pane { |
| 142 right: 0; | 141 right: 0; |
| 143 } | 142 } |
| 144 | 143 |
| 145 .name-container, | 144 .name-container, |
| 146 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { | 145 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { |
| 147 top: 180px; | 146 top: 180px; |
| 148 width: 180px; | 147 width: 180px; |
| 149 } | 148 } |
| 150 | 149 |
| 151 .pod.focused:not(.locked) .name-container { | 150 .pod.focused:not(.locked) .name-container { |
| 152 display: block; | 151 display: block; |
| 153 } | 152 } |
| 154 | 153 |
| 155 .pod .name { | 154 .pod .name { |
| 156 color: #363636; | 155 color: var(--paper-grey-800); |
| 157 font-size: 15px; | 156 font-size: 15px; |
| 158 margin-top: 11px; | 157 margin-top: 11px; |
| 159 } | 158 } |
| 160 | 159 |
| 161 .pod.focused:not(.locked) .auth-container { | 160 .pod.focused:not(.locked) .auth-container { |
| 162 display: none; | 161 display: none; |
| 163 } | 162 } |
| 164 | 163 |
| 165 .pod[auth-type='offlinePassword'].focused.locked .password-entry-container { | 164 .pod[auth-type='offlinePassword'].focused.locked .password-entry-container { |
| 166 display: flex; | 165 display: flex; |
| 167 flex: auto; | 166 flex: auto; |
| 168 } | 167 } |
| 169 | 168 |
| 170 .action-box-area { | 169 .action-box-area { |
| 171 background-color: #f5f5f5; | 170 background-color: var(--google-grey-100); |
| 172 height: 24px; | 171 height: 24px; |
| 173 /* Because of crbug.com/406529, the text in the .name div is janky if there's | 172 /* Because of crbug.com/406529, the text in the .name div is janky if there's |
| 174 an opacity transition in this div. */ | 173 an opacity transition in this div. */ |
| 175 transition: none; | 174 transition: none; |
| 176 width: 24px; | 175 width: 24px; |
| 177 } | 176 } |
| 178 | 177 |
| 179 .action-box-button, | 178 .action-box-button, |
| 180 .action-box-button:hover, | 179 .action-box-button:hover, |
| 181 .action-box-area.active .action-box-button { | 180 .action-box-area.active .action-box-button { |
| (...skipping 17 matching lines...) Expand all Loading... |
| 199 .action-box-remove-user-warning .remove-warning-button { | 198 .action-box-remove-user-warning .remove-warning-button { |
| 200 height: 30px; | 199 height: 30px; |
| 201 } | 200 } |
| 202 | 201 |
| 203 .action-box-remove-user-warning .remove-warning-button:focus { | 202 .action-box-remove-user-warning .remove-warning-button:focus { |
| 204 /* Override the default blue border inherited from | 203 /* Override the default blue border inherited from |
| 205 button.custom-appearance:focus. */ | 204 button.custom-appearance:focus. */ |
| 206 border: 1px solid transparent !important; | 205 border: 1px solid transparent !important; |
| 207 box-shadow: inset 0 0 0 1px #fff; | 206 box-shadow: inset 0 0 0 1px #fff; |
| 208 } | 207 } |
| OLD | NEW |