OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 a { | 5 a { |
6 color: rgb(43, 43, 43); | 6 color: rgb(43, 43, 43); |
7 } | 7 } |
8 | 8 |
| 9 .a-red { |
| 10 color: rgb(255, 255, 255); |
| 11 } |
| 12 |
9 body { | 13 body { |
10 background: rgb(247, 247, 247); | 14 background: rgb(247, 247, 247); |
11 color: rgb(43, 43, 43); | 15 color: rgb(43, 43, 43); |
12 line-height: 1.7em; | 16 line-height: 1.7em; |
13 } | 17 } |
14 | 18 |
| 19 .body-red { |
| 20 background: rgb(217, 69, 61); |
| 21 color: rgb(255, 255, 255); |
| 22 } |
| 23 |
15 button { | 24 button { |
16 background: rgb(76, 142, 250); | 25 background: rgb(76, 142, 250); |
17 border: 0; | 26 border: 0; |
18 border-radius: 2px; | 27 border-radius: 2px; |
19 box-sizing: border-box; | 28 box-sizing: border-box; |
20 color: #fff; | 29 color: #fff; |
21 cursor: pointer; | 30 cursor: pointer; |
22 float: right; | 31 float: right; |
23 margin: -6px 0 0; | 32 margin: -6px 0 0; |
24 padding: 8px 24px; | 33 padding: 8px 24px; |
25 } | 34 } |
26 | 35 |
| 36 .button-red { |
| 37 background: rgba(255, 255, 255, 0.15); |
| 38 } |
| 39 |
27 #details { | 40 #details { |
28 margin: 40px 0 150px 0; | 41 margin: 40px 0 150px 0; |
29 } | 42 } |
30 | 43 |
31 h1 { | 44 h1 { |
32 -webkit-margin-after: 15px; | 45 -webkit-margin-after: 15px; |
33 font-size: 1.6em; | 46 font-size: 1.6em; |
34 font-weight: normal; | 47 font-weight: normal; |
35 line-height: 1.2em; | 48 line-height: 1.2em; |
36 } | 49 } |
37 | 50 |
38 .hidden { | 51 .hidden { |
39 display: none; | 52 display: none; |
40 } | 53 } |
41 | 54 |
42 .icon { | 55 .icon { |
| 56 background-repeat: no-repeat; |
| 57 background-size: 100%; |
| 58 height: 72px; |
| 59 margin: 0 0 40px; |
| 60 width: 72px; |
| 61 } |
| 62 |
| 63 .icon-malware { |
| 64 background: -webkit-image-set( |
| 65 url('../safe_browsing/images/1x/stop_sign.png') 1x, |
| 66 url('../safe_browsing/images/2x/stop_sign.png') 2x); |
| 67 } |
| 68 |
| 69 .icon-ssl { |
43 background: -webkit-image-set( | 70 background: -webkit-image-set( |
44 url('images/1x/brokenssl_red.png') 1x, | 71 url('images/1x/brokenssl_red.png') 1x, |
45 url('images/2x/brokenssl_red.png') 2x); | 72 url('images/2x/brokenssl_red.png') 2x); |
46 background-repeat: no-repeat; | |
47 background-size: 100%; | |
48 height: 69px; | |
49 margin: 0 0 40px; | |
50 width: 56px; | |
51 } | 73 } |
52 | 74 |
53 .interstitial-wrapper { | 75 .interstitial-wrapper { |
54 box-sizing: border-box; | 76 box-sizing: border-box; |
55 margin: 10% auto 0; | 77 margin: 10% auto 0; |
56 max-width: 552px; | 78 max-width: 552px; |
57 width: 100%; | 79 width: 100%; |
58 } | 80 } |
59 | 81 |
60 .nav-wrapper { | 82 .nav-wrapper { |
61 margin-top: 60px; | 83 margin-top: 60px; |
62 } | 84 } |
63 | 85 |
64 .nav-wrapper::after { | 86 .nav-wrapper::after { |
65 clear: both; | 87 clear: both; |
66 content: ''; | 88 content: ''; |
67 display: table; | 89 display: table; |
68 width: 100%; | 90 width: 100%; |
69 } | 91 } |
70 | 92 |
71 p { | 93 p { |
72 margin-bottom: 22px; | 94 margin-bottom: 22px; |
73 } | 95 } |
74 | 96 |
75 @media (max-width: 700px) { | 97 @media (max-width: 700px) { |
76 .interstitial-wrapper { | 98 .interstitial-wrapper { |
77 padding: 0 10%; | 99 padding: 0 10%; |
78 } | 100 } |
79 } | 101 } |
OLD | NEW |