OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 .app { | 5 .app { |
6 outline: none; | 6 outline: none; |
7 position: absolute; | 7 position: absolute; |
8 text-align: center; | 8 text-align: center; |
9 } | 9 } |
10 | 10 |
(...skipping 17 matching lines...) Expand all Loading... |
28 | 28 |
29 .app-contents > span { | 29 .app-contents > span { |
30 display: block; | 30 display: block; |
31 overflow: hidden; | 31 overflow: hidden; |
32 text-decoration: none; | 32 text-decoration: none; |
33 text-overflow: ellipsis; | 33 text-overflow: ellipsis; |
34 white-space: nowrap; | 34 white-space: nowrap; |
35 } | 35 } |
36 | 36 |
37 .app-img-container { | 37 .app-img-container { |
| 38 /* -webkit-mask-image set by JavaScript to the image source. */ |
| 39 -webkit-mask-size: 100% 100%; |
38 margin-left: auto; | 40 margin-left: auto; |
39 margin-right: auto; | 41 margin-right: auto; |
40 /* -webkit-mask-image set by JavaScript to the image source */ | |
41 -webkit-mask-size: 100% 100%; | |
42 } | 42 } |
43 | 43 |
44 .app-img-container > * { | 44 .app-img-container > * { |
45 height: 100%; | 45 height: 100%; |
46 width: 100%; | 46 width: 100%; |
47 } | 47 } |
48 | 48 |
49 .app-icon-div { | 49 .app-icon-div { |
| 50 -webkit-box-align: center; |
| 51 -webkit-box-pack: center; |
50 background-color: white; | 52 background-color: white; |
51 border: 1px solid #d5d5d5; | 53 border: 1px solid #d5d5d5; |
52 border-radius: 5px; | 54 border-radius: 5px; |
53 display: -webkit-box; | 55 display: -webkit-box; |
54 margin-left: auto; | 56 margin-left: auto; |
55 margin-right: auto; | 57 margin-right: auto; |
56 position: relative; | 58 position: relative; |
57 vertical-align: middle; | 59 vertical-align: middle; |
58 z-index: 0; | 60 z-index: 0; |
59 -webkit-box-align: center; | |
60 -webkit-box-pack: center; | |
61 } | 61 } |
62 | 62 |
63 .app-icon-div .app-img-container { | 63 .app-icon-div .app-img-container { |
64 bottom: 10px; | 64 bottom: 10px; |
65 left: 10px; | 65 left: 10px; |
66 position: absolute; | 66 position: absolute; |
67 } | 67 } |
68 | 68 |
69 .app-icon-div .color-stripe { | 69 .app-icon-div .color-stripe { |
70 border-bottom-left-radius: 5px 5px; | 70 border-bottom-left-radius: 5px 5px; |
(...skipping 14 matching lines...) Expand all Loading... |
85 z-index: 1000; | 85 z-index: 1000; |
86 } | 86 } |
87 | 87 |
88 .launch-click-target { | 88 .launch-click-target { |
89 cursor: pointer; | 89 cursor: pointer; |
90 } | 90 } |
91 | 91 |
92 /* Notifications */ | 92 /* Notifications */ |
93 | 93 |
94 .app-notification { | 94 .app-notification { |
| 95 -webkit-transition: color 150ms linear; |
95 color: #999; | 96 color: #999; |
96 display: block; | 97 display: block; |
97 font-size: 11px; | 98 font-size: 11px; |
98 white-space: nowrap; | 99 white-space: nowrap; |
99 -webkit-transition: color 150ms linear; | |
100 } | 100 } |
101 | 101 |
102 .app-notification:hover { | 102 .app-notification:hover { |
103 text-decoration: underline; | 103 text-decoration: underline; |
104 } | 104 } |
105 | 105 |
106 /* Promo */ | 106 /* Promo */ |
107 /* Show the promo if the webstore has a promo and is the only app on the page. | 107 /* Show the promo if the webstore has a promo and is the only app on the page. |
108 */ | 108 */ |
109 .tile:only-of-type > .has-promo > .app-contents > span { | 109 .tile:only-of-type > .has-promo > .app-contents > span { |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
141 text-align: left; | 141 text-align: left; |
142 top: 0; | 142 top: 0; |
143 } | 143 } |
144 | 144 |
145 html[dir='rtl'] .apps-promo-extras { | 145 html[dir='rtl'] .apps-promo-extras { |
146 left: auto; | 146 left: auto; |
147 right: 160px; | 147 right: 160px; |
148 } | 148 } |
149 | 149 |
150 .apps-promo-heading { | 150 .apps-promo-heading { |
| 151 -webkit-margin-start: 3px; |
151 font-weight: bold; | 152 font-weight: bold; |
152 margin-bottom: 5px; | 153 margin-bottom: 5px; |
153 -webkit-margin-start: 3px; | |
154 } | 154 } |
155 | 155 |
156 .g-button-basic { | 156 .g-button-basic { |
| 157 -webkit-border-image: url('images/app_promo_button.png') 6 10 12 6; |
157 border-width: 6px 10px 12px 6px; | 158 border-width: 6px 10px 12px 6px; |
158 color: #fff !important; | 159 color: #fff !important; |
159 display: inline-block; | 160 display: inline-block; |
160 font-size: 1.3em; | 161 font-size: 1.3em; |
161 font-weight: bold; | 162 font-weight: bold; |
162 padding: 2px 10px; | 163 padding: 2px 10px; |
163 text-align: center; | 164 text-align: center; |
164 text-decoration: none; | 165 text-decoration: none; |
165 white-space: nowrap; | 166 white-space: nowrap; |
166 -webkit-border-image: url('images/app_promo_button.png') 6 10 12 6; | |
167 } | 167 } |
168 | 168 |
169 .app .invisible { | 169 .app .invisible { |
170 visibility: hidden; | 170 visibility: hidden; |
171 } | 171 } |
172 | 172 |
173 /* App install hint */ | 173 /* App install hint */ |
174 | 174 |
175 .app-install-hint { | 175 .app-install-hint { |
176 -webkit-transition: opacity 150ms; | 176 -webkit-transition: opacity 150ms; |
(...skipping 28 matching lines...) Expand all Loading... |
205 width: 12%; | 205 width: 12%; |
206 } | 206 } |
207 | 207 |
208 .app-install-hint-interior > div:first-child { | 208 .app-install-hint-interior > div:first-child { |
209 -webkit-transform: rotate(90deg); | 209 -webkit-transform: rotate(90deg); |
210 } | 210 } |
211 | 211 |
212 html.dragging-mode .app-install-hint { | 212 html.dragging-mode .app-install-hint { |
213 opacity: 0; | 213 opacity: 0; |
214 } | 214 } |
OLD | NEW |