| 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 |