Update V8 to version 4.7.16.
[chromium-blink-merge.git] / ui / login / screen_container.css
blob2b415bffe8055dd3f1b0fc4c44292674e7bdeadb
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
3 * found in the LICENSE file.
4 */
6 #outer-container {
7 -webkit-box-align: center;
8 -webkit-box-pack: center;
9 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */
10 bottom: 51px; /* Leave space for the header bar */
11 display: -webkit-box;
12 left: 0;
13 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */
14 position: absolute;
15 right: 0;
16 top: 0;
19 .oobe-display #outer-container {
20 -webkit-perspective: 600px;
23 #scroll-container {
24 bottom: 0; /* Allows content overlap with control bar. */
25 left: 0;
26 overflow-x: hidden;
27 overflow-y: auto;
28 position: absolute;
29 right: 0;
30 top: 0;
33 #scroll-container::-webkit-scrollbar {
34 display: none;
37 #inner-container {
38 border-radius: 2px;
39 padding: 0;
40 position: relative;
43 #inner-container.animation {
44 overflow: hidden;
47 #inner-container.disabled {
48 opacity: 0.4;
49 pointer-events: none;
52 /* Screens that have a border and background. */
53 #oobe.auto-enrollment-check #inner-container,
54 #oobe.autolaunch #inner-container,
55 #oobe.confirm-password #inner-container,
56 #oobe.connect #inner-container,
57 #oobe.debugging #inner-container,
58 #oobe.enrollment #inner-container,
59 #oobe.eula #inner-container,
60 #oobe.fatal-error #inner-container,
61 #oobe.gaia-signin #inner-container,
62 #oobe.hid-detection #inner-container,
63 #oobe.kiosk-enable #inner-container,
64 #oobe.oauth-enrollment #inner-container,
65 #oobe.password-changed #inner-container,
66 #oobe.reset #inner-container,
67 #oobe.supervised-user-creation #inner-container,
68 #oobe.supervised-user-creation-dialog #inner-container,
69 #oobe.terms-of-service #inner-container,
70 #oobe.update #inner-container,
71 #oobe.user-image #inner-container,
72 #oobe.wrong-hwid #inner-container {
73 background: white;
74 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
75 0 4px 23px 5px rgba(0, 0, 0, 0.2),
76 0 2px 6px rgba(0, 0, 0, 0.15);
79 #oobe.error-message #inner-container,
80 #oobe.tpm-error-message #inner-container {
81 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
82 0 4px 23px 5px rgba(0, 0, 0, 0.2),
83 0 2px 6px rgba(0, 0, 0, 0.15);
87 /* Only play this animation when 'down' class is removed. */
88 .oobe-display #inner-container:not(.down) {
89 -webkit-transition: -webkit-transform 200ms ease-in-out;
92 .oobe-display #inner-container.down {
93 -webkit-transform: translateY(50px) rotateX(-2.5deg);
96 #step-logo {
97 -webkit-margin-start: 17px;
98 display: -webkit-box;
99 position: absolute;
100 top: 15px;
103 #progress-dots {
104 -webkit-box-pack: center;
105 -webkit-transition: opacity 200ms ease-in-out,
106 visibility 200ms ease-in-out;
107 display: -webkit-box;
108 margin-top: 15px;
111 /* Hidden for the duration of initial transition. */
112 .oobe-display #progress-dots.down {
113 visibility: hidden;
116 .progdot {
117 -webkit-margin-end: 12px;
118 background: white;
119 height: 10px;
120 opacity: 0.4;
121 width: 10px;
124 .progdot-active {
125 opacity: 0.5;
128 #account-picker-dot,
129 #app-launch-splash-dot,
130 #auto-enrollment-check-dot,
131 #autolaunch-dot,
132 #confirm-password-dot,
133 #controller-pairing-dot,
134 #debugging-dot,
135 #device-disabled-dot,
136 #enrollment-dot,
137 #error-message-dot,
138 #fatal-error-dot,
139 #hid-detection-dot,
140 #host-pairing-dot,
141 #kiosk-enable-dot,
142 #oauth-enrollment-dot,
143 #password-changed-dot,
144 #reset-dot,
145 #supervised-user-creation-dialog-dot,
146 #supervised-user-creation-dot,
147 #terms-of-service-dot,
148 #tpm-error-message-dot,
149 #wrong-hwid-dot {
150 display: none;
153 #oobe.connect #connect-dot,
154 #oobe.enrollment #gaia-signin-dot,
155 #oobe.enrollment #signin-dot,
156 #oobe.eula #eula-dot,
157 #oobe.gaia-signin #gaia-signin-dot,
158 #oobe.oauth-enrollment #gaia-signin-dot,
159 #oobe.oauth-enrollment #signin-dot,
160 #oobe.signin #signin-dot,
161 #oobe.update #update-dot,
162 #oobe.user-image #user-image-dot {
163 opacity: 1;
166 #oobe.debugging #progress-dots,
167 #oobe.reset #progress-dots,
168 #oobe.host-pairing #progress-dots,
169 #oobe.controller-pairing #progress-dots {
170 visibility: hidden;
173 body:not(.oobe-display) #inner-container {
174 height: 262px;
175 padding: 0;
176 width: 1100px;
179 body:not(.oobe-display) #progress-dots,
180 #inner-container.new-gaia-flow + #progress-dots {
181 display: none;
184 #outer-container.fullscreen,
185 #outer-container.fullscreen #oobe,
186 #outer-container.fullscreen #oobe #inner-container {
187 height: 100%;
188 width: 100%;
191 html[build=chrome] #header-sections {
192 -webkit-margin-start: -48px;
193 margin-top: -1px;
196 html[build=chromium] #header-sections {
197 -webkit-margin-start: 5px;
198 margin-top: -1px;
201 .header-section {
202 color: rgb(119, 120, 123); /* Should matching text color of the logo. */
203 display: none;
204 font-size: 23px;
205 line-height: 31px;
206 text-transform: lowercase;
207 width: 23em;
210 .header-section::before {
211 /* Divider in header between product name and title,
212 * like "[Product name] > [step header]". */
213 content: '\00A0\203A\00A0\00A0';