OLD | NEW |
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 body { | 5 html, body { |
| 6 -webkit-user-select: none; |
6 font-family: sans-serif; | 7 font-family: sans-serif; |
| 8 height: 100%; |
7 margin: 0; | 9 margin: 0; |
8 overflow: hidden; | 10 overflow: hidden; |
9 text-align: center; | 11 text-align: center; |
10 -webkit-user-select: none; | 12 width: 100%; |
11 } | 13 } |
12 | 14 |
13 h1 { | 15 h1 { |
14 font-size: 10pt; | 16 font-size: 10pt; |
15 font-weight: normal; | 17 font-weight: normal; |
16 padding: 0pt 10pt; | 18 padding: 0pt 10pt; |
17 <if expr="not is_android and not chromeos"> | 19 <if expr="not is_android and not chromeos"> |
18 visibility: hidden; | 20 visibility: hidden; |
19 </if> | 21 </if> |
20 } | 22 } |
21 | 23 |
22 #outer:hover h1, #outer:hover #close { | 24 #outer:hover h1, #outer:hover #close { |
23 visibility: visible; | 25 visibility: visible; |
24 } | 26 } |
25 | 27 |
26 p { | 28 p { |
27 font-size: 8pt; | 29 font-size: 8pt; |
28 padding: 0pt 14pt; | 30 padding: 0pt 14pt; |
29 } | 31 } |
30 | 32 |
31 #outer { | 33 #outer { |
32 border: 1px black solid; | 34 border: 1px black solid; |
33 box-sizing: border-box; | 35 box-sizing: border-box; |
34 height: 100%; | 36 height: 100%; |
35 position: absolute; | 37 position: absolute; |
36 width: 100%; | 38 width: 100%; |
37 } | 39 } |
38 | 40 |
39 #inner { | 41 #inner { |
40 position: relative; | |
41 height: 100%; | 42 height: 100%; |
42 width: 100%; | |
43 top: 50%; | |
44 <if expr="not is_android"> | 43 <if expr="not is_android"> |
45 margin-top: -70px; | 44 margin-top: -70px; |
46 </if> | 45 </if> |
47 <if expr="is_android"> | 46 <if expr="is_android"> |
48 margin-top: -14px; | 47 margin-top: -14px; |
49 </if> | 48 </if> |
| 49 position: relative; |
| 50 top: 50%; |
| 51 width: 100%; |
50 } | 52 } |
51 | 53 |
52 #close { | 54 #close { |
53 <if expr="not is_android"> | |
54 visibility: hidden; | |
55 </if> | |
56 cursor: pointer; | |
57 position: absolute; | |
58 right: 3px; | |
59 top: 3px; | |
60 height: 14px; | |
61 width: 14px; | |
62 background-image: -webkit-image-set( | 55 background-image: -webkit-image-set( |
63 url(../../../ui/resources/default_100_percent/close_2.png) 1x, | 56 url(../../../ui/resources/default_100_percent/close_2.png) 1x, |
64 url(../../../ui/resources/default_200_percent/close_2.png) 2x); | 57 url(../../../ui/resources/default_200_percent/close_2.png) 2x); |
65 background-position: right top; | 58 background-position: right top; |
66 background-repeat: no-repeat; | 59 background-repeat: no-repeat; |
| 60 cursor: pointer; |
| 61 height: 14px; |
| 62 position: absolute; |
| 63 right: 3px; |
| 64 top: 3px; |
| 65 <if expr="not is_android"> |
| 66 visibility: hidden; |
| 67 </if> |
| 68 width: 14px; |
67 } | 69 } |
68 | 70 |
69 #close:hover { | 71 #close:hover { |
70 background-image: -webkit-image-set( | 72 background-image: -webkit-image-set( |
71 url(../../../ui/resources/default_100_percent/close_2_hover.png) 1x, | 73 url(../../../ui/resources/default_100_percent/close_2_hover.png) 1x, |
72 url(../../../ui/resources/default_200_percent/close_2_hover.png) 2x); | 74 url(../../../ui/resources/default_200_percent/close_2_hover.png) 2x); |
73 } | 75 } |
74 | 76 |
75 #close:active { | 77 #close:active { |
76 background-image: -webkit-image-set( | 78 background-image: -webkit-image-set( |
77 url(../../../ui/resources/default_100_percent/close_2_pressed.png) 1x, | 79 url(../../../ui/resources/default_100_percent/close_2_pressed.png) 1x, |
78 url(../../../ui/resources/default_200_percent/close_2_pressed.png) 2x); | 80 url(../../../ui/resources/default_200_percent/close_2_pressed.png) 2x); |
79 } | 81 } |
OLD | NEW |