| 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 } | 9 } |
| 10 | 10 |
| 11 .app span { | 11 .app span { |
| 12 display: block; | 12 display: block; |
| 13 text-decoration: none; | 13 text-decoration: none; |
| 14 text-overflow: ellipsis; | 14 text-overflow: ellipsis; |
| 15 white-space: nowrap; | 15 white-space: nowrap; |
| 16 overflow: hidden; | 16 overflow: hidden; |
| 17 } | 17 } |
| 18 | 18 |
| 19 /* TODO(estade): hover effect? press effect? */ | 19 /* TODO(estade): hover effect? press effect? */ |
| 20 .app img { | 20 .app img { |
| 21 cursor: pointer; | 21 cursor: pointer; |
| 22 display: block; | 22 display: block; |
| 23 margin-left: auto; | 23 margin-left: auto; |
| 24 margin-right: auto; | 24 margin-right: auto; |
| 25 /* -webkit-mask-image set by JavaScript to the image source */ | 25 /* -webkit-mask-image set by JavaScript to the image source */ |
| 26 -webkit-mask-size: 100% 100%; | 26 -webkit-mask-size: 100% 100%; |
| 27 } | 27 } |
| 28 | 28 |
| 29 .app-icon-div { |
| 30 border: 1px solid gray; |
| 31 border-radius: 4px; |
| 32 cursor: pointer; |
| 33 display: -webkit-box; |
| 34 vertical-align: middle; |
| 35 -webkit-box-align: center; |
| 36 } |
| 37 |
| 29 .app-context-menu > button:first-child { | 38 .app-context-menu > button:first-child { |
| 30 font-weight: bold; | 39 font-weight: bold; |
| 31 } | 40 } |
| 32 | 41 |
| 33 .app-context-menu { | 42 .app-context-menu { |
| 34 z-index: 1000; | 43 z-index: 1000; |
| 35 } | 44 } |
| 36 | 45 |
| 37 /* Link (bookmark) tiles. */ | 46 /* Link (bookmark) tiles. */ |
| 38 .link { | 47 .link { |
| 39 display: -webkit-box; | 48 display: -webkit-box; |
| 40 position: absolute; | 49 position: absolute; |
| 41 -webkit-box-orient: vertical; | 50 -webkit-box-orient: vertical; |
| 42 } | 51 } |
| 43 | 52 |
| 44 .link > * { | 53 .link > * { |
| 45 -webkit-box-flex: 1; | 54 -webkit-box-flex: 1; |
| 46 } | 55 } |
| 47 | 56 |
| 48 .link span { | 57 .link span { |
| 49 display: block; | 58 display: block; |
| 50 } | 59 } |
| OLD | NEW |