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