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

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

Issue 930953002: Chrome OS Gaia: UI specific changes to implement MinuteMaid flow. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fixed tests Created 5 years, 10 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 (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 #gaia-signin { 6 #gaia-signin {
7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ 7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */
8 padding: 70px 17px 69px; /* Screen has no controls. */ 8 padding: 70px 17px 69px; /* Screen has no controls. */
9 width: 722px; /* Should be the same as #user-image.loading width. */ 9 width: 722px; /* Should be the same as #user-image.loading width. */
10 } 10 }
11 11
12 #gaia-signin:not(.full-width).no-right-panel { 12 #gaia-signin:not(.full-width).no-right-panel {
13 width: 522px; 13 width: 522px;
14 } 14 }
15 15
16 .minute-maid #gaia-signin {
17 background: rgb(66, 133, 244);
18 padding: 50px 0 0 0;
19 width: 522px;
20 }
16 #gaia-signin.full-width { 21 #gaia-signin.full-width {
17 padding: 75px 0 0; 22 padding: 75px 0 0;
18 } 23 }
19 24
20 #signin-right { 25 #signin-right {
21 -webkit-margin-start: 30px; 26 -webkit-margin-start: 30px;
22 margin-top: 80px; 27 margin-top: 80px;
23 top: 60px; 28 top: 60px;
24 width: 200px; 29 width: 200px;
25 } 30 }
26 31
27 #signin-right, 32 #signin-right,
28 #enterprise-info-container, 33 #enterprise-info-container,
29 #saml-info-container { 34 #saml-info-container {
30 font-size: 12px; 35 font-size: 12px;
31 } 36 }
32 37
33 /* For touch-optimized UI, make the links bigger. */ 38 /* For touch-optimized UI, make the links bigger. */
34 @media (pointer:coarse) { 39 @media (pointer:coarse) {
35 #signin-right { 40 #signin-right {
36 font-size: 14px; 41 font-size: 14px;
37 } 42 }
38 } 43 }
39 44
45 .minute-maid #signin-right,
40 .no-right-panel #signin-right { 46 .no-right-panel #signin-right {
41 display: none; 47 display: none;
42 } 48 }
43 49
50 .minute-maid #close-button-item {
51 background: transparent none;
52 background-image: url(chrome://theme/IDR_PANEL_CLOSE);
53 background-position: left center;
54 background-repeat: no-repeat;
55 background-size: 30px;
56 }
57
44 .signin-text { 58 .signin-text {
45 color: #666; 59 color: #666;
46 margin-top: 20px; 60 margin-top: 20px;
47 } 61 }
48 62
49 .signin-link { 63 .signin-link {
50 color: rgb(37, 79, 155); 64 color: rgb(37, 79, 155);
51 cursor: pointer; 65 cursor: pointer;
52 text-decoration: none; 66 text-decoration: none;
53 } 67 }
54 68
55 .signin-link:focus { 69 .signin-link:focus {
56 -webkit-transition: outline-color 200ms; 70 -webkit-transition: outline-color 200ms;
57 /* Note: May use 1px solid here. */ 71 /* Note: May use 1px solid here. */
58 outline-color: rgb(77, 144, 254); 72 outline-color: rgb(77, 144, 254);
59 } 73 }
60 74
61 #gaia-signin-form-container, 75 #gaia-signin-form-container,
62 #signin-frame { 76 #signin-frame {
63 height: 100%; 77 height: 100%;
64 } 78 }
65 79
80 .minute-maid #signin-frame,
81 .minute-maid #gaia-signin-form-container,
66 .full-width #signin-frame, 82 .full-width #signin-frame,
67 .full-width #gaia-signin-form-container { 83 .full-width #gaia-signin-form-container {
68 width: 100%; 84 width: 100%;
69 } 85 }
70 86
71 .signin-divider { 87 .signin-divider {
72 background: linear-gradient( 88 background: linear-gradient(
73 to bottom, 89 to bottom,
74 #e3e3e3, 90 #e3e3e3,
75 #cacaca 50%, 91 #cacaca 50%,
76 #e3e3e3); 92 #e3e3e3);
77 border: none; 93 border: none;
78 width: 1px; 94 width: 1px;
79 } 95 }
80 96
97 .gaia-signin .minute-maid #step-logo,
98 .gaia-signin .minute-maid #gaia-signin-divider,
81 .no-right-panel #gaia-signin-divider { 99 .no-right-panel #gaia-signin-divider {
82 display: none; 100 display: none;
83 } 101 }
84 102
85 #signin-frame { 103 #signin-frame {
86 background-color: transparent; 104 background-color: transparent;
87 margin-left: -44px; 105 margin-left: -44px;
88 vertical-align: top; 106 vertical-align: top;
89 width: 400px; 107 width: 400px;
90 } 108 }
91 109
92 webview#signin-frame { 110 webview#signin-frame {
93 display: block; 111 display: block;
112 margin-left: 0;
94 overflow: hidden; 113 overflow: hidden;
95 padding: 0; 114 padding: 0;
96 } 115 }
97 116
98 /* Simpler alignment if no right panel. */ 117 /* Simpler alignment if no right panel. */
99 .no-right-panel #signin-frame { 118 .no-right-panel #signin-frame {
100 margin-left: 0; 119 margin-left: 0;
101 } 120 }
102 121
103 /* Position to be aligned with the login box in iframe */ 122 /* Position to be aligned with the login box in iframe */
104 #login-box { 123 #login-box {
105 height: 31px; 124 height: 31px;
106 position: absolute; 125 position: absolute;
107 top: 77px; 126 top: 77px;
108 visibility: hidden; 127 visibility: hidden;
109 z-index: -1; 128 z-index: -1;
110 } 129 }
111 130
112 #enterprise-info-container { 131 #enterprise-info-container {
113 bottom: 10px; 132 bottom: 10px;
114 left: 0; 133 left: 0;
115 position: absolute; 134 position: absolute;
116 right: 0; 135 right: 0;
117 text-align: center; 136 text-align: center;
118 } 137 }
119 138
139 .minute-maid #enterprise-info-container {
140 display: none;
141 }
142
120 #enterprise-info-container #enterprise-info { 143 #enterprise-info-container #enterprise-info {
121 display: inline-block; 144 display: inline-block;
122 } 145 }
123 146
124 #gaia-signin .step-contents { 147 #gaia-signin .step-contents {
125 -webkit-box-pack: center; 148 -webkit-box-pack: center;
126 display: -webkit-box; 149 display: -webkit-box;
127 height: 100%; 150 height: 100%;
128 } 151 }
129 152
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
161 left: 0; 184 left: 0;
162 position: absolute; 185 position: absolute;
163 right: 0; 186 right: 0;
164 text-align: center; 187 text-align: center;
165 top: 50px; 188 top: 50px;
166 } 189 }
167 190
168 #saml-notice-message { 191 #saml-notice-message {
169 margin: 0 auto; 192 margin: 0 auto;
170 } 193 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/header_bar.js ('k') | chrome/browser/resources/chromeos/login/screen_gaia_signin.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698