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 |