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-contents > span { | 11 .app-contents > span { |
12 display: block; | 12 display: block; |
13 overflow: hidden; | 13 overflow: hidden; |
14 text-decoration: none; | 14 text-decoration: none; |
15 text-overflow: ellipsis; | 15 text-overflow: ellipsis; |
16 white-space: nowrap; | 16 white-space: nowrap; |
17 } | 17 } |
18 | 18 |
19 /* TODO(estade): hover effect? press effect? */ | 19 /* TODO(estade): hover effect? press effect? */ |
20 .app-contents > img { | 20 .app-contents > 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 /* Promo */ | 46 /* Promo */ |
38 /* Show the promo if the webstore has a promo and is the only app on the page. | 47 /* Show the promo if the webstore has a promo and is the only app on the page. |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 white-space: nowrap; | 80 white-space: nowrap; |
72 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6; | 81 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6; |
73 } | 82 } |
74 | 83 |
75 .apps-promo-hide { | 84 .apps-promo-hide { |
76 font-size: 90%; | 85 font-size: 90%; |
77 margin-top: 2px; | 86 margin-top: 2px; |
78 text-decoration: underline; | 87 text-decoration: underline; |
79 -webkit-margin-start: 5px; | 88 -webkit-margin-start: 5px; |
80 } | 89 } |
OLD | NEW |