Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(294)

Side by Side Diff: chrome/browser/resources/ssl/interstitial_v2.css

Issue 319193002: Update the malware interstitial to have the new layout (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Renamed command Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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 .a-red {
10 color: rgb(255, 255, 255);
11 }
12
9 body { 13 body {
10 background: rgb(247, 247, 247); 14 background: rgb(247, 247, 247);
11 color: rgb(43, 43, 43); 15 color: rgb(43, 43, 43);
12 line-height: 1.7em; 16 line-height: 1.7em;
13 } 17 }
14 18
19 .body-red {
20 background: rgb(217, 69, 61);
21 color: rgb(255, 255, 255);
22 }
23
15 button { 24 button {
16 background: rgb(76, 142, 250); 25 background: rgb(76, 142, 250);
17 border: 0; 26 border: 0;
18 border-radius: 2px; 27 border-radius: 2px;
19 box-sizing: border-box; 28 box-sizing: border-box;
20 color: #fff; 29 color: #fff;
21 cursor: pointer; 30 cursor: pointer;
22 float: right; 31 float: right;
23 margin: -6px 0 0; 32 margin: -6px 0 0;
24 padding: 8px 24px; 33 padding: 8px 24px;
25 } 34 }
26 35
36 .button-red {
37 background: rgba(255, 255, 255, 0.15);
38 }
39
27 #details { 40 #details {
28 margin: 40px 0 150px 0; 41 margin: 40px 0 150px 0;
29 } 42 }
30 43
31 h1 { 44 h1 {
32 -webkit-margin-after: 15px; 45 -webkit-margin-after: 15px;
33 font-size: 1.6em; 46 font-size: 1.6em;
34 font-weight: normal; 47 font-weight: normal;
35 line-height: 1.2em; 48 line-height: 1.2em;
36 } 49 }
37 50
38 .hidden { 51 .hidden {
39 display: none; 52 display: none;
40 } 53 }
41 54
42 .icon { 55 .icon {
56 background-repeat: no-repeat;
57 background-size: 100%;
58 height: 72px;
59 margin: 0 0 40px;
60 width: 72px;
61 }
62
63 .icon-malware {
64 background: -webkit-image-set(
65 url('../safe_browsing/images/1x/stop_sign.png') 1x,
66 url('../safe_browsing/images/2x/stop_sign.png') 2x);
67 }
68
69 .icon-ssl {
43 background: -webkit-image-set( 70 background: -webkit-image-set(
44 url('images/1x/brokenssl_red.png') 1x, 71 url('images/1x/brokenssl_red.png') 1x,
45 url('images/2x/brokenssl_red.png') 2x); 72 url('images/2x/brokenssl_red.png') 2x);
46 background-repeat: no-repeat;
47 background-size: 100%;
48 height: 69px;
49 margin: 0 0 40px;
50 width: 56px;
51 } 73 }
52 74
53 .interstitial-wrapper { 75 .interstitial-wrapper {
54 box-sizing: border-box; 76 box-sizing: border-box;
55 margin: 10% auto 0; 77 margin: 10% auto 0;
56 max-width: 552px; 78 max-width: 552px;
57 width: 100%; 79 width: 100%;
58 } 80 }
59 81
60 .nav-wrapper { 82 .nav-wrapper {
61 margin-top: 60px; 83 margin-top: 60px;
62 } 84 }
63 85
64 .nav-wrapper::after { 86 .nav-wrapper::after {
65 clear: both; 87 clear: both;
66 content: ''; 88 content: '';
67 display: table; 89 display: table;
68 width: 100%; 90 width: 100%;
69 } 91 }
70 92
71 p { 93 p {
72 margin-bottom: 22px; 94 margin-bottom: 22px;
73 } 95 }
74 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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698