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