@pie-lib/render-ui 4.35.2 → 4.35.3-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/esm/index.css ADDED
@@ -0,0 +1,847 @@
1
+ /*
2
+ * MathQuill {VERSION}, by Han, Jeanine, and Mary
3
+ * http://mathquill.com | maintainers@mathquill.com
4
+ *
5
+ * This Source Code Form is subject to the terms of the
6
+ * Mozilla Public License, v. 2.0. If a copy of the MPL
7
+ * was not distributed with this file, You can obtain
8
+ * one at http://mozilla.org/MPL/2.0/.
9
+ */
10
+ @font-face {
11
+ font-family: Symbola;
12
+ src: url(fonts/Symbola.eot);
13
+ src: local("Symbola Regular"), local("Symbola"), url(fonts/Symbola.woff2) format("woff2"), url(fonts/Symbola.woff) format("woff"), url(fonts/Symbola.ttf) format("truetype"), url(fonts/Symbola.svg#Symbola) format("svg");
14
+ }
15
+ .mq-editable-field {
16
+ display: -moz-inline-box;
17
+ display: inline-block;
18
+ }
19
+ .mq-editable-field .mq-cursor {
20
+ border-left: 1px solid black;
21
+ margin-left: -1px;
22
+ position: relative;
23
+ z-index: 1;
24
+ padding: 0;
25
+ display: -moz-inline-box;
26
+ display: inline-block;
27
+ }
28
+ .mq-editable-field .mq-cursor.mq-blink {
29
+ visibility: hidden;
30
+ }
31
+ .mq-editable-field,
32
+ .mq-math-mode .mq-editable-field {
33
+ border: 1px solid gray;
34
+ }
35
+ .mq-editable-field.mq-focused,
36
+ .mq-math-mode .mq-editable-field.mq-focused {
37
+ -webkit-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
38
+ -moz-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
39
+ box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
40
+ border-color: #709AC0;
41
+ border-radius: 1px;
42
+ }
43
+ .mq-math-mode .mq-editable-field {
44
+ margin: 1px;
45
+ }
46
+ .mq-editable-field .mq-latex-command-input {
47
+ color: inherit;
48
+ font-family: "Courier New", monospace;
49
+ border: 1px solid gray;
50
+ padding-right: 1px;
51
+ margin-right: 1px;
52
+ margin-left: 2px;
53
+ }
54
+ .mq-editable-field .mq-latex-command-input.mq-empty {
55
+ background: transparent;
56
+ }
57
+ .mq-editable-field .mq-latex-command-input.mq-hasCursor {
58
+ border-color: ActiveBorder;
59
+ }
60
+ .mq-editable-field.mq-empty:after,
61
+ .mq-editable-field.mq-text-mode:after,
62
+ .mq-math-mode .mq-empty:after {
63
+ visibility: hidden;
64
+ content: 'c';
65
+ }
66
+ .mq-editable-field .mq-cursor:only-child:after,
67
+ .mq-editable-field .mq-textarea + .mq-cursor:last-child:after {
68
+ visibility: hidden;
69
+ content: 'c';
70
+ }
71
+ .mq-editable-field .mq-text-mode .mq-cursor:only-child:after {
72
+ content: '';
73
+ }
74
+ .mq-editable-field.mq-text-mode {
75
+ overflow-x: auto;
76
+ overflow-y: hidden;
77
+ }
78
+ .mq-root-block,
79
+ .mq-math-mode .mq-root-block {
80
+ display: -moz-inline-box;
81
+ display: inline-block;
82
+ width: 100%;
83
+ padding: 2px;
84
+ -webkit-box-sizing: border-box;
85
+ -moz-box-sizing: border-box;
86
+ box-sizing: border-box;
87
+ white-space: nowrap;
88
+ overflow: hidden;
89
+ vertical-align: middle;
90
+ }
91
+ .mq-math-mode {
92
+ font-variant: normal;
93
+ font-weight: normal;
94
+ font-style: normal;
95
+ font-size: 115%;
96
+ line-height: 1;
97
+ display: -moz-inline-box;
98
+ display: inline-block;
99
+ }
100
+ .mq-math-mode .mq-non-leaf,
101
+ .mq-math-mode .mq-scaled {
102
+ display: -moz-inline-box;
103
+ display: inline-block;
104
+ }
105
+ .mq-math-mode var,
106
+ .mq-math-mode .mq-text-mode,
107
+ .mq-math-mode .mq-nonSymbola {
108
+ font-family: "Times New Roman", Symbola, serif;
109
+ line-height: 0.9;
110
+ }
111
+ .mq-math-mode * {
112
+ font-size: inherit;
113
+ line-height: inherit;
114
+ margin: 0;
115
+ padding: 0;
116
+ border-color: black;
117
+ -webkit-user-select: none;
118
+ -moz-user-select: none;
119
+ user-select: none;
120
+ box-sizing: border-box;
121
+ }
122
+ .mq-math-mode .mq-empty {
123
+ background: transparent;
124
+ }
125
+ .mq-math-mode.mq-empty {
126
+ background: transparent;
127
+ }
128
+ .mq-math-mode .mq-text-mode {
129
+ display: inline-block;
130
+ white-space: pre;
131
+ }
132
+ .mq-math-mode .mq-text-mode.mq-hasCursor {
133
+ box-shadow: inset darkgray 0 0.1em 0.2em;
134
+ padding: 0 0.1em;
135
+ margin: 0 -0.1em;
136
+ min-width: 1ex;
137
+ }
138
+ .mq-math-mode .mq-font {
139
+ font: 1em "Times New Roman", Symbola, serif;
140
+ }
141
+ .mq-math-mode .mq-font * {
142
+ font-family: inherit;
143
+ font-style: inherit;
144
+ }
145
+ .mq-math-mode b,
146
+ .mq-math-mode b.mq-font {
147
+ font-weight: bolder;
148
+ }
149
+ .mq-math-mode var,
150
+ .mq-math-mode i,
151
+ .mq-math-mode i.mq-font {
152
+ font-style: italic;
153
+ }
154
+ .mq-math-mode var.mq-f {
155
+ margin-right: 0.2em;
156
+ margin-left: 0.1em;
157
+ }
158
+ .mq-math-mode .mq-roman var.mq-f {
159
+ margin: 0;
160
+ }
161
+ .mq-math-mode big {
162
+ font-size: 200%;
163
+ }
164
+ .mq-math-mode .mq-int > big {
165
+ display: inline-block;
166
+ -webkit-transform: scaleX(0.7);
167
+ -moz-transform: scaleX(0.7);
168
+ -ms-transform: scaleX(0.7);
169
+ -o-transform: scaleX(0.7);
170
+ transform: scaleX(0.7);
171
+ vertical-align: -0.16em;
172
+ }
173
+ .mq-math-mode .mq-int > .mq-supsub {
174
+ font-size: 80%;
175
+ vertical-align: -1.1em;
176
+ padding-right: 0.2em;
177
+ }
178
+ .mq-math-mode .mq-int > .mq-supsub > .mq-sup > .mq-sup-inner {
179
+ vertical-align: 1.3em;
180
+ }
181
+ .mq-math-mode .mq-int > .mq-supsub > .mq-sub {
182
+ margin-left: -0.35em;
183
+ }
184
+ .mq-math-mode .mq-roman {
185
+ font-style: normal;
186
+ }
187
+ .mq-math-mode .mq-sans-serif {
188
+ font-family: sans-serif, Symbola, serif;
189
+ }
190
+ .mq-math-mode .mq-monospace {
191
+ font-family: monospace, Symbola, serif;
192
+ }
193
+ .mq-math-mode .mq-overleftrightarrow {
194
+ margin-top: 0.35em;
195
+ position: relative;
196
+ }
197
+ .mq-math-mode .mq-overleftrightarrow .mq-overleftrightarrow-inner {
198
+ display: inline-block;
199
+ position: relative;
200
+ padding-top: 0.35em;
201
+ border-top: 0.14em solid #4d4d4d;
202
+ margin: 0 0.1em;
203
+ min-width: 1em;
204
+ text-align: center;
205
+ }
206
+ .mq-math-mode .mq-overleftrightarrow .mq-overleftrightarrow-inner .mq-empty {
207
+ min-width: 1em;
208
+ margin-top: 0.1em;
209
+ display: inline-block;
210
+ }
211
+ .mq-math-mode .mq-overleftrightarrow .mq-overleftrightarrow-inner .mq-overleftrightarrow-inner-right {
212
+ display: block;
213
+ position: absolute;
214
+ top: -0.562em;
215
+ right: -0.4em;
216
+ font-size: 0.75em;
217
+ font-family: "LearnosityIconsRegular";
218
+ line-height: 1em;
219
+ text-align: right;
220
+ }
221
+ .mq-math-mode .mq-overleftrightarrow .mq-overleftrightarrow-inner .mq-overleftrightarrow-inner-left {
222
+ display: block;
223
+ position: absolute;
224
+ top: -0.562em;
225
+ left: -0.4em;
226
+ font-size: 0.75em;
227
+ font-family: "LearnosityIconsRegular";
228
+ line-height: 1em;
229
+ text-align: left;
230
+ }
231
+ .mq-math-mode .mq-overline .mq-overline-inner {
232
+ display: inline-block;
233
+ padding-top: 0.2em;
234
+ border-top: 0.14em solid #4d4d4d;
235
+ margin-left: 0.1em;
236
+ padding-right: 0.1em;
237
+ text-align: center;
238
+ }
239
+ .mq-math-mode .mq-overline .mq-overline-inner .mq-empty {
240
+ min-width: 1em;
241
+ margin-top: 0.1em;
242
+ display: inline-block;
243
+ }
244
+ .mq-math-mode .mq-overline .mq-overline-inner .mq-overline-inner-right,
245
+ .mq-math-mode .mq-overline .mq-overline-inner .mq-overline-inner-left {
246
+ display: none;
247
+ }
248
+ .mq-math-mode .mq-longdiv {
249
+ padding-top: 0.2em;
250
+ }
251
+ .mq-math-mode .mq-longdiv .mq-longdiv-curve-border {
252
+ border-top-right-radius: 100em;
253
+ border-bottom-right-radius: 100em;
254
+ font-size: 1.4em;
255
+ display: inline;
256
+ padding-top: 0.2em;
257
+ margin-right: -0.12em;
258
+ max-width: 2px;
259
+ width: 2px;
260
+ }
261
+ .mq-math-mode .mq-longdiv .mq-longdiv-inner {
262
+ font-size: 1em;
263
+ border-top: 1px solid grey;
264
+ border-radius: 0px 0px 0px 10px;
265
+ min-width: 1em;
266
+ text-align: center;
267
+ padding-left: 0.2em;
268
+ margin-left: -0.2em;
269
+ margin-right: 0.15em;
270
+ padding-top: 0.19em;
271
+ padding-left: 0.44em;
272
+ display: inline;
273
+ }
274
+ .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty {
275
+ min-width: 1.5em;
276
+ display: inline-block;
277
+ }
278
+ .mq-math-mode .mq-underline {
279
+ border-bottom: 1px solid black;
280
+ margin-bottom: 1px;
281
+ }
282
+ .mq-math-mode .mq-underline.mq-empty {
283
+ min-width: 1em;
284
+ }
285
+ .mq-math-mode .mq-overarc {
286
+ border-top: 1px solid black;
287
+ -webkit-border-top-right-radius: 50% 0.3em;
288
+ -moz-border-radius-topright: 50% 0.3em;
289
+ border-top-right-radius: 50% 0.3em;
290
+ -webkit-border-top-left-radius: 50% 0.3em;
291
+ -moz-border-radius-topleft: 50% 0.3em;
292
+ border-top-left-radius: 50% 0.3em;
293
+ margin-top: 1px;
294
+ padding-top: 0.15em;
295
+ }
296
+ .mq-math-mode .mq-overarrow {
297
+ margin-top: 0.35em;
298
+ position: relative;
299
+ }
300
+ .mq-math-mode .mq-overarrow .mq-overarrow-inner {
301
+ display: inline-block;
302
+ position: relative;
303
+ padding-top: 0.35em;
304
+ border-top: 0.14em solid #4d4d4d;
305
+ margin: 0 0.1em;
306
+ min-width: 1em;
307
+ text-align: center;
308
+ }
309
+ .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty {
310
+ min-width: 1em;
311
+ margin-top: 0.1em;
312
+ display: inline-block;
313
+ }
314
+ .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-overarrow-inner-right {
315
+ display: block;
316
+ position: absolute;
317
+ top: -0.562em;
318
+ right: -0.4em;
319
+ font-size: 0.75em;
320
+ font-family: "LearnosityIconsRegular";
321
+ line-height: 1em;
322
+ text-align: right;
323
+ }
324
+ .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-overarrow-inner-left {
325
+ display: none;
326
+ position: absolute;
327
+ top: -0.562em;
328
+ left: -0.4em;
329
+ font-size: 0.75em;
330
+ font-family: "LearnosityIconsRegular";
331
+ line-height: 1em;
332
+ text-align: left;
333
+ }
334
+ .mq-math-mode .mq-overarrow.mq-arrow-left .mq-overarrow-inner .mq-overarrow-inner-right {
335
+ display: none;
336
+ }
337
+ .mq-math-mode .mq-overarrow.mq-arrow-left .mq-overarrow-inner .mq-overarrow-inner-left {
338
+ display: block;
339
+ }
340
+ .mq-math-mode .mq-overarrow.mq-arrow-both {
341
+ vertical-align: text-bottom;
342
+ }
343
+ .mq-math-mode .mq-overarrow.mq-arrow-both.mq-empty {
344
+ min-height: 1.23em;
345
+ }
346
+ .mq-math-mode .mq-overarrow.mq-arrow-both.mq-empty:after {
347
+ top: -0.34em;
348
+ }
349
+ .mq-math-mode .mq-overarrow.mq-arrow-both:before {
350
+ -moz-transform: scaleX(-1);
351
+ -o-transform: scaleX(-1);
352
+ -webkit-transform: scaleX(-1);
353
+ transform: scaleX(-1);
354
+ filter: FlipH;
355
+ -ms-filter: "FlipH";
356
+ }
357
+ .mq-math-mode .mq-overarrow.mq-arrow-both:after {
358
+ display: block;
359
+ position: relative;
360
+ top: -2.3em;
361
+ font-size: 0.5em;
362
+ line-height: 0em;
363
+ content: "\27A4";
364
+ visibility: visible;
365
+ text-align: right;
366
+ }
367
+ .mq-math-mode .mq-xarrow {
368
+ position: relative;
369
+ font-size: 70%;
370
+ text-align: center;
371
+ padding: 0 0.2em;
372
+ vertical-align: 0.9em;
373
+ }
374
+ .mq-math-mode .mq-xarrow .mq-xarrow-over {
375
+ border-bottom: 1px solid black;
376
+ display: block;
377
+ padding: 0.1em 0.1em 0.2em 0.1em;
378
+ position: relative;
379
+ }
380
+ .mq-math-mode .mq-xarrow .mq-xarrow-under {
381
+ float: left;
382
+ padding: 0em 0.1em 0.2em 0.1em;
383
+ position: relative;
384
+ top: 0.2em;
385
+ margin-bottom: 0.2em;
386
+ }
387
+ .mq-math-mode .mq-xarrow .mq-xarrow-over:before {
388
+ display: block;
389
+ position: absolute;
390
+ font-size: 0.6em;
391
+ height: 1em;
392
+ bottom: -0.62em;
393
+ content: "\27A4";
394
+ right: -0.3em;
395
+ }
396
+ .mq-math-mode .mq-xarrow.mq-arrow-left .mq-xarrow-over:before {
397
+ -moz-transform: scaleX(-1);
398
+ -o-transform: scaleX(-1);
399
+ -webkit-transform: scaleX(-1);
400
+ transform: scaleX(-1);
401
+ filter: FlipH;
402
+ -ms-filter: "FlipH";
403
+ right: auto;
404
+ left: -0.3em;
405
+ }
406
+ .mq-math-mode .mq-binary-operator {
407
+ padding: 0 0.2em;
408
+ display: -moz-inline-box;
409
+ display: inline-block;
410
+ }
411
+ .mq-math-mode .mq-supsub {
412
+ text-align: left;
413
+ font-size: 90%;
414
+ vertical-align: -0.5em;
415
+ }
416
+ .mq-math-mode .mq-supsub.mq-sup-only {
417
+ vertical-align: 0.5em;
418
+ }
419
+ .mq-math-mode .mq-supsub.mq-sup-only .mq-sup {
420
+ display: inline-block;
421
+ vertical-align: text-bottom;
422
+ }
423
+ .mq-math-mode .mq-supsub .mq-sup {
424
+ display: block;
425
+ }
426
+ .mq-math-mode .mq-supsub .mq-sub {
427
+ display: block;
428
+ float: left;
429
+ }
430
+ .mq-math-mode .mq-supsub .mq-binary-operator {
431
+ padding: 0 0.1em;
432
+ }
433
+ .mq-math-mode .mq-supsub .mq-fraction {
434
+ font-size: 70%;
435
+ }
436
+ .mq-math-mode sup.mq-nthroot {
437
+ font-size: 80%;
438
+ vertical-align: 0.8em;
439
+ margin-right: -0.6em;
440
+ margin-left: 0.2em;
441
+ min-width: 0.5em;
442
+ }
443
+ .mq-math-mode .mq-paren {
444
+ padding: 0 0.1em;
445
+ vertical-align: top;
446
+ -webkit-transform-origin: center 0.06em;
447
+ -moz-transform-origin: center 0.06em;
448
+ -ms-transform-origin: center 0.06em;
449
+ -o-transform-origin: center 0.06em;
450
+ transform-origin: center 0.06em;
451
+ }
452
+ .mq-math-mode .mq-paren.mq-ghost {
453
+ color: silver;
454
+ }
455
+ .mq-math-mode .mq-paren + span {
456
+ margin-top: 0.1em;
457
+ margin-bottom: 0.1em;
458
+ }
459
+ .mq-math-mode .mq-array {
460
+ vertical-align: middle;
461
+ text-align: center;
462
+ }
463
+ .mq-math-mode .mq-array > span {
464
+ display: block;
465
+ }
466
+ .mq-math-mode .mq-operator-name {
467
+ font-family: Symbola, "Times New Roman", serif;
468
+ line-height: 0.9;
469
+ font-style: normal;
470
+ }
471
+ .mq-math-mode var.mq-operator-name.mq-first {
472
+ padding-left: 0.2em;
473
+ }
474
+ .mq-math-mode var.mq-operator-name.mq-last,
475
+ .mq-math-mode .mq-supsub.mq-after-operator-name {
476
+ padding-right: 0.2em;
477
+ }
478
+ .mq-math-mode .mq-fraction {
479
+ font-size: 90%;
480
+ text-align: center;
481
+ vertical-align: -0.4em;
482
+ padding: 0 0.2em;
483
+ }
484
+ .mq-math-mode .mq-fraction,
485
+ .mq-math-mode .mq-large-operator,
486
+ .mq-math-mode x:-moz-any-link {
487
+ display: -moz-groupbox;
488
+ }
489
+ .mq-math-mode .mq-fraction,
490
+ .mq-math-mode .mq-large-operator,
491
+ .mq-math-mode x:-moz-any-link,
492
+ .mq-math-mode x:default {
493
+ display: inline-block;
494
+ }
495
+ .mq-math-mode .mq-underset.mq-tilde-vector .mq-under {
496
+ line-height: 0.6em;
497
+ }
498
+ .mq-math-mode .mq-numerator,
499
+ .mq-math-mode .mq-denominator,
500
+ .mq-math-mode .mq-dot-recurring,
501
+ .mq-math-mode .mq-over,
502
+ .mq-math-mode .mq-under {
503
+ display: block;
504
+ }
505
+ .mq-math-mode .mq-numerator,
506
+ .mq-math-mode .mq-over {
507
+ padding: 0 0.1em;
508
+ margin-bottom: 0.2em;
509
+ }
510
+ .mq-math-mode .mq-denominator {
511
+ border-top: 1px solid;
512
+ float: right;
513
+ width: 100%;
514
+ padding: 0.3em 0.1em 0.1em;
515
+ }
516
+ .mq-math-mode .mq-dot-recurring {
517
+ text-align: center;
518
+ height: 0.6em;
519
+ }
520
+ .mq-math-mode .mq-overunder {
521
+ text-align: center;
522
+ position: relative;
523
+ top: 0.01em;
524
+ }
525
+ .mq-math-mode .mq-overunder .mq-font {
526
+ font-family: inherit;
527
+ }
528
+ .mq-math-mode .mq-overunder.mq-underset {
529
+ vertical-align: text-top;
530
+ }
531
+ .mq-math-mode .mq-overunder.mq-underset .mq-under,
532
+ .mq-math-mode .mq-overunder.mq-overset .mq-over {
533
+ display: block;
534
+ font-size: 0.7em;
535
+ }
536
+ .mq-math-mode .mq-sqrt-prefix {
537
+ padding-top: 0;
538
+ position: relative;
539
+ top: 0.1em;
540
+ vertical-align: top;
541
+ -webkit-transform-origin: top;
542
+ -moz-transform-origin: top;
543
+ -ms-transform-origin: top;
544
+ -o-transform-origin: top;
545
+ transform-origin: top;
546
+ }
547
+ .mq-math-mode .mq-sqrt-stem {
548
+ border-top: 1px solid;
549
+ margin-top: 1px;
550
+ padding-left: 0.15em;
551
+ padding-right: 0.2em;
552
+ margin-right: 0.1em;
553
+ padding-top: 1px;
554
+ }
555
+ .mq-math-mode .mq-diacritic-above {
556
+ display: block;
557
+ text-align: center;
558
+ line-height: 0.4em;
559
+ }
560
+ .mq-math-mode .mq-diacritic-stem {
561
+ display: block;
562
+ text-align: center;
563
+ }
564
+ .mq-math-mode .mq-hat-prefix {
565
+ display: block;
566
+ text-align: center;
567
+ line-height: 0.95em;
568
+ margin-bottom: -0.7em;
569
+ transform: scaleX(1.5);
570
+ -moz-transform: scaleX(1.5);
571
+ -o-transform: scaleX(1.5);
572
+ -webkit-transform: scaleX(1.5);
573
+ }
574
+ .mq-math-mode .mq-hat-stem {
575
+ display: block;
576
+ }
577
+ .mq-math-mode .mq-large-operator {
578
+ vertical-align: -0.2em;
579
+ padding: 0.2em;
580
+ text-align: center;
581
+ vertical-align: middle;
582
+ }
583
+ .mq-math-mode .mq-large-operator .mq-from,
584
+ .mq-math-mode .mq-large-operator big,
585
+ .mq-math-mode .mq-large-operator .mq-to {
586
+ display: block;
587
+ }
588
+ .mq-math-mode .mq-large-operator .mq-from,
589
+ .mq-math-mode .mq-large-operator .mq-to {
590
+ font-size: 80%;
591
+ }
592
+ .mq-math-mode .mq-large-operator .mq-from {
593
+ float: right;
594
+ /* take out of normal flow to manipulate baseline */
595
+ width: 100%;
596
+ }
597
+ .mq-math-mode .mq-lim {
598
+ text-align: center;
599
+ }
600
+ .mq-math-mode .mq-lim span {
601
+ display: block;
602
+ }
603
+ .mq-math-mode .mq-lim .mq-approaches {
604
+ font-size: 80%;
605
+ float: right;
606
+ /* take out of normal flow to manipulate baseline */
607
+ width: 100%;
608
+ }
609
+ .mq-math-mode .mq-lim .mq-approaches span > span {
610
+ display: inline;
611
+ }
612
+ .mq-math-mode .mq-matrix {
613
+ vertical-align: middle;
614
+ margin-left: 0.1em;
615
+ margin-right: 0.1em;
616
+ }
617
+ .mq-math-mode .mq-matrix table {
618
+ width: auto;
619
+ border-bottom: none;
620
+ border-spacing: 3px;
621
+ border-collapse: separate;
622
+ }
623
+ .mq-math-mode .mq-matrix table.mq-rows-1 {
624
+ /* better alignment when there's just one row */
625
+ vertical-align: middle;
626
+ margin-bottom: 1px;
627
+ }
628
+ .mq-math-mode .mq-matrix td {
629
+ border: 1px dotted #ffffff;
630
+ width: auto;
631
+ /* defensive resets */
632
+ padding: 0.1em 0.3em;
633
+ vertical-align: baseline;
634
+ }
635
+ .mq-math-mode .mq-matrix td.mq-empty {
636
+ border: 1px dotted black;
637
+ }
638
+ .mq-math-mode,
639
+ .mq-math-mode .mq-editable-field {
640
+ cursor: text;
641
+ font-family: Symbola, "Times New Roman", serif;
642
+ }
643
+ .mq-math-mode .mq-abs {
644
+ border-left: 1px solid black;
645
+ border-right: 1px solid black;
646
+ padding-left: 0.2em;
647
+ padding-right: 0.2em;
648
+ margin-left: 0.1em;
649
+ margin-right: 0.1em;
650
+ }
651
+ .mq-math-mode .mq-lrnplaceholder {
652
+ margin-left: 0.05em;
653
+ margin-right: 0.05em;
654
+ }
655
+ .mq-math-mode .mq-parallelogram {
656
+ position: relative;
657
+ overflow: hidden;
658
+ line-height: 1em;
659
+ margin-top: -0.5em;
660
+ }
661
+ .mq-math-mode .mq-parallelogram .mq-parallelogram-inner {
662
+ position: relative;
663
+ top: 0.23em;
664
+ font-size: 2em;
665
+ }
666
+ .mq-math-mode,
667
+ .mq-math-mode .mq-editable-field {
668
+ cursor: text;
669
+ font-family: Symbola, "Times New Roman", serif;
670
+ }
671
+ .mq-math-mode .mq-longdiv .mq-longdiv-curve-border,
672
+ .mq-math-mode .mq-editable-field .mq-longdiv .mq-longdiv-curve-border {
673
+ font-size: 1.33em;
674
+ }
675
+ .mq-overarrow {
676
+ min-width: 0.5em;
677
+ border-top: 1px solid black;
678
+ margin-top: 1px;
679
+ padding-top: 0.2em;
680
+ text-align: center;
681
+ }
682
+ .mq-overarrow:before {
683
+ display: block;
684
+ position: relative;
685
+ top: -0.34em;
686
+ font-size: 0.5em;
687
+ line-height: 0em;
688
+ content: "\27A4";
689
+ text-align: right;
690
+ }
691
+ .mq-overarrow.mq-arrow-left:before {
692
+ -moz-transform: scaleX(-1);
693
+ -o-transform: scaleX(-1);
694
+ -webkit-transform: scaleX(-1);
695
+ transform: scaleX(-1);
696
+ filter: FlipH;
697
+ -ms-filter: "FlipH";
698
+ }
699
+ .mq-overarrow.mq-arrow-both {
700
+ vertical-align: text-bottom;
701
+ }
702
+ .mq-overarrow.mq-arrow-both.mq-empty {
703
+ min-height: 1.23em;
704
+ }
705
+ .mq-overarrow.mq-arrow-both.mq-empty:after {
706
+ top: -0.34em;
707
+ }
708
+ .mq-overarrow.mq-arrow-both:before {
709
+ -moz-transform: scaleX(-1);
710
+ -o-transform: scaleX(-1);
711
+ -webkit-transform: scaleX(-1);
712
+ transform: scaleX(-1);
713
+ filter: FlipH;
714
+ -ms-filter: "FlipH";
715
+ }
716
+ .mq-overarrow.mq-arrow-both:after {
717
+ display: block;
718
+ position: relative;
719
+ top: -2.3em;
720
+ font-size: 0.5em;
721
+ line-height: 0em;
722
+ content: "\27A4";
723
+ visibility: visible;
724
+ text-align: right;
725
+ }
726
+ .mq-math-mode .mq-selection,
727
+ .mq-editable-field .mq-selection,
728
+ .mq-math-mode .mq-selection .mq-non-leaf,
729
+ .mq-editable-field .mq-selection .mq-non-leaf,
730
+ .mq-math-mode .mq-selection .mq-scaled,
731
+ .mq-editable-field .mq-selection .mq-scaled {
732
+ background: #B4D5FE !important;
733
+ background: Highlight !important;
734
+ color: HighlightText;
735
+ border-color: HighlightText;
736
+ }
737
+ .mq-math-mode .mq-selection .mq-matrixed,
738
+ .mq-editable-field .mq-selection .mq-matrixed {
739
+ background: #39F !important;
740
+ }
741
+ .mq-math-mode .mq-selection .mq-matrixed-container,
742
+ .mq-editable-field .mq-selection .mq-matrixed-container {
743
+ filter: progid:DXImageTransform.Microsoft.Chroma(color='#3399FF') !important;
744
+ }
745
+ .mq-math-mode .mq-selection.mq-blur,
746
+ .mq-editable-field .mq-selection.mq-blur,
747
+ .mq-math-mode .mq-selection.mq-blur .mq-non-leaf,
748
+ .mq-editable-field .mq-selection.mq-blur .mq-non-leaf,
749
+ .mq-math-mode .mq-selection.mq-blur .mq-scaled,
750
+ .mq-editable-field .mq-selection.mq-blur .mq-scaled,
751
+ .mq-math-mode .mq-selection.mq-blur .mq-matrixed,
752
+ .mq-editable-field .mq-selection.mq-blur .mq-matrixed {
753
+ background: #D4D4D4 !important;
754
+ color: black;
755
+ border-color: black;
756
+ }
757
+ .mq-math-mode .mq-selection.mq-blur .mq-matrixed-container,
758
+ .mq-editable-field .mq-selection.mq-blur .mq-matrixed-container {
759
+ filter: progid:DXImageTransform.Microsoft.Chroma(color='#D4D4D4') !important;
760
+ }
761
+ .mq-editable-field .mq-textarea,
762
+ .mq-math-mode .mq-textarea {
763
+ position: relative;
764
+ -webkit-user-select: text;
765
+ -moz-user-select: text;
766
+ user-select: text;
767
+ }
768
+ .mq-editable-field .mq-textarea > textarea,
769
+ .mq-math-mode .mq-textarea > textarea {
770
+ opacity: 0;
771
+ overflow: hidden;
772
+ }
773
+ .mq-editable-field .mq-textarea *,
774
+ .mq-math-mode .mq-textarea *,
775
+ .mq-editable-field .mq-selectable,
776
+ .mq-math-mode .mq-selectable {
777
+ -webkit-user-select: text;
778
+ -moz-user-select: text;
779
+ user-select: text;
780
+ position: absolute;
781
+ clip: rect(1em 1em 1em 1em);
782
+ -webkit-transform: scale(0);
783
+ -moz-transform: scale(0);
784
+ -ms-transform: scale(0);
785
+ -o-transform: scale(0);
786
+ transform: scale(0);
787
+ resize: none;
788
+ width: 1px;
789
+ height: 1px;
790
+ box-sizing: content-box;
791
+ }
792
+ .mq-math-mode .mq-matrixed {
793
+ background: white;
794
+ display: -moz-inline-box;
795
+ display: inline-block;
796
+ }
797
+ .mq-math-mode .mq-matrixed-container {
798
+ filter: progid:DXImageTransform.Microsoft.Chroma(color='white');
799
+ margin-top: -0.1em;
800
+ }
801
+ .mq-math-mode .mq-matrix table {
802
+ border-spacing: 2px;
803
+ }
804
+ button .mq-math-mode .mq-matrix table.mq-rows-2 td,
805
+ button .mq-math-mode .mq-matrix table.mq-rows-3 td {
806
+ font-size: 0.3em;
807
+ width: 0.9em;
808
+ }
809
+ button .mq-math-mode .mq-matrix table.mq-rows-2 {
810
+ margin-bottom: -2px;
811
+ }
812
+ button .mq-math-mode .mq-matrix table.mq-rows-1 {
813
+ margin-bottom: 3px;
814
+ }
815
+ button .mq-math-mode .mq-matrix table.mq-rows-1 td {
816
+ font-size: 0.6em;
817
+ width: 1.1em;
818
+ margin-bottom: 3px;
819
+ }
820
+ button .mq-math-mode .mq-matrix .matrix-edit-content-row {
821
+ display: inline-block;
822
+ text-align: center;
823
+ vertical-align: middle;
824
+ }
825
+ button .mq-math-mode .mq-matrix .matrix-edit-content-row p {
826
+ font-size: 0.7em;
827
+ }
828
+ button .mq-math-mode .mq-matrix .matrix-edit-content-col {
829
+ display: inline-block;
830
+ text-align: center;
831
+ vertical-align: middle;
832
+ }
833
+ button .mq-math-mode .mq-matrix .matrix-edit-content-col p {
834
+ padding: 0 0.15em;
835
+ font-size: 0.7em;
836
+ }
837
+ button .mq-math-mode .mq-matrix .mq-paren {
838
+ transform: scale(1.13, 1.77);
839
+ padding: 0;
840
+ display: inline-block;
841
+ }
842
+ button .matrix-edit .mq-empty {
843
+ padding: 0.1em;
844
+ margin: 0.1em;
845
+ font-size: 0.4em;
846
+ width: 0.8em;
847
+ }