| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 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 div { | 7 div { |
| 8 width: 10px; | 8 width: 10px; |
| 9 height: 10px; | 9 height: 10px; |
| 10 margin-right: 2px; | 10 margin-right: 2px; |
| 11 display: inline-block; | 11 display: inline-block; |
| 12 } | 12 } |
| 13 | 13 |
| 14 div.error-icon, | 14 div.error-icon, |
| 15 div.revokedError-icon, | |
| 16 div.warning-icon, | 15 div.warning-icon, |
| 17 div.info-icon, | 16 div.info-icon, |
| 18 div.device-icon, | 17 div.device-icon, |
| 19 div.red-ball, | 18 div.red-ball, |
| 20 div.green-ball, | 19 div.green-ball, |
| 21 div.orange-ball { | 20 div.orange-ball { |
| 22 background-image: url(Images/toolbarButtonGlyphs.png); | 21 background-image: url(Images/toolbarButtonGlyphs.png); |
| 23 background-size: 320px 144px; | 22 background-size: 320px 144px; |
| 24 } | 23 } |
| 25 | 24 |
| 26 @media (-webkit-min-device-pixel-ratio: 1.5) { | 25 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 27 div.error-icon, | 26 div.error-icon, |
| 28 div.revokedError-icon, | |
| 29 div.warning-icon, | 27 div.warning-icon, |
| 30 div.info-icon, | 28 div.info-icon, |
| 31 div.device-icon, | 29 div.device-icon, |
| 32 div.red-ball, | 30 div.red-ball, |
| 33 div.green-ball, | 31 div.green-ball, |
| 34 div.orange-ball { | 32 div.orange-ball { |
| 35 background-image: url(Images/toolbarButtonGlyphs_2x.png); | 33 background-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 36 } | 34 } |
| 37 } /* media */ | 35 } /* media */ |
| 38 | 36 |
| 39 div.error-icon { | 37 div.error-icon { |
| 40 background-position: -213px -96px; | 38 background-position: -213px -96px; |
| 41 } | 39 } |
| 42 | 40 |
| 43 div.revokedError-icon { | |
| 44 background-position: -245px -107px; | |
| 45 } | |
| 46 | |
| 47 div.warning-icon { | 41 div.warning-icon { |
| 48 background-position: -202px -107px; | 42 background-position: -202px -107px; |
| 49 } | 43 } |
| 50 | 44 |
| 51 div.info-icon { | 45 div.info-icon { |
| 52 background-position: -213px -107px; | 46 background-position: -213px -107px; |
| 53 } | 47 } |
| 54 | 48 |
| 55 div.device-icon { | 49 div.device-icon { |
| 56 background-position: -224px -107px; | 50 background-position: -224px -107px; |
| 57 } | 51 } |
| 58 | 52 |
| 59 div.red-ball { | 53 div.red-ball { |
| 60 background-position: -224px -96px; | 54 background-position: -224px -96px; |
| 61 } | 55 } |
| 62 | 56 |
| 63 div.green-ball { | 57 div.green-ball { |
| 64 background-position: -235px -96px; | 58 background-position: -235px -96px; |
| 65 } | 59 } |
| 66 | 60 |
| 67 div.orange-ball { | 61 div.orange-ball { |
| 68 background-position: -246px -96px; | 62 background-position: -246px -96px; |
| 69 } | 63 } |
| OLD | NEW |