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-stub { | 20 .toolbar-stub { |
21 position: absolute; | 21 position: absolute; |
22 width: 134px; | 22 width: 134px; |
23 height: 7px; | 23 height: 7px; |
24 left: 243px; | 24 left: 243px; |
25 border-bottom-left-radius: 7px; | 25 border-bottom-left-radius: 7px; |
26 border-bottom-right-radius: 7px; | 26 border-bottom-right-radius: 7px; |
27 background-color: #4695ff; | 27 background-color: #4695ff; |
28 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); | 28 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); |
29 pointer-events: all; | 29 pointer-events: all; |
30 clip: rect(0, 999px, 999px, -999px); | 30 clip: rect(0, 999px, 999px, -999px); |
31 -webkit-transition: height 0.15s ease; | 31 -webkit-transition: height 0.15s ease; |
32 } | 32 } |
33 | 33 |
34 .toolbar-stub-extended, | 34 .toolbar-stub-extended, |
35 .toolbar-visible .toolbar-stub { | 35 .toolbar-visible .toolbar-stub { |
36 height: 14px; | 36 height: 14px; |
37 } | 37 } |
38 | 38 |
39 .toolbar-border { | 39 .toolbar-border { |
40 border-radius: 7px; | 40 border-radius: 7px; |
41 border: 3px solid #4695ff; | 41 border: 3px solid #4695ff; |
42 width: 620px; | 42 width: 620px; |
43 padding: 10px 7px 5px 7px; | 43 padding: 10px 7px 5px 7px; |
44 background-color: #e9e9e9; | 44 background-color: #e9e9e9; |
45 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); | 45 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); |
46 pointer-events: all; | 46 pointer-events: all; |
47 display: -webkit-box; | 47 display: -webkit-box; |
48 } | 48 } |
49 | 49 |
50 .toolbar-border > div { | 50 .toolbar-border > div { |
51 margin: 4px; | 51 margin: 4px; |
52 } | 52 } |
53 | 53 |
54 /* Ensure that the 'connected to' string doesn't make the tool-bar overflow */ | 54 /* Ensure that the 'connected to' string doesn't make the tool-bar overflow */ |
55 #connected-to { | 55 #connected-to { |
(...skipping 26 matching lines...) Expand all Loading... |
82 } | 82 } |
83 | 83 |
84 | 84 |
85 .toolbar-stub:hover .arrow-down { | 85 .toolbar-stub:hover .arrow-down { |
86 opacity: 1.0; | 86 opacity: 1.0; |
87 } | 87 } |
88 | 88 |
89 .toolbar-visible .arrow-down { | 89 .toolbar-visible .arrow-down { |
90 -webkit-transform: rotate(180deg); | 90 -webkit-transform: rotate(180deg); |
91 } | 91 } |
OLD | NEW |