| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| .app { |
| outline: none; |
| position: absolute; |
| text-align: center; |
| } |
| |
| .app-contents { |
| -webkit-transition: -webkit-transform 100ms; |
| } |
| |
| .app-contents:active:not(.suppress-active), |
| .app:not(.click-focus):focus .app-contents:not(.suppress-active), |
| .drag-representation:not(.placing) .app-contents { |
| -webkit-transform: scale(1.1); |
| } |
| |
| /* Don't animate the initial scaling. */ |
| .app-contents:active:not(.suppress-active), |
| /* Active gets applied right before .suppress-active, so to avoid flicker |
| * we need to make the scale go back to normal without an animation. */ |
| .app-contents.suppress-active { |
| -webkit-transition-duration: 0; |
| } |
| |
| .app-contents > span { |
| display: block; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| |
| .app-img-container { |
| /* -webkit-mask-image set by JavaScript to the image source. */ |
| -webkit-mask-size: 100% 100%; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| .app-img-container > * { |
| height: 100%; |
| width: 100%; |
| } |
| |
| .app-icon-div { |
| -webkit-box-align: center; |
| -webkit-box-pack: center; |
| background-color: white; |
| border: 1px solid #d5d5d5; |
| border-radius: 5px; |
| display: -webkit-box; |
| margin-left: auto; |
| margin-right: auto; |
| position: relative; |
| vertical-align: middle; |
| z-index: 0; |
| } |
| |
| .app-icon-div .app-img-container { |
| bottom: 10px; |
| left: 10px; |
| position: absolute; |
| } |
| |
| .app-icon-div .color-stripe { |
| border-bottom-left-radius: 5px 5px; |
| border-bottom-right-radius: 5px 5px; |
| bottom: 0; |
| height: 3px; |
| opacity: 1.0; |
| position: absolute; |
| width: 100%; |
| z-index: 100; |
| } |
| |
| .app-context-menu > button:first-child { |
| font-weight: bold; |
| } |
| |
| .app-context-menu { |
| z-index: 1000; |
| } |
| |
| .app-context-menu > [checked]::before { |
| height: 5px; |
| } |
| |
| .launch-click-target { |
| cursor: pointer; |
| } |
| |
| .app-img-container > img:first-child { |
| display: block; |
| } |
| |
| .app .invisible { |
| visibility: hidden; |
| } |
| |
| #app-launcher-promo { |
| background-color: white; |
| border: 1px solid lightgray; |
| border-bottom-width: 3px; |
| border-radius: 2px; |
| border-top-width: 2px; |
| bottom: 90px; |
| font-family: Arial, Helvetica, sans-serif; |
| height: 120px; |
| left: 50%; |
| margin-left: -300px; |
| position: fixed; |
| width: 600px; |
| } |
| |
| #app-launcher-promo > .close-button { |
| position: absolute; |
| right: 10px; |
| top: 10px; |
| width: 14px; |
| } |
| |
| .apps-promo-text { |
| color: #222; |
| font-size: 16px; |
| left: 30px; |
| line-height: 24px; |
| position: absolute; |
| top: 30px; |
| } |
| |
| .apps-promo-learn-more { |
| background-color: rgb(77, 144, 254); |
| border: 1px solid rgb(47, 91, 183); |
| border-radius: 2px; |
| color: white; |
| cursor: default; |
| font-size: 11px; |
| font-weight: bold; |
| height: 27px; |
| left: 30px; |
| line-height: 27px; |
| padding: 0 8px; |
| position: absolute; |
| text-align: center; |
| text-decoration: none; |
| top: 70px; |
| width: 90px; |
| } |
| |
| .apps-promo-learn-more:hover { |
| background-image: -webkit-linear-gradient( |
| top, rgb(77, 144, 254), rgb(53, 122, 232)); |
| border: 1px solid rgb(47, 91, 183); |
| } |
| |
| #app-launcher-promo > img { |
| bottom: 0; |
| position: absolute; |
| right: 30px; |
| } |