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

Side by Side Diff: chrome/browser/resources/md_user_manager/user_manager.css

Issue 1842703004: Revert "MD user manager (learn more page, user manager tutorial)" (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 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
OLDNEW
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698