@pie-players/pie-theme 0.1.1

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.
@@ -0,0 +1,624 @@
1
+ .pie-loading {
2
+ position: absolute;
3
+ height: 100%;
4
+ width: 100%;
5
+ background-color: #fff;
6
+ bottom: 0;
7
+ left: 0;
8
+ right: 0;
9
+ top: 0;
10
+ z-index: 9999;
11
+ opacity: 0.4;
12
+ }
13
+
14
+ .pie-loading.fixed {
15
+ position: fixed;
16
+ }
17
+
18
+ .pie-loading:before {
19
+ content: "";
20
+ background-color: rgba(0, 0, 0, 0);
21
+ border: 5px solid rgba(63, 81, 181, 0.9);
22
+ opacity: 0.9;
23
+ border-right: 5px solid rgba(0, 0, 0, 0);
24
+ border-left: 5px solid rgba(0, 0, 0, 0);
25
+ border-radius: 50px;
26
+ box-shadow: 0 0 35px rgba(63, 81, 181, 0.9);
27
+ width: 50px;
28
+ height: 50px;
29
+ -moz-animation: spinPulse 1s infinite ease-in-out;
30
+ -webkit-animation: spinPulse 1s infinite linear;
31
+ margin: -25px 0 0 -25px;
32
+ position: absolute;
33
+ top: 50%;
34
+ left: 50%;
35
+ }
36
+
37
+ .pie-loading:after {
38
+ content: "";
39
+ background-color: rgba(0, 0, 0, 0);
40
+ border: 5px solid rgba(63, 81, 181, 0.9);
41
+ opacity: 0.9;
42
+ border-left: 5px solid rgba(0, 0, 0, 0);
43
+ border-right: 5px solid rgba(0, 0, 0, 0);
44
+ border-radius: 50px;
45
+ box-shadow: 0 0 15px rgba(63, 81, 181, 0.9);
46
+ width: 30px;
47
+ height: 30px;
48
+ -moz-animation: spinoffPulse 1s infinite linear;
49
+ -webkit-animation: spinoffPulse 1s infinite linear;
50
+ margin: -15px 0 0 -15px;
51
+ position: absolute;
52
+ top: 50%;
53
+ left: 50%;
54
+ }
55
+
56
+ @keyframes spinPulse {
57
+ 0% {
58
+ transform: rotate(160deg);
59
+ opacity: 0;
60
+ box-shadow: 0 0 1px rgba(63, 81, 181, 0.9);
61
+ }
62
+ 50% {
63
+ transform: rotate(145deg);
64
+ opacity: 1;
65
+ }
66
+ 100% {
67
+ transform: rotate(-320deg);
68
+ opacity: 0;
69
+ }
70
+ }
71
+
72
+ @keyframes spinoffPulse {
73
+ 0% {
74
+ transform: rotate(0deg);
75
+ }
76
+ 100% {
77
+ transform: rotate(360deg);
78
+ }
79
+ }
80
+
81
+ .pie-api-player img {
82
+ max-width: inherit !important;
83
+ max-height: inherit !important;
84
+ }
85
+
86
+ /* These styles are used in the body content of an item -- they also appear in the item body editor. */
87
+
88
+ .book-title-k5 {
89
+ text-decoration: underline;
90
+ }
91
+
92
+ .book-title {
93
+ font-style: italic;
94
+ }
95
+
96
+ .block-quote {
97
+ font-family: serif;
98
+ margin-left: 20%;
99
+ margin-right: 20%;
100
+ margin-top: 5px;
101
+ margin-bottom: 5px;
102
+ width: 60%;
103
+ border: 1px solid black;
104
+ padding: 2px;
105
+ display: block;
106
+ }
107
+
108
+ .text-block {
109
+ font-family: serif;
110
+ margin-left: 20%;
111
+ margin-right: 20%;
112
+ margin-top: 5px;
113
+ margin-bottom: 5px;
114
+ width: 60%;
115
+ border: 1px solid black;
116
+ padding: 2px;
117
+ display: block;
118
+ }
119
+
120
+ .short-quote {
121
+ font-weight: bold;
122
+ }
123
+
124
+ span.short-quote:before {
125
+ content: open-quote;
126
+ }
127
+
128
+ span.short-quote:after {
129
+ content: close-quote;
130
+ }
131
+
132
+ .word-callout {
133
+ text-decoration: underline;
134
+ }
135
+
136
+ .relative-emphasis {
137
+ text-transform: uppercase;
138
+ }
139
+
140
+ .content-emphasis {
141
+ font-weight: bold;
142
+ color: red;
143
+ }
144
+
145
+ span.passage-title:before {
146
+ content: open-quote;
147
+ }
148
+
149
+ span.passage-title:after {
150
+ content: close-quote;
151
+ }
152
+
153
+ .proper-name {
154
+ font-style: italic;
155
+ }
156
+
157
+ .variable {
158
+ font-style: italic;
159
+ }
160
+
161
+ .equation-block {
162
+ text-align: center;
163
+ margin-left: 20%;
164
+ margin-right: 20%;
165
+ margin-top: 5px;
166
+ margin-bottom: 5px;
167
+ width: 60%;
168
+ padding: 2px;
169
+ display: block;
170
+ }
171
+
172
+ .embedded-error {
173
+ font-style: italic;
174
+ }
175
+
176
+ /* PASSAGES */
177
+
178
+ div.passage-title,
179
+ div.passage-subtitle {
180
+ font-weight: bold;
181
+ text-align: center;
182
+ }
183
+
184
+ div.passage-author {
185
+ text-align: center;
186
+ }
187
+
188
+ .p-number {
189
+ float: left;
190
+ font-size: 0.85em;
191
+ }
192
+
193
+ .numbered-paragraph {
194
+ margin-left: 36px;
195
+ }
196
+
197
+ /* ch5680 - also temporary kds content styles that need to be externalized */
198
+ /* Inspect Styles */
199
+
200
+ @media print {
201
+ .kds-noprint {
202
+ display: none;
203
+ }
204
+
205
+ .noprint {
206
+ display: none;
207
+ }
208
+ }
209
+
210
+ .kds-absolute {
211
+ border-left: 1px solid black;
212
+ border-right: 1px solid black;
213
+ padding: 0px 0.3em 0px 0.3em;
214
+ }
215
+
216
+ .abs {
217
+ border-left: #000000 1px solid;
218
+ border-right: #000000 1px solid;
219
+ padding: 0px 0.3em 0px 0.3em;
220
+ }
221
+
222
+ .kds-border-1 {
223
+ border: 1px solid black;
224
+ }
225
+
226
+ .kds-border-2 {
227
+ border: 2px solid black;
228
+ }
229
+
230
+ .kds-center {
231
+ margin: 0px;
232
+ text-align: center;
233
+ }
234
+
235
+ .center {
236
+ text-align: center;
237
+ margin: 0;
238
+ }
239
+
240
+ .kds-exponent {
241
+ font-size: 85%;
242
+ margin-left: -0.4em;
243
+ position: relative;
244
+ top: -1.4em;
245
+ }
246
+
247
+ sup.frac {
248
+ position: relative;
249
+ top: -1.4em;
250
+ font-size: 70%;
251
+ margin-left: -0.4em;
252
+ }
253
+
254
+ .kds-fillin {
255
+ border: 1px solid black;
256
+ display: inline-block;
257
+ margin: 0em 0.2em;
258
+ padding-left: 1em;
259
+ }
260
+
261
+ .fillin {
262
+ margin: 0em 0.2em;
263
+ padding-left: 1em;
264
+ border: #000000 1px solid;
265
+ display: inline-block;
266
+ }
267
+
268
+ .kds-font-larger {
269
+ font-size: larger;
270
+ }
271
+
272
+ .kds-font-smaller {
273
+ font-size: smaller;
274
+ }
275
+
276
+ table.kds-fraction {
277
+ border: 0px;
278
+ display: inline-block;
279
+ font-size: 85%;
280
+ margin: 0px;
281
+ padding: 0px;
282
+ vertical-align: middle;
283
+ }
284
+
285
+ table.kds-fraction > tbody > tr > td.kds-numerator {
286
+ border-bottom: 1px solid black;
287
+ border-left: 0px;
288
+ border-right: 0px;
289
+ border-top: 0px;
290
+ text-align: center;
291
+ }
292
+
293
+ table.kds-fraction > tbody > tr > td.kds-denominator {
294
+ border: 0px;
295
+ text-align: center;
296
+ }
297
+
298
+ table.frac {
299
+ display: inline-block;
300
+ vertical-align: middle;
301
+ font-size: 85%;
302
+ border: 0px;
303
+ margin: 0px;
304
+ padding: 0px;
305
+ }
306
+
307
+ .frac .nu {
308
+ border-left: 0px;
309
+ border-top: 0px;
310
+ border-right: 0px;
311
+ border-bottom: #000000 1px solid;
312
+ text-align: center;
313
+ }
314
+
315
+ .frac .de {
316
+ border: 0px;
317
+ text-align: center;
318
+ }
319
+
320
+ .kds-hanging-indent {
321
+ margin: 0px;
322
+ padding-left: 3em;
323
+ text-indent: -3em;
324
+ }
325
+
326
+ .kds-image-caption {
327
+ font-family: Verdana, Arial, sans-serif;
328
+ text-align: center;
329
+ }
330
+
331
+ .kds-image-left {
332
+ float: left;
333
+ margin-right: 5px;
334
+ }
335
+
336
+ .kds-image-right {
337
+ float: right;
338
+ margin-left: 5px;
339
+ }
340
+
341
+ .kds-indent {
342
+ text-indent: 3em;
343
+ }
344
+
345
+ .indent {
346
+ text-indent: 3em;
347
+ }
348
+
349
+ .kds-nowrap {
350
+ display: inline-block;
351
+ white-space: nowrap;
352
+ }
353
+
354
+ .kds-overline {
355
+ text-decoration: overline;
356
+ }
357
+
358
+ .kds-parentheses {
359
+ font-family: "Arial Narrow", Arial, sans-serif;
360
+ font-size: 300%;
361
+ font-weight: normal;
362
+ position: relative;
363
+ top: 8px;
364
+ }
365
+
366
+ b.frac {
367
+ font-weight: normal;
368
+ font-size: 300%;
369
+ font-family: arial narrow;
370
+ position: relative;
371
+ top: +8px;
372
+ }
373
+
374
+ .kds-pi {
375
+ font-family: "Times New Roman", serif;
376
+ font-size: 1.2em;
377
+ }
378
+
379
+ .newradical {
380
+ border-collapse: collapse;
381
+ display: inline-block;
382
+ vertical-align: middle;
383
+ }
384
+
385
+ .newradical td {
386
+ border: 0px;
387
+ padding: 0px;
388
+ vertical-align: top;
389
+ }
390
+
391
+ .newradical td.vinculum {
392
+ border-top: 1px solid black;
393
+ padding: 0px;
394
+ vertical-align: top;
395
+ }
396
+
397
+ .newradical div.exp {
398
+ font-size: 0.7em;
399
+ position: relative;
400
+ left: 7px;
401
+ bottom: 5px;
402
+ }
403
+
404
+ .kds-underline {
405
+ text-decoration: underline;
406
+ }
407
+
408
+ .under {
409
+ text-decoration: underline;
410
+ }
411
+
412
+ .kds-verdana2t {
413
+ border: 1px solid white;
414
+ text-align: left;
415
+ text-decoration: none;
416
+ vertical-align: top;
417
+ }
418
+
419
+ .Verdana2t {
420
+ vertical-align: top;
421
+ text-align: left;
422
+ text-decoration: none;
423
+ border: 1px solid white;
424
+ }
425
+
426
+ .kds-whole-number {
427
+ display: inline-block;
428
+ font-size: 120%;
429
+ margin: 0em 0em 0em 0.2em;
430
+ }
431
+
432
+ .whole {
433
+ display: inline-block;
434
+ margin: 0em 0em 0em 0.2em;
435
+ font-size: 120%;
436
+ }
437
+
438
+ table.KdsTable01 {
439
+ border: 1px solid black;
440
+ border-collapse: collapse;
441
+ border-spacing: 0px;
442
+ }
443
+
444
+ table.KdsTable01 > tbody > tr > th {
445
+ background-color: #d3d3d3;
446
+ border: 1px solid black;
447
+ font-weight: normal;
448
+ padding: 2px;
449
+ text-align: center;
450
+ }
451
+
452
+ table.KdsTable01 > tbody > tr > th.bold {
453
+ background-color: #d3d3d3;
454
+ border: 1px solid black;
455
+ font-weight: bold;
456
+ padding: 2px;
457
+ text-align: center;
458
+ }
459
+
460
+ table.KdsTable01 > tbody > tr > td {
461
+ border: 1px solid black;
462
+ padding: 2px;
463
+ text-align: center;
464
+ }
465
+
466
+ table.KdsTable01 > tbody > tr > td.bold {
467
+ border: 1px solid black;
468
+ font-weight: bold;
469
+ padding: 2px;
470
+ text-align: center;
471
+ }
472
+
473
+ table.KdsTable02 {
474
+ border: 1px solid black;
475
+ border-collapse: collapse;
476
+ border-spacing: 0px;
477
+ }
478
+
479
+ table.KdsTable02 > tbody > tr > th {
480
+ background-color: #d3d3d3;
481
+ border: 1px solid black;
482
+ font-weight: normal;
483
+ padding: 2px;
484
+ }
485
+
486
+ table.KdsTable02 > tbody > tr > td {
487
+ border: 1px solid black;
488
+ padding: 2px;
489
+ }
490
+
491
+ .table {
492
+ width: 100%;
493
+ margin-bottom: 1em;
494
+ background-color: transparent;
495
+ border-collapse: collapse;
496
+ }
497
+
498
+ .table th,
499
+ .table td {
500
+ padding: 0.75em;
501
+ vertical-align: top;
502
+ border-top: 1px solid #dee2e6;
503
+ }
504
+
505
+ .table tbody + tbody {
506
+ border-top: 2px solid #dee2e6;
507
+ }
508
+
509
+ .table thead th {
510
+ vertical-align: bottom;
511
+ border-bottom: 2px solid #dee2e6;
512
+ }
513
+
514
+ th {
515
+ text-align: inherit;
516
+ }
517
+
518
+ .table-bordered,
519
+ .table-bordered th,
520
+ .table-bordered td {
521
+ border: 1px solid #dee2e6;
522
+ }
523
+
524
+ .table-bordered thead td,
525
+ .table-bordered thead th {
526
+ border-bottom-width: 2px;
527
+ }
528
+
529
+ .table-striped tbody tr:nth-of-type(odd) {
530
+ background-color: rgba(0, 0, 0, 0.05);
531
+ }
532
+
533
+ .text-center {
534
+ text-align: center !important;
535
+ }
536
+
537
+ .h5,
538
+ h5 {
539
+ font-size: 1.25em;
540
+ }
541
+
542
+ h1,
543
+ h2,
544
+ h3,
545
+ h4,
546
+ h5,
547
+ h6 {
548
+ margin-top: 0;
549
+ }
550
+
551
+ .h1,
552
+ .h2,
553
+ .h3,
554
+ .h4,
555
+ .h5,
556
+ .h6,
557
+ h1,
558
+ h2,
559
+ h3,
560
+ h4,
561
+ h5,
562
+ h6 {
563
+ margin-bottom: 0.5em;
564
+ font-family: inherit;
565
+ font-weight: 500;
566
+ line-height: 1.2;
567
+ color: inherit;
568
+ }
569
+
570
+ /* LEARNOSITY OVERRIDES */
571
+ .lrn_feature h3 {
572
+ margin-top: 0 !important;
573
+ }
574
+
575
+ /* PIE OVERRIDES */
576
+
577
+ #stimulus {
578
+ width: 50%;
579
+ float: left;
580
+ }
581
+
582
+ #item {
583
+ width: 50%;
584
+ float: left;
585
+ }
586
+
587
+ .lrn_width_auto.table {
588
+ width: auto;
589
+ }
590
+
591
+ .TEX-S3 {
592
+ font-family: MJXZERO, MJXTEX-S3 !important;
593
+ }
594
+
595
+ .TEX-S2 {
596
+ font-family: MJXZERO, MJXTEX-S2 !important;
597
+ }
598
+
599
+ .TEX-S1 {
600
+ font-family: MJXZERO, MJXTEX-S1 !important;
601
+ }
602
+
603
+ .TEX-I {
604
+ font-family: MJXZERO, MJXTEX-I !important;
605
+ }
606
+
607
+ mjx-c.mjx-c2032 {
608
+ font-family: "CerebriSans", serif !important;
609
+ }
610
+
611
+ mjx-c.mjx-c22,
612
+ mjx-c.mjx-c27 {
613
+ font-family: MJXZERO, serif !important;
614
+ }
615
+
616
+ table {
617
+ border-collapse: collapse;
618
+ }
619
+
620
+ .evaluate-bottom-border > :first-child::after {
621
+ content: "";
622
+ display: block;
623
+ border-bottom: 1px solid #d3d3d3;
624
+ }