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