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

Side by Side Diff: ui/login/md_screen_container.css

Issue 2931063004: Extract colors from wallpaper and dynamically update login screen overlay (Closed)
Patch Set: Will clean up this CL when crbug.com/733709 is fixed Created 3 years, 6 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
« no previous file with comments | « ui/login/account_picker/md_user_pod_row.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 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 #outer-container { 6 #outer-container {
7 -webkit-box-align: center; 7 -webkit-box-align: center;
8 -webkit-box-pack: center; 8 -webkit-box-pack: center;
9 bottom: 57px; /* Leave space for the header bar */ 9 bottom: 57px; /* Leave space for the header bar */
10 display: -webkit-box; 10 display: -webkit-box;
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
57 #inner-container.animation { 57 #inner-container.animation {
58 overflow: hidden; 58 overflow: hidden;
59 } 59 }
60 60
61 #inner-container.disabled { 61 #inner-container.disabled {
62 opacity: 0.4; 62 opacity: 0.4;
63 pointer-events: none; 63 pointer-events: none;
64 } 64 }
65 65
66 #login-shield { 66 #login-shield {
67 background-color: rgba(20, 29, 40, .8); /* #141D28 80% */ 67 background-color: rgba(0, 0, 0, 0.6);
68 display: block; 68 display: block;
69 height: 100%; 69 height: 100%;
70 left: 0; 70 left: 0;
71 position: absolute; 71 position: absolute;
72 top: 0; 72 top: 0;
73 width: 100%; 73 width: 100%;
74 } 74 }
75 75
76 #oobe[md-mode] #progress-dots { 76 #oobe[md-mode] #progress-dots {
77 display: none; 77 display: none;
(...skipping 157 matching lines...) Expand 10 before | Expand all | Expand 10 after
235 line-height: 31px; 235 line-height: 31px;
236 text-transform: lowercase; 236 text-transform: lowercase;
237 width: 23em; 237 width: 23em;
238 } 238 }
239 239
240 .header-section::before { 240 .header-section::before {
241 /* Divider in header between product name and title, 241 /* Divider in header between product name and title,
242 * like "[Product name] > [step header]". */ 242 * like "[Product name] > [step header]". */
243 content: '\00A0\203A\00A0\00A0'; 243 content: '\00A0\203A\00A0\00A0';
244 } 244 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/md_user_pod_row.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698