OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 body { | 5 body { |
6 /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing | 6 /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing |
7 * sections. */ | 7 * sections. */ |
8 overflow-x: hidden; | 8 overflow-x: hidden; |
9 } | 9 } |
10 | 10 |
(...skipping 10 matching lines...) Expand all Loading... |
21 right: 15px; | 21 right: 15px; |
22 width: 155px; | 22 width: 155px; |
23 z-index: 3; | 23 z-index: 3; |
24 } | 24 } |
25 | 25 |
26 #navigation.background { | 26 #navigation.background { |
27 z-index: 1; | 27 z-index: 1; |
28 } | 28 } |
29 | 29 |
30 #navigation.changing-content { | 30 #navigation.changing-content { |
31 -webkit-transition: transform 100ms, width 100ms; | 31 transition: transform 100ms, width 100ms; |
32 } | 32 } |
33 | 33 |
34 .iframe-container { | 34 .iframe-container { |
35 -webkit-margin-start: -20px; | 35 -webkit-margin-start: -20px; |
36 -webkit-transition: margin 100ms, opacity 100ms; | |
37 bottom: 0; | 36 bottom: 0; |
38 left: 0; | 37 left: 0; |
39 opacity: 0; | 38 opacity: 0; |
40 position: absolute; | 39 position: absolute; |
41 right: 0; | 40 right: 0; |
42 top: 0; | 41 top: 0; |
| 42 transition: margin 100ms, opacity 100ms; |
43 z-index: 1; | 43 z-index: 1; |
44 } | 44 } |
45 | 45 |
46 .iframe-container.selected { | 46 .iframe-container.selected { |
47 -webkit-margin-start: 0; | 47 -webkit-margin-start: 0; |
48 -webkit-transition: margin 200ms, opacity 200ms; | |
49 -webkit-transition-delay: 100ms; | |
50 opacity: 1; | 48 opacity: 1; |
| 49 transition: margin 200ms, opacity 200ms; |
| 50 transition-delay: 100ms; |
51 z-index: 2; | 51 z-index: 2; |
52 } | 52 } |
53 | 53 |
54 .iframe-container.expanded { | 54 .iframe-container.expanded { |
55 left: 0; | 55 left: 0; |
56 } | 56 } |
57 | 57 |
58 iframe { | 58 iframe { |
59 border: none; | 59 border: none; |
60 display: block; | 60 display: block; |
61 height: 100%; | 61 height: 100%; |
62 width: 100%; | 62 width: 100%; |
63 } | 63 } |
OLD | NEW |