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 }