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

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

Issue 22914008: Refactor kiosk app launch to be part of login screen UI flow. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 7 years, 4 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 | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2013 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 html, 6 #app-launch-splash {
7 body { 7 -webkit-box-align: center;
8 height: 100%; 8 -webkit-box-pack: center;
9 margin: 0; 9 background: white;
10 overflow: hidden; 10 display: -webkit-box;
11 padding: 0;
12 width: 100%;
13 } 11 }
14 12
15 #page { 13 #splash-content {
16 -webkit-box-align: center;
17 -webkit-box-pack: center;
18 /* Delay the login screen for 2 seconds then fade it in. */
19 -webkit-transition: opacity 1s;
20 background: white;
21 display: -webkit-box;
22 height: 100%;
23 opacity: 0;
24 position: absolute;
25 width: 100%;
26 }
27
28 #content {
29 -webkit-box-align: center; 14 -webkit-box-align: center;
30 -webkit-box-orient: vertical; 15 -webkit-box-orient: vertical;
31 -webkit-box-pack: center; 16 -webkit-box-pack: center;
32 display: -webkit-box; 17 display: -webkit-box;
33 position: relative; 18 position: relative;
34 } 19 }
35 20
36 #header { 21 #splash-header {
37 -webkit-padding-start: 108px; 22 -webkit-padding-start: 108px;
38 background: left center no-repeat; 23 background: left center no-repeat;
39 background-size: 96px; 24 background-size: 96px;
40 color: #666; 25 color: #666;
41 display: -webkit-box; 26 display: -webkit-box;
42 font-size: 48px; 27 font-size: 48px;
43 height: 96px; 28 height: 96px;
44 line-height: 96px; 29 line-height: 96px;
45 } 30 }
46 31
47 #launch-text { 32 #splash-launch-text {
48 color: #666; 33 color: #666;
49 font-size: 18px; 34 font-size: 18px;
50 padding-bottom: 50px; 35 padding-bottom: 50px;
51 padding-top: 50px; 36 padding-top: 50px;
52 } 37 }
53 38
54 #spinner { 39 #splash-spinner {
55 height: 32px; 40 height: 32px;
56 width: 32px; 41 width: 32px;
57 } 42 }
58 43
59 #shortcut-info { 44 #splash-shortcut-info {
60 bottom: 50px; 45 bottom: 50px;
61 color: gray; 46 color: gray;
62 left: 0; 47 left: 0;
63 position: absolute; 48 position: absolute;
64 right: 0; 49 right: 0;
65 text-align: center; 50 text-align: center;
66 } 51 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698