1/* 2 * Copyright (C) 2014 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.toolbar .dashboard.debugger { 26 display: -webkit-flex; 27 -webkit-flex-wrap: nowrap; 28 -webkit-justify-content: center; 29 -webkit-align-items: center; 30 31 text-align: center; 32 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 33 color: rgb(60, 60, 60); 34 padding: 0 5px; 35} 36 37.dashboard.debugger > .message { 38 font-weight: bold; 39} 40 41.dashboard.debugger .navigation-bar { 42 border: 0; 43 margin-right: 4px; 44} 45 46.toolbar:not(.small-size) .dashboard.debugger .navigation-bar { 47 margin-top: 1px; 48} 49 50.dashboard.debugger .navigation-bar .item.button { 51 -webkit-flex-direction: row; 52 width: 16px; 53 cursor: pointer; 54 padding: 0; 55} 56 57.dashboard.debugger .navigation-bar .item.button > .glyph { 58 width: 16px; 59 height: 16px; 60 -webkit-animation-name: pulse-pause-button; 61 -webkit-animation-duration: 1s; 62 -webkit-animation-timing-function: ease-out; 63 -webkit-animation-iteration-count: infinite; 64 -webkit-animation-direction: alternate; 65 background-color: rgb(102, 155, 199) !important; 66} 67 68@-webkit-keyframes pulse-pause-button { 69 from { opacity: 0.7; -webkit-transform: scale(1); } 70 to { opacity: 1; -webkit-transform: scale(1.1); } 71} 72 73.dashboard.debugger > .divider { 74 width: 1px; 75 height: 100%; 76 77 margin: 0 10px; 78 79 background-image: linear-gradient(rgb(190, 190, 190), rgb(190, 190, 190)); 80 background-size: 100% 66%; 81 background-repeat: no-repeat; 82 background-position: center; 83} 84 85.dashboard.debugger > div { 86 display: -webkit-flex; 87 -webkit-align-items: center; 88 -webkit-flex: none; 89} 90 91.dashboard.debugger > .location { 92 -webkit-flex: initial; 93} 94 95.dashboard.debugger > .location > * { 96 -webkit-flex: none; 97} 98 99.dashboard.debugger > .location > :first-child { 100 -webkit-align-self: center; 101 width: 16px; 102 height: 16px; 103 margin-right: 5px; 104} 105 106.toolbar:not(.small-size) .dashboard.debugger > .location :not(:first-child) { 107 margin-top: 1px; 108} 109 110.dashboard.debugger > .location img.icon { 111 width: 16px; 112 height: 16px; 113} 114 115.dashboard.debugger > .location .function-name { 116 color: rgb(30, 30, 30); 117 padding-bottom: 1px; 118} 119 120.dashboard.debugger > .location .function-name::after { 121 content: '\00A0\2014\00A0'; /* — */ 122} 123 124.dashboard.debugger > .location .go-to-link { 125 padding-bottom: 1px; 126 -webkit-text-decoration-color: #aaa; 127 128 -webkit-flex: initial; 129 text-overflow: ellipsis; 130 overflow: hidden; 131} 132 133.toolbar.collapsed .dashboard.debugger > :not(.message):not(.navigation-bar ) { 134 display: none; 135} 136 137.toolbar.small-size .dashboard.debugger > .message { 138 font-size: 10px; 139} 140 141.toolbar.small-size .dashboard.debugger > .location img.icon, 142.toolbar.small-size .dashboard.debugger > .location > :first-child { 143 width: 14px; 144 height: 14px; 145} 146