Web Inspector: UI fonts should pull from system fonts automatically to whatever degre...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / SourceCodeTextEditor.css
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 .source-code.text-editor > .CodeMirror .error {
27     background-color: rgb(255, 220, 208);
28 }
29
30 .source-code.text-editor > .CodeMirror .warning {
31     background-color: rgb(253, 249, 226);
32 }
33
34 .popover .debugger-popover-content {
35     font-family: Menlo, monospace;
36     font-size: 11px;
37     white-space: pre;
38 }
39
40 .popover .expandable {
41     min-width: 300px;
42     min-height: 250px;
43 }
44
45 .popover .debugger-popover-content .title {
46     font-weight: bold;
47     padding-left: 10px;
48
49     text-overflow: ellipsis;
50     overflow: hidden;
51     white-space: nowrap;
52 }
53
54 .popover .debugger-popover-content .body {
55     border-top: 1px solid rgb(194, 194, 147);
56     overflow: auto;
57     margin-top: 5px;
58     padding-top: 5px;
59 }
60
61 .popover .debugger-popover-content.function .body {
62     padding-left: 10px;
63     padding-right: 10px;
64 }
65
66 /* Custom styling for the hover menu attached to color tokens */
67
68 .hover-menu.color {
69     padding-right: 15px;
70 }
71
72 .hover-menu.color > img {
73     width: 16px;
74     height: 16px;
75     content: -webkit-image-set(url(../Images/ColorIcon.png) 1x, url(../Images/ColorIcon@2x.png) 2x);
76
77     -webkit-transform: translateY(1px);
78 }