OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2014 The Chromium Authors. All rights reserved. | 2 * Copyright 2014 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .responsive-design { | 7 .responsive-design { |
8 overflow: hidden; | 8 overflow: hidden; |
9 position: relative; | 9 position: relative; |
10 } | 10 } |
(...skipping 206 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
217 border: 0; | 217 border: 0; |
218 } | 218 } |
219 | 219 |
220 .responsive-design-icon-swap:hover { | 220 .responsive-design-icon-swap:hover { |
221 opacity: 1; | 221 opacity: 1; |
222 } | 222 } |
223 | 223 |
224 .responsive-design-icon-swap:active { | 224 .responsive-design-icon-swap:active { |
225 opacity: 0.8; | 225 opacity: 0.8; |
226 } | 226 } |
| 227 |
| 228 .responsive-design-warning { |
| 229 background-color: rgb(64, 64, 64); |
| 230 color: rgb(180, 180, 180); |
| 231 height: 19px; |
| 232 padding: 2px; |
| 233 } |
| 234 |
| 235 .responsive-design-warning::before { |
| 236 background-image: url(Images/statusbarButtonGlyphs.png); |
| 237 background-size: 320px 144px; |
| 238 width: 10px; |
| 239 height: 10px; |
| 240 content: ""; |
| 241 position: relative; |
| 242 top: 2px; |
| 243 background-position: -202px -107px; |
| 244 float: left; |
| 245 margin-right: 4px; |
| 246 margin-left: 2px; |
| 247 } |
| 248 |
| 249 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 250 .responsive-design-warning::before { |
| 251 background-image: url(Images/statusbarButtonGlyphs_2x.png); |
| 252 } |
| 253 } /* media */ |
OLD | NEW |