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

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 variables, updated malware CSS label names 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 body { 9 body {
10 background: rgb(247, 247, 247); 10 background: rgb(247, 247, 247);
11 color: rgb(43, 43, 43); 11 color: rgb(43, 43, 43);
12 line-height: 1.7em; 12 line-height: 1.7em;
13 } 13 }
14 14
15 body.malware {
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 margin: -6px 0 0; 28 margin: -6px 0 0;
24 padding: 8px 24px; 29 padding: 8px 24px;
25 } 30 }
26 31
27 #details { 32 #details {
28 margin: 40px 0 150px 0; 33 margin: 40px 0 150px 0;
29 } 34 }
30 35
31 h1 { 36 h1 {
32 -webkit-margin-after: 15px; 37 -webkit-margin-after: 15px;
33 font-size: 1.6em; 38 font-size: 1.6em;
34 font-weight: normal; 39 font-weight: normal;
35 line-height: 1.2em; 40 line-height: 1.2em;
36 } 41 }
37 42
38 .hidden { 43 .hidden {
39 display: none; 44 display: none;
40 } 45 }
41 46
42 .icon { 47 .icon {
43 background: -webkit-image-set(
44 url('images/1x/brokenssl_red.png') 1x,
45 url('images/2x/brokenssl_red.png') 2x);
46 background-repeat: no-repeat; 48 background-repeat: no-repeat;
47 background-size: 100%; 49 background-size: 100%;
48 height: 69px; 50 height: 72px;
49 margin: 0 0 40px; 51 margin: 0 0 40px;
50 width: 56px; 52 width: 72px;
51 } 53 }
52 54
53 .interstitial-wrapper { 55 .interstitial-wrapper {
54 box-sizing: border-box; 56 box-sizing: border-box;
55 margin: 10% auto 0; 57 margin: 10% auto 0;
56 max-width: 552px; 58 max-width: 552px;
57 width: 100%; 59 width: 100%;
58 } 60 }
59 61
62 .malware a {
63 color: rgb(255, 255, 255);
64 }
65
66 .malware button {
67 background: rgba(255, 255, 255, 0.15);
68 }
69
70 .malware .icon {
71 background: -webkit-image-set(
72 url('../safe_browsing/images/1x/stop_sign.png') 1x,
73 url('../safe_browsing/images/2x/stop_sign.png') 2x);
74 }
75
60 .nav-wrapper { 76 .nav-wrapper {
61 margin-top: 60px; 77 margin-top: 60px;
62 } 78 }
63 79
64 .nav-wrapper::after { 80 .nav-wrapper::after {
65 clear: both; 81 clear: both;
66 content: ''; 82 content: '';
67 display: table; 83 display: table;
68 width: 100%; 84 width: 100%;
69 } 85 }
70 86
71 p { 87 p {
72 margin-bottom: 22px; 88 margin-bottom: 22px;
73 } 89 }
74 90
91 .ssl .icon {
92 background: -webkit-image-set(
93 url('images/1x/brokenssl_red.png') 1x,
94 url('images/2x/brokenssl_red.png') 2x);
95 }
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