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

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

Issue 1965913005: ChromeOS: Implement minumal material design OOBE. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2016 The Chromium Authors. All rights reserved.
jdufault 2016/05/11 22:07:43 Leave copyright the same.
Alexander Alekseev 2016/05/13 20:52:34 This is new file. Are you sure we need 2015 here?
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 :host { 6 :host {
7 display: flex; 7 display: flex;
8 flex-direction: column; 8 flex-direction: column;
9 position: relative; 9 position: relative;
10 } 10 }
11 11
12 .gaia-header { 12 .oobe-header {
13 background-color: var(--google-blue-500); 13 background-color: var(--google-blue-500);
14 color: white; 14 color: white;
15 height: 198px; 15 height: 198px;
16 } 16 }
17 17
18 :host(:not(.disabled)) .gaia-header { 18 :host(:not(.disabled)) .oobe-header {
19 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17); 19 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
20 /* z-index is needed to make shadow visible. */ 20 /* z-index is needed to make shadow visible. */
21 z-index: 1; 21 z-index: 1;
22 } 22 }
23 23
24 .gaia-footer { 24 .oobe-footer {
25 background-color: white; 25 background-color: white;
26 } 26 }
27 27
28 .gaia-footer { 28 .oobe-footer {
29 position: relative; 29 position: relative;
30 } 30 }
31 31
32 .header-container { 32 .header-container {
33 padding: 50px 40px 18px; 33 padding: 50px 40px 18px;
34 } 34 }
35 35
36 .footer-container { 36 .footer-container {
37 padding: 24px 40px 34px; 37 padding: 24px 40px 34px;
38 } 38 }
39 39
40 ::content div.gaia-body-text { 40 ::content div.oobe-body-text {
41 margin-bottom: 24px; 41 margin-bottom: 24px;
42 } 42 }
43 43
44 ::content div.gaia-body-text p { 44 ::content div.oobe-body-text p {
45 color: rgba(0, 0, 0, 0.87); 45 color: rgba(0, 0, 0, 0.87);
46 font-size: 14px; 46 font-size: 14px;
47 line-height: 20px; 47 line-height: 20px;
48 margin: 0; 48 margin: 0;
49 } 49 }
50 50
51 ::content p.enterprise-info {
52 color: white;
53 font-size: 15px;
54 margin: 8px 0 0 0;
55 }
56
57 ::content h1.welcome-message { 51 ::content h1.welcome-message {
58 color: white; 52 color: white;
59 font-size: 20px; 53 font-size: 20px;
60 font-weight: normal; 54 font-weight: normal;
61 margin-bottom: 0; 55 margin-bottom: 0;
62 } 56 }
63 57
64 .overlay { 58 .overlay {
65 background-color: rgba(0, 0, 0, 0.5); 59 background-color: rgba(0, 0, 0, 0.5);
66 display: none; 60 display: none;
67 height: 100%; 61 height: 100%;
68 position: absolute; 62 position: absolute;
69 right: 0; 63 right: 0;
70 top: 0; 64 top: 0;
71 width: 100%; 65 width: 100%;
72 z-index: 11; 66 z-index: 11;
73 } 67 }
74 68
75 paper-progress#progress-bar {
76 --paper-progress-active-color: var(--google-yellow-500);
77 --paper-progress-container-color: var(--google-yellow-100);
78 bottom: 0;
79 display: none;
80 height: 3px;
81 position: absolute;
82 width: 100%;
83 }
84
85 :host(.full-disabled) #full-overlay, 69 :host(.full-disabled) #full-overlay,
86 :host(.disabled) #bottom-overlay, 70 :host(.disabled) #bottom-overlay,
87 :host(.disabled) #progress-bar {
88 display: block;
89 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698