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.navigation-bar .item.radio.button:not(.text-only) { 27 width: 32px; 28} 29 30.navigation-bar.collapsed .item.radio.button:not(.text-only) { 31 width: 24px; 32} 33 34.navigation-bar .item.radio.button.text-only:hover { 35 color: white; 36 background-color: rgba(34, 131, 246, 0.5); 37} 38 39body.mac-platform.legacy .navigation-bar .item.radio.button.text-only:hover { 40 color: rgb(0, 0, 0); 41 background-color: transparent; 42} 43 44.navigation-bar .item.radio.button.text-only.selected { 45 color: white; 46 background-color: rgba(34, 131, 246, 1); 47} 48 49body.mac-platform.legacy .navigation-bar .item.radio.button.text-only.selected { 50 color: rgb(0, 0, 0); 51 font-weight: bold; 52 53 background-repeat: no-repeat; 54 background-color: transparent; 55 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.06) 12%, transparent), linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent), 56 linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent); 57 background-size: 100% 100%, 1px 100%, 1px 100%; 58 background-position: left top, left top, right top; 59} 60 61.navigation-bar .item.radio.button.text-only:active { 62 color: white; 63 background-color: rgba(34, 131, 246, 0.55); 64} 65 66.navigation-bar .item.radio.button.text-only.selected:active { 67 background-color: rgba(31, 105, 238, 1); 68} 69 70body.mac-platform.legacy .navigation-bar .item.radio.button.text-only:active, 71body.mac-platform.legacy .navigation-bar .item.radio.button.text-only.selected:active { 72 color: rgb(0, 0, 0); 73 background-color: transparent; 74} 75