| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 */ | 4 */ |
| 5 | 5 |
| 6 .tile-page { | 6 .tile-page { |
| 7 height: 100%; | 7 height: 100%; |
| 8 position: relative; | 8 position: relative; |
| 9 width: 100%; | 9 width: 100%; |
| 10 } | 10 } |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 } | 66 } |
| 67 | 67 |
| 68 .tile.dragging { | 68 .tile.dragging { |
| 69 opacity: 0; | 69 opacity: 0; |
| 70 } | 70 } |
| 71 | 71 |
| 72 .tile.drag-representation { | 72 .tile.drag-representation { |
| 73 pointer-events: none; | 73 pointer-events: none; |
| 74 position: fixed; | 74 position: fixed; |
| 75 z-index: 3; | 75 z-index: 3; |
| 76 -webkit-transition: opacity 0.2s; |
| 76 } | 77 } |
| 77 | 78 |
| 78 .tile.drag-representation.placing > * { | 79 .tile.drag-representation.placing > * { |
| 79 -webkit-transition: -webkit-transform 200ms; | 80 -webkit-transition: -webkit-transform 200ms; |
| 80 } | 81 } |
| 81 | 82 |
| 82 .tile.drag-representation.placing > *.deleting { | 83 .tile.drag-representation.placing > *.deleting { |
| 83 -webkit-transform: scale(0) rotate(360deg); | 84 -webkit-transform: scale(0) rotate(360deg); |
| 84 -webkit-transition: -webkit-transform 600ms; | 85 -webkit-transition: -webkit-transform 600ms; |
| 85 } | 86 } |
| 86 | 87 |
| 87 .animating-tile-page .tile, | 88 .animating-tile-page .tile, |
| 88 .tile.drag-representation.placing { | 89 .tile.drag-representation.placing { |
| 89 -webkit-transition: left 200ms, right 200ms, top 200ms; | 90 -webkit-transition: left 200ms, right 200ms, top 200ms; |
| 90 } | 91 } |
| 91 | 92 |
| 93 .hovering-on-trash { |
| 94 opacity: 0.6; |
| 95 } |
| 96 |
| 92 .animating-tile-page .top-margin { | 97 .animating-tile-page .top-margin { |
| 93 -webkit-transition: margin-bottom 200ms; | 98 -webkit-transition: margin-bottom 200ms; |
| 94 } | 99 } |
| 95 | 100 |
| 96 @-webkit-keyframes bounce { | 101 @-webkit-keyframes bounce { |
| 97 0% { | 102 0% { |
| 98 -webkit-transform: scale(0, 0); | 103 -webkit-transform: scale(0, 0); |
| 99 } | 104 } |
| 100 | 105 |
| 101 60% { | 106 60% { |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 142 | 147 |
| 143 /** Scrollbars ****************************************************************/ | 148 /** Scrollbars ****************************************************************/ |
| 144 | 149 |
| 145 .tile-page-content::-webkit-scrollbar { | 150 .tile-page-content::-webkit-scrollbar { |
| 146 width: 13px; | 151 width: 13px; |
| 147 } | 152 } |
| 148 | 153 |
| 149 .tile-page-content::-webkit-scrollbar-button { | 154 .tile-page-content::-webkit-scrollbar-button { |
| 150 display: none; | 155 display: none; |
| 151 } | 156 } |
| OLD | NEW |