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

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 -webkit-box-pack: center;
9 background: white;
10 display: -webkit-box;
8 height: 100%; 11 height: 100%;
9 margin: 0;
10 overflow: hidden;
11 padding: 0;
12 width: 100%; 12 width: 100%;
13 } 13 }
14 14
15 #page { 15 #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; 16 -webkit-box-align: center;
30 -webkit-box-orient: vertical; 17 -webkit-box-orient: vertical;
31 -webkit-box-pack: center; 18 -webkit-box-pack: center;
32 display: -webkit-box; 19 display: -webkit-box;
33 position: relative; 20 position: relative;
34 } 21 }
35 22
36 #header { 23 #splash-header {
37 -webkit-padding-start: 108px; 24 -webkit-padding-start: 108px;
38 background: left center no-repeat; 25 background: left center no-repeat;
39 background-size: 96px; 26 background-size: 96px;
40 color: #666; 27 color: #666;
41 display: -webkit-box; 28 display: -webkit-box;
42 font-size: 48px; 29 font-size: 48px;
43 height: 96px; 30 height: 96px;
44 line-height: 96px; 31 line-height: 96px;
45 } 32 }
46 33
47 #launch-text { 34 #splash-launch-text {
48 color: #666; 35 color: #666;
49 font-size: 18px; 36 font-size: 18px;
50 padding-bottom: 50px; 37 padding-bottom: 50px;
51 padding-top: 50px; 38 padding-top: 50px;
52 } 39 }
53 40
54 #spinner { 41 #splash-spinner {
55 height: 32px; 42 height: 32px;
56 width: 32px; 43 width: 32px;
57 } 44 }
58 45
59 #shortcut-info { 46 #splash-shortcut-info {
60 bottom: 50px; 47 bottom: 50px;
61 color: gray; 48 color: gray;
62 left: 0; 49 left: 0;
63 position: absolute; 50 position: absolute;
64 right: 0; 51 right: 0;
65 text-align: center; 52 text-align: center;
66 } 53 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698