064b59d6112bac075bbaa184438b5fd0398dd4f1
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / ConsoleMessageView.css
1 /*
2  * Copyright (C) 2013-2015 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 .console-message, .console-user-command {
27     position: relative;
28     padding: 4px 12px 2px 20px;
29     min-height: 21px;
30 }
31
32 .console-message .repeat-count {
33     display: inline-block;
34     float: left;
35
36     padding: 1px 4px;
37     margin: 0 2px 0 -18px;
38
39     height: 15px;
40     background-color: rgb(128, 151, 189);
41     vertical-align: middle;
42     white-space: nowrap;
43
44     font-size: 11px;
45     text-align: left;
46     line-height: normal;
47     font-weight: bold;
48     color: white;
49     border-radius: 7px;
50 }
51
52 .console-message-text {
53     white-space: pre-wrap;
54 }
55
56 .console-message-text > span {
57     -webkit-user-select: text;
58 }
59
60 .console-message.expandable .console-top-level-message::before {
61     display: inline-block;
62
63     vertical-align: baseline;
64     margin-bottom: -2px;
65     margin-right: 2px;
66
67     width: 13px;
68     height: 13px;
69
70     background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
71     background-size: 13px 13px;
72     background-repeat: no-repeat;
73     background-position: center;
74
75     content: "";
76 }
77
78 .console-message.expandable.expanded .console-top-level-message::before {
79     background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
80 }
81
82 .console-message.expandable.expanded :matches(.console-message-preview, .console-message-preview-divider) {
83     display: none;
84 }
85
86 .console-message-preview-divider {
87     color: rgba(0, 0, 0, 0.33);
88 }
89
90 .console-message-enclosed {
91     font-family: Menlo, monospace;
92     font-size: 11px;
93     color: rgba(0, 0, 0, 0.33);
94 }
95
96 .console-message .console-message-extra-parameters-container,
97 .console-message .console-message-stack-trace-container {
98     margin: 0;
99     padding: 2px 0 0 0;
100     list-style: none;
101     outline: none;
102     display: none;
103 }
104
105 .console-message .console-message-stack-trace-container {
106     margin-left: 20px;
107 }
108
109 .console-message.expandable.expanded .console-message-extra-parameters-container,
110 .console-message.expandable.expanded .console-message-stack-trace-container {
111     display: block;
112 }
113
114 .console-message .console-message-extra-parameters-container > li,
115 .console-message .console-message-stack-trace-container > li {
116     white-space: nowrap;
117     text-overflow: ellipsis;
118     overflow: hidden;
119     -webkit-user-select: text;
120     cursor: default;
121     padding: 2px 0;
122 }
123
124 .console-message .console-message-extra-parameters-container > li::before {
125     display: inline-block;
126
127     width: 13px;
128     height: 13px;
129     content: "•";
130
131     font-family: -webkit-system-font, sans-serif;
132     font-size: 11px;
133     color: hsla(0, 0%, 0%, 0.33);
134
135     vertical-align: top;
136     margin-left: 3px;
137 }
138
139 .console-error-level {
140     background-color: hsl(0, 100%, 96%);
141     border-color: hsl(0, 100%, 92%);
142 }
143
144 .console-error-level .console-message-text {
145     color: hsl(0, 75%, 45%);
146 }
147
148 .console-debug-level .console-message-text {
149     color: blue;
150 }
151
152 .console-warning-level {
153     background-color: hsl(50, 100%, 94%);
154     border-color: hsl(40, 100%, 90%);
155 }
156
157 .console-warning-level .console-message-text {
158     color: hsl(30, 90%, 35%);
159 }
160
161 .console-user-command .console-message {
162     margin-left: -24px;
163     padding-right: 0;
164 }
165
166 .console-error-level::before {
167     content: url(../Images/Error.svg);
168 }
169
170 .console-warning-level::before {
171     content: url(../Images/Warning.svg);
172 }
173
174 .console-user-command::before {
175     content: url(../Images/UserInputPromptPrevious.svg);
176 }
177
178 .console-debug-level::before {
179     background-color: blue;
180 }
181
182 :matches(.console-warning-level, .console-error-level, .console-log-level).console-message {
183  /* Move non-monospace log/warning/error text up a bit. */
184     padding: 3px 12px 3px 20px;
185 }
186
187 :matches(.console-warning-level, .console-error-level, .console-log-level)::before {
188  /* Re-center log/warning/error icons. */
189     padding-top: 1px;
190 }
191
192 .console-user-command > .console-message-text {
193     color: rgb(0, 128, 255);
194 }
195
196 .console-message-url {
197     float: right;
198     margin-left: 4px;
199     font-weight: normal;
200 }
201
202 .console-saved-variable {
203     font-style: normal;
204     color: rgba(0, 0, 0, 0.33);
205 }
206
207 .console-user-command,
208 .console-user-command-result {
209     font-family: Menlo, monospace;
210     font-size: 11px;
211 }
212
213 .console-user-command-result.console-log-level::before {
214     content: url(../Images/UserInputResult.svg);
215     margin-left: 1px;
216 }