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: #585858; | 6 color: #585858; |
7 } | 7 } |
8 | 8 |
9 body { | 9 body { |
10 background: rgb(247, 247, 247); | 10 background-color: #f7f7f7; |
11 color: #585858; | 11 color: #585858; |
12 font-size: 125%; | 12 font-size: 125%; |
13 } | 13 } |
14 | 14 |
15 body.safe-browsing { | 15 body.safe-browsing { |
16 background: rgb(217, 69, 61); | 16 background-color: rgb(206, 52, 38); |
17 color: rgb(255, 255, 255); | 17 color: white; |
18 } | 18 } |
19 | 19 |
20 button { | 20 button { |
21 background: rgb(76, 142, 250); | 21 background: rgb(76, 142, 250); |
22 border: 0; | 22 border: 0; |
23 border-radius: 2px; | 23 border-radius: 2px; |
24 box-sizing: border-box; | 24 box-sizing: border-box; |
25 color: #fff; | 25 color: #fff; |
26 cursor: pointer; | 26 cursor: pointer; |
27 float: right; | 27 float: right; |
28 font-size: .875em; | 28 font-size: .875em; |
29 height: 36px; | 29 height: 36px; |
30 margin: -6px 0 0; | 30 margin: -6px 0 0; |
| 31 outline: 0; |
31 padding: 8px 24px; | 32 padding: 8px 24px; |
32 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); | 33 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); |
33 } | 34 } |
34 | 35 |
35 [dir='rtl'] button { | 36 [dir='rtl'] button { |
36 float: left; | 37 float: left; |
37 } | 38 } |
38 | 39 |
39 button:active { | 40 button:active { |
40 background: rgb(50, 102, 213); | 41 background: rgb(50, 102, 213); |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
101 | 102 |
102 .small-link { | 103 .small-link { |
103 color: #696969; | 104 color: #696969; |
104 font-size: .875em; | 105 font-size: .875em; |
105 } | 106 } |
106 | 107 |
107 .safe-browsing a, | 108 .safe-browsing a, |
108 .safe-browsing #details, | 109 .safe-browsing #details, |
109 .safe-browsing #details-button, | 110 .safe-browsing #details-button, |
110 .safe-browsing h1 { | 111 .safe-browsing h1 { |
111 color: rgb(255, 255, 255); | 112 color: white; |
112 } | 113 } |
113 | 114 |
114 .safe-browsing button { | 115 .safe-browsing button { |
115 background: rgba(255, 255, 255, 0.15); | 116 background-color: rgb(206, 52, 38); |
| 117 border: 1px solid white; |
| 118 } |
| 119 |
| 120 .safe-browsing button:active { |
| 121 background-color: rgb(206, 52, 38); |
| 122 border-color: rgba(255, 255, 255, .6); |
| 123 } |
| 124 |
| 125 .safe-browsing button:hover { |
| 126 box-shadow: 0 2px 3px rgba(0, 0, 0, .5); |
116 } | 127 } |
117 | 128 |
118 .safe-browsing .icon { | 129 .safe-browsing .icon { |
119 background-image: -webkit-image-set( | 130 background-image: -webkit-image-set( |
120 url('../safe_browsing/images/1x/stop_sign.png') 1x, | 131 url('../safe_browsing/images/1x/stop_sign.png') 1x, |
121 url('../safe_browsing/images/2x/stop_sign.png') 2x); | 132 url('../safe_browsing/images/2x/stop_sign.png') 2x); |
122 } | 133 } |
123 | 134 |
124 .ssl .icon { | 135 .ssl .icon { |
125 background-image: -webkit-image-set( | 136 background-image: -webkit-image-set( |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
163 } | 174 } |
164 | 175 |
165 .interstitial-wrapper { | 176 .interstitial-wrapper { |
166 padding: 0 5%; | 177 padding: 0 5%; |
167 } | 178 } |
168 | 179 |
169 .nav-wrapper { | 180 .nav-wrapper { |
170 margin-top: 30px; | 181 margin-top: 30px; |
171 } | 182 } |
172 } | 183 } |
OLD | NEW |