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.tile-page { 7 margin-top: 50px; 8 text-align: center; 9 width: 100%; 10} 11 12.tile-page-title { 13 display: inline-block; 14 font-size: 25px; 15 height: 50px; 16 opacity: 0.3; 17} 18 19.tile-grid { 20 height: 100%; 21 position: relative; 22 width: 100%; 23} 24 25.tile { 26 display: inline-block; 27 position: absolute; 28 /* Animate effects to/from the grabbed state, and the position when drop 29 is cancelled. I'd like to also animate movement when an app is 30 re-positioned, but since chrome is doing the layout there is no property 31 to animate. */ 32 -webkit-transition: -webkit-transform, opacity; 33 -webkit-transition-duration: 200ms; 34 /* Don't offer the context menu on long-press. */ 35 -webkit-touch-callout: none; 36} 37 38.resizing-tile-page .tile { 39 -webkit-transition: left 200ms, top 200ms; 40} 41