OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 .content > span { |
6 margin: 10px 8px; | 6 max-width: 416px; |
7 } | 7 } |
8 | 8 |
9 .icon { | 9 .icon { |
10 -webkit-margin-end: 3px; | 10 -webkit-margin-after: 10px; |
11 -webkit-margin-start: 6px; | 11 -webkit-margin-before: 4px; |
12 } | 12 -webkit-margin-start: 25px; |
13 | 13 content: -webkit-image-set( |
14 html[dir='ltr'] .icon { | 14 url('../../../browser/resources/ntp4/images/incognito_icon.png') 1x, |
15 -webkit-transform: scaleX(-1); | 15 url('../../../browser/resources/ntp4/images/2x/incognito_icon.png') 2x); |
16 float: right; | 16 float: right; |
| 17 height: 128px; |
| 18 width: 128px; |
17 } | 19 } |
18 | 20 |
19 html[dir='rtl'] .icon { | 21 html[dir='rtl'] .icon { |
20 float: left; | 22 float: left; |
21 } | 23 } |
22 | 24 |
23 .content { | 25 @media (max-width:400px) { |
24 background-color: #eee; | 26 .icon { |
25 border-radius: 5px; | 27 -webkit-margin-start: 15px; |
26 color: black; | 28 height: 96px; |
27 margin-left: auto; | 29 width: 96px; |
28 margin-right: auto; | 30 } |
29 margin-top: 66px; | |
30 max-width: 600px; | |
31 padding: 10px; | |
32 } | 31 } |
33 | |
34 .extensions-message { | |
35 -webkit-padding-start: 39px; | |
36 margin-top: 15px; | |
37 position: relative; | |
38 } | |
39 | |
40 .extension-icon { | |
41 content: -webkit-image-set( | |
42 url('../../../app/theme/default_100_percent/extensions_section.png') 1x, | |
43 url('../../../app/theme/default_200_percent/extensions_section.png') 2x); | |
44 display: inline-block; | |
45 left: 0; | |
46 margin-top: -15px; | |
47 position: absolute; | |
48 right: 0; | |
49 top: 50%; | |
50 width: 30px; | |
51 } | |
OLD | NEW |