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-color: #f7f7f7; | 10 background-color: #f7f7f7; |
(...skipping 10 matching lines...) Expand all Loading... |
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; | |
32 padding: 8px 24px; | 31 padding: 8px 24px; |
33 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); | 32 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); |
34 } | 33 } |
35 | 34 |
36 [dir='rtl'] button { | 35 [dir='rtl'] button { |
37 float: left; | 36 float: left; |
38 } | 37 } |
39 | 38 |
40 button:active { | 39 button:active { |
41 background: rgb(50, 102, 213); | 40 background: rgb(50, 102, 213); |
| 41 outline: 0; |
42 } | 42 } |
43 | 43 |
44 button:hover { | 44 button:hover { |
45 box-shadow: 0 1px 3px rgba(0, 0, 0, .50); | 45 box-shadow: 0 1px 3px rgba(0, 0, 0, .50); |
46 } | 46 } |
47 | 47 |
48 #details { | 48 #details { |
49 color: #696969; | 49 color: #696969; |
50 margin: 45px 0 50px; | 50 margin: 45px 0 50px; |
51 } | 51 } |
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
190 position: absolute; | 190 position: absolute; |
191 top: 3px; | 191 top: 3px; |
192 transform: rotate(-45deg); | 192 transform: rotate(-45deg); |
193 width: 9px; | 193 width: 9px; |
194 } | 194 } |
195 | 195 |
196 .styled-checkbox input[type=checkbox]:checked + label::after { | 196 .styled-checkbox input[type=checkbox]:checked + label::after { |
197 opacity: 1; | 197 opacity: 1; |
198 } | 198 } |
199 | 199 |
200 .yellow :-webkit-any( | |
201 a, #details, #details-button, h1, .small-link) { | |
202 color: black; | |
203 } | |
204 | |
205 @media (max-width: 700px) { | 200 @media (max-width: 700px) { |
206 .interstitial-wrapper { | 201 .interstitial-wrapper { |
207 padding: 0 10%; | 202 padding: 0 10%; |
208 } | 203 } |
209 } | 204 } |
210 | 205 |
211 @media (max-height: 600px) { | 206 @media (max-height: 600px) { |
212 .interstitial-wrapper { | 207 .interstitial-wrapper { |
213 margin-top: 13%; | 208 margin-top: 13%; |
214 } | 209 } |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
246 } | 241 } |
247 | 242 |
248 .nav-wrapper { | 243 .nav-wrapper { |
249 margin-top: 30px; | 244 margin-top: 30px; |
250 } | 245 } |
251 | 246 |
252 .small-link { | 247 .small-link { |
253 font-size: 1em; | 248 font-size: 1em; |
254 } | 249 } |
255 } | 250 } |
OLD | NEW |