Index: chrome/browser/resources/ssl/interstitial_v2.css |
diff --git a/chrome/browser/resources/ssl/interstitial_v2.css b/chrome/browser/resources/ssl/interstitial_v2.css |
index 2306d66b6e51427546a3d2c399cdbc34d72982cb..41e020dda1aa469c3ca7a71f0a24e8c443e3e619 100644 |
--- a/chrome/browser/resources/ssl/interstitial_v2.css |
+++ b/chrome/browser/resources/ssl/interstitial_v2.css |
@@ -17,6 +17,11 @@ body.safe-browsing { |
color: white; |
} |
+body.yellow { |
+ background-color: rgb(255, 220, 59); |
+ color: black; |
+} |
+ |
button { |
background: rgb(76, 142, 250); |
border: 0; |
@@ -114,11 +119,8 @@ h2 { |
-webkit-margin-start: 32px; |
} |
-.safe-browsing a, |
-.safe-browsing #details, |
-.safe-browsing #details-button, |
-.safe-browsing h1, |
-.safe-browsing h2 { |
+.safe-browsing :-webkit-any( |
+ a, #details, #details-button, h1, h2, .small-link) { |
color: white; |
} |
@@ -138,8 +140,8 @@ h2 { |
.safe-browsing .icon { |
background-image: -webkit-image-set( |
- url('../safe_browsing/images/1x/stop_sign.png') 1x, |
- url('../safe_browsing/images/2x/stop_sign.png') 2x); |
+ url(../safe_browsing/images/1x/stop_sign.png) 1x, |
+ url(../safe_browsing/images/2x/stop_sign.png) 2x); |
} |
.small-link { |
@@ -149,8 +151,16 @@ h2 { |
.ssl .icon { |
background-image: -webkit-image-set( |
- url('images/1x/brokenssl_red.png') 1x, |
- url('images/2x/brokenssl_red.png') 2x); |
+ url(images/1x/brokenssl_red.png) 1x, |
+ url(images/2x/brokenssl_red.png) 2x); |
+} |
+ |
+.ssl-guard #icon { |
+ background-image: -webkit-image-set( |
+ url(images/1x/brokenssl_guard.png) 1x, |
+ url(images/2x/brokenssl_guard.png) 2x); |
+ height: 104px; |
+ width: 94px; |
} |
.styled-checkbox { |
@@ -195,6 +205,17 @@ h2 { |
opacity: 1; |
} |
+.yellow :-webkit-any( |
+ a, #details, #details-button, h1, .small-link) { |
+ color: black; |
+} |
+ |
+.yellow .icon { |
+ background-image: -webkit-image-set( |
+ url(images/1x/brokenssl_yellow.png) 1x, |
+ url(images/2x/brokenssl_yellow.png) 2x); |
+} |
+ |
@media (max-width: 700px) { |
.interstitial-wrapper { |
padding: 0 10%; |