| 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: #585858; | 6 color: #585858; |
| 7 } | 7 } |
| 8 | 8 |
| 9 body { | 9 body { |
| 10 background: rgb(247, 247, 247); | 10 background: rgb(247, 247, 247); |
| 11 color: #585858; | 11 color: #585858; |
| 12 font-size: 125%; | 12 font-size: 125%; |
| 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 font-size: .875em; | 28 font-size: .875em; |
| 24 height: 36px; | 29 height: 36px; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 56 font-size: 1.6em; | 61 font-size: 1.6em; |
| 57 font-weight: normal; | 62 font-weight: normal; |
| 58 line-height: 1.75em; | 63 line-height: 1.75em; |
| 59 } | 64 } |
| 60 | 65 |
| 61 .hidden { | 66 .hidden { |
| 62 display: none; | 67 display: none; |
| 63 } | 68 } |
| 64 | 69 |
| 65 .icon { | 70 .icon { |
| 66 background: -webkit-image-set( | |
| 67 url('images/1x/brokenssl_red.png') 1x, | |
| 68 url('images/2x/brokenssl_red.png') 2x); | |
| 69 background-repeat: no-repeat; | 71 background-repeat: no-repeat; |
| 70 background-size: 100%; | 72 background-size: 100%; |
| 71 height: 72px; | 73 height: 72px; |
| 72 margin: 0 0 45px; | 74 margin: 0 0 40px; |
| 73 width: 72px; | 75 width: 72px; |
| 74 } | 76 } |
| 75 | 77 |
| 76 .interstitial-wrapper { | 78 .interstitial-wrapper { |
| 77 box-sizing: border-box; | 79 box-sizing: border-box; |
| 78 font-size: 1em; | 80 font-size: 1em; |
| 79 line-height: 1.6em; | 81 line-height: 1.6em; |
| 80 margin: 10% auto 0; | 82 margin: 10% auto 0; |
| 81 max-width: 600px; | 83 max-width: 600px; |
| 82 width: 100%; | 84 width: 100%; |
| 83 } | 85 } |
| 84 | 86 |
| 85 .nav-wrapper { | 87 .nav-wrapper { |
| 86 margin-top: 84px; | 88 margin-top: 84px; |
| 87 } | 89 } |
| 88 | 90 |
| 89 .nav-wrapper::after { | 91 .nav-wrapper::after { |
| 90 clear: both; | 92 clear: both; |
| 91 content: ''; | 93 content: ''; |
| 92 display: table; | 94 display: table; |
| 93 width: 100%; | 95 width: 100%; |
| 94 } | 96 } |
| 95 | 97 |
| 96 #details p:not(:first-of-type) { | 98 #details p:not(:first-of-type) { |
| 97 margin-top: 39px; | 99 margin-top: 39px; |
| 98 } | 100 } |
| 99 | 101 |
| 102 .safe-browsing a { |
| 103 color: rgb(255, 255, 255); |
| 104 } |
| 105 |
| 106 .safe-browsing button { |
| 107 background: rgba(255, 255, 255, 0.15); |
| 108 } |
| 109 |
| 110 .safe-browsing .icon { |
| 111 background: -webkit-image-set( |
| 112 url('../safe_browsing/images/1x/stop_sign.png') 1x, |
| 113 url('../safe_browsing/images/2x/stop_sign.png') 2x); |
| 114 } |
| 115 |
| 116 .ssl .icon { |
| 117 background: -webkit-image-set( |
| 118 url('images/1x/brokenssl_red.png') 1x, |
| 119 url('images/2x/brokenssl_red.png') 2x); |
| 120 } |
| 121 |
| 100 @media (max-width: 700px) { | 122 @media (max-width: 700px) { |
| 101 .interstitial-wrapper { | 123 .interstitial-wrapper { |
| 102 padding: 0 10%; | 124 padding: 0 10%; |
| 103 } | 125 } |
| 104 } | 126 } |
| OLD | NEW |