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