OLD | NEW |
---|---|
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 } |
OLD | NEW |