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

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

Issue 12428002: Made gradient divider in GAIA signin screen. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 7 years, 9 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
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/screen_gaia_signin.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 #signin-right { 6 #signin-right {
7 -webkit-margin-before: 80px; 7 -webkit-margin-before: 80px;
8 -webkit-margin-start: 30px; 8 -webkit-margin-start: 30px;
9 top: 60px; 9 top: 60px;
10 width: 200px; 10 width: 200px;
11 } 11 }
12 12
13 #signin-right, 13 #signin-right,
14 #enterprise-info-container { 14 #enterprise-info-container {
15 font-size: 12px; 15 font-size: 12px;
16 } 16 }
17 17
18
19 /* For touch-optimized UI, make the links bigger. */ 18 /* For touch-optimized UI, make the links bigger. */
20 @media (pointer:coarse) { 19 @media (pointer:coarse) {
21 #signin-right { 20 #signin-right {
22 font-size: 14px; 21 font-size: 14px;
23 } 22 }
24 } 23 }
25 24
26 .no-right-panel #signin-right { 25 .no-right-panel #signin-right {
27 display: none; 26 display: none;
28 } 27 }
29 28
30 .signin-text { 29 .signin-text {
31 color: #666; 30 color: #666;
32 margin-top: 20px; 31 margin-top: 20px;
33 } 32 }
34 33
35 .signin-link { 34 .signin-link {
36 color: rgb(37, 79, 155); 35 color: rgb(37, 79, 155);
37 cursor: pointer; 36 cursor: pointer;
38 text-decoration: none; 37 text-decoration: none;
39 } 38 }
40 39
41 .signin-link:focus { 40 .signin-link:focus {
42 -webkit-transition: outline-color 200ms; 41 -webkit-transition: outline-color 200ms;
43 /* Note: May use 1px solid here. */ 42 /* Note: May use 1px solid here. */
44 outline-color: rgb(77, 144, 254); 43 outline-color: rgb(77, 144, 254);
45 } 44 }
46 45
46 #gaia-signin-form-container,
47 #signin-frame { 47 #signin-frame {
48 /* TODO(nkostylev): Figure out why height: 100% stopped working (gives 48 height: 100%;
Nikita (slow) 2013/03/05 14:05:53 So seems that explicitly setting height=100% for p
dzhioev (left Google) 2013/03/05 15:28:56 Yes, it's required for containing element to have
49 same resalt as not specifying it). Specifying content size from 49 }
50 .step-contents for now. Working at r182673, broken at r183121. */ 50
51 #gaia-signin-divider {
52 background: -webkit-gradient(
53 linear, left top, left bottom,
54 color-stop(0, #e3e3e3),
55 color-stop(0.5, #cacaca),
56 color-stop(1, #e3e3e3));
57 border: none;
58 width: 1px;
59 }
60
61 .no-right-panel #gaia-signin-divider {
62 display: none;
63 }
64
65 #signin-frame {
51 background-color: transparent; 66 background-color: transparent;
52 border-right: 1px solid lightgray; 67 vertical-align: top;
53 height: 470px;
54 width: 340px; 68 width: 340px;
55 } 69 }
56 70
57 html[dir=rtl] #signin-frame {
58 border-left: 1px solid lightgray;
59 border-right: none;
60 }
61
62 .no-right-panel #signin-frame {
63 border: none;
64 }
65
66 /* Position to be aligned with the login box in iframe */ 71 /* Position to be aligned with the login box in iframe */
67 #login-box { 72 #login-box {
68 height: 31px; 73 height: 31px;
69 position: absolute; 74 position: absolute;
70 top: 77px; 75 top: 77px;
71 visibility: hidden; 76 visibility: hidden;
72 z-index: -1; 77 z-index: -1;
73 } 78 }
74 79
75 #enterprise-info-container { 80 #enterprise-info-container {
76 bottom: 10px; 81 bottom: 10px;
77 left: 0; 82 left: 0;
78 position: absolute; 83 position: absolute;
79 right: 0; 84 right: 0;
80 text-align: center; 85 text-align: center;
81 } 86 }
82 87
83 #enterprise-info-container #enterprise-info { 88 #enterprise-info-container #enterprise-info {
84 display: inline-block; 89 display: inline-block;
85 } 90 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/screen_gaia_signin.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698