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 /**
 141  * Example submission - summary display
 142  */
 143 .path-mod-workshop .submission-summary.example .title,
 144 .path-mod-workshop .submission-summary.example .userdate {
 145     margin: 0px 0px 0px 0px;
 146 }
 147
 148 /**
 149  * Example submission - full display
 150  */
 151 .path-mod-workshop .submission-full.example .header {
 152     min-height: 0px;
 153 }
 154
 155 .path-mod-workshop .submission-full.example .header .title {
 156     margin: 0px 0px 0px 0px;
 157 }
 158
 159 /**
 160  * Elements generated by the workshop renderer
 161  */
 162 .path-mod-workshop .message {
 163     padding: 5px 5em 5px 15px;
 164     margin: 0px auto 20px auto;
 165     width: 60%;
 166     font-size: 80%;
 167     position: relative;
 168 }
 169
 170 .path-mod-workshop .message .singlebutton {
 171     text-align: left;
 172     margin: 0px;
 173 }
 174
 175 .path-mod-workshop .message.ok {
 176     color: #547c22;
 177     background-color: #e7f1c3;
 178 }
 179
 180 .path-mod-workshop .message.error {
 181     color: #dd0221;
 182     background-color: #ffd3d9;
 183 }
 184
 185 .path-mod-workshop .message.info {
 186     color: #1666a9;
 187     background-color: #d2ebff;
 188 }
 189
 190 /**
 191  * Allocators
 192  */
 193
 194 .path-mod-workshop .allocation-init-results {
 195     margin: 10px auto;
 196     width: 60%;
 197     font-size: 80%;
 198 }
 199
 200 .path-mod-workshop .allocation-init-results .indent {
 201     margin-left: 20px;
 202 }
 203
 204 .path-mod-workshop .allocation-init-results .ok {
 205     color: #547c22;
 206     background-color: #e7f1c3;
 207 }
 208
 209 .path-mod-workshop .allocation-init-results .error {
 210     color: #dd0221;
 211     background-color: #ffd3d9;
 212 }
 213
 214 .path-mod-workshop .allocation-init-results .info {
 215     color: #1666a9;
 216     background-color: #d2ebff;
 217 }
 218
 219 .path-mod-workshop .allocation-init-results .debug {
 220     color: black;
 221     background-color: #ddd;
 222 }
 223
 224 /**
 225  * User plan
 226  */
 227 .path-mod-workshop .userplan {
 228     width: 70%;
 229     margin: 1em auto 1em auto;
 230     font-size: 80%;
 231     border-left: 1px solid #ddd;
 232     border-right: 1px solid #ddd;
 233 }
 234
 235 .path-mod-workshop .userplan th {
 236     vertical-align: bottom;
 237     white-space: normal;
 238     color: #999;
 239     border-top: 1px solid #ddd;
 240     border-bottom: 1px solid #ddd;
 241     padding: 3px;
 242 }
 243
 244 .path-mod-workshop .userplan th.active {
 245     vertical-align: top;
 246     color: black;
 247     font-size: 140%;
 248     border: 1px solid #ddd;
 249     border-bottom: 0;
 250     background: #e7f1c3;
 251 }
 252
 253 .path-mod-workshop .userplan td {
 254     width: 20%;
 255     vertical-align: top;
 256     border-right: 1px solid #ddd;
 257     background-color: #f5f5f5;
 258 }
 259
 260 .path-mod-workshop .userplan td,
 261 .path-mod-workshop .userplan td a,
 262 .path-mod-workshop .userplan td a:link,
 263 .path-mod-workshop .userplan td a:hover,
 264 .path-mod-workshop .userplan td a:visited,
 265 .path-mod-workshop .userplan td a:active {
 266     color: #999;
 267 }
 268
 269 .path-mod-workshop .userplan td.active,
 270 .path-mod-workshop .userplan td.active a,
 271 .path-mod-workshop .userplan td.active a:link,
 272 .path-mod-workshop .userplan td.active a:hover,
 273 .path-mod-workshop .userplan td.active a:visited,
 274 .path-mod-workshop .userplan td.active a:active {
 275     color: black;
 276 }
 277
 278 .path-mod-workshop .userplan td.lastcol {
 279     border-right: 0;
 280 }
 281
 282 .path-mod-workshop .userplan td.active {
 283     border-left: 1px solid #ddd;
 284     border-right: 1px solid #ddd;
 285     background-color: #e7f1c3;
 286 }
 287
 288 .path-mod-workshop .userplan th .actions {
 289     display: inline;
 290 }
 291 .path-mod-workshop .userplan tr.phasetasks li {
 292     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
 293     background-position: top left;
 294     background-repeat: no-repeat;
 295     list-style-type: none;
 296     min-height: 16px;
 297     margin: .3em 0;
 298 }
 299
 300 .path-mod-workshop .userplan tr.phasetasks li.completed {
 301     background-image: url([[pix:mod_workshop|userplan/task-done]]);
 302 }
 303
 304 .path-mod-workshop .userplan tr.phasetasks li.fail {
 305     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
 306 }
 307
 308 .path-mod-workshop .userplan tr.phasetasks li.info {
 309     background-image: url([[pix:mod_workshop|userplan/task-info]]);
 310 }
 311
 312 .path-mod-workshop .userplan tr.phasetasks .tasks {
 313     list-style:none;
 314     margin: 3px;
 315     padding: 0px;
 316 }
 317
 318 .path-mod-workshop .userplan tr.phasetasks .title {
 319     padding: 0px 10px 0px 20px;
 320 }
 321
 322 .path-mod-workshop .userplan tr.phasetasks .details {
 323     padding: 0px 10px 0px 25px;
 324     font-size: 80%;
 325 }
 326
 327 /**
 328  * Assessment - full display
 329  */
 330 .path-mod-workshop .assessment-full {
 331     border: 1px solid #ddd;
 332     margin: 0px auto 1em auto;
 333 }
 334
 335 .path-mod-workshop .assessment-full .header {
 336     position: relative;
 337     background-color: #ddd;
 338     padding: 3px;
 339     min-height: 35px;
 340 }
 341
 342 .path-mod-workshop .assessment-full .header .title {
 343     font-weight: bold;
 344 }
 345
 346 .path-mod-workshop .assessment-full .header .title,
 347 .path-mod-workshop .assessment-full .header .reviewer,
 348 .path-mod-workshop .assessment-full .header .grade,
 349 .path-mod-workshop .assessment-full .header .weight {
 350     margin: 0px 0px 0px 40px;
 351 }
 352
 353 .path-mod-workshop .assessment-full.anonymous .header .title,
 354 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
 355 .path-mod-workshop .assessment-full.anonymous .header .grade,
 356 .path-mod-workshop .assessment-full.anonymous .header .weight {
 357     margin: 0px 0px 0px 5px;
 358 }
 359
 360 .path-mod-workshop .assessment-full .header .reviewer .picture {
 361     position: absolute;
 362     top: 3px;
 363     left: 3px;
 364 }
 365
 366 .path-mod-workshop .assessment-full .header .actions {
 367     position: absolute;
 368     top: 5px;
 369     right: 5px;
 370     text-align: right;
 371 }
 372
 373 .path-mod-workshop .assessment-full .header .actions .singlebutton,
 374 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
 375 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
 376     display: inline;
 377 }
 378
 379 .path-mod-workshop .assessment-full .assessment-form-wrapper {
 380     margin-top: 0.5em;
 381     padding: 0px 1em;
 382 }
 383
 384 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
 385 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
 386     background-color: #e7f1c3;
 387 }
 388
 389 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
 390 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
 391     background-color: #ffd3d9;
 392 }
 393
 394 /**
 395  * Assessment form
 396  */
 397 .path-mod-workshop .assessmentform .description {
 398     margin: 0px 1em;
 399 }
 400
 401 /**
 402  * Grading report
 403  */
 404 .path-mod-workshop .grading-report {
 405     width: 90%;
 406     margin: 1em auto 1em auto;
 407     font-size: 80%;
 408     border: 1px solid #ddd;
 409 }
 410
 411 .path-mod-workshop .grading-report .userpicture {
 412     margin: 0px 3px;
 413     vertical-align: middle;
 414 }
 415
 416 .path-mod-workshop .grading-report del {
 417     color: red;
 418     font-size: 90%;
 419     text-decoration: line-through;
 420 }
 421
 422 .path-mod-workshop .grading-report ins {
 423     color: green;
 424     font-weight: bold;
 425     text-decoration: underline;
 426 }
 427
 428 .path-mod-workshop .grading-report th {
 429     white-space: normal;
 430 }
 431
 432 .path-mod-workshop .grading-report td {
 433     vertical-align: top;
 434     border: 1px solid #ddd;
 435 }
 436
 437 .path-mod-workshop .grading-report tr.published td.submission {
 438     background-color: #d2ebff;
 439 }
 440
 441 .path-mod-workshop .grading-report tr.published td.submission a {
 442     font-weight: bold;
 443 }
 444
 445 .path-mod-workshop .grading-report .assessmentdetails {
 446     white-space: nowrap;
 447 }
 448
 449 .path-mod-workshop .grading-report .receivedgrade span.grade,
 450 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
 451     font-weight: bold;
 452 }
 453
 454 .path-mod-workshop .grading-report .submissiongrade.cell,
 455 .path-mod-workshop .grading-report .gradinggrade.cell {
 456     text-align: center;
 457     font-size: 200%;
 458     white-space: nowrap;
 459 }
 460
 461 .path-mod-workshop .grading-report .givengrade.null .user,
 462 .path-mod-workshop .grading-report .receivedgrade.null .user {
 463     color: #ee0000;
 464 }
 465
 466 /**
 467  * Final grades
 468  */
 469 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
 470     text-align: center;
 471 }
 472
 473 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
 474     border: 1px solid #ddd;
 475     margin: 1em;
 476     padding: 2em;
 477     display: inline-block;
 478     -webkit-border-radius: 15px;
 479     -moz-border-radius: 15px;
 480     border-radius: 15px;
 481 }
 482
 483 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
 484     background-color: #d2ebff;
 485 }
 486
 487 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
 488     background-color: #eee;
 489     /*background-color: #e7f1c3;*/
 490 }
 491
 492 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
 493     font-weight: bold;
 494     font-size: x-large;
 495     margin: 10px;
 496 }
 497
 498 /**
 499  * Edit assessment form
 500  */
 501 #mod-workshop-editform fieldset.fgroup * {
 502     vertical-align: top;
 503 }
 504
 505 /**
 506  * Feedback
 507  */
 508 .path-mod-workshop .feedback {
 509     border: 1px solid #ddd;
 510     margin: 0px auto 1em auto;
 511     width: 80%;
 512 }
 513
 514 .path-mod-workshop .feedback .header {
 515     position: relative;
 516     background-color: #ddd;
 517     padding: 3px;
 518     min-height: 35px;
 519 }
 520
 521 .path-mod-workshop .feedback .header .title {
 522     margin: 0px 0px 0px 40px;
 523 }
 524
 525 .path-mod-workshop .feedback .header .picture {
 526     position: absolute;
 527     top: 3px;
 528     left: 3px;
 529 }
 530
 531 .path-mod-workshop .feedback .content {
 532     padding: 5px 10px;
 533 }
 534
 535 /**
 536  * Misc
 537  */
 538 .path-mod-workshop div.buttonsbar {
 539     text-align: center;
 540 }
 541
 542 .path-mod-workshop div.buttonsbar .singlebutton {
 543     display: inline;
 544 }
 545
 546 .path-mod-workshop .toolboxaction {
 547     margin-right: 1em;
 548 }
 549
 550 .path-mod-workshop .toolboxaction,
 551 .path-mod-workshop .toolboxaction .singlebutton,
 552 .path-mod-workshop .toolboxaction .singlebutton form,
 553 .path-mod-workshop .toolboxaction .singlebutton form div {
 554     display: inline;
 555 }
 556
 557 .path-mod-workshop div.buttonwithhelp div {
 558     display: inline;
 559 }
 560
 561 .path-mod-workshop #evaluationmethodchooser {
 562     margin: 2em auto;
 563     text-align: center;
 564 }
 565
 566 .path-mod-workshop .workshop-risk-dataloss { vertical-align: text-bottom; }