OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 -webkit-box-align: center; | 7 -webkit-box-align: center; |
8 -webkit-box-pack: center; | 8 -webkit-box-pack: center; |
9 display: -webkit-box; | 9 display: -webkit-box; |
10 height: 470px; | 10 height: 470px; |
11 } | 11 } |
12 | 12 |
13 #signin-right { | 13 #signin-right { |
14 font-size: 12px; | 14 font-size: 12px; |
15 position: absolute; | 15 position: absolute; |
16 top: 60px; | 16 top: 60px; |
17 width: 200px; | 17 width: 200px; |
18 } | 18 } |
19 | 19 |
20 /* In TOUCH_UI builds, make the links easier to touch. */ | 20 /* For touch-optimized UI, make the links bigger. */ |
21 <if expr="pp_ifdef('touchui')"> | 21 html[touch-optimized] #signin-right { |
22 #signin-right { | |
23 font-size: 14px; | 22 font-size: 14px; |
24 } | 23 } |
25 </if> | |
26 | 24 |
27 html[dir=ltr] #signin-right { | 25 html[dir=ltr] #signin-right { |
28 right: -150px; /* ('gaia-sign'.width - 'signin-frame'.width) / 2 - | 26 right: -150px; /* ('gaia-sign'.width - 'signin-frame'.width) / 2 - |
29 desiredGap - 'signin-right'.width = | 27 desiredGap - 'signin-right'.width = |
30 (640 - 340) / 2 - 100 - 200 = -150 | 28 (640 - 340) / 2 - 100 - 200 = -150 |
31 */ | 29 */ |
32 } | 30 } |
33 | 31 |
34 html[dir=rtl] #signin-right { | 32 html[dir=rtl] #signin-right { |
35 left: -150px; | 33 left: -150px; |
(...skipping 20 matching lines...) Expand all Loading... |
56 #gaia-loading { | 54 #gaia-loading { |
57 -webkit-box-align: center; | 55 -webkit-box-align: center; |
58 -webkit-box-pack: center; | 56 -webkit-box-pack: center; |
59 bottom: 0; | 57 bottom: 0; |
60 display: -webkit-box; | 58 display: -webkit-box; |
61 left: 0; | 59 left: 0; |
62 position: absolute; | 60 position: absolute; |
63 right: 0; | 61 right: 0; |
64 top: 0; | 62 top: 0; |
65 } | 63 } |
OLD | NEW |