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 3 * found in the LICENSE file. 4 */ 5 6 .app { 7 position: absolute; 8 } 9 10 .app span { 11 display: block; 12 text-decoration: none; 13 text-overflow: ellipsis; 14 white-space: nowrap; 15 overflow: hidden; 16 } 17 18 /* TODO(estade): hover effect? press effect? */ 19 .app img { 20 cursor: pointer; 21 display: block; 22 margin-left: auto; 23 margin-right: auto; 24 /* -webkit-mask-image set by JavaScript to the image source */ 25 -webkit-mask-size: 100% 100%; 26 } 27 28 /* Pressed is set when an app is first touched. 29 By using the mask, pressing causes a darkening effect of just the image */ 30 .app.grabber-pressed img { 31 opacity: 0.8; 32 } 33 34 /* Grabbed is set (and pressed is cleared) when the app has been held. */ 35 .grabber-grabbed { 36 opacity: 0.8; 37 -webkit-transform: scale3d(1.4, 1.4, 1); 38 } 39 40 /* Dragging is set (without grabbed being cleared) when a grabbed app is 41 moved */ 42 .grabber-dragging { 43 /* We need to ensure there is no animation applied to its position 44 (or the drag touch may stop being over top of it */ 45 -webkit-transition: none !important; 46 47 /* Ensure the element has a large z-index so that we can get events 48 for it as it moves over other elements. This is animated as the 49 element flys back, so we want a large value that will stay large until 50 its almost home. */ 51 z-index: 100; 52 } 53