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 tr.phasetasks li {
 289     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
 290     background-position: top left;
 291     background-repeat: no-repeat;
 292     list-style-type: none;
 293 }
 294
 295 .path-mod-workshop .userplan tr.phasetasks li.completed {
 296     background-image: url([[pix:mod_workshop|userplan/task-done]]);
 297 }
 298
 299 .path-mod-workshop .userplan tr.phasetasks li.fail {
 300     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
 301 }
 302
 303 .path-mod-workshop .userplan tr.phasetasks li.info {
 304     background-image: url([[pix:mod_workshop|userplan/task-info]]);
 305 }
 306
 307 .path-mod-workshop .userplan tr.phasetasks .tasks {
 308     list-style:none;
 309     margin: 3px;
 310     padding: 0px;
 311 }
 312
 313 .path-mod-workshop .userplan tr.phasetasks .title {
 314     padding: 0px 10px 0px 20px;
 315 }
 316
 317 .path-mod-workshop .userplan tr.phasetasks .details {
 318     padding: 0px 10px 0px 25px;
 319     font-size: 80%;
 320 }
 321
 322 /**
 323  * Assessment - full display
 324  */
 325 .path-mod-workshop .assessment-full {
 326     border: 1px solid #ddd;
 327     margin: 0px auto 1em auto;
 328 }
 329
 330 .path-mod-workshop .assessment-full .header {
 331     position: relative;
 332     background-color: #ddd;
 333     padding: 3px;
 334     min-height: 35px;
 335 }
 336
 337 .path-mod-workshop .assessment-full .header .title {
 338     font-weight: bold;
 339 }
 340
 341 .path-mod-workshop .assessment-full .header .title,
 342 .path-mod-workshop .assessment-full .header .reviewer,
 343 .path-mod-workshop .assessment-full .header .grade,
 344 .path-mod-workshop .assessment-full .header .weight {
 345     margin: 0px 0px 0px 40px;
 346 }
 347
 348 .path-mod-workshop .assessment-full.anonymous .header .title,
 349 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
 350 .path-mod-workshop .assessment-full.anonymous .header .grade,
 351 .path-mod-workshop .assessment-full.anonymous .header .weight {
 352     margin: 0px 0px 0px 5px;
 353 }
 354
 355 .path-mod-workshop .assessment-full .header .reviewer .picture {
 356     position: absolute;
 357     top: 3px;
 358     left: 3px;
 359 }
 360
 361 .path-mod-workshop .assessment-full .header .actions {
 362     position: absolute;
 363     top: 5px;
 364     right: 5px;
 365     text-align: right;
 366 }
 367
 368 .path-mod-workshop .assessment-full .header .actions .singlebutton,
 369 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
 370 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
 371     display: inline;
 372 }
 373
 374 .path-mod-workshop .assessment-full .assessment-form-wrapper {
 375     margin-top: 0.5em;
 376     padding: 0px 1em;
 377 }
 378
 379 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
 380 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
 381     background-color: #e7f1c3;
 382 }
 383
 384 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
 385 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
 386     background-color: #ffd3d9;
 387 }
 388
 389 /**
 390  * Assessment form
 391  */
 392 .path-mod-workshop .assessmentform .description {
 393     margin: 0px 1em;
 394 }
 395
 396 /**
 397  * Grading report
 398  */
 399 .path-mod-workshop .grading-report {
 400     width: 90%;
 401     margin: 1em auto 1em auto;
 402     font-size: 80%;
 403     border: 1px solid #ddd;
 404 }
 405
 406 .path-mod-workshop .grading-report .userpicture {
 407     margin: 0px 3px;
 408     vertical-align: middle;
 409 }
 410
 411 .path-mod-workshop .grading-report del {
 412     color: red;
 413     font-size: 90%;
 414     text-decoration: line-through;
 415 }
 416
 417 .path-mod-workshop .grading-report ins {
 418     color: green;
 419     font-weight: bold;
 420     text-decoration: underline;
 421 }
 422
 423 .path-mod-workshop .grading-report th {
 424     white-space: normal;
 425 }
 426
 427 .path-mod-workshop .grading-report td {
 428     vertical-align: top;
 429     border: 1px solid #ddd;
 430 }
 431
 432 .path-mod-workshop .grading-report tr.published td.submission {
 433     background-color: #d2ebff;
 434 }
 435
 436 .path-mod-workshop .grading-report tr.published td.submission a {
 437     font-weight: bold;
 438 }
 439
 440 .path-mod-workshop .grading-report .assessmentdetails {
 441     white-space: nowrap;
 442 }
 443
 444 .path-mod-workshop .grading-report .receivedgrade span.grade,
 445 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
 446     font-weight: bold;
 447 }
 448
 449 .path-mod-workshop .grading-report .submissiongrade.cell,
 450 .path-mod-workshop .grading-report .gradinggrade.cell {
 451     text-align: center;
 452     font-size: 200%;
 453     white-space: nowrap;
 454 }
 455
 456 .path-mod-workshop .grading-report .givengrade.null .user,
 457 .path-mod-workshop .grading-report .receivedgrade.null .user {
 458     color: #ee0000;
 459 }
 460
 461 /**
 462  * Edit assessment form
 463  */
 464 #mod-workshop-editform fieldset.fgroup * {
 465     vertical-align: top;
 466 }
 467
 468 /**
 469  * Feedback
 470  */
 471 .path-mod-workshop .feedback {
 472     border: 1px solid #ddd;
 473     margin: 0px auto 1em auto;
 474     width: 80%;
 475 }
 476
 477 .path-mod-workshop .feedback .header {
 478     position: relative;
 479     background-color: #ddd;
 480     padding: 3px;
 481     min-height: 35px;
 482 }
 483
 484 .path-mod-workshop .feedback .header .title {
 485     margin: 0px 0px 0px 40px;
 486 }
 487
 488 .path-mod-workshop .feedback .header .picture {
 489     position: absolute;
 490     top: 3px;
 491     left: 3px;
 492 }
 493
 494 .path-mod-workshop .feedback .content {
 495     padding: 5px 10px;
 496 }
 497
 498 /**
 499  * Misc
 500  */
 501 .path-mod-workshop div.buttonsbar {
 502     text-align: center;
 503 }
 504
 505 .path-mod-workshop div.buttonsbar .singlebutton {
 506     display: inline;
 507 }
 508
 509 .path-mod-workshop .toolboxaction {
 510     margin-right: 1em;
 511 }
 512
 513 .path-mod-workshop .toolboxaction,
 514 .path-mod-workshop .toolboxaction .singlebutton,
 515 .path-mod-workshop .toolboxaction .singlebutton form,
 516 .path-mod-workshop .toolboxaction .singlebutton form div {
 517     display: inline;
 518 }
 519
 520 .path-mod-workshop div.buttonwithhelp div {
 521     display: inline;
 522 }