@khanacademy/perseus 6.4.3 → 6.5.0
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/CHANGELOG.md +20 -0
- package/dist/components/graph.d.ts +2 -2
- package/dist/components/graph.js.flow +2 -2
- package/dist/components/svg-image.d.ts +1 -1
- package/dist/components/svg-image.js.flow +1 -1
- package/dist/es/index.css +583 -367
- package/dist/es/index.js +5 -5
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +583 -367
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/__stories__/item-renderer.stories.tsx +5 -0
- package/src/__testdata__/item-renderer.testdata.ts +139 -0
- package/src/components/graph.tsx +3 -2
- package/src/components/svg-image.tsx +1 -1
- package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +8 -8
- package/src/styles/articles.less +24 -18
- package/src/styles/khan-exercise.css +577 -365
- package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +8 -8
- package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +49 -49
- package/src/widgets/__tests__/expression.test.ts +0 -3
- package/src/widgets/expression.tsx +0 -1
- package/src/widgets/radio/base-radio.tsx +2 -1
- package/src/widgets/radio/choice.tsx +1 -0
- package/tsconfig-build.tsbuildinfo +1 -1
package/dist/es/index.css
CHANGED
|
@@ -1,16 +1,40 @@
|
|
|
1
|
-
.exercise,
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
.exercise,
|
|
2
|
+
.vars,
|
|
3
|
+
#next {
|
|
4
|
+
display: none;
|
|
5
|
+
}
|
|
6
|
+
p.question {
|
|
7
|
+
font-weight: bold;
|
|
8
|
+
}
|
|
9
|
+
var {
|
|
10
|
+
font-style: normal;
|
|
11
|
+
}
|
|
4
12
|
|
|
5
|
-
.hint_blue {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
.
|
|
13
|
+
.hint_blue {
|
|
14
|
+
color: #6495ed;
|
|
15
|
+
}
|
|
16
|
+
.hint_orange {
|
|
17
|
+
color: #ffa500;
|
|
18
|
+
}
|
|
19
|
+
.hint_pink {
|
|
20
|
+
color: #ff00af;
|
|
21
|
+
}
|
|
22
|
+
.hint_red {
|
|
23
|
+
color: #df0030;
|
|
24
|
+
}
|
|
25
|
+
.hint_green {
|
|
26
|
+
color: #28ae7b;
|
|
27
|
+
}
|
|
28
|
+
.hint_gray {
|
|
29
|
+
color: gray;
|
|
30
|
+
}
|
|
31
|
+
.hint_purple {
|
|
32
|
+
color: #9d38bd;
|
|
33
|
+
}
|
|
12
34
|
|
|
13
|
-
.last-hint {
|
|
35
|
+
.last-hint {
|
|
36
|
+
font-weight: bold;
|
|
37
|
+
}
|
|
14
38
|
|
|
15
39
|
div.subhint {
|
|
16
40
|
border: 1px solid #aaaaaa;
|
|
@@ -25,11 +49,11 @@ div.subhint {
|
|
|
25
49
|
a.show-subhint {
|
|
26
50
|
font-size: 12px;
|
|
27
51
|
font-style: italic;
|
|
28
|
-
background-color: #
|
|
52
|
+
background-color: #fdfdfd;
|
|
29
53
|
}
|
|
30
54
|
|
|
31
55
|
a.show-definition {
|
|
32
|
-
background-color: #
|
|
56
|
+
background-color: #fdfdfd;
|
|
33
57
|
}
|
|
34
58
|
|
|
35
59
|
div.definition {
|
|
@@ -44,102 +68,186 @@ div.definition {
|
|
|
44
68
|
z-index: 1000;
|
|
45
69
|
}
|
|
46
70
|
|
|
47
|
-
.solutionarea ul {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
.solutionarea li
|
|
51
|
-
|
|
71
|
+
.solutionarea ul {
|
|
72
|
+
list-style: none;
|
|
73
|
+
}
|
|
74
|
+
.solutionarea li {
|
|
75
|
+
padding: 7px 0;
|
|
76
|
+
}
|
|
77
|
+
.solutionarea li label {
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
.solutionarea li input[type="radio"] {
|
|
81
|
+
float: left;
|
|
82
|
+
margin-top: 4px;
|
|
83
|
+
}
|
|
84
|
+
.solutionarea li .value {
|
|
85
|
+
display: block;
|
|
86
|
+
min-height: 22px;
|
|
87
|
+
margin-left: 18px;
|
|
88
|
+
}
|
|
52
89
|
|
|
53
|
-
#extras li {
|
|
54
|
-
|
|
55
|
-
|
|
90
|
+
#extras li {
|
|
91
|
+
display: inline;
|
|
92
|
+
}
|
|
93
|
+
#extras li:before {
|
|
94
|
+
content: "| ";
|
|
95
|
+
}
|
|
96
|
+
#extras li:first-child:before {
|
|
97
|
+
content: "";
|
|
98
|
+
}
|
|
56
99
|
|
|
57
100
|
#scratchpad-show {
|
|
58
|
-
|
|
59
|
-
|
|
101
|
+
position: relative;
|
|
102
|
+
z-index: 1;
|
|
60
103
|
}
|
|
61
104
|
|
|
62
|
-
#answer_area #check-answer-results {
|
|
63
|
-
|
|
64
|
-
|
|
105
|
+
#answer_area #check-answer-results {
|
|
106
|
+
overflow: hidden;
|
|
107
|
+
margin: 5px 0;
|
|
108
|
+
}
|
|
109
|
+
#answer_area #check-answer-results .check-answer-message {
|
|
110
|
+
font-size: 12px;
|
|
111
|
+
line-height: 20px;
|
|
112
|
+
margin: 0;
|
|
113
|
+
}
|
|
114
|
+
#sad,
|
|
115
|
+
#happy {
|
|
116
|
+
float: left;
|
|
117
|
+
margin: 0 6px 4px 0;
|
|
118
|
+
}
|
|
65
119
|
|
|
66
|
-
.examples {
|
|
67
|
-
|
|
120
|
+
.examples {
|
|
121
|
+
color: #777;
|
|
122
|
+
margin-left: 20px;
|
|
123
|
+
list-style-type: disc;
|
|
124
|
+
}
|
|
125
|
+
.examples li {
|
|
126
|
+
margin: 5px 0;
|
|
127
|
+
}
|
|
68
128
|
|
|
69
|
-
#problemarea {
|
|
129
|
+
#problemarea {
|
|
130
|
+
font-size: 14px;
|
|
131
|
+
width: 70%;
|
|
132
|
+
min-height: 378px;
|
|
133
|
+
position: relative;
|
|
134
|
+
float: left;
|
|
135
|
+
padding-bottom: 38px;
|
|
136
|
+
}
|
|
70
137
|
|
|
71
|
-
#solution {
|
|
72
|
-
|
|
138
|
+
#solution {
|
|
139
|
+
font-size: 14px;
|
|
140
|
+
}
|
|
141
|
+
#solution label {
|
|
142
|
+
display: block;
|
|
143
|
+
white-space: nowrap;
|
|
144
|
+
}
|
|
73
145
|
|
|
74
|
-
#tester-info {
|
|
75
|
-
|
|
146
|
+
#tester-info {
|
|
147
|
+
border: 1px solid #aaa;
|
|
148
|
+
background: #f0f0f0;
|
|
149
|
+
padding: 10px;
|
|
150
|
+
margin: 10px 0;
|
|
151
|
+
}
|
|
152
|
+
#debug var {
|
|
153
|
+
font: 14px Menlo, Courier, monospace;
|
|
154
|
+
word-wrap: break-word;
|
|
155
|
+
}
|
|
76
156
|
|
|
77
157
|
code {
|
|
78
158
|
font-family: Courier, monospace;
|
|
79
159
|
}
|
|
80
160
|
|
|
81
161
|
pre {
|
|
82
|
-
background-color: #
|
|
162
|
+
background-color: #f0f1f2;
|
|
83
163
|
border-radius: 4px;
|
|
84
|
-
color: #
|
|
164
|
+
color: #21242c;
|
|
85
165
|
font-size: 18px;
|
|
86
166
|
padding: 16px;
|
|
87
|
-
white-space: pre
|
|
167
|
+
white-space: pre;
|
|
168
|
+
overflow: auto;
|
|
88
169
|
}
|
|
89
170
|
|
|
90
|
-
table.limit {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
table.limit th
|
|
94
|
-
|
|
171
|
+
table.limit {
|
|
172
|
+
margin: 5px;
|
|
173
|
+
}
|
|
174
|
+
table.limit th {
|
|
175
|
+
font-weight: bold;
|
|
176
|
+
text-align: center;
|
|
177
|
+
}
|
|
178
|
+
table.limit td {
|
|
179
|
+
border: 1px solid #aaa;
|
|
180
|
+
}
|
|
181
|
+
table.limit th,
|
|
182
|
+
table.limit td {
|
|
183
|
+
padding: 5px;
|
|
184
|
+
}
|
|
185
|
+
table.limit th:first-child {
|
|
186
|
+
text-align: right;
|
|
187
|
+
}
|
|
95
188
|
|
|
96
|
-
.solutionarea input[type=text],
|
|
97
|
-
.solutionarea input[type=number] {
|
|
189
|
+
.solutionarea input[type="text"],
|
|
190
|
+
.solutionarea input[type="number"] {
|
|
98
191
|
width: 80px;
|
|
99
192
|
}
|
|
100
|
-
.solutionarea .short20 input[type=text],
|
|
101
|
-
.solutionarea .short20 input[type=number] {
|
|
193
|
+
.solutionarea .short20 input[type="text"],
|
|
194
|
+
.solutionarea .short20 input[type="number"] {
|
|
102
195
|
width: 20px;
|
|
103
196
|
}
|
|
104
|
-
.solutionarea .short25 input[type=text],
|
|
105
|
-
.solutionarea .short25 input[type=number] {
|
|
197
|
+
.solutionarea .short25 input[type="text"],
|
|
198
|
+
.solutionarea .short25 input[type="number"] {
|
|
106
199
|
width: 25px;
|
|
107
200
|
}
|
|
108
|
-
.solutionarea .short28 input[type=text],
|
|
109
|
-
.solutionarea .short28 input[type=number] {
|
|
201
|
+
.solutionarea .short28 input[type="text"],
|
|
202
|
+
.solutionarea .short28 input[type="number"] {
|
|
110
203
|
width: 28px;
|
|
111
204
|
}
|
|
112
|
-
.solutionarea .short30 input[type=text],
|
|
113
|
-
.solutionarea .short30 input[type=number] {
|
|
205
|
+
.solutionarea .short30 input[type="text"],
|
|
206
|
+
.solutionarea .short30 input[type="number"] {
|
|
114
207
|
width: 30px;
|
|
115
208
|
}
|
|
116
|
-
.solutionarea .short32 input[type=text],
|
|
117
|
-
.solutionarea .short32 input[type=number] {
|
|
209
|
+
.solutionarea .short32 input[type="text"],
|
|
210
|
+
.solutionarea .short32 input[type="number"] {
|
|
118
211
|
width: 32px;
|
|
119
212
|
}
|
|
120
|
-
.solutionarea .short35 input[type=text],
|
|
121
|
-
.solutionarea .short35 input[type=number] {
|
|
213
|
+
.solutionarea .short35 input[type="text"],
|
|
214
|
+
.solutionarea .short35 input[type="number"] {
|
|
122
215
|
width: 35px;
|
|
123
216
|
}
|
|
124
|
-
.solutionarea .short40 input[type=text],
|
|
125
|
-
.solutionarea .short40 input[type=number] {
|
|
217
|
+
.solutionarea .short40 input[type="text"],
|
|
218
|
+
.solutionarea .short40 input[type="number"] {
|
|
126
219
|
width: 40px;
|
|
127
220
|
}
|
|
128
|
-
.solutionarea .short50 input[type=text],
|
|
129
|
-
.solutionarea .short50 input[type=number] {
|
|
221
|
+
.solutionarea .short50 input[type="text"],
|
|
222
|
+
.solutionarea .short50 input[type="number"] {
|
|
130
223
|
width: 50px;
|
|
131
224
|
}
|
|
132
|
-
#readonly {
|
|
225
|
+
#readonly {
|
|
226
|
+
display: none;
|
|
227
|
+
}
|
|
133
228
|
|
|
134
|
-
.radical .surd {
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
229
|
+
.radical .surd {
|
|
230
|
+
font: 150% Arial;
|
|
231
|
+
padding: 0 0 0 5px;
|
|
232
|
+
}
|
|
233
|
+
.radical .overline {
|
|
234
|
+
border-top: 1px solid #000;
|
|
235
|
+
padding: 6px 1px 0 3px;
|
|
236
|
+
margin-left: -1px;
|
|
237
|
+
}
|
|
238
|
+
.solutionarea .radical input[type="text"],
|
|
239
|
+
.solutionarea .radical input[type="number"] {
|
|
138
240
|
width: 40px;
|
|
139
241
|
}
|
|
140
242
|
|
|
141
|
-
body.debug .graphie {
|
|
142
|
-
|
|
243
|
+
body.debug .graphie {
|
|
244
|
+
outline: 1px dashed #fdd;
|
|
245
|
+
}
|
|
246
|
+
.graphie svg {
|
|
247
|
+
position: absolute;
|
|
248
|
+
top: 0;
|
|
249
|
+
left: 0;
|
|
250
|
+
}
|
|
143
251
|
|
|
144
252
|
#scratchpad {
|
|
145
253
|
display: none;
|
|
@@ -156,27 +264,55 @@ body.debug .graphie { outline: 1px dashed #fdd; }
|
|
|
156
264
|
z-index: 1;
|
|
157
265
|
}
|
|
158
266
|
|
|
159
|
-
#scratchpad-not-available {
|
|
160
|
-
|
|
267
|
+
#scratchpad-not-available {
|
|
268
|
+
display: none;
|
|
269
|
+
}
|
|
270
|
+
#extras .report-issue-link {
|
|
271
|
+
float: right;
|
|
272
|
+
}
|
|
161
273
|
|
|
162
|
-
#tester-info.info-box {
|
|
163
|
-
|
|
164
|
-
|
|
274
|
+
#tester-info.info-box {
|
|
275
|
+
background: #f2e4bf;
|
|
276
|
+
}
|
|
277
|
+
#tester-info .box {
|
|
278
|
+
border: 1px solid black;
|
|
279
|
+
padding: 2px 4px;
|
|
280
|
+
margin-left: 5px;
|
|
281
|
+
}
|
|
282
|
+
#tester-info .group-box {
|
|
283
|
+
border: 1px solid #aaa;
|
|
284
|
+
padding: 6px 4px 6px 0px;
|
|
285
|
+
margin-left: 2px;
|
|
286
|
+
}
|
|
165
287
|
|
|
166
|
-
#browserwarning {
|
|
288
|
+
#browserwarning {
|
|
289
|
+
background: white;
|
|
290
|
+
margin: 0 1px;
|
|
291
|
+
padding: 18px;
|
|
292
|
+
font-size: 120%;
|
|
293
|
+
text-align: center;
|
|
294
|
+
}
|
|
167
295
|
|
|
168
296
|
#answer_area .answer-buttons input.simple-button,
|
|
169
297
|
#answer_area input.simple-button.full-width {
|
|
170
|
-
|
|
298
|
+
width: 100%;
|
|
299
|
+
}
|
|
300
|
+
#answer_area #answercontent {
|
|
301
|
+
position: relative;
|
|
302
|
+
z-index: 2;
|
|
303
|
+
} /* above-scratchpad */
|
|
304
|
+
#answer_area .hint-box {
|
|
305
|
+
position: relative;
|
|
306
|
+
z-index: 1;
|
|
171
307
|
}
|
|
172
|
-
#answer_area #answercontent { position: relative; z-index: 2; } /* above-scratchpad */
|
|
173
|
-
#answer_area .hint-box { position: relative; z-index: 1;}
|
|
174
308
|
|
|
175
309
|
#problemarea a:link,
|
|
176
310
|
#problemarea input,
|
|
177
311
|
#problemarea label, /* HACK(aria): for radios */
|
|
178
|
-
#problemarea select {
|
|
179
|
-
|
|
312
|
+
#problemarea select {
|
|
313
|
+
/* for dropdowns */
|
|
314
|
+
position: relative;
|
|
315
|
+
z-index: 3; /* interactive-content */
|
|
180
316
|
}
|
|
181
317
|
|
|
182
318
|
#answer_area .calculator {
|
|
@@ -189,7 +325,7 @@ body.debug .graphie { outline: 1px dashed #fdd; }
|
|
|
189
325
|
}
|
|
190
326
|
|
|
191
327
|
.calculator-angle-mode .unselected-anglemode {
|
|
192
|
-
color: #
|
|
328
|
+
color: #bbbbbb;
|
|
193
329
|
}
|
|
194
330
|
|
|
195
331
|
#answer_area .calculator .history {
|
|
@@ -316,335 +452,410 @@ body.debug .graphie { outline: 1px dashed #fdd; }
|
|
|
316
452
|
}
|
|
317
453
|
|
|
318
454
|
#answer_area .answer-buttons {
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
455
|
+
margin: 0 -10px;
|
|
456
|
+
padding: 10px 10px 0;
|
|
457
|
+
position: relative;
|
|
322
458
|
}
|
|
323
459
|
|
|
324
460
|
#show-prereqs-button {
|
|
325
|
-
|
|
461
|
+
margin-top: 15px;
|
|
326
462
|
}
|
|
327
463
|
|
|
328
464
|
#positive-reinforcement img {
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
465
|
+
width: 28px;
|
|
466
|
+
position: absolute;
|
|
467
|
+
top: 7px;
|
|
468
|
+
left: 5px;
|
|
469
|
+
cursor: pointer;
|
|
334
470
|
}
|
|
335
471
|
|
|
336
|
-
#answer_area input.simple-button[disabled=disabled] {
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
472
|
+
#answer_area input.simple-button[disabled="disabled"] {
|
|
473
|
+
opacity: 0.5;
|
|
474
|
+
filter: alpha(opacity = 50);
|
|
475
|
+
cursor: default;
|
|
476
|
+
}
|
|
477
|
+
#answer_area input.simple-button[disabled="disabled"]:hover {
|
|
478
|
+
color: #fff !important;
|
|
479
|
+
}
|
|
480
|
+
#answer_area input.simple-button.orange[disabled="disabled"]:hover {
|
|
481
|
+
border-color: #bf4f04 !important;
|
|
482
|
+
border-bottom-color: #803503 !important;
|
|
483
|
+
}
|
|
484
|
+
#answer_area input.simple-button.green[disabled="disabled"]:hover {
|
|
485
|
+
border-color: #76a005 !important;
|
|
486
|
+
border-bottom-color: #557303 !important;
|
|
487
|
+
}
|
|
340
488
|
|
|
341
|
-
.simple-button.disabled {
|
|
489
|
+
.simple-button.disabled {
|
|
490
|
+
opacity: 0.5;
|
|
491
|
+
filter: alpha(opacity = 50);
|
|
492
|
+
cursor: default;
|
|
493
|
+
}
|
|
342
494
|
|
|
343
|
-
#hint-remainder {
|
|
495
|
+
#hint-remainder {
|
|
496
|
+
color: #777;
|
|
497
|
+
}
|
|
344
498
|
|
|
345
|
-
#footer .simple-button,
|
|
346
|
-
.info-box .simple-button {
|
|
499
|
+
#footer .simple-button,
|
|
500
|
+
.info-box .simple-button {
|
|
501
|
+
padding: 3px 10px;
|
|
502
|
+
top: -1px;
|
|
503
|
+
}
|
|
504
|
+
.info-box .simple-button {
|
|
505
|
+
top: 0;
|
|
506
|
+
}
|
|
347
507
|
|
|
348
|
-
#issue #issue-status.error {
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
508
|
+
#issue #issue-status.error {
|
|
509
|
+
font-weight: bold;
|
|
510
|
+
color: #a21;
|
|
511
|
+
font-size: 1.2em;
|
|
512
|
+
}
|
|
513
|
+
#issue-link {
|
|
514
|
+
font-style: italic;
|
|
515
|
+
}
|
|
516
|
+
#issue .issue-form input[type="text"] {
|
|
517
|
+
display: block;
|
|
518
|
+
width: 98%;
|
|
519
|
+
}
|
|
520
|
+
#issue .issue-form textarea {
|
|
521
|
+
display: block;
|
|
522
|
+
width: 98%;
|
|
523
|
+
height: 100px;
|
|
524
|
+
}
|
|
525
|
+
#issue-cancel {
|
|
526
|
+
float: right;
|
|
527
|
+
}
|
|
353
528
|
#issue fieldset {
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
529
|
+
list-style: none;
|
|
530
|
+
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
531
|
+
padding-left: 10px;
|
|
532
|
+
border-radius: 5px;
|
|
533
|
+
line-height: 22px;
|
|
534
|
+
margin-bottom: 3px;
|
|
535
|
+
min-inline-size: auto;
|
|
536
|
+
}
|
|
537
|
+
#issue fieldset legend {
|
|
538
|
+
padding-left: 5px;
|
|
539
|
+
padding-right: 5px;
|
|
540
|
+
}
|
|
541
|
+
#issue fieldset label {
|
|
542
|
+
display: inline;
|
|
543
|
+
}
|
|
544
|
+
#issue fieldset li {
|
|
545
|
+
margin-top: 0px;
|
|
546
|
+
margin-bottom: 0px;
|
|
360
547
|
}
|
|
361
|
-
#issue fieldset legend { padding-left: 5px; padding-right: 5px; }
|
|
362
|
-
#issue fieldset label { display: inline; }
|
|
363
|
-
#issue fieldset li { margin-top: 0px; margin-bottom: 0px; }
|
|
364
548
|
|
|
365
|
-
var,
|
|
366
|
-
|
|
367
|
-
|
|
549
|
+
var,
|
|
550
|
+
div.graphie {
|
|
551
|
+
white-space: pre;
|
|
552
|
+
/**
|
|
368
553
|
* Graphie didn't have a fixed font-size and was just using
|
|
369
554
|
* the surrounding font-size. However some labels are banking on
|
|
370
555
|
* specific dimensions, so we need to lock it to a specific size.
|
|
371
556
|
*/
|
|
372
|
-
|
|
557
|
+
font-size: 14px;
|
|
373
558
|
}
|
|
374
559
|
|
|
375
|
-
#spinner {
|
|
376
|
-
|
|
560
|
+
#spinner {
|
|
561
|
+
position: relative;
|
|
562
|
+
top: 4px;
|
|
563
|
+
left: 4px;
|
|
564
|
+
}
|
|
565
|
+
#issue-spinner {
|
|
566
|
+
position: relative;
|
|
567
|
+
top: 3px;
|
|
568
|
+
}
|
|
377
569
|
|
|
378
|
-
.exp input {
|
|
570
|
+
.exp input {
|
|
571
|
+
vertical-align: super;
|
|
572
|
+
font-size: 9px;
|
|
573
|
+
height: 11px;
|
|
574
|
+
}
|
|
379
575
|
|
|
380
576
|
.correct-activity {
|
|
381
|
-
|
|
382
|
-
|
|
577
|
+
background-color: #69bb00;
|
|
578
|
+
text-shadow: 0 -1px 0 #557303;
|
|
383
579
|
}
|
|
384
580
|
|
|
385
581
|
.incorrect-activity {
|
|
386
|
-
|
|
387
|
-
|
|
582
|
+
background-color: #e12c2d;
|
|
583
|
+
text-shadow: 0 -1px 0 #921118;
|
|
388
584
|
}
|
|
389
585
|
|
|
390
586
|
.hint-activity {
|
|
391
|
-
|
|
392
|
-
|
|
587
|
+
background-color: #f19726;
|
|
588
|
+
text-shadow: 0 -1px 0 #b55c00;
|
|
393
589
|
}
|
|
394
590
|
|
|
395
591
|
.user-activity {
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
592
|
+
margin: 8px;
|
|
593
|
+
padding: 2px 5px;
|
|
594
|
+
border: 1px solid #999;
|
|
595
|
+
border-radius: 4px;
|
|
596
|
+
float: left;
|
|
597
|
+
cursor: pointer;
|
|
598
|
+
color: white;
|
|
403
599
|
}
|
|
404
600
|
|
|
405
601
|
.user-activity input {
|
|
406
|
-
|
|
602
|
+
cursor: pointer;
|
|
407
603
|
}
|
|
408
604
|
|
|
409
605
|
div.timeline-time {
|
|
410
|
-
|
|
411
|
-
|
|
606
|
+
float: left;
|
|
607
|
+
padding-top: 10px;
|
|
412
608
|
}
|
|
413
609
|
|
|
414
610
|
div.timeline-time:before {
|
|
415
|
-
|
|
416
|
-
|
|
611
|
+
padding: 3px;
|
|
612
|
+
content: "~";
|
|
417
613
|
}
|
|
418
614
|
|
|
419
615
|
div.timeline-time:after {
|
|
420
|
-
|
|
421
|
-
|
|
616
|
+
padding: 3px;
|
|
617
|
+
content: "~";
|
|
422
618
|
}
|
|
423
619
|
|
|
424
620
|
div.timeline-total {
|
|
425
|
-
|
|
621
|
+
border-top: 1px solid #999;
|
|
426
622
|
}
|
|
427
623
|
|
|
428
624
|
#timelinecontainer {
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
625
|
+
border: 1px solid #c6d1ad;
|
|
626
|
+
border-top: 0px;
|
|
627
|
+
position: relative;
|
|
432
628
|
}
|
|
433
629
|
|
|
434
|
-
#timelinecontainer:before,
|
|
435
|
-
|
|
436
|
-
|
|
630
|
+
#timelinecontainer:before,
|
|
631
|
+
#timelinecontainer:after {
|
|
632
|
+
content: "";
|
|
633
|
+
display: table;
|
|
437
634
|
}
|
|
438
635
|
|
|
439
636
|
#timelinecontainer:after {
|
|
440
|
-
|
|
637
|
+
clear: both;
|
|
441
638
|
}
|
|
442
639
|
|
|
443
640
|
#timelinecontainer {
|
|
444
|
-
|
|
641
|
+
zoom: 1;
|
|
445
642
|
}
|
|
446
643
|
|
|
447
644
|
#timeline {
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
645
|
+
overflow: hidden;
|
|
646
|
+
position: absolute;
|
|
647
|
+
left: 265px;
|
|
648
|
+
right: 225px;
|
|
649
|
+
border-left: 1px solid #c6d1ad;
|
|
650
|
+
border-right: 1px solid #c6d1ad;
|
|
454
651
|
}
|
|
455
652
|
|
|
456
653
|
#timeline-events {
|
|
457
|
-
|
|
654
|
+
width: 10000px;
|
|
458
655
|
}
|
|
459
656
|
|
|
460
657
|
/* Allow the timeline to scroll all the way to the end with a little margin */
|
|
461
|
-
#timeline-events:after,
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
658
|
+
#timeline-events:after,
|
|
659
|
+
#timeline-events:before {
|
|
660
|
+
content: "";
|
|
661
|
+
display: block;
|
|
662
|
+
width: 1px;
|
|
663
|
+
height: 1px;
|
|
664
|
+
float: left;
|
|
467
665
|
}
|
|
468
666
|
|
|
469
667
|
#timeline p {
|
|
470
|
-
|
|
668
|
+
margin: 0;
|
|
471
669
|
}
|
|
472
670
|
|
|
473
671
|
#previous-problem {
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
672
|
+
margin: 5px;
|
|
673
|
+
cursor: pointer;
|
|
674
|
+
float: left;
|
|
675
|
+
width: 100px;
|
|
478
676
|
}
|
|
479
677
|
|
|
480
678
|
#previous-step {
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
679
|
+
margin: 5px;
|
|
680
|
+
cursor: pointer;
|
|
681
|
+
float: left;
|
|
682
|
+
width: 100px;
|
|
485
683
|
}
|
|
486
684
|
|
|
487
685
|
#next-step {
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
686
|
+
margin: 5px;
|
|
687
|
+
cursor: pointer;
|
|
688
|
+
float: right;
|
|
689
|
+
width: 80px;
|
|
492
690
|
}
|
|
493
691
|
|
|
494
692
|
#previous-step span {
|
|
495
|
-
|
|
496
|
-
|
|
693
|
+
background: url(/images/previous-step.png) no-repeat 0 50% transparent;
|
|
694
|
+
padding: 4px 0 4px 25px;
|
|
497
695
|
}
|
|
498
696
|
|
|
499
697
|
#next-step span {
|
|
500
|
-
|
|
501
|
-
|
|
698
|
+
background: url(/images/next-step.png) no-repeat 100% 50% transparent;
|
|
699
|
+
padding: 4px 25px 4px 0;
|
|
502
700
|
}
|
|
503
701
|
|
|
504
702
|
#next-problem {
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
703
|
+
margin: 5px;
|
|
704
|
+
cursor: pointer;
|
|
705
|
+
float: right;
|
|
706
|
+
width: 80px;
|
|
509
707
|
}
|
|
510
708
|
|
|
511
709
|
.user-activity.activated {
|
|
512
|
-
|
|
710
|
+
border: 2px solid #888;
|
|
513
711
|
}
|
|
514
712
|
|
|
515
713
|
/* Version of the site used by Khan/exercise-browser for the iframe preview */
|
|
516
714
|
|
|
517
715
|
html.exercise-browser {
|
|
518
|
-
|
|
519
|
-
|
|
716
|
+
overflow-x: hidden;
|
|
717
|
+
overflow-y: hidden;
|
|
520
718
|
}
|
|
521
719
|
|
|
522
720
|
.exercise-browser body {
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
721
|
+
min-width: 0;
|
|
722
|
+
width: 790px;
|
|
723
|
+
overflow-x: hidden;
|
|
724
|
+
overflow-y: auto;
|
|
527
725
|
}
|
|
528
726
|
|
|
529
|
-
.exercise-browser header,
|
|
530
|
-
|
|
727
|
+
.exercise-browser header,
|
|
728
|
+
.exercise-browser footer,
|
|
729
|
+
.exercise-browser .topic-exercise-badge,
|
|
730
|
+
.exercise-browser #extras,
|
|
731
|
+
.exercise-browser .exercises-stack,
|
|
732
|
+
.exercise-browser .related-video-box {
|
|
733
|
+
display: none !important;
|
|
531
734
|
}
|
|
532
735
|
|
|
533
|
-
.exercise-browser #outer-wrapper,
|
|
534
|
-
|
|
736
|
+
.exercise-browser #outer-wrapper,
|
|
737
|
+
.exercise-browser #page-container,
|
|
738
|
+
.exercise-browser #page-container-inner {
|
|
739
|
+
background: #ffffff;
|
|
535
740
|
}
|
|
536
741
|
|
|
537
742
|
.exercise-browser article {
|
|
538
|
-
|
|
743
|
+
border: none;
|
|
539
744
|
}
|
|
540
745
|
|
|
541
746
|
.exercise-browser #container.single-exercise {
|
|
542
|
-
|
|
747
|
+
min-width: 0;
|
|
543
748
|
}
|
|
544
749
|
|
|
545
750
|
.exercise-browser #page-container {
|
|
546
|
-
|
|
547
|
-
|
|
751
|
+
width: 790px;
|
|
752
|
+
min-width: 0;
|
|
548
753
|
}
|
|
549
754
|
|
|
550
755
|
.exercise-browser .problem-types {
|
|
551
|
-
|
|
756
|
+
margin-right: 20px;
|
|
552
757
|
}
|
|
553
758
|
|
|
554
759
|
.exercise-browser .problem-type-link {
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
760
|
+
display: block;
|
|
761
|
+
margin-bottom: 5px;
|
|
762
|
+
padding: 6px;
|
|
763
|
+
background: #36a6c4;
|
|
764
|
+
border-radius: 5px;
|
|
765
|
+
border: 1px solid #7fc8e6;
|
|
766
|
+
color: white;
|
|
562
767
|
}
|
|
563
768
|
|
|
564
769
|
.exercise-browser .problem-type-link:hover {
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
770
|
+
color: white;
|
|
771
|
+
background: #1c758c;
|
|
772
|
+
text-decoration: none;
|
|
568
773
|
}
|
|
569
774
|
|
|
570
775
|
.exercise-browser .problem-type-link:visited {
|
|
571
|
-
|
|
572
|
-
|
|
776
|
+
color: #c2eaff;
|
|
777
|
+
text-decoration: none;
|
|
573
778
|
}
|
|
574
779
|
|
|
575
|
-
|
|
576
|
-
.lite
|
|
577
|
-
|
|
780
|
+
.lite header,
|
|
781
|
+
.lite footer,
|
|
782
|
+
.lite #extras,
|
|
783
|
+
.lite .exercise-badge,
|
|
784
|
+
.lite .hint-box,
|
|
785
|
+
.lite .related-video-box {
|
|
786
|
+
display: none !important;
|
|
578
787
|
}
|
|
579
788
|
|
|
580
|
-
.lite #page-container,
|
|
581
|
-
|
|
582
|
-
|
|
789
|
+
.lite #page-container,
|
|
790
|
+
.lite #container {
|
|
791
|
+
min-width: 0;
|
|
792
|
+
border-width: 0;
|
|
583
793
|
}
|
|
584
794
|
|
|
585
795
|
.lite #streak-bar-container {
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
796
|
+
position: absolute;
|
|
797
|
+
top: 10px;
|
|
798
|
+
left: 15px;
|
|
589
799
|
}
|
|
590
800
|
|
|
591
801
|
.lite #answercontent {
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
802
|
+
position: absolute;
|
|
803
|
+
right: 5px;
|
|
804
|
+
top: 12px;
|
|
805
|
+
padding: 0px;
|
|
806
|
+
border: none;
|
|
807
|
+
box-shadow: none;
|
|
808
|
+
overflow: visible;
|
|
599
809
|
}
|
|
600
810
|
|
|
601
811
|
.lite #answercontent > * {
|
|
602
|
-
|
|
603
|
-
|
|
812
|
+
float: left;
|
|
813
|
+
margin-right: 10px;
|
|
604
814
|
}
|
|
605
815
|
|
|
606
816
|
/* TODO: Find a better way to display these. */
|
|
607
|
-
.lite #spinner,
|
|
608
|
-
|
|
817
|
+
.lite #spinner,
|
|
818
|
+
.lite #check-answer-results {
|
|
819
|
+
display: none !important;
|
|
609
820
|
}
|
|
610
821
|
|
|
611
822
|
.lite #answercontent .info-box-header {
|
|
612
|
-
|
|
823
|
+
font-size: 16px;
|
|
613
824
|
}
|
|
614
825
|
|
|
615
826
|
.lite #answercontent .examples {
|
|
616
|
-
|
|
827
|
+
display: none !important;
|
|
617
828
|
}
|
|
618
829
|
|
|
619
830
|
.lite .ui-icon {
|
|
620
|
-
|
|
621
|
-
|
|
831
|
+
width: 18px;
|
|
832
|
+
height: 18px;
|
|
622
833
|
}
|
|
623
834
|
|
|
624
835
|
.lite h1 {
|
|
625
|
-
|
|
836
|
+
font-family: inherit;
|
|
626
837
|
}
|
|
627
838
|
|
|
628
839
|
.lite #solutionarea input {
|
|
629
|
-
|
|
840
|
+
font-size: 14px;
|
|
630
841
|
}
|
|
631
842
|
|
|
632
843
|
.lite #answercontent .simple-button {
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
844
|
+
margin-top: -5px;
|
|
845
|
+
color: #fff !important;
|
|
846
|
+
font-size: 14px;
|
|
847
|
+
text-shadow: none;
|
|
637
848
|
}
|
|
638
849
|
|
|
639
850
|
#warning-bar {
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
851
|
+
width: 100%;
|
|
852
|
+
height: 35px;
|
|
853
|
+
text-align: center;
|
|
854
|
+
font-size: 15px;
|
|
855
|
+
display: none;
|
|
856
|
+
padding: 6px 0;
|
|
857
|
+
position: relative;
|
|
858
|
+
z-index: 2;
|
|
648
859
|
}
|
|
649
860
|
|
|
650
861
|
.bibliotron-exercise #warning-bar {
|
|
@@ -652,8 +863,8 @@ html.exercise-browser {
|
|
|
652
863
|
}
|
|
653
864
|
|
|
654
865
|
#warning-bar span {
|
|
655
|
-
|
|
656
|
-
|
|
866
|
+
position: relative;
|
|
867
|
+
top: 5px;
|
|
657
868
|
}
|
|
658
869
|
|
|
659
870
|
.bibliotron-exercise #warning-bar span,
|
|
@@ -662,170 +873,170 @@ html.exercise-browser {
|
|
|
662
873
|
}
|
|
663
874
|
|
|
664
875
|
#warning-bar-close {
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
876
|
+
top: 5px;
|
|
877
|
+
float: right;
|
|
878
|
+
right: 20px;
|
|
879
|
+
position: relative;
|
|
669
880
|
}
|
|
670
881
|
|
|
671
882
|
#warning-bar-content a {
|
|
672
|
-
|
|
883
|
+
text-decoration: underline;
|
|
673
884
|
}
|
|
674
885
|
|
|
675
886
|
#warning-bar.error {
|
|
676
|
-
|
|
677
|
-
|
|
887
|
+
background-color: #d61914;
|
|
888
|
+
color: #eee;
|
|
678
889
|
}
|
|
679
890
|
|
|
680
891
|
#warning-bar.error a {
|
|
681
|
-
|
|
892
|
+
color: #eee;
|
|
682
893
|
}
|
|
683
894
|
|
|
684
895
|
#warning-bar.warning {
|
|
685
|
-
|
|
686
|
-
|
|
896
|
+
background-color: #f5e722;
|
|
897
|
+
color: #222;
|
|
687
898
|
}
|
|
688
899
|
|
|
689
900
|
#warning-bar.warning a {
|
|
690
|
-
|
|
901
|
+
color: #222;
|
|
691
902
|
}
|
|
692
903
|
|
|
693
904
|
/* Faux table styles that allow revealing data row by row in hints */
|
|
694
905
|
|
|
695
906
|
.fake_header > span {
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
907
|
+
font-weight: bold;
|
|
908
|
+
display: inline-block;
|
|
909
|
+
padding-left: 10px;
|
|
910
|
+
border-bottom: 2px solid #cccccc;
|
|
700
911
|
}
|
|
701
912
|
|
|
702
913
|
.fake_row > span {
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
914
|
+
display: inline-block;
|
|
915
|
+
padding-top: 5px;
|
|
916
|
+
padding-bottom: 5px;
|
|
917
|
+
padding-left: 10px;
|
|
918
|
+
border-bottom: 1px solid #ddd;
|
|
708
919
|
}
|
|
709
920
|
|
|
710
921
|
.fake_row:nth-child(n) > span {
|
|
711
|
-
|
|
922
|
+
border-bottom: none;
|
|
712
923
|
}
|
|
713
924
|
|
|
714
|
-
.fake_row:nth-child(2n+1) > span {
|
|
715
|
-
|
|
925
|
+
.fake_row:nth-child(2n + 1) > span {
|
|
926
|
+
background-color: #f3f3f3;
|
|
716
927
|
}
|
|
717
928
|
|
|
718
929
|
#timelinecontainer .simple-button {
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
930
|
+
-webkit-user-select: none;
|
|
931
|
+
user-select: none;
|
|
932
|
+
white-space: nowrap;
|
|
722
933
|
}
|
|
723
934
|
|
|
724
935
|
.thumbnail a {
|
|
725
|
-
|
|
726
|
-
|
|
936
|
+
outline: none;
|
|
937
|
+
color: #fff;
|
|
727
938
|
}
|
|
728
939
|
|
|
729
940
|
.thumbnail a:hover {
|
|
730
|
-
|
|
941
|
+
text-decoration: none;
|
|
731
942
|
}
|
|
732
943
|
|
|
733
944
|
.thumbnail div.thumb {
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
945
|
+
background-size: 200px 150px;
|
|
946
|
+
background-position: no-repeat top left;
|
|
947
|
+
background-position: 0px -25px;
|
|
948
|
+
background-position-y: -80px\9;
|
|
949
|
+
background-position-x: -100px\9;
|
|
950
|
+
width: 200px;
|
|
951
|
+
height: 100px;
|
|
952
|
+
border: 1px solid #aaa;
|
|
953
|
+
box-shadow: 0 0 3px #ccc;
|
|
954
|
+
margin-left: 14px; /* to line up with other titles */
|
|
955
|
+
margin-bottom: 8px;
|
|
956
|
+
margin-top: 4px;
|
|
746
957
|
}
|
|
747
958
|
|
|
748
959
|
.thumbnail div.thumbnail_label {
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
960
|
+
padding: 5px 10px;
|
|
961
|
+
max-width: 180px;
|
|
962
|
+
margin: 0;
|
|
963
|
+
text-align: left;
|
|
964
|
+
margin-top: 68px;
|
|
965
|
+
background: #333;
|
|
966
|
+
background-color: rgba(30, 30, 30, 0.9);
|
|
967
|
+
color: #fff;
|
|
968
|
+
overflow: hidden;
|
|
969
|
+
text-overflow: ellipsis;
|
|
759
970
|
}
|
|
760
971
|
|
|
761
972
|
.thumbnail div.thumbnail_desc {
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
973
|
+
width: 180px;
|
|
974
|
+
overflow: hidden;
|
|
975
|
+
text-overflow: ellipsis;
|
|
976
|
+
white-space: nowrap;
|
|
766
977
|
}
|
|
767
978
|
|
|
768
979
|
.thumbnail div.thumbnail_teaser {
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
980
|
+
height: 0px;
|
|
981
|
+
overflow: hidden;
|
|
982
|
+
text-overflow: ellipsis;
|
|
983
|
+
white-space: normal;
|
|
984
|
+
text-decoration: none;
|
|
985
|
+
font-size: 11px;
|
|
775
986
|
}
|
|
776
987
|
|
|
777
988
|
.sortable {
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
989
|
+
background: #eee;
|
|
990
|
+
border: 1px solid #ccc;
|
|
991
|
+
border-bottom: 1px solid #aaa;
|
|
992
|
+
padding: 13px;
|
|
993
|
+
position: relative;
|
|
994
|
+
z-index: 2;
|
|
784
995
|
|
|
785
|
-
|
|
996
|
+
box-shadow: 0 1px 2px #ccc;
|
|
786
997
|
}
|
|
787
998
|
|
|
788
999
|
.sortable > ul {
|
|
789
|
-
|
|
1000
|
+
list-style-type: none;
|
|
790
1001
|
}
|
|
791
1002
|
|
|
792
1003
|
.sortable > ul > li {
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
1004
|
+
background-color: #fff;
|
|
1005
|
+
border: 1px solid #b9b9b9;
|
|
1006
|
+
border-bottom-color: #939393;
|
|
1007
|
+
border-radius: 4px;
|
|
1008
|
+
cursor: pointer;
|
|
1009
|
+
margin-right: 4px;
|
|
1010
|
+
min-width: 65px;
|
|
1011
|
+
height: 65px;
|
|
1012
|
+
text-align: center;
|
|
1013
|
+
font-size: 1.2em;
|
|
1014
|
+
float: left;
|
|
1015
|
+
-webkit-user-select: none;
|
|
1016
|
+
user-select: none;
|
|
806
1017
|
}
|
|
807
1018
|
|
|
808
1019
|
.sortable > ul > li.placeholder {
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
1020
|
+
background: #ddd;
|
|
1021
|
+
border: 0;
|
|
1022
|
+
border: 1px solid #ccc;
|
|
1023
|
+
float: left;
|
|
813
1024
|
}
|
|
814
1025
|
|
|
815
|
-
|
|
816
1026
|
.sortable code {
|
|
817
|
-
|
|
1027
|
+
line-height: 65px;
|
|
818
1028
|
}
|
|
819
1029
|
|
|
820
1030
|
.sortable > ul > li:hover {
|
|
821
|
-
|
|
822
|
-
|
|
1031
|
+
border-color: #ffa500;
|
|
1032
|
+
box-shadow: 0 0 4px #c56f00;
|
|
823
1033
|
}
|
|
824
1034
|
|
|
825
|
-
.sortable > ul > li:active,
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
1035
|
+
.sortable > ul > li:active,
|
|
1036
|
+
.sortable > ul > li.dragging {
|
|
1037
|
+
background-color: #ffedcd;
|
|
1038
|
+
opacity: 0.8;
|
|
1039
|
+
filter: alpha(opacity = 80);
|
|
829
1040
|
}
|
|
830
1041
|
|
|
831
1042
|
.box-whisker-sortable > .sortable {
|
|
@@ -857,40 +1068,40 @@ html.exercise-browser {
|
|
|
857
1068
|
/* Video hints */
|
|
858
1069
|
|
|
859
1070
|
.video-hint {
|
|
860
|
-
|
|
1071
|
+
margin-bottom: 20px;
|
|
861
1072
|
}
|
|
862
1073
|
|
|
863
1074
|
/* Question-based hints */
|
|
864
1075
|
|
|
865
1076
|
.qhint {
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
1077
|
+
border: 1px solid #aaaaaa;
|
|
1078
|
+
background: #f9f9f9;
|
|
1079
|
+
border-radius: 4px;
|
|
1080
|
+
margin-right: 20px;
|
|
1081
|
+
margin-bottom: 20px;
|
|
1082
|
+
padding: 10px;
|
|
872
1083
|
}
|
|
873
1084
|
|
|
874
1085
|
.qhint-answer {
|
|
875
|
-
|
|
1086
|
+
display: none;
|
|
876
1087
|
}
|
|
877
1088
|
|
|
878
1089
|
.qhint-feedback {
|
|
879
|
-
|
|
880
|
-
|
|
1090
|
+
font-weight: bold;
|
|
1091
|
+
color: #6495ed;
|
|
881
1092
|
}
|
|
882
1093
|
|
|
883
1094
|
.qhint-feedback.correct {
|
|
884
|
-
|
|
1095
|
+
color: #28ae7b;
|
|
885
1096
|
}
|
|
886
1097
|
|
|
887
1098
|
.qhint-feedback.incorrect {
|
|
888
|
-
|
|
1099
|
+
color: #ce4444;
|
|
889
1100
|
}
|
|
890
1101
|
|
|
891
1102
|
/*Worked example hints*/
|
|
892
1103
|
.example-hint {
|
|
893
|
-
|
|
1104
|
+
margin-bottom: 15px;
|
|
894
1105
|
}
|
|
895
1106
|
|
|
896
1107
|
/* Fancy matrix input - goes along with matrix-input.js */
|
|
@@ -902,7 +1113,7 @@ html.exercise-browser {
|
|
|
902
1113
|
}
|
|
903
1114
|
|
|
904
1115
|
.solutionarea .matrix-row {
|
|
905
|
-
float: left;
|
|
1116
|
+
float: left; /* contain inner floats */
|
|
906
1117
|
clear: both;
|
|
907
1118
|
}
|
|
908
1119
|
|
|
@@ -911,8 +1122,8 @@ html.exercise-browser {
|
|
|
911
1122
|
float: left;
|
|
912
1123
|
}
|
|
913
1124
|
|
|
914
|
-
.solutionarea .matrix-row .sol input[type=text],
|
|
915
|
-
.solutionarea .matrix-row .sol input[type=number] {
|
|
1125
|
+
.solutionarea .matrix-row .sol input[type="text"],
|
|
1126
|
+
.solutionarea .matrix-row .sol input[type="number"] {
|
|
916
1127
|
width: 45px;
|
|
917
1128
|
height: 30px;
|
|
918
1129
|
border: none;
|
|
@@ -1030,7 +1241,7 @@ span.hover-hint:hover {
|
|
|
1030
1241
|
#problemarea div.z-score-table > span:first-child {
|
|
1031
1242
|
font-weight: bold;
|
|
1032
1243
|
width: 22px;
|
|
1033
|
-
border-right: 2px solid #
|
|
1244
|
+
border-right: 2px solid #cccccc;
|
|
1034
1245
|
}
|
|
1035
1246
|
|
|
1036
1247
|
#problemarea div.focus-information {
|
|
@@ -1073,7 +1284,7 @@ span.hover-hint:hover {
|
|
|
1073
1284
|
#problemarea .reading > span:first-child {
|
|
1074
1285
|
font-weight: bold;
|
|
1075
1286
|
width: 22px;
|
|
1076
|
-
border-right: 2px solid #
|
|
1287
|
+
border-right: 2px solid #cccccc;
|
|
1077
1288
|
}
|
|
1078
1289
|
|
|
1079
1290
|
#problemarea .problem .graph-caption {
|
|
@@ -1170,8 +1381,8 @@ span.hover-hint:hover {
|
|
|
1170
1381
|
|
|
1171
1382
|
body.debug span.error {
|
|
1172
1383
|
font-weight: bold;
|
|
1173
|
-
color: #
|
|
1174
|
-
background: #
|
|
1384
|
+
color: #fff;
|
|
1385
|
+
background: #f00;
|
|
1175
1386
|
font-size: 1.4em;
|
|
1176
1387
|
padding: 0.2em;
|
|
1177
1388
|
text-decoration: line-through;
|
|
@@ -1214,7 +1425,8 @@ body.debug span.error {
|
|
|
1214
1425
|
* Also important because it can get a silly scrollbar and we
|
|
1215
1426
|
* want users to be able to scroll even if the scratchpad is
|
|
1216
1427
|
* open. We should probably make this wider eventually. */
|
|
1217
|
-
position: relative;
|
|
1428
|
+
position: relative;
|
|
1429
|
+
z-index: 2;
|
|
1218
1430
|
}
|
|
1219
1431
|
|
|
1220
1432
|
.solutionarea .expression > .output > .tex {
|
|
@@ -1276,7 +1488,7 @@ body.mobile ul.inequalities-one-line-radios > li {
|
|
|
1276
1488
|
|
|
1277
1489
|
#skip-question-button,
|
|
1278
1490
|
#opt-out-button {
|
|
1279
|
-
|
|
1491
|
+
margin-top: 15px;
|
|
1280
1492
|
}
|
|
1281
1493
|
|
|
1282
1494
|
.perseus-sr-only {
|
|
@@ -1484,7 +1696,8 @@ body.mobile ul.inequalities-one-line-radios > li {
|
|
|
1484
1696
|
color: #21242C;
|
|
1485
1697
|
font-size: 18px;
|
|
1486
1698
|
padding: 16px;
|
|
1487
|
-
white-space: pre
|
|
1699
|
+
white-space: pre;
|
|
1700
|
+
overflow: auto;
|
|
1488
1701
|
margin: 0 -16px 32px -16px;
|
|
1489
1702
|
}
|
|
1490
1703
|
.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-option-content .perseus-renderer > .paragraph {
|
|
@@ -1724,7 +1937,8 @@ body.mobile ul.inequalities-one-line-radios > li {
|
|
|
1724
1937
|
font-size: 18px;
|
|
1725
1938
|
line-height: 1.6;
|
|
1726
1939
|
padding: 16px;
|
|
1727
|
-
white-space: pre
|
|
1940
|
+
white-space: pre;
|
|
1941
|
+
overflow: auto;
|
|
1728
1942
|
}
|
|
1729
1943
|
.bibliotron-article.framework-perseus.perseus-article.perseus-mobile blockquote,
|
|
1730
1944
|
.framework-perseus:not(.perseus-article).perseus-mobile blockquote {
|
|
@@ -1887,7 +2101,8 @@ body.mobile ul.inequalities-one-line-radios > li {
|
|
|
1887
2101
|
font-size: 18px;
|
|
1888
2102
|
line-height: 1.6;
|
|
1889
2103
|
padding: 16px;
|
|
1890
|
-
white-space: pre
|
|
2104
|
+
white-space: pre;
|
|
2105
|
+
overflow: auto;
|
|
1891
2106
|
}
|
|
1892
2107
|
.bibliotron-article.framework-perseus.perseus-article.perseus-mobile blockquote,
|
|
1893
2108
|
.framework-perseus:not(.perseus-article).perseus-mobile blockquote {
|
|
@@ -2050,7 +2265,8 @@ body.mobile ul.inequalities-one-line-radios > li {
|
|
|
2050
2265
|
font-size: 18px;
|
|
2051
2266
|
line-height: 1.6;
|
|
2052
2267
|
padding: 16px;
|
|
2053
|
-
white-space: pre
|
|
2268
|
+
white-space: pre;
|
|
2269
|
+
overflow: auto;
|
|
2054
2270
|
}
|
|
2055
2271
|
.bibliotron-article.framework-perseus.perseus-article.perseus-mobile blockquote,
|
|
2056
2272
|
.framework-perseus:not(.perseus-article).perseus-mobile blockquote {
|