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