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: 0px 0px 0px 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: 0px 0px 0px 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: 0px;
  75     left: 0px;
  76 }
  77
  78 /**
  79  * Submission - full display
  80  */
  81 .path-mod-workshop .submission-full {
  82     border: 1px solid #ddd;
  83     margin: 0px 0px 1em 0px;
  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: 0px 0px 0px 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: 0px 0px 0px 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: 0px;
 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: 0px 0px 0px 0px;
 153 }
 154
 155 /**
 156  * Example submission - full display
 157  */
 158 .path-mod-workshop .submission-full.example .header {
 159     min-height: 0px;
 160 }
 161
 162 .path-mod-workshop .submission-full.example .header .title {
 163     margin: 0px 0px 0px 0px;
 164 }
 165
 166 /**
 167  * Elements generated by the workshop renderer
 168  */
 169 .path-mod-workshop .message {
 170     padding: 5px 5em 5px 15px;
 171     margin: 0px 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: 0px;
 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 }
 240
 241 .path-mod-workshop .userplan th {
 242     vertical-align: bottom;
 243     white-space: normal;
 244     color: #999;
 245     border-top: 1px solid #ddd;
 246     border-bottom: 1px solid #ddd;
 247     padding: 3px;
 248 }
 249
 250 .path-mod-workshop .userplan th.active {
 251     vertical-align: top;
 252     color: black;
 253     font-size: 140%;
 254     border: 1px solid #ddd;
 255     border-bottom: 0;
 256     background: #e7f1c3;
 257 }
 258
 259 .path-mod-workshop .userplan td {
 260     width: 20%;
 261     vertical-align: top;
 262     border-right: 1px solid #ddd;
 263     background-color: #f5f5f5;
 264 }
 265
 266 .path-mod-workshop .userplan td,
 267 .path-mod-workshop .userplan td a,
 268 .path-mod-workshop .userplan td a:link,
 269 .path-mod-workshop .userplan td a:hover,
 270 .path-mod-workshop .userplan td a:visited,
 271 .path-mod-workshop .userplan td a:active {
 272     color: #999;
 273 }
 274
 275 .path-mod-workshop .userplan td.active,
 276 .path-mod-workshop .userplan td.active a,
 277 .path-mod-workshop .userplan td.active a:link,
 278 .path-mod-workshop .userplan td.active a:hover,
 279 .path-mod-workshop .userplan td.active a:visited,
 280 .path-mod-workshop .userplan td.active a:active {
 281     color: black;
 282 }
 283
 284 .path-mod-workshop .userplan td.lastcol {
 285     border-right: 0;
 286 }
 287
 288 .path-mod-workshop .userplan td.active {
 289     border-left: 1px solid #ddd;
 290     border-right: 1px solid #ddd;
 291     background-color: #e7f1c3;
 292 }
 293
 294 .path-mod-workshop .userplan th .actions {
 295     display: inline;
 296 }
 297 .path-mod-workshop .userplan tr.phasetasks li {
 298     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
 299     background-position: top left;
 300     background-repeat: no-repeat;
 301     list-style-type: none;
 302     min-height: 16px;
 303     margin: .3em 0;
 304 }
 305
 306 .path-mod-workshop .userplan tr.phasetasks li.completed {
 307     background-image: url([[pix:mod_workshop|userplan/task-done]]);
 308 }
 309
 310 .path-mod-workshop .userplan tr.phasetasks li.fail {
 311     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
 312 }
 313
 314 .path-mod-workshop .userplan tr.phasetasks li.info {
 315     background-image: url([[pix:mod_workshop|userplan/task-info]]);
 316 }
 317
 318 .path-mod-workshop .userplan tr.phasetasks .tasks {
 319     list-style:none;
 320     margin: 3px;
 321     padding: 0px;
 322 }
 323
 324 .path-mod-workshop .userplan tr.phasetasks .title {
 325     padding: 0px 10px 0px 20px;
 326 }
 327
 328 .path-mod-workshop .userplan tr.phasetasks .details {
 329     padding: 0px 10px 0px 25px;
 330     font-size: 80%;
 331 }
 332
 333 /**
 334  * Assessment - full display
 335  */
 336 .path-mod-workshop .assessment-full {
 337     border: 1px solid #ddd;
 338     margin: 0px auto 1em auto;
 339 }
 340
 341 .path-mod-workshop .assessment-full .header {
 342     position: relative;
 343     background-color: #ddd;
 344     padding: 3px;
 345     min-height: 35px;
 346 }
 347
 348 .path-mod-workshop .assessment-full .header .title {
 349     font-weight: bold;
 350 }
 351
 352 .path-mod-workshop .assessment-full .header .title,
 353 .path-mod-workshop .assessment-full .header .reviewer,
 354 .path-mod-workshop .assessment-full .header .grade,
 355 .path-mod-workshop .assessment-full .header .weight {
 356     margin: 0px 0px 0px 40px;
 357 }
 358
 359 .path-mod-workshop .assessment-full.anonymous .header .title,
 360 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
 361 .path-mod-workshop .assessment-full.anonymous .header .grade,
 362 .path-mod-workshop .assessment-full.anonymous .header .weight {
 363     margin: 0px 0px 0px 5px;
 364 }
 365
 366 .path-mod-workshop .assessment-full .header .reviewer .picture {
 367     position: absolute;
 368     top: 3px;
 369     left: 3px;
 370 }
 371
 372 .path-mod-workshop .assessment-full .header .actions {
 373     position: absolute;
 374     top: 5px;
 375     right: 5px;
 376     text-align: right;
 377 }
 378
 379 .path-mod-workshop .assessment-full .header .actions .singlebutton,
 380 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
 381 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
 382     display: inline;
 383 }
 384
 385 .path-mod-workshop .assessment-full .assessment-form-wrapper,
 386 .path-mod-workshop .assessment-full .overall-feedback-wrapper {
 387     margin-top: 0.5em;
 388     padding: 0px 1em;
 389 }
 390
 391 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
 392 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
 393     background-color: #e7f1c3;
 394 }
 395
 396 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
 397 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
 398     background-color: #ffd3d9;
 399 }
 400
 401 /**
 402  * Overall feedback
 403  */
 404 .path-mod-workshop .assessment-full .overallfeedback .content,
 405 .path-mod-workshop .assessment-full .overallfeedback .attachments {
 406     padding: 5px 10px;
 407 }
 408
 409 .path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
 410     margin-right: 5px;
 411 }
 412
 413 .path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
 414     display: inline-block;
 415     margin: 5px;
 416     padding: 5px;
 417     border: 1px solid #ddd;
 418 }
 419
 420 /**
 421  * Assessment form
 422  */
 423 .path-mod-workshop .assessmentform .description {
 424     margin: 0px 1em;
 425 }
 426
 427 /**
 428  * Grading report
 429  */
 430 .path-mod-workshop .grading-report {
 431     width: 100%;
 432     margin: 1em auto 1em auto;
 433     font-size: 80%;
 434     border: 1px solid #ddd;
 435 }
 436
 437 .path-mod-workshop .grading-report .userpicture {
 438     margin: 0px 3px;
 439     vertical-align: middle;
 440 }
 441
 442 .path-mod-workshop .grading-report del {
 443     color: red;
 444     font-size: 90%;
 445     text-decoration: line-through;
 446 }
 447
 448 .path-mod-workshop .grading-report ins {
 449     color: green;
 450     font-weight: bold;
 451     text-decoration: underline;
 452 }
 453
 454 .path-mod-workshop .grading-report th {
 455     white-space: normal;
 456 }
 457
 458 .path-mod-workshop .grading-report td {
 459     vertical-align: top;
 460     border: 1px solid #ddd;
 461 }
 462
 463 .path-mod-workshop .grading-report tr.published td.submission {
 464     background-color: #d2ebff;
 465 }
 466
 467 .path-mod-workshop .grading-report tr.published td.submission a {
 468     font-weight: bold;
 469 }
 470
 471 .path-mod-workshop .grading-report .assessmentdetails {
 472     white-space: nowrap;
 473 }
 474
 475 .path-mod-workshop .grading-report .receivedgrade span.grade,
 476 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
 477     font-weight: bold;
 478 }
 479
 480 .path-mod-workshop .grading-report .submissiongrade.cell,
 481 .path-mod-workshop .grading-report .gradinggrade.cell {
 482     text-align: center;
 483     font-size: 200%;
 484     white-space: nowrap;
 485 }
 486
 487 .path-mod-workshop .grading-report .givengrade.null .user,
 488 .path-mod-workshop .grading-report .receivedgrade.null .user {
 489     color: #ee0000;
 490 }
 491
 492 /**
 493  * Final grades
 494  */
 495 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
 496     text-align: center;
 497 }
 498
 499 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
 500     border: 1px solid #ddd;
 501     margin: 1em;
 502     padding: 2em;
 503     display: inline-block;
 504     -webkit-border-radius: 15px;
 505     -moz-border-radius: 15px;
 506     border-radius: 15px;
 507 }
 508
 509 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
 510     background-color: #d2ebff;
 511 }
 512
 513 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
 514     background-color: #eee;
 515     /*background-color: #e7f1c3;*/
 516 }
 517
 518 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
 519     font-weight: bold;
 520     font-size: x-large;
 521     margin: 10px;
 522 }
 523
 524 /**
 525  * Edit assessment form
 526  */
 527 #mod-workshop-editform fieldset.fgroup * {
 528     vertical-align: top;
 529 }
 530
 531 /**
 532  * Feedback
 533  */
 534 .path-mod-workshop .feedback {
 535     border: 1px solid #ddd;
 536     margin: 0px auto 1em auto;
 537     width: 100%;
 538 }
 539
 540 .path-mod-workshop .feedback .header {
 541     position: relative;
 542     background-color: #ddd;
 543     padding: 3px;
 544     min-height: 35px;
 545 }
 546
 547 .path-mod-workshop .feedback .header .title {
 548     margin: 0px 0px 0px 40px;
 549 }
 550
 551 .path-mod-workshop .feedback .header .picture {
 552     position: absolute;
 553     top: 3px;
 554     left: 3px;
 555 }
 556
 557 .path-mod-workshop .feedback .content {
 558     padding: 5px 10px;
 559 }
 560
 561 /**
 562  * Misc
 563  */
 564 .path-mod-workshop div.buttonsbar {
 565     text-align: center;
 566 }
 567
 568 .path-mod-workshop div.buttonsbar .singlebutton {
 569     display: inline;
 570 }
 571
 572 .path-mod-workshop .toolboxaction {
 573     margin-right: 1em;
 574 }
 575
 576 .path-mod-workshop .toolboxaction,
 577 .path-mod-workshop .toolboxaction .singlebutton,
 578 .path-mod-workshop .toolboxaction .singlebutton form,
 579 .path-mod-workshop .toolboxaction .singlebutton form div {
 580     display: inline;
 581 }
 582
 583 .path-mod-workshop div.buttonwithhelp div {
 584     display: inline;
 585 }
 586
 587 .path-mod-workshop #evaluationmethodchooser {
 588     margin: 2em auto;
 589     text-align: center;
 590 }
 591
 592 .path-mod-workshop .lastmodified {
 593     line-height: 1.0em;
 594 }
 595
 596 .path-mod-workshop .nothingfound {
 597     font-size: 150%;
 598     color: #FF4500;
 599 }
 600
 601 .path-mod-workshop .workshop-risk-dataloss { vertical-align: text-bottom; }