mod/workshop/styles.css

   1 .path-mod-workshop .collapsibleregion {
   2     margin-bottom: 0.75em;
   3 }
   4
   5 .path-mod-workshop .collapsibleregioncaption {
   6     font-weight: bold;
   7     font-size: 120%;
   8 }
   9
  10 .path-mod-workshop div.singlebutton {
  11     text-align: center;
  12     margin: 0.75em auto;
  13 }
  14
  15 .path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton,
  16 .path-mod-workshop #workshop-viewlet-allexamples div.singlebutton,
  17 .path-mod-workshop #workshop-viewlet-examples div.singlebutton {
  18     text-align: left;
  19 }
  20
  21 .path-mod-workshop .groupwidget {
  22     text-align: center;
  23     margin: 0.75em auto;
  24 }
  25
  26 .path-mod-workshop .perpagewidget {
  27     text-align: center;
  28     margin: 0.75em auto;
  29 }
  30
  31 /**
  32  * Submission - one line summary display
  33  */
  34 .path-mod-workshop .submission-summary {
  35     position: relative;
  36     margin-bottom: 10px;
  37 }
  38
  39 .path-mod-workshop .submission-summary .title,
  40 .path-mod-workshop .submission-summary .author,
  41 .path-mod-workshop .submission-summary .author .fullname,
  42 .path-mod-workshop .submission-summary .author .picture {
  43     display: inline;
  44 }
  45
  46 .path-mod-workshop .submission-summary .title,
  47 .path-mod-workshop .submission-summary .userdate,
  48 .path-mod-workshop .submission-summary .grade-status {
  49     margin: 0 0 0 40px;
  50 }
  51
  52 .path-mod-workshop .submission-summary .author {
  53     margin-left: 1ex;
  54 }
  55
  56 .path-mod-workshop .submission-summary.anonymous .title,
  57 .path-mod-workshop .submission-summary.anonymous .author,
  58 .path-mod-workshop .submission-summary.anonymous .userdate,
  59 .path-mod-workshop .submission-summary.anonymous .grade-status {
  60     margin: 0 0 0 5px;
  61 }
  62
  63 .path-mod-workshop .submission-summary .userdate {
  64     font-size: x-small;
  65     color: #333;
  66 }
  67
  68 .path-mod-workshop .submission-summary .userdate span {
  69     font-style: italic;
  70 }
  71
  72 .path-mod-workshop .submission-summary .author .picture {
  73     position: absolute;
  74     top: 0;
  75     left: 0;
  76 }
  77
  78 /**
  79  * Submission - full display
  80  */
  81 .path-mod-workshop .submission-full {
  82     border: 1px solid #ddd;
  83     margin: 0 0 1em 0;
  84 }
  85
  86 .path-mod-workshop .submission-full .header {
  87     position: relative;
  88     background-color: #ddd;
  89     padding: 3px;
  90     min-height: 67px;
  91 }
  92
  93 .path-mod-workshop .submission-full .header .title,
  94 .path-mod-workshop .submission-full .header .author,
  95 .path-mod-workshop .submission-full .header .userdate {
  96     margin: 0 0 0 80px;
  97 }
  98
  99 .path-mod-workshop .submission-full.anonymous .header .title,
 100 .path-mod-workshop .submission-full.anonymous .header .author,
 101 .path-mod-workshop .submission-full.anonymous .header .userdate {
 102     margin: 0 0 0 5px;
 103 }
 104
 105 .path-mod-workshop .submission-full .header .userdate.created {
 106     padding-right: 10px;
 107 }
 108
 109 .path-mod-workshop .submission-full .header .userdate.modified {
 110     padding-left: 10px;
 111     margin-left: 0;
 112     border-left: 1px solid #000;
 113 }
 114
 115 .path-mod-workshop .submission-full .header .userdate {
 116     font-size: x-small;
 117     color: #333;
 118     display: inline;
 119 }
 120
 121 .path-mod-workshop .submission-full .header .userdate span {
 122     font-style: italic;
 123 }
 124
 125 .path-mod-workshop .submission-full .header .author .picture {
 126     position: absolute;
 127     top: 3px;
 128     left: 3px;
 129 }
 130
 131 .path-mod-workshop .submission-full .content,
 132 .path-mod-workshop .submission-full .attachments {
 133     padding: 5px 10px;
 134 }
 135
 136 .path-mod-workshop .submission-full .attachments .files img.icon {
 137     margin-right: 5px;
 138 }
 139
 140 .path-mod-workshop .submission-full .attachments .images div {
 141     display: inline-block;
 142     margin: 5px;
 143     padding: 5px;
 144     border: 1px solid #ddd;
 145 }
 146
 147 /**
 148  * Example submission - summary display
 149  */
 150 .path-mod-workshop .submission-summary.example .title,
 151 .path-mod-workshop .submission-summary.example .userdate {
 152     margin: 0 0 0 0;
 153 }
 154
 155 /**
 156  * Example submission - full display
 157  */
 158 .path-mod-workshop .submission-full.example .header {
 159     min-height: 0;
 160 }
 161
 162 .path-mod-workshop .submission-full.example .header .title {
 163     margin: 0 0 0 0;
 164 }
 165
 166 /**
 167  * Elements generated by the workshop renderer
 168  */
 169 .path-mod-workshop .message {
 170     padding: 5px 5em 5px 15px;
 171     margin: 0 auto 20px auto;
 172     width: 100%;
 173     font-size: 80%;
 174     position: relative;
 175 }
 176
 177 .path-mod-workshop .message .singlebutton {
 178     text-align: left;
 179     margin: 0;
 180 }
 181
 182 .path-mod-workshop .message.ok {
 183     color: #547c22;
 184     background-color: #e7f1c3;
 185 }
 186
 187 .path-mod-workshop .message.error {
 188     color: #dd0221;
 189     background-color: #ffd3d9;
 190 }
 191
 192 .path-mod-workshop .message.info {
 193     color: #1666a9;
 194     background-color: #d2ebff;
 195 }
 196
 197 /**
 198  * Allocators
 199  */
 200
 201 .path-mod-workshop .allocation-init-results {
 202     margin: 10px auto;
 203     width: 100%;
 204     font-size: 80%;
 205 }
 206
 207 .path-mod-workshop .allocation-init-results .indent {
 208     margin-left: 20px;
 209 }
 210
 211 .path-mod-workshop .allocation-init-results .ok {
 212     color: #547c22;
 213     background-color: #e7f1c3;
 214 }
 215
 216 .path-mod-workshop .allocation-init-results .error {
 217     color: #dd0221;
 218     background-color: #ffd3d9;
 219 }
 220
 221 .path-mod-workshop .allocation-init-results .info {
 222     color: #1666a9;
 223     background-color: #d2ebff;
 224 }
 225
 226 .path-mod-workshop .allocation-init-results .debug {
 227     color: black;
 228     background-color: #ddd;
 229 }
 230
 231 /**
 232  * User plan
 233  */
 234 .path-mod-workshop .userplan {
 235     width: 100%;
 236     margin: 1em auto 1em auto;
 237     font-size: 80%;
 238     border: 1px solid #ddd;
 239     position: relative;
 240     overflow: hidden;
 241 }
 242
 243 .path-mod-workshop .userplan dt {
 244     vertical-align: bottom;
 245     white-space: normal;
 246     color: #999;
 247     border-bottom: 1px solid #ddd;
 248     padding: 3px;
 249 }
 250
 251 .path-mod-workshop .userplan dt.active {
 252     vertical-align: top;
 253     color: black;
 254     border: 1px solid #ddd;
 255     border-bottom: 0;
 256     border-top: 0;
 257     background: #e7f1c3;
 258 }
 259
 260 .path-mod-workshop .userplan dt.active .phasetitle {
 261     font-size: 140%;
 262 }
 263
 264 .path-mod-workshop .userplan dl {
 265     width: 20%;
 266     float: left;
 267     margin: 0;
 268 }
 269
 270 @media only screen and (max-width: 768px) {
 271     .path-mod-workshop .userplan {
 272         border-right: none;
 273         border-top: none;
 274     }
 275
 276     .path-mod-workshop .userplan dl {
 277         width: 102%;
 278         border-right: none;
 279     }
 280
 281     .path-mod-workshop .userplan dt {
 282         float: left;
 283         width: 30%;
 284         border-bottom: none;
 285         border-top: 1px solid #ddd;
 286     }
 287     .path-mod-workshop .userplan dt.active {
 288         border: none;
 289     }
 290
 291     .path-mod-workshop .userplan dd {
 292         float: left;
 293         width: 65%;
 294         border-left: 1px solid #ddd;
 295         border-top: 1px solid #ddd;
 296     }
 297 }
 298
 299 @media only screen and (max-width: 420px) {
 300     .path-mod-workshop .userplan {
 301         border-bottom: none;
 302     }
 303
 304     .path-mod-workshop .userplan dt {
 305         float: left;
 306         width: 70%;
 307         border-bottom: none;
 308         border-right: 1px solid #ddd;
 309         border-left: 1px solid #ddd;
 310         margin: 0;
 311         padding: 5px;
 312     }
 313
 314     .path-mod-workshop .userplan dd {
 315         float: left;
 316         width: 70%;
 317         border-left: 1px solid #ddd;
 318         border-top: 1px solid #ddd;
 319         border-bottom: 1px solid #ddd;
 320     }
 321 }
 322
 323 .path-mod-workshop .userplan dd {
 324     vertical-align: top;
 325     border-right: 1px solid #ddd;
 326     background-color: #f5f5f5;
 327     margin: 0;
 328     min-height: 180px;
 329     padding: 5px;
 330 }
 331
 332 .path-mod-workshop .userplan dd,
 333 .path-mod-workshop .userplan dd a,
 334 .path-mod-workshop .userplan dd a:link,
 335 .path-mod-workshop .userplan dd a:hover,
 336 .path-mod-workshop .userplan dd a:visited,
 337 .path-mod-workshop .userplan dd a:active {
 338     color: #999;
 339 }
 340
 341 .path-mod-workshop .userplan dd.active,
 342 .path-mod-workshop .userplan dd.active a,
 343 .path-mod-workshop .userplan dd.active a:link,
 344 .path-mod-workshop .userplan dd.active a:hover,
 345 .path-mod-workshop .userplan dd.active a:visited,
 346 .path-mod-workshop .userplan dd.active a:active {
 347     color: black;
 348 }
 349
 350 .path-mod-workshop .userplan dd.lastcol {
 351     border-right: 0;
 352 }
 353
 354 .path-mod-workshop .userplan dd.active {
 355     border-left: 1px solid #ddd;
 356     border-right: 1px solid #ddd;
 357     background-color: #e7f1c3;
 358 }
 359
 360 .path-mod-workshop .userplan dt .actions {
 361     font-size: smaller;
 362 }
 363
 364 .path-mod-workshop .userplan dd.phasetasks li {
 365     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
 366     background-position: top left;
 367     background-repeat: no-repeat;
 368     list-style-type: none;
 369     min-height: 16px;
 370     margin: .3em 0;
 371 }
 372
 373 .dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
 374     background-position: top right;
 375 }
 376
 377 .path-mod-workshop .userplan dd.phasetasks li.completed {
 378     background-image: url([[pix:mod_workshop|userplan/task-done]]);
 379 }
 380
 381 .path-mod-workshop .userplan dd.phasetasks li.fail {
 382     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
 383 }
 384
 385 .path-mod-workshop .userplan dd.phasetasks li.info {
 386     background-image: url([[pix:mod_workshop|userplan/task-info]]);
 387 }
 388
 389 .path-mod-workshop .userplan dd.phasetasks .tasks {
 390     list-style: none;
 391     margin: 0;
 392     padding: 0;
 393 }
 394
 395 .path-mod-workshop .userplan dd.phasetasks .title {
 396     padding: 0 10px 0 20px;
 397 }
 398
 399 .dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
 400     padding: 0 20px 0 10px;
 401 }
 402
 403 .path-mod-workshop .userplan dd.phasetasks .details {
 404     padding: 0 10px 0 25px;
 405     font-size: 80%;
 406 }
 407
 408 .dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
 409     padding: 0 25px 0 10px;
 410 }
 411
 412 /**
 413  * Assessment - full display
 414  */
 415 .path-mod-workshop .assessment-full {
 416     border: 1px solid #ddd;
 417     margin: 0 auto 1em auto;
 418 }
 419
 420 .path-mod-workshop .assessment-full .header {
 421     position: relative;
 422     background-color: #ddd;
 423     padding: 3px;
 424     min-height: 35px;
 425 }
 426
 427 .path-mod-workshop .assessment-full .header .title {
 428     font-weight: bold;
 429 }
 430
 431 .path-mod-workshop .assessment-full .header .title,
 432 .path-mod-workshop .assessment-full .header .reviewer,
 433 .path-mod-workshop .assessment-full .header .grade,
 434 .path-mod-workshop .assessment-full .header .weight {
 435     margin: 0 0 0 40px;
 436 }
 437
 438 .path-mod-workshop .assessment-full.anonymous .header .title,
 439 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
 440 .path-mod-workshop .assessment-full.anonymous .header .grade,
 441 .path-mod-workshop .assessment-full.anonymous .header .weight {
 442     margin: 0 0 0 5px;
 443 }
 444
 445 .path-mod-workshop .assessment-full .header .reviewer .picture {
 446     position: absolute;
 447     top: 3px;
 448     left: 3px;
 449 }
 450 .dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
 451     right: 3px;
 452     left: auto;
 453 }
 454
 455 .path-mod-workshop .assessment-full .header .actions {
 456     position: absolute;
 457     top: 5px;
 458     right: 5px;
 459     text-align: right;
 460 }
 461
 462 .path-mod-workshop .assessment-full .header .actions .singlebutton,
 463 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
 464 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
 465     display: inline;
 466 }
 467
 468 .path-mod-workshop .assessment-full .assessment-form-wrapper,
 469 .path-mod-workshop .assessment-full .overall-feedback-wrapper {
 470     margin-top: 0.5em;
 471     padding: 0 1em;
 472 }
 473
 474 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
 475 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
 476     background-color: #e7f1c3;
 477 }
 478
 479 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
 480 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
 481     background-color: #ffd3d9;
 482 }
 483
 484 /**
 485  * Overall feedback
 486  */
 487 .path-mod-workshop .assessment-full .overallfeedback .content,
 488 .path-mod-workshop .assessment-full .overallfeedback .attachments {
 489     padding: 5px 10px;
 490 }
 491
 492 .path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
 493     margin-right: 5px;
 494 }
 495
 496 .path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
 497     display: inline-block;
 498     margin: 5px;
 499     padding: 5px;
 500     border: 1px solid #ddd;
 501 }
 502
 503 /**
 504  * Assessment form
 505  */
 506 .path-mod-workshop .assessmentform .description {
 507     margin: 0 1em;
 508 }
 509
 510 /**
 511  * Grading report
 512  */
 513 .path-mod-workshop .grading-report {
 514     width: 100%;
 515     margin: 1em auto 1em auto;
 516     font-size: 80%;
 517     border: 1px solid #ddd;
 518 }
 519
 520 .path-mod-workshop .grading-report .userpicture {
 521     margin: 0 3px;
 522     vertical-align: middle;
 523 }
 524
 525 .path-mod-workshop .grading-report del {
 526     color: red;
 527     font-size: 90%;
 528     text-decoration: line-through;
 529 }
 530
 531 .path-mod-workshop .grading-report ins {
 532     color: green;
 533     font-weight: bold;
 534     text-decoration: underline;
 535 }
 536
 537 .path-mod-workshop .grading-report th {
 538     white-space: normal;
 539 }
 540
 541 .path-mod-workshop .grading-report td {
 542     vertical-align: top;
 543     border: 1px solid #ddd;
 544 }
 545
 546 .path-mod-workshop .grading-report tr.published td.submission {
 547     background-color: #d2ebff;
 548 }
 549
 550 .path-mod-workshop .grading-report tr.published td.submission a {
 551     font-weight: bold;
 552 }
 553
 554 .path-mod-workshop .grading-report .assessmentdetails {
 555     white-space: nowrap;
 556 }
 557
 558 .path-mod-workshop .grading-report .receivedgrade span.grade,
 559 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
 560     font-weight: bold;
 561 }
 562
 563 .path-mod-workshop .grading-report .submissiongrade.cell,
 564 .path-mod-workshop .grading-report .gradinggrade.cell {
 565     text-align: center;
 566     font-size: 200%;
 567     white-space: nowrap;
 568 }
 569
 570 .path-mod-workshop .grading-report .givengrade.null .user,
 571 .path-mod-workshop .grading-report .receivedgrade.null .user {
 572     color: #e00;
 573 }
 574
 575 /**
 576  * Final grades
 577  */
 578 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
 579     text-align: center;
 580 }
 581
 582 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
 583     border: 1px solid #ddd;
 584     margin: 1em;
 585     padding: 2em;
 586     display: inline-block;
 587     -webkit-border-radius: 15px;
 588     -moz-border-radius: 15px;
 589     border-radius: 15px;
 590 }
 591
 592 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
 593     background-color: #d2ebff;
 594 }
 595
 596 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
 597     background-color: #eee;
 598     /*background-color: #e7f1c3;*/
 599 }
 600
 601 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
 602     font-weight: bold;
 603     font-size: x-large;
 604     margin: 10px;
 605 }
 606
 607 /**
 608  * Edit assessment form
 609  */
 610 #mod-workshop-editform fieldset.fgroup * {
 611     vertical-align: top;
 612 }
 613
 614 /**
 615  * Feedback
 616  */
 617 .path-mod-workshop .feedback {
 618     border: 1px solid #ddd;
 619     margin: 0 auto 1em auto;
 620     width: 100%;
 621 }
 622
 623 .path-mod-workshop .feedback .header {
 624     position: relative;
 625     background-color: #ddd;
 626     padding: 3px;
 627     min-height: 35px;
 628 }
 629
 630 .path-mod-workshop .feedback .header .title {
 631     margin: 0 0 0 40px;
 632 }
 633
 634 .path-mod-workshop .feedback .header .picture {
 635     position: absolute;
 636     top: 3px;
 637     left: 3px;
 638 }
 639
 640 .path-mod-workshop .feedback .content {
 641     padding: 5px 10px;
 642 }
 643
 644 /**
 645  * Misc
 646  */
 647 .path-mod-workshop div.buttonsbar {
 648     text-align: center;
 649 }
 650
 651 .path-mod-workshop div.buttonsbar .singlebutton {
 652     display: inline;
 653 }
 654
 655 .path-mod-workshop .toolboxaction {
 656     margin-right: 1em;
 657 }
 658
 659 .path-mod-workshop .toolboxaction,
 660 .path-mod-workshop .toolboxaction .singlebutton,
 661 .path-mod-workshop .toolboxaction .singlebutton form,
 662 .path-mod-workshop .toolboxaction .singlebutton form div {
 663     display: inline;
 664 }
 665
 666 .path-mod-workshop div.buttonwithhelp div {
 667     display: inline;
 668 }
 669
 670 .path-mod-workshop #evaluationmethodchooser {
 671     margin: 2em auto;
 672     text-align: center;
 673 }
 674
 675 .path-mod-workshop .lastmodified {
 676     line-height: 1.0em;
 677 }
 678
 679 .path-mod-workshop .nothingfound {
 680     font-size: 150%;
 681     color: #ff4500;
 682 }
 683
 684 .path-mod-workshop .workshop-risk-dataloss {
 685     vertical-align: text-bottom;
 686 }