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; |
(...skipping 26 matching lines...) Expand all Loading... |
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 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-flex; |
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 { |
56 max-width: 280px; | 56 max-width: 280px; |
57 overflow: hidden; | 57 overflow: hidden; |
(...skipping 24 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 |