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
3 found in the LICENSE file. */
10 background-color: #f7f7f7;
16 background-color: rgb(206, 52, 38);
21 background: rgb(76, 142, 250);
24 box-sizing: border-box;
33 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
41 background: rgb(50, 102, 213);
45 box-shadow: 0 1px 3px rgba(0, 0, 0, .50);
53 #details p:not(:first-of-type) {
60 text-transform: uppercase;
64 -webkit-margin-after: 16px;
81 background-repeat: no-repeat;
82 background-size: 100%;
88 input[type=checkbox] {
92 .interstitial-wrapper {
93 box-sizing: border-box;
110 .nav-wrapper::after {
118 -webkit-margin-start: 32px;
121 .safe-browsing :-webkit-any(
122 a, #details, #details-button, h1, h2, p, .small-link) {
126 .safe-browsing button {
127 background-color: rgb(206, 52, 38);
128 border: 1px solid white;
131 .safe-browsing button:active {
132 background-color: rgb(206, 52, 38);
133 border-color: rgba(255, 255, 255, .6);
136 .safe-browsing button:hover {
137 box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
140 .safe-browsing .icon {
141 background-image: -webkit-image-set(
142 url(../safe_browsing/images/1x/stop_sign.png) 1x,
143 url(../safe_browsing/images/2x/stop_sign.png) 2x);
152 background-image: -webkit-image-set(
153 url(images/1x/brokenssl_red.png) 1x,
154 url(images/2x/brokenssl_red.png) 2x);
165 [dir='rtl'] .styled-checkbox {
169 .styled-checkbox label {
170 background: transparent;
171 border: white solid 1px;
181 .styled-checkbox label::after {
182 background: transparent;
183 border: 2px solid white;
184 border-right-width: 0;
192 transform: rotate(-45deg);
196 .styled-checkbox input[type=checkbox]:checked + label::after {
200 .yellow :-webkit-any(
201 a, #details, #details-button, h1, .small-link) {
206 background-image: -webkit-image-set(
207 url(images/1x/brokenssl_yellow.png) 1x,
208 url(images/2x/brokenssl_yellow.png) 2x);
211 @media (max-width: 700px) {
212 .interstitial-wrapper {
217 @media (max-height: 600px) {
218 .interstitial-wrapper {
223 @media (max-width: 400px) {
232 margin: 20px 0 20px 0;
235 #details p:not(:first-of-type) {
246 .interstitial-wrapper {