| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 | 5 |
| 6 .app { | 6 .app { |
| 7 position: absolute; | 7 position: absolute; |
| 8 text-align: center; | 8 text-align: center; |
| 9 -webkit-transition: -webkit-transform 0.1s; |
| 10 } |
| 11 |
| 12 .app:active, |
| 13 .dragging .app, |
| 14 .drag-representation .app { |
| 15 /* Don't animate the initial scaling. */ |
| 16 -webkit-transition-duration: 0; |
| 17 -webkit-transform: scale(1.1); |
| 9 } | 18 } |
| 10 | 19 |
| 11 .app-contents > span { | 20 .app-contents > span { |
| 12 cursor: pointer; | 21 cursor: pointer; |
| 13 display: block; | 22 display: block; |
| 14 overflow: hidden; | 23 overflow: hidden; |
| 15 text-decoration: none; | 24 text-decoration: none; |
| 16 text-overflow: ellipsis; | 25 text-overflow: ellipsis; |
| 17 white-space: nowrap; | 26 white-space: nowrap; |
| 18 } | 27 } |
| 19 | 28 |
| 20 /* TODO(estade): hover effect? press effect? */ | |
| 21 .app-contents > img { | 29 .app-contents > img { |
| 22 cursor: pointer; | 30 cursor: pointer; |
| 23 display: block; | 31 display: block; |
| 24 margin-left: auto; | 32 margin-left: auto; |
| 25 margin-right: auto; | 33 margin-right: auto; |
| 26 /* -webkit-mask-image set by JavaScript to the image source */ | 34 /* -webkit-mask-image set by JavaScript to the image source */ |
| 27 -webkit-mask-size: 100% 100%; | 35 -webkit-mask-size: 100% 100%; |
| 28 } | 36 } |
| 29 | 37 |
| 30 .app-icon-div { | 38 .app-icon-div { |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 white-space: nowrap; | 98 white-space: nowrap; |
| 91 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6; | 99 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6; |
| 92 } | 100 } |
| 93 | 101 |
| 94 .apps-promo-hide { | 102 .apps-promo-hide { |
| 95 font-size: 90%; | 103 font-size: 90%; |
| 96 margin-top: 2px; | 104 margin-top: 2px; |
| 97 text-decoration: underline; | 105 text-decoration: underline; |
| 98 -webkit-margin-start: 5px; | 106 -webkit-margin-start: 5px; |
| 99 } | 107 } |
| OLD | NEW |