mod/hotpot/template/v6/hp6.cs_

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