]> git.immae.eu Git - perso/Immae/Projets/packagist/ludivine-ckeditor-component.git/blame - release/samples/toolbarconfigurator/lib/codemirror/codemirror.css
Validation initiale
[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / release / samples / toolbarconfigurator / lib / codemirror / codemirror.css
CommitLineData
c63493c8
IB
1/* BASICS */\r
2\r
3.CodeMirror {\r
4 /* Set height, width, borders, and global font properties here */\r
5 font-family: monospace;\r
6 height: 300px;\r
7 color: black;\r
8}\r
9\r
10/* PADDING */\r
11\r
12.CodeMirror-lines {\r
13 padding: 4px 0; /* Vertical padding around content */\r
14}\r
15.CodeMirror pre {\r
16 padding: 0 4px; /* Horizontal padding of content */\r
17}\r
18\r
19.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\r
20 background-color: white; /* The little square between H and V scrollbars */\r
21}\r
22\r
23/* GUTTER */\r
24\r
25.CodeMirror-gutters {\r
26 border-right: 1px solid #ddd;\r
27 background-color: #f7f7f7;\r
28 white-space: nowrap;\r
29}\r
30.CodeMirror-linenumbers {}\r
31.CodeMirror-linenumber {\r
32 padding: 0 3px 0 5px;\r
33 min-width: 20px;\r
34 text-align: right;\r
35 color: #999;\r
36 white-space: nowrap;\r
37}\r
38\r
39.CodeMirror-guttermarker { color: black; }\r
40.CodeMirror-guttermarker-subtle { color: #999; }\r
41\r
42/* CURSOR */\r
43\r
44.CodeMirror div.CodeMirror-cursor {\r
45 border-left: 1px solid black;\r
46}\r
47/* Shown when moving in bi-directional text */\r
48.CodeMirror div.CodeMirror-secondarycursor {\r
49 border-left: 1px solid silver;\r
50}\r
51.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {\r
52 width: auto;\r
53 border: 0;\r
54 background: #7e7;\r
55}\r
56.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {\r
57 z-index: 1;\r
58}\r
59\r
60.cm-animate-fat-cursor {\r
61 width: auto;\r
62 border: 0;\r
63 -webkit-animation: blink 1.06s steps(1) infinite;\r
64 -moz-animation: blink 1.06s steps(1) infinite;\r
65 animation: blink 1.06s steps(1) infinite;\r
66}\r
67@-moz-keyframes blink {\r
68 0% { background: #7e7; }\r
69 50% { background: none; }\r
70 100% { background: #7e7; }\r
71}\r
72@-webkit-keyframes blink {\r
73 0% { background: #7e7; }\r
74 50% { background: none; }\r
75 100% { background: #7e7; }\r
76}\r
77@keyframes blink {\r
78 0% { background: #7e7; }\r
79 50% { background: none; }\r
80 100% { background: #7e7; }\r
81}\r
82\r
83/* Can style cursor different in overwrite (non-insert) mode */\r
84div.CodeMirror-overwrite div.CodeMirror-cursor {}\r
85\r
86.cm-tab { display: inline-block; text-decoration: inherit; }\r
87\r
88.CodeMirror-ruler {\r
89 border-left: 1px solid #ccc;\r
90 position: absolute;\r
91}\r
92\r
93/* DEFAULT THEME */\r
94\r
95.cm-s-default .cm-keyword {color: #708;}\r
96.cm-s-default .cm-atom {color: #219;}\r
97.cm-s-default .cm-number {color: #164;}\r
98.cm-s-default .cm-def {color: #00f;}\r
99.cm-s-default .cm-variable,\r
100.cm-s-default .cm-punctuation,\r
101.cm-s-default .cm-property,\r
102.cm-s-default .cm-operator {}\r
103.cm-s-default .cm-variable-2 {color: #05a;}\r
104.cm-s-default .cm-variable-3 {color: #085;}\r
105.cm-s-default .cm-comment {color: #a50;}\r
106.cm-s-default .cm-string {color: #a11;}\r
107.cm-s-default .cm-string-2 {color: #f50;}\r
108.cm-s-default .cm-meta {color: #555;}\r
109.cm-s-default .cm-qualifier {color: #555;}\r
110.cm-s-default .cm-builtin {color: #30a;}\r
111.cm-s-default .cm-bracket {color: #997;}\r
112.cm-s-default .cm-tag {color: #170;}\r
113.cm-s-default .cm-attribute {color: #00c;}\r
114.cm-s-default .cm-header {color: blue;}\r
115.cm-s-default .cm-quote {color: #090;}\r
116.cm-s-default .cm-hr {color: #999;}\r
117.cm-s-default .cm-link {color: #00c;}\r
118\r
119.cm-negative {color: #d44;}\r
120.cm-positive {color: #292;}\r
121.cm-header, .cm-strong {font-weight: bold;}\r
122.cm-em {font-style: italic;}\r
123.cm-link {text-decoration: underline;}\r
124.cm-strikethrough {text-decoration: line-through;}\r
125\r
126.cm-s-default .cm-error {color: #f00;}\r
127.cm-invalidchar {color: #f00;}\r
128\r
129.CodeMirror-composing { border-bottom: 2px solid; }\r
130\r
131/* Default styles for common addons */\r
132\r
133div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\r
134div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\r
135.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\r
136.CodeMirror-activeline-background {background: #e8f2ff;}\r
137\r
138/* STOP */\r
139\r
140/* The rest of this file contains styles related to the mechanics of\r
141 the editor. You probably shouldn't touch them. */\r
142\r
143.CodeMirror {\r
144 position: relative;\r
145 overflow: hidden;\r
146 background: white;\r
147}\r
148\r
149.CodeMirror-scroll {\r
150 overflow: scroll !important; /* Things will break if this is overridden */\r
151 /* 30px is the magic margin used to hide the element's real scrollbars */\r
152 /* See overflow: hidden in .CodeMirror */\r
153 margin-bottom: -30px; margin-right: -30px;\r
154 padding-bottom: 30px;\r
155 height: 100%;\r
156 outline: none; /* Prevent dragging from highlighting the element */\r
157 position: relative;\r
158}\r
159.CodeMirror-sizer {\r
160 position: relative;\r
161 border-right: 30px solid transparent;\r
162}\r
163\r
164/* The fake, visible scrollbars. Used to force redraw during scrolling\r
165 before actuall scrolling happens, thus preventing shaking and\r
166 flickering artifacts. */\r
167.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\r
168 position: absolute;\r
169 z-index: 6;\r
170 display: none;\r
171}\r
172.CodeMirror-vscrollbar {\r
173 right: 0; top: 0;\r
174 overflow-x: hidden;\r
175 overflow-y: scroll;\r
176}\r
177.CodeMirror-hscrollbar {\r
178 bottom: 0; left: 0;\r
179 overflow-y: hidden;\r
180 overflow-x: scroll;\r
181}\r
182.CodeMirror-scrollbar-filler {\r
183 right: 0; bottom: 0;\r
184}\r
185.CodeMirror-gutter-filler {\r
186 left: 0; bottom: 0;\r
187}\r
188\r
189.CodeMirror-gutters {\r
190 position: absolute; left: 0; top: 0;\r
191 z-index: 3;\r
192}\r
193.CodeMirror-gutter {\r
194 white-space: normal;\r
195 height: 100%;\r
196 display: inline-block;\r
197 margin-bottom: -30px;\r
198 /* Hack to make IE7 behave */\r
199 *zoom:1;\r
200 *display:inline;\r
201}\r
202.CodeMirror-gutter-wrapper {\r
203 position: absolute;\r
204 z-index: 4;\r
205 height: 100%;\r
206}\r
207.CodeMirror-gutter-elt {\r
208 position: absolute;\r
209 cursor: default;\r
210 z-index: 4;\r
211}\r
212.CodeMirror-gutter-wrapper {\r
213 -webkit-user-select: none;\r
214 -moz-user-select: none;\r
215 user-select: none;\r
216}\r
217\r
218.CodeMirror-lines {\r
219 cursor: text;\r
220 min-height: 1px; /* prevents collapsing before first draw */\r
221}\r
222.CodeMirror pre {\r
223 /* Reset some styles that the rest of the page might have set */\r
224 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\r
225 border-width: 0;\r
226 background: transparent;\r
227 font-family: inherit;\r
228 font-size: inherit;\r
229 margin: 0;\r
230 white-space: pre;\r
231 word-wrap: normal;\r
232 line-height: inherit;\r
233 color: inherit;\r
234 z-index: 2;\r
235 position: relative;\r
236 overflow: visible;\r
237 -webkit-tap-highlight-color: transparent;\r
238}\r
239.CodeMirror-wrap pre {\r
240 word-wrap: break-word;\r
241 white-space: pre-wrap;\r
242 word-break: normal;\r
243}\r
244\r
245.CodeMirror-linebackground {\r
246 position: absolute;\r
247 left: 0; right: 0; top: 0; bottom: 0;\r
248 z-index: 0;\r
249}\r
250\r
251.CodeMirror-linewidget {\r
252 position: relative;\r
253 z-index: 2;\r
254 overflow: auto;\r
255}\r
256\r
257.CodeMirror-widget {}\r
258\r
259.CodeMirror-code {\r
260 outline: none;\r
261}\r
262\r
263/* Force content-box sizing for the elements where we expect it */\r
264.CodeMirror-scroll,\r
265.CodeMirror-sizer,\r
266.CodeMirror-gutter,\r
267.CodeMirror-gutters,\r
268.CodeMirror-linenumber {\r
269 -moz-box-sizing: content-box;\r
270 box-sizing: content-box;\r
271}\r
272\r
273.CodeMirror-measure {\r
274 position: absolute;\r
275 width: 100%;\r
276 height: 0;\r
277 overflow: hidden;\r
278 visibility: hidden;\r
279}\r
280.CodeMirror-measure pre { position: static; }\r
281\r
282.CodeMirror div.CodeMirror-cursor {\r
283 position: absolute;\r
284 border-right: none;\r
285 width: 0;\r
286}\r
287\r
288div.CodeMirror-cursors {\r
289 visibility: hidden;\r
290 position: relative;\r
291 z-index: 3;\r
292}\r
293.CodeMirror-focused div.CodeMirror-cursors {\r
294 visibility: visible;\r
295}\r
296\r
297.CodeMirror-selected { background: #d9d9d9; }\r
298.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\r
299.CodeMirror-crosshair { cursor: crosshair; }\r
300.CodeMirror ::selection { background: #d7d4f0; }\r
301.CodeMirror ::-moz-selection { background: #d7d4f0; }\r
302\r
303.cm-searching {\r
304 background: #ffa;\r
305 background: rgba(255, 255, 0, .4);\r
306}\r
307\r
308/* IE7 hack to prevent it from returning funny offsetTops on the spans */\r
309.CodeMirror span { *vertical-align: text-bottom; }\r
310\r
311/* Used to force a border model for a node */\r
312.cm-force-border { padding-right: .1px; }\r
313\r
314@media print {\r
315 /* Hide the cursor when printing */\r
316 .CodeMirror div.CodeMirror-cursors {\r
317 visibility: hidden;\r
318 }\r
319}\r
320\r
321/* See issue #2901 */\r
322.cm-tab-wrap-hack:after { content: ''; }\r
323\r
324/* Help users use markselection to safely style text background */\r
325span.CodeMirror-selectedtext { background: none; }\r