1/*
2 * Copyright (C) 2013, 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
26body.web .toolbar.collapsed .dashboard.default > .time,
27body.web .toolbar.collapsed .dashboard.default > .resourcesSize,
28body.web .toolbar.collapsed .dashboard.default > .logs {
29    display: none;
30}
31
32body.javascript .toolbar .dashboard.default > .time,
33body.javascript .toolbar .dashboard.default > .resourcesSize,
34body.javascript .toolbar .dashboard.default > .resourcesCount {
35    display: none;
36}
37
38.toolbar .dashboard.default {
39    display: -webkit-flex;
40    -webkit-flex-flow: row nowrap;
41    -webkit-justify-content: space-between;
42}
43
44.toolbar .dashboard.default > .item {
45    line-height: 13px;
46
47    padding: 0 5px;
48
49    display: -webkit-flex;
50
51    min-width: 45px;
52
53    -webkit-justify-content: center;
54    -webkit-align-items: center;
55
56    border-radius: 4px;
57    border: 1px solid transparent;
58}
59
60body.mac-platform.legacy .toolbar .dashboard.default > .item {
61    font-family: Helvetica, sans-serif;
62    font-weight: bold;
63}
64
65.toolbar .dashboard.default > .time,
66.toolbar .dashboard.default > .resourcesSize {
67    min-width: 70px;
68}
69
70.toolbar .dashboard.default > .item.enabled:hover {
71    border: 1px solid rgba(0, 0, 0, 0.1);
72}
73
74.toolbar .dashboard.default > .item.enabled:active {
75    border: 1px solid rgba(0, 0, 0, 0.2);
76}
77
78.toolbar .dashboard.default > .item > * {
79    display: -webkit-flex;
80    -webkit-align-items: center;
81}
82
83.toolbar .dashboard.default > .item > img {
84    opacity: 0.2;
85    width: 16px;
86    height: 16px;
87    pointer-events: none;
88}
89
90.toolbar .dashboard.default > .item.enabled > img {
91    opacity: 0.5;
92}
93
94.toolbar .dashboard.default > .item.enabled:hover > img {
95    opacity: 0.65;
96}
97
98.toolbar .dashboard.default > .item > div {
99    display: -webkit-flex;
100    -webkit-flex: 1;
101
102    color: rgba(0, 0, 0, 0.2);
103    padding-left: 2px;
104}
105
106.toolbar .dashboard.default > .item.enabled > div {
107    color: rgba(0, 0, 0, 0.7);
108}
109
110.toolbar .dashboard.default > .item.enabled:hover > div {
111    color: rgba(0, 0, 0, 0.85);
112}
113
114.toolbar .dashboard.default > .resourcesCount > img {
115    content: url(../Images/Resources.svg);
116}
117
118.toolbar .dashboard.default > .time > img {
119    content: url(../Images/Time.svg);
120}
121
122.toolbar .dashboard.default > .logs > img {
123    content: url(../Images/Logs.svg);
124}
125
126.toolbar .dashboard.default > .resourcesSize > img {
127    content: url(../Images/Weight.svg);
128}
129
130.toolbar .dashboard.default > .errors > img {
131    content: url(../Images/Errors.svg);
132}
133
134.toolbar .dashboard.default > .errors.enabled > img {
135    content: url(../Images/ErrorsEnabled.svg);
136    opacity: 0.9;
137}
138
139body.mac-platform.legacy .toolbar .dashboard.default > .resourcesCount > img {
140    content: url(../Images/Legacy/Resources.svg);
141}
142
143body.mac-platform.legacy .toolbar .dashboard.default > .time > img {
144    content: url(../Images/Legacy/Time.svg);
145}
146
147body.mac-platform.legacy .toolbar .dashboard.default > .logs > img {
148    content: url(../Images/Legacy/Logs.svg);
149}
150
151body.mac-platform.legacy .toolbar .dashboard.default > .resourcesSize > img {
152    content: url(../Images/Legacy/Weight.svg);
153}
154
155body.mac-platform.legacy .toolbar .dashboard.default > .errors > img {
156    content: url(../Images/Legacy/Errors.svg);
157}
158
159body.mac-platform.legacy .toolbar .dashboard.default > .errors.enabled > img {
160    content: url(../Images/Legacy/ErrorsEnabled.svg);
161}
162
163.toolbar .dashboard.default > .errors.enabled:hover > img {
164    opacity: 1;
165}
166
167.toolbar .dashboard.default > .errors.enabled > div {
168    color: rgba(201, 55, 57, 0.9);
169}
170
171.toolbar .dashboard.default > .errors.enabled:hover > div {
172    color: rgb(201, 55, 57);
173}
174
175.toolbar .dashboard.default > .issues > img {
176    content: url(../Images/Issues.svg);
177}
178
179.toolbar .dashboard.default > .issues.enabled > img {
180    content: url(../Images/IssuesEnabled.svg);
181    opacity: 0.9;
182}
183
184body.mac-platform.legacy .toolbar .dashboard.default > .issues > img {
185    content: url(../Images/Legacy/Issues.svg);
186}
187
188body.mac-platform.legacy .toolbar .dashboard.default > .issues.enabled > img {
189    content: url(../Images/Legacy/IssuesEnabled.svg);
190}
191
192.toolbar .dashboard.default > .issues.enabled:hover > img {
193    opacity: 1;
194}
195
196.toolbar .dashboard.default > .issues.enabled > div {
197    color: rgba(224, 164, 4, 0.9);
198}
199
200.toolbar .dashboard.default > .issues.enabled:hover > div {
201    color: rgb(224, 164, 4);
202}
203
204/* Styles for the pulsing animated state of console items */
205
206.toolbar .dashboard.default > .item.pulsing {
207    -webkit-animation-name: console-item-pulse;
208    -webkit-animation-duration: 0.75s;
209}
210
211@-webkit-keyframes console-item-pulse {
212    50% { opacity: 0.6; }
213}
214
215
216/* Styles for the extra short style, one row with quite a small y-margin */
217
218.toolbar.label-only .dashboard.default > .item,
219.toolbar.small-size.icon-only .dashboard.default > .item,
220.toolbar.small-size.icon-and-label-vertical .dashboard.default > .item,
221.toolbar.small-size.icon-and-label-horizontal .dashboard.default > .item {
222    margin: 1px 0;
223}
224
225/* Styles for the fairly short style, one row with quite a bit of y-margin */
226
227.toolbar.normal-size.icon-only .dashboard.default > .item,
228.toolbar.normal-size.icon-and-label-vertical .dashboard.default > .item,
229.toolbar.normal-size.icon-and-label-horizontal .dashboard.default > .item {
230    margin: 4px 0;
231}
232