1 /* Copyright (c) 2013 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 .mouse-mode-selector { 7 8 -webkit-user-drag: element; 9 -webkit-user-select: none; 10 11 background: #DDD; 12 border: 1px solid #BBB; 13 border-radius: 4px; 14 box-shadow: 0 1px 2px rgba(0,0,0,0.2); 15 height: 108px; 16 left: calc(100% - 120px); 17 position: fixed; 18 top: 100px; 19 user-drag: element; 20 user-select: none; 21 width: 29px; 22 z-index: 20; 23 } 24 25 .mouse-mode-selector .drag-handle { 26 background: url(../images/ui-states.png) 2px 3px no-repeat; 27 background-repeat: no-repeat; 28 border-bottom: 1px solid #BCBCBC; 29 cursor: move; 30 display: block; 31 height: 13px; 32 width: 27px; 33 } 34 35 .mouse-mode-selector .pan-scan-mode-button { 36 background-image: url(../images/ui-states.png); 37 background-position: 0 -10px; 38 } 39 40 .mouse-mode-selector .pan-scan-mode-button.active { 41 background-position: -30px -10px; 42 } 43 44 .mouse-mode-selector .selection-mode-button { 45 background-image: url(../images/ui-states.png); 46 background-position: 0 -40px; 47 } 48 49 .mouse-mode-selector .selection-mode-button.active { 50 background-position: -30px -40px; 51 } 52 53 .mouse-mode-selector .zoom-mode-button { 54 background-image: url(../images/ui-states.png); 55 background-position: 0 -70px; 56 border-bottom: none; 57 } 58 59 .mouse-mode-selector .zoom-mode-button.active { 60 background-position: -30px -70px; 61 } 62
