• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1.CodeMirror {
2  line-height: 1.2em !important;
3  background-color: transparent !important;
4}
5
6.CodeMirror-linewidget {
7  overflow: visible !important;
8}
9
10.CodeMirror .source-frame-eval-expression {
11  outline: 0px;
12  border: 1px solid rgb(163, 41, 34);
13  border-left-width: 0px;
14  border-right-width: 0px;
15}
16
17.CodeMirror .source-frame-eval-expression-end {
18  border-right-width: 1px;
19  margin-right: -1px;
20}
21
22.CodeMirror .source-frame-eval-expression-start {
23  border-left-width: 1px;
24  margin-left: -1px;
25}
26
27.CodeMirror-readonly .CodeMirror-cursor {
28    display: none;
29}
30
31.CodeMirror .CodeMirror-gutters {
32  border-right: 1px solid rgb(187, 187, 187);
33  background-color: rgb(240, 240, 240);
34}
35
36.CodeMirror .CodeMirror-linenumber {
37  color: rgb(128, 128, 128);
38}
39
40.CodeMirror-linenumber {
41  min-width: 22px !important;
42}
43
44.cm-highlight {
45  -webkit-animation: "fadeout" 2s 0s;
46}
47@-webkit-keyframes fadeout {
48    from {background-color: rgb(255, 255, 120); }
49    to { background-color: white; }
50}
51
52.cm-highlight.cm-execution-line {
53  -webkit-animation: "fadeout-execution-line" 1s 0s;
54}
55@-webkit-keyframes fadeout-execution-line {
56    from {background-color: rgb(121, 141, 254); }
57    to { background-color: rgb(171, 191, 254); }
58}
59
60.cm-breakpoint .CodeMirror-linenumber {
61  color: white;
62  border-width: 1px 4px 1px 1px !important;
63  -webkit-border-image: url(Images/breakpoint.png) 1 4 1 1;
64  margin: 0px 0px 0px 3px !important;
65  padding-right: 3px;
66  padding-left: 1px;
67  height: 11px;
68  line-height: 12px !important;
69}
70
71.cm-line-without-source-mapping {
72  background-color: rgb(243, 243, 243);
73}
74
75.cm-breakpoint.cm-breakpoint-conditional .CodeMirror-linenumber {
76  -webkit-border-image: url(Images/breakpointConditional.png) 1 4 1 1;
77}
78
79@media (-webkit-min-device-pixel-ratio: 1.5) {
80.cm-breakpoint .CodeMirror-linenumber {
81  -webkit-border-image: url(Images/breakpoint_2x.png) 2 8 2 2;
82}
83.cm-breakpoint.cm-breakpoint-conditional .CodeMirror-linenumber {
84  -webkit-border-image: url(Images/breakpointConditional_2x.png) 2 8 2 2;
85}
86} /* media */
87
88.cm-breakpoint-disabled .CodeMirror-linenumber {
89  opacity: 0.5;
90}
91
92.breakpoints-deactivated .cm-breakpoint .CodeMirror-linenumber {
93    opacity: 0.5;
94}
95
96.breakpoints-deactivated .cm-breakpoint-disabled .CodeMirror-linenumber {
97    opacity: 0.3;
98}
99
100.CodeMirror-matchingbracket {
101  border-bottom: 1px solid black;
102  color: #222 !important;
103}
104
105.CodeMirror-nonmatchingbracket {
106  color: #222 !important;
107}
108
109.cm-whitespace::before {
110    position: absolute;
111    pointer-events: none;
112    color: rgb(175, 175, 175);
113}
114
115.cm-tab {
116    position: relative;
117}
118
119.cm-tab:before {
120    display: none;
121    content: ".";
122    color: transparent;
123    border-bottom: 1px solid rgb(175, 175, 175);
124    position: absolute;
125    width: 90%;
126    bottom: 50%;
127    left: 5%;
128}
129
130.show-whitespaces .CodeMirror .cm-tab:before {
131    display: block !important;
132}
133
134.cm-execution-line {
135    background-color: rgb(171, 191, 254);
136    outline: 1px solid rgb(64, 115, 244);
137}
138
139.cm-execution-line .CodeMirror-linenumber {
140    border-right: 1px solid rgb(64, 115, 244);
141}
142
143.cm-token-highlight {
144    position: relative;
145}
146
147.cm-token-highlight:before {
148    position: absolute;
149    border: 1px solid gray;
150    border-radius: 3px;
151    top: 0px;
152    bottom: -1px;
153    left: 0px;
154    right: 0px;
155    content: "";
156}
157
158.cm-line-with-selection .cm-column-with-selection:before {
159    border: none;
160}
161
162.cm-search-highlight {
163    position: relative;
164}
165
166.cm-search-highlight:before {
167    position: absolute;
168    border-top-style: solid;
169    border-bottom-style: solid;
170    border-top-color: gray;
171    border-bottom-color: gray;
172    border-top-width: 1px;
173    border-bottom-width: 1px;
174    top: -1px;
175    bottom: 0px;
176    left: 0px;
177    right: 0px;
178    content: "";
179}
180
181.cm-search-highlight-full:before {
182    border: 1px solid gray;
183    border-radius: 3px;
184}
185
186.cm-search-highlight-start:before {
187    border-left-width: 1px;
188    border-top-left-radius: 2px;
189    border-bottom-left-radius: 2px;
190    border-left-style: solid;
191    border-left-color: gray;
192}
193
194.cm-search-highlight-end:before {
195    border-right-width: 1px;
196    border-top-right-radius: 2px;
197    border-bottom-right-radius: 2px;
198    border-right-style: solid;
199    border-right-color: gray;
200}
201
202.cm-line-with-selection .cm-column-with-selection.cm-search-highlight-full:before {
203    border-radius: 1px;
204}
205
206.cm-line-with-selection .cm-column-with-selection.cm-search-highlight-start:before {
207    border-top-left-radius: 1px;
208    border-bottom-left-radius: 1px;
209}
210
211.cm-line-with-selection .cm-column-with-selection.cm-search-highlight-end:before {
212    border-top-right-radius: 1px;
213    border-bottom-right-radius: 1px;
214}
215
216.cm-line-with-selection .cm-column-with-selection.cm-search-highlight:before {
217    margin: -1px -1px -1px -1px;
218    background-color: rgb(241, 234, 0);
219    z-index: -1;
220}
221
222.CodeMirror .text-editor-line-decoration {
223  position: absolute;
224}
225
226.CodeMirror .text-editor-line-decoration-wave {
227  position: absolute;
228  top: -2px;
229  cursor: pointer;
230  height: 4px;
231}
232
233.text-editor-messages-description-container {
234  display: inline-block;
235}
236
237.text-editor-row-message:first-child {
238  border-top-width: 0px;
239}
240
241.text-editor-row-message {
242  border-top: 1px solid rgb(215, 215, 215);
243  line-height: 1.2;
244  white-space: nowrap;
245  display: flex;
246}
247
248.text-editor-row-message .bubble-repeat-count {
249  margin-right: 1ex;
250  margin-top: -1px;
251}
252
253.text-editor-row-message-icon {
254  margin-right: 1ex;
255  margin-top: 2px;
256}
257
258.CodeMirror .text-editor-line-decoration-icon {
259    position: absolute;
260    cursor: pointer;
261    right: -16px;
262    top: -9px;
263}
264
265.CodeMirror .text-editor-line-with-warning:not(.cm-execution-line) {
266    background-color: rgba(241, 230, 0, 0.1);
267}
268
269.CodeMirror .text-editor-line-with-error:not(.cm-execution-line) {
270    background-color: rgba(255, 0, 0, 0.05);
271}
272
273.CodeMirror .text-editor-line-decoration-wave {
274  background-image: url(Images/errorWave.png);
275  background-repeat: repeat-x;
276  background-size: contain;
277}
278
279@media (-webkit-min-device-pixel-ratio: 1.5) {
280.CodeMirror .text-editor-line-decoration-wave {
281    background-image: url(Images/errorWave_2x.png);
282}
283} /* media */
284
285/** @see crbug.com/358161 */
286.CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
287  -webkit-transform: translateZ(0);
288}
289