16833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 26833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis * Use of this source code is governed by a BSD-style license that can be 36833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis * found in the LICENSE file. 46833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis */ 56833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 66833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector { 76833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 86833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis -webkit-user-drag: element; 96833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis -webkit-user-select: none; 106833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 116833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background: #DDD; 126833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis border: 1px solid #BBB; 136833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis border-radius: 4px; 146833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis box-shadow: 0 1px 2px rgba(0,0,0,0.2); 156833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis height: 108px; 166833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis left: calc(100% - 120px); 176833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis position: fixed; 186833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis top: 100px; 196833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis user-drag: element; 206833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis user-select: none; 216833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis width: 29px; 226833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis z-index: 20; 236833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 246833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 256833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .drag-handle { 266833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background: url(../images/ui-states.png) 2px 3px no-repeat; 276833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-repeat: no-repeat; 286833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis border-bottom: 1px solid #BCBCBC; 296833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis cursor: move; 306833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis display: block; 316833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis height: 13px; 326833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis width: 27px; 336833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 346833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 356833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .pan-scan-mode-button { 366833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-image: url(../images/ui-states.png); 376833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-position: 0 -10px; 386833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 396833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 406833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .pan-scan-mode-button.active { 416833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-position: -30px -10px; 426833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 436833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 446833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .selection-mode-button { 456833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-image: url(../images/ui-states.png); 466833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-position: 0 -40px; 476833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 486833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 496833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .selection-mode-button.active { 506833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-position: -30px -40px; 516833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 526833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 536833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .zoom-mode-button { 546833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-image: url(../images/ui-states.png); 556833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-position: 0 -70px; 566833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis border-bottom: none; 576833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 586833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 596833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis.mouse-mode-selector .zoom-mode-button.active { 606833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis background-position: -30px -70px; 616833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 62