Web Inspector: UI fonts should pull from system fonts automatically to whatever degre...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / CodeMirrorOverrides.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 .CodeMirror {
27     z-index: 0;
28 }
29
30 .CodeMirror,
31 .CodeMirror * {
32     box-sizing: content-box;
33 }
34
35 .CodeMirror .CodeMirror-lines {
36  /* One pixel bottom padding needed to show the bottom border for matching brackets and search matches. */
37     padding: 0 0 1px 0;
38 }
39
40 .CodeMirror pre {
41     padding: 1px 3px 1px 7px;
42 }
43
44 .CodeMirror .CodeMirror-selected {
45     background-color: rgb(212, 212, 212);
46 }
47
48 .CodeMirror.CodeMirror-focused .CodeMirror-selected {
49     background-color: highlight;
50 }
51
52 .CodeMirror .CodeMirror-cursor {
53     pointer-events: none;
54 }
55
56 .CodeMirror .CodeMirror-lines .CodeMirror-matchingbracket {
57     color: inherit;
58     background-color: rgba(100, 130, 235, 0.2);
59     border-bottom: 1px dotted rgb(20, 20, 235);
60 }
61
62 .CodeMirror .CodeMirror-lines .CodeMirror-nonmatchingbracket {
63     color: inherit;
64     background-color: rgba(235, 30, 20, 0.2);
65     border-bottom: 1px dotted rgb(235, 30, 20);
66 }
67
68 .CodeMirror .CodeMirror-gutters {
69     background-color: rgb(247, 247, 247);
70     border-right: 1px solid rgb(231, 231, 231);
71 }
72
73 .CodeMirror .CodeMirror-linenumber {
74     padding: 0 2px;
75     min-width: 21px;
76
77     color: rgb(146, 146, 146);
78
79     font-size: 9px;
80     line-height: 13px;
81     text-align: right;
82 }