| 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 |