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