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 margin: 10px 8px; | 6 margin: 10px 8px; |
7 } | 7 } |
8 | 8 |
9 .icon { | 9 .icon { |
10 -webkit-margin-end: 3px; | 10 -webkit-margin-end: 3px; |
11 -webkit-margin-start: 6px; | 11 -webkit-margin-start: 6px; |
| 12 position: absolute; |
| 13 top: -7px; |
12 } | 14 } |
13 | 15 |
14 html[dir='ltr'] .icon { | 16 html[dir='ltr'] .icon { |
15 -webkit-transform: scaleX(-1); | 17 -webkit-transform: scaleX(-1); |
16 float: right; | 18 left: auto; |
| 19 right: 10px; |
17 } | 20 } |
18 | 21 |
19 html[dir='rtl'] .icon { | 22 html[dir='rtl'] .icon { |
20 float: left; | 23 left: 10px; |
| 24 right: auto; |
21 } | 25 } |
22 | 26 |
23 .content { | 27 .content { |
24 background-color: #eee; | 28 background-color: #eaeaea; |
| 29 border: 1px solid #d9d9d9; |
25 border-radius: 5px; | 30 border-radius: 5px; |
| 31 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); |
26 color: black; | 32 color: black; |
27 margin-left: auto; | 33 margin-left: auto; |
28 margin-right: auto; | 34 margin-right: auto; |
29 margin-top: 66px; | 35 margin-top: 66px; |
30 max-width: 600px; | 36 max-width: 600px; |
31 padding: 10px; | 37 padding: 10px 10px 0; |
32 } | |
33 | |
34 .extensions-message { | |
35 -webkit-padding-start: 39px; | |
36 margin-top: 15px; | |
37 position: relative; | 38 position: relative; |
38 } | 39 } |
39 | 40 |
40 .extension-icon { | 41 h1 { |
41 left: 0; | 42 font-size: 1.25em; |
42 margin-top: -15px; | 43 margin: 0; |
43 position: absolute; | |
44 right: 0; | |
45 top: 50%; | |
46 width: 30px; | |
47 } | 44 } |
| 45 |
| 46 p { |
| 47 margin: 1em 0; |
| 48 } |
OLD | NEW |