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