1/* 2 * Copyright (C) 2013 Apple Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions 6 * are met: 7 * 1. Redistributions of source code must retain the above copyright 8 * notice, this list of conditions and the following disclaimer. 9 * 2. Redistributions in binary form must reproduce the above copyright 10 * notice, this list of conditions and the following disclaimer in the 11 * documentation and/or other materials provided with the distribution. 12 * 13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' 14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, 15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS 17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF 23 * THE POSSIBILITY OF SUCH DAMAGE. 24 */ 25 26.scope-bar { 27 padding: 0 3px; 28 overflow: hidden; 29} 30 31.scope-bar > li { 32 display: inline-block; 33 margin: 0 2px; 34 padding: 1px 8px 3px; 35 font-size: 11px; 36 line-height: 11px; 37 color: rgb(46, 46, 46); 38 background-color: transparent; 39 border: 1px solid transparent; 40 border-radius: 3px; 41 text-align: center; 42} 43 44body.mac-platform.legacy .scope-bar > li { 45 font-weight: bold; 46 padding: 0 8px 3px; 47 border-radius: 9px; 48 49 transition: 200ms ease-in-out; 50 transition-property: background-color, border-color; 51} 52 53.scope-bar > li.selected, 54.scope-bar > li:active { 55 transition-duration: 75ms; 56} 57 58.scope-bar > li:hover { 59 color: white; 60 background-color: rgba(34, 131, 246, 0.5); 61} 62 63body.mac-platform.legacy .scope-bar > li:hover { 64 color: inherit; 65 border-color: rgba(0, 0, 0, 0.15); 66 background-color: transparent; 67} 68 69.scope-bar > li.selected { 70 color: white; 71 background-color: rgba(34, 131, 246, 1); 72} 73 74body.mac-platform.legacy .scope-bar > li.selected { 75 color: inherit; 76 background-color: rgba(0, 0, 0, 0.06); 77 border-color: rgba(0, 0, 0, 0.30); 78} 79 80.scope-bar > li:active { 81 color: white; 82 background-color: rgba(34, 131, 246, 0.55); 83} 84 85body.mac-platform.legacy .scope-bar > li:active { 86 color: inherit; 87 background-color: rgba(0, 0, 0, 0.16); 88 border-color: rgba(0, 0, 0, 0.40); 89} 90 91.scope-bar > li.selected:active { 92 background-color: rgba(31, 105, 238, 1); 93} 94 95body.mac-platform.legacy .scope-bar > li.selected:active { 96 background-color: rgba(0, 0, 0, 0.16); 97} 98