| 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); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 box-sizing: border-box; | 24 box-sizing: border-box; |
| 25 color: #fff; | 25 color: #fff; |
| 26 cursor: pointer; | 26 cursor: pointer; |
| 27 float: right; | 27 float: right; |
| 28 font-size: .875em; | 28 font-size: .875em; |
| 29 height: 36px; | 29 height: 36px; |
| 30 margin: -6px 0 0; | 30 margin: -6px 0 0; |
| 31 padding: 8px 24px; | 31 padding: 8px 24px; |
| 32 } | 32 } |
| 33 | 33 |
| 34 button:active { |
| 35 background: rgb(50, 102, 213); |
| 36 } |
| 37 |
| 34 button:hover { | 38 button:hover { |
| 35 box-shadow: 0 1px 3px rgba(0, 0, 0, .50); | 39 box-shadow: 0 1px 3px rgba(0, 0, 0, .50); |
| 36 } | 40 } |
| 37 | 41 |
| 38 button:active { | |
| 39 background: rgb(50, 102, 213); | |
| 40 } | |
| 41 | |
| 42 #details { | 42 #details { |
| 43 color: #696969; | 43 color: #696969; |
| 44 margin: 45px 0 150px 0; | 44 margin: 45px 0 150px 0; |
| 45 } | 45 } |
| 46 | 46 |
| 47 #details-button { | 47 #details p:not(:first-of-type) { |
| 48 color: #696969; | 48 margin-top: 39px; |
| 49 font-size: .875em; | |
| 50 } | 49 } |
| 51 | 50 |
| 52 #error-code { | 51 #error-code { |
| 53 color: black; | 52 color: black; |
| 54 opacity: .35; | 53 opacity: .35; |
| 55 text-transform: uppercase; | 54 text-transform: uppercase; |
| 56 } | 55 } |
| 57 | 56 |
| 58 h1 { | 57 h1 { |
| 59 -webkit-margin-after: 16px; | 58 -webkit-margin-after: 16px; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 88 margin-top: 84px; | 87 margin-top: 84px; |
| 89 } | 88 } |
| 90 | 89 |
| 91 .nav-wrapper::after { | 90 .nav-wrapper::after { |
| 92 clear: both; | 91 clear: both; |
| 93 content: ''; | 92 content: ''; |
| 94 display: table; | 93 display: table; |
| 95 width: 100%; | 94 width: 100%; |
| 96 } | 95 } |
| 97 | 96 |
| 98 #details p:not(:first-of-type) { | 97 .small-link { |
| 99 margin-top: 39px; | 98 color: #696969; |
| 99 font-size: .875em; |
| 100 } | 100 } |
| 101 | 101 |
| 102 .safe-browsing a { | 102 .safe-browsing a { |
| 103 color: rgb(255, 255, 255); | 103 color: rgb(255, 255, 255); |
| 104 } | 104 } |
| 105 | 105 |
| 106 .safe-browsing button { | 106 .safe-browsing button { |
| 107 background: rgba(255, 255, 255, 0.15); | 107 background: rgba(255, 255, 255, 0.15); |
| 108 } | 108 } |
| 109 | 109 |
| 110 .safe-browsing .icon { | 110 .safe-browsing .icon { |
| 111 background: -webkit-image-set( | 111 background: -webkit-image-set( |
| 112 url('../safe_browsing/images/1x/stop_sign.png') 1x, | 112 url('../safe_browsing/images/1x/stop_sign.png') 1x, |
| 113 url('../safe_browsing/images/2x/stop_sign.png') 2x); | 113 url('../safe_browsing/images/2x/stop_sign.png') 2x); |
| 114 } | 114 } |
| 115 | 115 |
| 116 .ssl .icon { | 116 .ssl .icon { |
| 117 background: -webkit-image-set( | 117 background: -webkit-image-set( |
| 118 url('images/1x/brokenssl_red.png') 1x, | 118 url('images/1x/brokenssl_red.png') 1x, |
| 119 url('images/2x/brokenssl_red.png') 2x); | 119 url('images/2x/brokenssl_red.png') 2x); |
| 120 } | 120 } |
| 121 | 121 |
| 122 @media (max-width: 700px) { | 122 @media (max-width: 700px) { |
| 123 .interstitial-wrapper { | 123 .interstitial-wrapper { |
| 124 padding: 0 10%; | 124 padding: 0 10%; |
| 125 } | 125 } |
| 126 } | 126 } |
| OLD | NEW |