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
3 * found in the LICENSE file.
4 */
5
6.toolbar-container {
7  position: fixed;
8  top: -48px;
9  width: 640px;
10  -webkit-transition: top 0.15s ease;
11  font-size: 13px;
12  pointer-events: none;
13  z-index: 1;
14}
15
16.toolbar-visible {
17  top: -8px;
18}
19
20.toolbar-stub {
21  position: absolute;
22  width: 134px;
23  height: 7px;
24  left: 243px;
25  border-bottom-left-radius: 7px;
26  border-bottom-right-radius: 7px;
27  background-color: #4695ff;
28  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
29  pointer-events: all;
30  clip: rect(0, 999px, 999px, -999px);
31  -webkit-transition: height 0.15s ease;
32}
33
34.toolbar-stub-extended,
35.toolbar-visible .toolbar-stub {
36  height: 14px;
37}
38
39.toolbar-border {
40  border-radius: 7px;
41  border: 3px solid #4695ff;
42  width: 620px;
43  padding: 10px 7px 5px 7px;
44  background-color: #e9e9e9;
45  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
46  pointer-events: all;
47  display: -webkit-flex;
48}
49
50.toolbar-border > div {
51  margin: 5px 4px;
52}
53
54/* Ensure that the 'connected to' string doesn't make the tool-bar overflow */
55#connected-to {
56  max-width: 260px;
57  overflow: hidden;
58  white-space: nowrap;
59}
60
61#new-connection {
62  margin-__MSG_@@bidi_start_edge__: 0;
63}
64
65.end-align {
66  float: __MSG_@@bidi_end_edge__;
67}
68
69.arrow-down {
70  position: absolute;
71  width: 0;
72  height: 0;
73  border-left: 5px solid transparent;
74  border-right: 5px solid transparent;
75  border-top: 5px solid white;
76  left: 62px;
77  bottom: 2px;
78  opacity: 0.5;
79  -webkit-transition: bottom 0.15s ease, opacity 0.1s linear;
80}
81
82.toolbar-stub-extended .arrow-down,
83.toolbar-visible .arrow-down {
84  bottom: 6px;
85}
86
87
88.toolbar-stub:hover .arrow-down {
89  opacity: 1.0;
90}
91
92.toolbar-visible .arrow-down {
93  -webkit-transform: rotate(180deg);
94}