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

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

Issue 319303003: Polish the new SSL interstitial (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: 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(88, 88, 88);
12 line-height: 1.7em; 12 font-size: 16px;
13 } 13 }
14 14
15 button { 15 button {
16 background: rgb(76, 142, 250); 16 background: rgb(76, 142, 250);
17 border: 0; 17 border: 0;
18 border-radius: 2px; 18 border-radius: 2px;
19 box-sizing: border-box; 19 box-sizing: border-box;
20 color: #fff; 20 color: #fff;
21 cursor: pointer; 21 cursor: pointer;
22 float: right; 22 float: right;
23 font-size: .875em;
24 height: 36px;
23 margin: -6px 0 0; 25 margin: -6px 0 0;
24 padding: 8px 24px; 26 padding: 8px 24px;
25 } 27 }
26 28
29 button:hover {
30 box-shadow: 0 1px 3px rgba(0, 0, 0, .50);
31 }
32
33 button:active {
34 background: rgb(50, 102, 213);
35 }
36
27 #details { 37 #details {
28 margin: 40px 0 150px 0; 38 color: rgb(105, 105, 105);
Dan Beam 2014/06/07 02:04:42 nit: use hex for rr == gg == bb
felt 2014/06/07 02:56:12 switched several to hex
39 margin: 45px 0 150px 0;
40 }
41
42 #details-button {
43 color: rgb(105, 105, 105);
44 font-size: .875em;
29 } 45 }
30 46
31 h1 { 47 h1 {
32 -webkit-margin-after: 15px; 48 -webkit-margin-after: 16px;
49 color: rgb(43, 43, 43);
33 font-size: 1.6em; 50 font-size: 1.6em;
34 font-weight: normal; 51 font-weight: normal;
35 line-height: 1.2em; 52 line-height: 1.75em;
36 } 53 }
37 54
38 .hidden { 55 .hidden {
39 display: none; 56 display: none;
40 } 57 }
41 58
42 .icon { 59 .icon {
43 background: -webkit-image-set( 60 background: -webkit-image-set(
44 url('images/1x/brokenssl_red.png') 1x, 61 url('images/1x/brokenssl_red.png') 1x,
45 url('images/2x/brokenssl_red.png') 2x); 62 url('images/2x/brokenssl_red.png') 2x);
46 background-repeat: no-repeat; 63 background-repeat: no-repeat;
47 background-size: 100%; 64 background-size: 100%;
48 height: 69px; 65 height: 72px;
49 margin: 0 0 40px; 66 margin: 0 0 45px;
50 width: 56px; 67 width: 72px;
51 } 68 }
52 69
53 .interstitial-wrapper { 70 .interstitial-wrapper {
54 box-sizing: border-box; 71 box-sizing: border-box;
72 font-size: 1em;
73 line-height: 1.6em;
55 margin: 10% auto 0; 74 margin: 10% auto 0;
56 max-width: 552px; 75 max-width: 600px;
57 width: 100%; 76 width: 100%;
58 } 77 }
59 78
60 .nav-wrapper { 79 .nav-wrapper {
61 margin-top: 60px; 80 margin-top: 84px;
62 } 81 }
63 82
64 .nav-wrapper::after { 83 .nav-wrapper::after {
65 clear: both; 84 clear: both;
66 content: ''; 85 content: '';
67 display: table; 86 display: table;
68 width: 100%; 87 width: 100%;
69 } 88 }
70 89
71 p { 90 p.add-top-margin {
Dan Beam 2014/06/07 02:04:42 #details p:not(:first-of-type) { margin-top: 39p
felt 2014/06/07 02:56:12 Done.
72 margin-bottom: 22px; 91 margin-top: 39px;
73 } 92 }
74 93
75 @media (max-width: 700px) { 94 @media (max-width: 700px) {
76 .interstitial-wrapper { 95 .interstitial-wrapper {
77 padding: 0 10%; 96 padding: 0 10%;
78 } 97 }
79 } 98 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698