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 | 5 |
6 .toolbar-container { | 6 .toolbar-container { |
7 position: fixed; | 7 position: fixed; |
8 top: -48px; | 8 top: -48px; |
9 width: 640px; | 9 width: 640px; |
10 -webkit-transition: top 0.15s ease; | 10 -webkit-transition: top 0.15s ease; |
11 font-size: 13px; | 11 font-size: 13px; |
12 pointer-events: none; | 12 pointer-events: none; |
13 z-index: 1; | 13 z-index: 1; |
14 } | 14 } |
15 | 15 |
16 .toolbar-visible { | 16 .toolbar-visible { |
17 top: -8px; | 17 top: -8px; |
18 } | 18 } |
19 | 19 |
20 .toolbar-container div { | |
21 margin-left: auto; | |
22 margin-right: auto; | |
23 } | |
24 | |
25 .toolbar-stub { | 20 .toolbar-stub { |
26 position: absolute; | 21 position: absolute; |
27 width: 134px; | 22 width: 134px; |
28 height: 7px; | 23 height: 7px; |
29 left: 253px; | 24 left: 243px; |
30 border-bottom-left-radius: 7px; | 25 border-bottom-left-radius: 7px; |
31 border-bottom-right-radius: 7px; | 26 border-bottom-right-radius: 7px; |
32 background-color: #4695ff; | 27 background-color: #4695ff; |
33 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); | 28 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); |
34 pointer-events: all; | 29 pointer-events: all; |
35 clip: rect(0, 999px, 999px, -999px); | 30 clip: rect(0, 999px, 999px, -999px); |
36 -webkit-transition: height 0.15s ease; | 31 -webkit-transition: height 0.15s ease; |
37 } | 32 } |
38 | 33 |
39 .toolbar-stub-extended, | 34 .toolbar-stub-extended, |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
84 } | 79 } |
85 | 80 |
86 | 81 |
87 .toolbar-stub:hover .arrow-down { | 82 .toolbar-stub:hover .arrow-down { |
88 opacity: 1.0; | 83 opacity: 1.0; |
89 } | 84 } |
90 | 85 |
91 .toolbar-visible .arrow-down { | 86 .toolbar-visible .arrow-down { |
92 -webkit-transform: rotate(180deg); | 87 -webkit-transform: rotate(180deg); |
93 } | 88 } |
OLD | NEW |