| blob | 262b64c7258d66bb659951f0c11932a579253558 |
1 \r
2 /* This is the CSS stylesheet used in the exercise. */\r
3 /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */\r
4 \r
5 /* BeginCorePageCSS */\r
6 \r
7 /* Made with executable version [strFullVersionInfo] */\r
8 \r
9 body{\r
10 font-family: [strFontFace];\r
11 [inclPageBGColor] background-color: [strPageBGColor];[/inclPageBGColor]\r
12 color: [strTextColor];\r
13 [inclGraphicURL] background-image: url([strGraphicURL]);[/inclGraphicURL] \r
14 margin-right: 5%;\r
15 margin-left: 5%;\r
16 font-size: [strFontSize];\r
17 }\r
18 \r
19 p{\r
20 text-align: left;\r
21 margin: 0px;\r
22 font-size: 100%;\r
23 }\r
24 \r
25 table,div,span,td{\r
26 font-size: 100%;\r
27 color: [strTextColor];\r
28 }\r
29 \r
30 div.Titles{\r
31 padding: 0.5em;;\r
32 text-align: center;\r
33 color: [strTitleColor];\r
34 }\r
35 \r
36 button{\r
37 font-family: [strFontFace];\r
38 font-size: 100%;\r
39 display: inline;\r
40 }\r
41 \r
42 .ExerciseTitle{\r
43 font-size: 140%;\r
44 color: [strTitleColor];\r
45 }\r
46 \r
47 .ExerciseSubtitle{\r
48 font-size: 120%;\r
49 color: [strTitleColor];\r
50 }\r
51 \r
52 div.StdDiv{\r
53 [inclExBGColor] background-color: [strExBGColor];[/inclExBGColor]\r
54 text-align: center;\r
55 font-size: 100%;\r
56 color: [strTextColor];\r
57 padding: 0.5em;\r
58 border-style: solid;\r
59 border-width: 1px 1px 1px 1px;\r
60 border-color: [strTextColor];\r
61 margin-bottom: 1px;\r
62 }\r
63 \r
64 /* EndCorePageCSS */\r
65 \r
66 .RTLText{\r
67 text-align: right;\r
68 font-size: 150%;\r
69 direction: rtl;\r
70 font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", [strFontFace]; \r
71 }\r
72 \r
73 .CentredRTLText{\r
74 text-align: center;\r
75 font-size: 150%;\r
76 direction: rtl;\r
77 font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", [strFontFace]; \r
78 }\r
79 \r
80 button p.RTLText{\r
81 text-align: center;\r
82 }\r
83 \r
84 .RTLGapBox{\r
85 text-align: right;\r
86 font-size: 150%;\r
87 direction: rtl;\r
88 font-family: "Times New Roman", [strFontFace];\r
89 }\r
90 \r
91 .Guess{\r
92 font-weight: bold;\r
93 }\r
94 \r
95 .CorrectAnswer{\r
96 font-weight: bold;\r
97 }\r
98 \r
99 div#Timer{\r
100 padding: 0.25em;\r
101 margin-left: auto;\r
102 margin-right: auto;\r
103 text-align: center;\r
104 color: [strTitleColor];\r
105 }\r
106 \r
107 span#TimerText{\r
108 padding: 0.25em;\r
109 border-width: 1px;\r
110 border-style: solid;\r
111 font-weight: bold;\r
112 display: none;\r
113 color: [strTitleColor];\r
114 }\r
115 \r
116 span.Instructions{\r
117 \r
118 }\r
119 \r
120 div.ExerciseText{\r
121 \r
122 }\r
123 \r
124 .FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{\r
125 color: [strTitleColor];\r
126 }\r
127 \r
128 .LeftItem{\r
129 font-size: 100%;\r
130 color: [strTextColor];\r
131 text-align: left;\r
132 }\r
133 \r
134 .RightItem{\r
135 font-weight: bold;\r
136 font-size: 100%;\r
137 color: [strTextColor];\r
138 }\r
139 \r
140 span.CorrectMark{\r
141 \r
142 }\r
143 \r
144 input, textarea{\r
145 font-family: [strFontFace];\r
146 font-size: 120%;\r
147 }\r
148 \r
149 select{\r
150 font-size: 100%;\r
151 }\r
152 \r
153 div.Feedback {\r
154 [inclPageBGColor] background-color: [strPageBGColor];[/inclPageBGColor]\r
155 left: 33%;\r
156 width: 34%;\r
157 top: 33%;\r
158 z-index: 1;\r
159 border-style: solid;\r
160 border-width: 1px;\r
161 padding: 5px;\r
162 text-align: center;\r
163 color: [strTitleColor];\r
164 position: absolute;\r
165 display: none;\r
166 font-size: 100%;\r
167 }\r
168 \r
169 \r
170 [inclReading]\r
171 div.LeftContainer{\r
172 border-style: none;\r
173 padding: 2px 0px 2px 0px;\r
174 float: left;\r
175 width: 49.8%;\r
176 margin-bottom: 0px;\r
177 }\r
178 \r
179 div.RightContainer{\r
180 border-style: none;\r
181 padding: 2px 0px 2px 0px;\r
182 float: right;\r
183 width: 49.8%;\r
184 margin-bottom: 0px;\r
185 }\r
186 \r
187 .ReadingText{\r
188 text-align: left;\r
189 }\r
190 \r
191 #ReadingDiv h3.ExerciseSubtitle{\r
192 color: [strTextColor];\r
193 }\r
194 \r
195 [/inclReading]\r
196 \r
197 div.ExerciseDiv{\r
198 color: [strTextColor];\r
199 }\r
200 \r
201 /* JMatch flashcard styles */\r
202 table.FlashcardTable{\r
203 background-color: transparent;\r
204 color: [strTextColor];\r
205 border-color: [strTextColor];\r
206 margin-left: 5%;\r
207 margin-right: 5%;\r
208 margin-top: 2em;\r
209 margin-bottom: 2em;\r
210 width: 90%;\r
211 position: relative;\r
212 text-align: center;\r
213 padding: 0px;\r
214 }\r
215 \r
216 table.FlashcardTable tr{\r
217 border-style: none;\r
218 margin: 0px;\r
219 padding: 0px;\r
220 [inclExBGColor] background-color: [strExBGColor];[/inclExBGColor]\r
221 }\r
222 \r
223 table.FlashcardTable td.Showing{\r
224 font-size: 140%;\r
225 text-align: center;\r
226 width: 50%;\r
227 display: table-cell;\r
228 padding: 2em;\r
229 margin: 0px;\r
230 border-style: solid;\r
231 border-width: 1px;\r
232 color: [strTextColor];\r
233 [inclExBGColor] background-color: [strExBGColor];[/inclExBGColor]\r
234 }\r
235 \r
236 table.FlashcardTable td.Hidden{\r
237 display: none;\r
238 }\r
239 \r
240 /* JMix styles */\r
241 div#SegmentDiv{\r
242 margin-top: 2em;\r
243 margin-bottom: 2em;\r
244 text-align: center;\r
245 }\r
246 \r
247 a.ExSegment{\r
248 font-size: 120%;\r
249 font-weight: bold;\r
250 text-decoration: none;\r
251 color: [strTextColor];\r
252 }\r
253 \r
254 span.RemainingWordList{\r
255 font-style: italic;\r
256 }\r
257 \r
258 div.DropLine {\r
259 position: absolute;\r
260 text-align: center;\r
261 border-bottom-style: solid;\r
262 border-bottom-width: 1px;\r
263 border-bottom-color: [strTitleColor];\r
264 width: 80%;\r
265 }\r
266 \r
267 /* JCloze styles */\r
268 \r
269 .ClozeWordList{\r
270 text-align: center;\r
271 font-weight: bold;\r
272 }\r
273 \r
274 div.ClozeBody{\r
275 text-align: left;\r
276 margin-top: 2em;\r
277 margin-bottom: 2em;\r
278 line-height: 2.0\r
279 }\r
280 \r
281 span.GapSpan{\r
282 font-weight: bold;\r
283 }\r
284 \r
285 /* JCross styles */\r
286 \r
287 table.CrosswordGrid{\r
288 margin: auto auto 1em auto;\r
289 border-collapse: collapse;\r
290 padding: 0px;\r
291 background-color: #000000;\r
292 }\r
293 \r
294 table.CrosswordGrid tbody tr td{\r
295 width: 1.5em;\r
296 height: 1.5em;\r
297 text-align: center;\r
298 vertical-align: middle;\r
299 font-size: 140%;\r
300 padding: 1px;\r
301 margin: 0px;\r
302 border-style: solid;\r
303 border-width: 1px;\r
304 border-color: #000000;\r
305 color: #000000;\r
306 }\r
307 \r
308 table.CrosswordGrid span{\r
309 color: #000000;\r
310 }\r
311 \r
312 table.CrosswordGrid td.BlankCell{\r
313 background-color: #000000;\r
314 color: #000000;\r
315 }\r
316 \r
317 table.CrosswordGrid td.LetterOnlyCell{\r
318 text-align: center;\r
319 vertical-align: middle;\r
320 background-color: #ffffff;\r
321 color: #000000;\r
322 font-weight: bold;\r
323 }\r
324 \r
325 table.CrosswordGrid td.NumLetterCell{\r
326 text-align: left;\r
327 vertical-align: top;\r
328 background-color: #ffffff;\r
329 color: #000000;\r
330 padding: 1px;\r
331 font-weight: bold;\r
332 }\r
333 \r
334 .NumLetterCellText{\r
335 cursor: pointer;\r
336 color: #000000;\r
337 }\r
338 \r
339 .GridNum{\r
340 vertical-align: super;\r
341 font-size: 66%;\r
342 font-weight: bold;\r
343 text-decoration: none;\r
344 color: #000000;\r
345 }\r
346 \r
347 .GridNum:hover, .GridNum:visited{\r
348 color: #000000;\r
349 }\r
350 \r
351 table#Clues{\r
352 margin: auto;\r
353 vertical-align: top;\r
354 }\r
355 \r
356 table#Clues td{\r
357 vertical-align: top;\r
358 }\r
359 \r
360 table.ClueList{\r
361 margin: auto;\r
362 }\r
363 \r
364 td.ClueNum{\r
365 text-align: right;\r
366 font-weight: bold;\r
367 vertical-align: top;\r
368 }\r
369 \r
370 td.Clue{\r
371 text-align: left;\r
372 }\r
373 \r
374 div#ClueEntry{\r
375 text-align: left;\r
376 margin-bottom: 1em;\r
377 }\r
378 \r
379 /* Keypad styles */\r
380 \r
381 div.Keypad{\r
382 text-align: center;\r
383 display: none; /* initially hidden, shown if needed */\r
384 }\r
385 \r
386 div.Keypad button{\r
387 font-family: [strFontFace];\r
388 font-size: 120%;\r
389 background-color: #ffffff;\r
390 color: #000000;\r
391 width: 2em;\r
392 }\r
393 \r
394 /* JQuiz styles */\r
395 \r
396 div.QuestionNavigation{\r
397 text-align: center;\r
398 }\r
399 \r
400 .QNum{\r
401 margin: 0em 1em 0.5em 1em;\r
402 font-weight: bold;\r
403 vertical-align: middle;\r
404 }\r
405 \r
406 textarea{\r
407 font-family: [strFontFace];\r
408 }\r
409 \r
410 .QuestionText{\r
411 \r
412 }\r
413 \r
414 .Answer{\r
415 font-size: 120%;\r
416 letter-spacing: 0.1em;\r
417 }\r
418 \r
419 .PartialAnswer{\r
420 font-size: 120%;\r
421 letter-spacing: 0.1em;\r
422 color: [strTitleColor];\r
423 }\r
424 \r
425 .Highlight{\r
426 color: #000000;\r
427 background-color: #ffff00;\r
428 font-weight: bold;\r
429 font-size: 120%;\r
430 }\r
431 \r
432 ol.QuizQuestions{\r
433 text-align: left;\r
434 list-style-type: none;\r
435 }\r
436 \r
437 li.QuizQuestion{\r
438 padding: 1em;\r
439 border-style: solid;\r
440 border-width: 0px 0px 1px 0px;\r
441 }\r
442 \r
443 ol.MCAnswers{\r
444 text-align: left;\r
445 list-style-type: upper-alpha;\r
446 padding: 1em;\r
447 }\r
448 \r
449 ol.MCAnswers li{\r
450 margin-bottom: 1em;\r
451 }\r
452 \r
453 ol.MSelAnswers{\r
454 text-align: left;\r
455 list-style-type: lower-alpha;\r
456 padding: 1em;\r
457 }\r
458 \r
459 div.ShortAnswer{\r
460 padding: 1em;\r
461 }\r
462 \r
463 .FuncButton {\r
464 text-align: center;\r
465 border-style: solid;\r
466 [inclExBGColor]\r
467 border-left-color: [strFuncLightColor];\r
468 border-top-color: [strFuncLightColor];\r
469 border-right-color: [strFuncShadeColor];\r
470 border-bottom-color: [strFuncShadeColor];\r
471 color: [strTextColor];\r
472 background-color: [strExBGColor];\r
473 [/inclExBGColor]\r
474 border-width: 2px;\r
475 padding: 3px 6px 3px 6px;\r
476 cursor: pointer;\r
477 }\r
478 \r
479 .FuncButtonUp {\r
480 color: [strExBGColor];\r
481 text-align: center;\r
482 border-style: solid;\r
483 [inclExBGColor]\r
484 border-left-color: [strFuncLightColor];\r
485 border-top-color: [strFuncLightColor];\r
486 border-right-color: [strFuncShadeColor];\r
487 border-bottom-color: [strFuncShadeColor];\r
488 [/inclExBGColor]\r
489 background-color: [strTextColor];\r
490 color: [strExBGColor];\r
491 border-width: 2px;\r
492 padding: 3px 6px 3px 6px;\r
493 cursor: pointer;\r
494 }\r
495 \r
496 .FuncButtonDown {\r
497 color: [strExBGColor];\r
498 text-align: center;\r
499 border-style: solid;\r
500 [inclExBGColor]\r
501 border-left-color: [strFuncShadeColor];\r
502 border-top-color: [strFuncShadeColor];\r
503 border-right-color: [strFuncLightColor];\r
504 border-bottom-color: [strFuncLightColor];\r
505 background-color: [strTextColor];\r
506 color: [strExBGColor];\r
507 [/inclExBGColor]\r
508 border-width: 2px;\r
509 padding: 3px 6px 3px 6px;\r
510 cursor: pointer;\r
511 }\r
512 \r
513 /*BeginNavBarStyle*/\r
514 \r
515 div.NavButtonBar{\r
516 [inclNavBarColor] background-color: [strNavBarColor];[/inclNavBarColor]\r
517 text-align: center;\r
518 margin: 2px 0px 2px 0px;\r
519 clear: both;\r
520 font-size: 100%;\r
521 }\r
522 \r
523 .NavButton {\r
524 border-style: solid;\r
525 [inclNavBarColor] \r
526 border-left-color: [strNavLightColor];\r
527 border-top-color: [strNavLightColor];\r
528 border-right-color: [strNavShadeColor];\r
529 border-bottom-color: [strNavShadeColor];\r
530 background-color: [strNavBarColor];\r
531 color: [strNavTextColor];\r
532 [/inclNavBarColor]\r
533 border-width: 2px;\r
534 cursor: pointer; \r
535 }\r
536 \r
537 .NavButtonUp {\r
538 border-style: solid;\r
539 [inclNavBarColor]\r
540 border-left-color: [strNavLightColor];\r
541 border-top-color: [strNavLightColor];\r
542 border-right-color: [strNavShadeColor];\r
543 border-bottom-color: [strNavShadeColor];\r
544 color: [strNavBarColor];\r
545 background-color: [strNavTextColor];\r
546 [/inclNavBarColor]\r
547 border-width: 2px;\r
548 cursor: pointer; \r
549 }\r
550 \r
551 .NavButtonDown {\r
552 border-style: solid;\r
553 [inclNavBarColor]\r
554 border-left-color: [strNavShadeColor];\r
555 border-top-color: [strNavShadeColor];\r
556 border-right-color: [strNavLightColor];\r
557 border-bottom-color: [strNavLightColor];\r
558 color: [strNavBarColor];\r
559 background-color: [strNavTextColor];\r
560 [/inclNavBarColor]\r
561 border-width: 2px;\r
562 cursor: pointer; \r
563 }\r
564 \r
565 /*EndNavBarStyle*/\r
566 \r
567 a{\r
568 color: [strLinkColor];\r
569 }\r
570 \r
571 a:visited{\r
572 color: [strVLinkColor];\r
573 }\r
574 \r
575 a:hover{\r
576 color: [strLinkColor];\r
577 }\r
578 \r
579 div.CardStyle {\r
580 position: absolute;\r
581 font-family: [strFontFace];\r
582 font-size: 100%;\r
583 padding: 5px;\r
584 border-style: solid;\r
585 border-width: 1px;\r
586 color: [strTextColor];\r
587 [inclExBGColor] background-color: [strExBGColor];[/inclExBGColor]\r
588 left: -50px;\r
589 top: -50px;\r
590 overflow: visible;\r
591 }\r
592 \r
593 .rtl{\r
594 text-align: right;\r
595 font-size: 140%;\r
596 }\r