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 /**
  22  * Submission - one line summary display
  23  */
  24 .path-mod-workshop .submission-summary {
  25     position: relative;
  26     margin-bottom: 10px;
  27 }
  28
  29 .path-mod-workshop .submission-summary .title,
  30 .path-mod-workshop .submission-summary .author,
  31 .path-mod-workshop .submission-summary .author .fullname,
  32 .path-mod-workshop .submission-summary .author .picture {
  33     display: inline;
  34 }
  35
  36 .path-mod-workshop .submission-summary .title,
  37 .path-mod-workshop .submission-summary .userdate,
  38 .path-mod-workshop .submission-summary .grade-status {
  39     margin: 0px 0px 0px 40px;
  40 }
  41
  42 .path-mod-workshop .submission-summary .author {
  43     margin-left: 1ex;
  44 }
  45
  46 .path-mod-workshop .submission-summary.anonymous .title,
  47 .path-mod-workshop .submission-summary.anonymous .author,
  48 .path-mod-workshop .submission-summary.anonymous .userdate,
  49 .path-mod-workshop .submission-summary.anonymous .grade-status {
  50     margin: 0px 0px 0px 5px;
  51 }
  52
  53 .path-mod-workshop .submission-summary .userdate {
  54     font-size: x-small;
  55     color: #333;
  56 }
  57
  58 .path-mod-workshop .submission-summary .userdate span {
  59     font-style: italic;
  60 }
  61
  62 .path-mod-workshop .submission-summary .author .picture {
  63     position: absolute;
  64     top: 0px;
  65     left: 0px;
  66 }
  67
  68 /**
  69  * Submission - full display
  70  */
  71 .path-mod-workshop .submission-full {
  72     border: 1px solid #ddd;
  73     margin: 0px 0px 1em 0px;
  74 }
  75
  76 .path-mod-workshop .submission-full .header {
  77     position: relative;
  78     background-color: #ddd;
  79     padding: 3px;
  80     min-height: 67px;
  81 }
  82
  83 .path-mod-workshop .submission-full .header .title,
  84 .path-mod-workshop .submission-full .header .author,
  85 .path-mod-workshop .submission-full .header .userdate {
  86     margin: 0px 0px 0px 80px;
  87 }
  88
  89 .path-mod-workshop .submission-full.anonymous .header .title,
  90 .path-mod-workshop .submission-full.anonymous .header .author,
  91 .path-mod-workshop .submission-full.anonymous .header .userdate {
  92     margin: 0px 0px 0px 5px;
  93 }
  94
  95 .path-mod-workshop .submission-full .header .userdate.created {
  96     padding-right: 10px;
  97 }
  98
  99 .path-mod-workshop .submission-full .header .userdate.modified {
 100     padding-left: 10px;
 101     margin-left: 0px;
 102     border-left: 1px solid #000;
 103 }
 104
 105 .path-mod-workshop .submission-full .header .userdate {
 106     font-size: x-small;
 107     color: #333;
 108     display: inline;
 109 }
 110
 111 .path-mod-workshop .submission-full .header .userdate span {
 112     font-style: italic;
 113 }
 114
 115 .path-mod-workshop .submission-full .header .author .picture {
 116     position: absolute;
 117     top: 3px;
 118     left: 3px;
 119 }
 120
 121 .path-mod-workshop .submission-full .content,
 122 .path-mod-workshop .submission-full .attachments {
 123     padding: 5px 10px;
 124 }
 125
 126 .path-mod-workshop .submission-full .attachments .files img.icon {
 127     margin-right: 5px;
 128 }
 129
 130 /**
 131  * Example submission - summary display
 132  */
 133 .path-mod-workshop .submission-summary.example .title,
 134 .path-mod-workshop .submission-summary.example .userdate {
 135     margin: 0px 0px 0px 0px;
 136 }
 137
 138 /**
 139  * Example submission - full display
 140  */
 141 .path-mod-workshop .submission-full.example .header {
 142     min-height: 0px;
 143 }
 144
 145 .path-mod-workshop .submission-full.example .header .title {
 146     margin: 0px 0px 0px 0px;
 147 }
 148
 149 /**
 150  * Elements generated by the workshop renderer
 151  */
 152 .path-mod-workshop .message {
 153     padding: 5px 5em 5px 15px;
 154     margin: 0px auto 20px auto;
 155     width: 60%;
 156     font-size: 80%;
 157     position: relative;
 158 }
 159
 160 .path-mod-workshop .message .singlebutton {
 161     text-align: left;
 162     margin: 0px;
 163 }
 164
 165 .path-mod-workshop .message.ok {
 166     color: #547c22;
 167     background-color: #e7f1c3;
 168 }
 169
 170 .path-mod-workshop .message.error {
 171     color: #dd0221;
 172     background-color: #ffd3d9;
 173 }
 174
 175 .path-mod-workshop .message.info {
 176     color: #1666a9;
 177     background-color: #d2ebff;
 178 }
 179
 180 /**
 181  * Allocators
 182  */
 183
 184 .path-mod-workshop .allocation-init-results {
 185     margin: 10px auto;
 186     width: 60%;
 187     font-size: 80%;
 188 }
 189
 190 .path-mod-workshop .allocation-init-results .indent {
 191     margin-left: 20px;
 192 }
 193
 194 .path-mod-workshop .allocation-init-results .ok {
 195     color: #547c22;
 196     background-color: #e7f1c3;
 197 }
 198
 199 .path-mod-workshop .allocation-init-results .error {
 200     color: #dd0221;
 201     background-color: #ffd3d9;
 202 }
 203
 204 .path-mod-workshop .allocation-init-results .info {
 205     color: #1666a9;
 206     background-color: #d2ebff;
 207 }
 208
 209 .path-mod-workshop .allocation-init-results .debug {
 210     color: black;
 211     background-color: #ddd;
 212 }
 213
 214 /**
 215  * User plan
 216  */
 217 .path-mod-workshop .userplan {
 218     width: 70%;
 219     margin: 1em auto 1em auto;
 220     font-size: 80%;
 221     border-left: 1px solid #ddd;
 222     border-right: 1px solid #ddd;
 223 }
 224
 225 .path-mod-workshop .userplan th {
 226     vertical-align: bottom;
 227     white-space: normal;
 228     color: #999;
 229     border-top: 1px solid #ddd;
 230     border-bottom: 1px solid #ddd;
 231     padding: 3px;
 232 }
 233
 234 .path-mod-workshop .userplan th.active {
 235     vertical-align: top;
 236     color: black;
 237     font-size: 140%;
 238     border: 1px solid #ddd;
 239     border-bottom: none;
 240     background: #e7f1c3;
 241 }
 242
 243 .path-mod-workshop .userplan td {
 244     width: 20%;
 245     vertical-align: top;
 246     border-right: 1px solid #ddd;
 247     background-color: #f5f5f5;
 248 }
 249
 250 .path-mod-workshop .userplan td,
 251 .path-mod-workshop .userplan td a,
 252 .path-mod-workshop .userplan td a:link,
 253 .path-mod-workshop .userplan td a:hover,
 254 .path-mod-workshop .userplan td a:visited,
 255 .path-mod-workshop .userplan td a:active {
 256     color: #999;
 257 }
 258
 259 .path-mod-workshop .userplan td.active,
 260 .path-mod-workshop .userplan td.active a,
 261 .path-mod-workshop .userplan td.active a:link,
 262 .path-mod-workshop .userplan td.active a:hover,
 263 .path-mod-workshop .userplan td.active a:visited,
 264 .path-mod-workshop .userplan td.active a:active {
 265     color: black;
 266 }
 267
 268 .path-mod-workshop .userplan td.lastcol {
 269     border-right: none;
 270 }
 271
 272 .path-mod-workshop .userplan td.active {
 273     border-left: 1px solid #ddd;
 274     border-right: 1px solid #ddd;
 275     background-color: #e7f1c3;
 276 }
 277
 278 .path-mod-workshop .userplan tr.phasetasks li {
 279     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
 280     background-position: top left;
 281     background-repeat: no-repeat;
 282     list-style-type: none;
 283 }
 284
 285 .path-mod-workshop .userplan tr.phasetasks li.completed {
 286     background-image: url([[pix:mod_workshop|userplan/task-done]]);
 287 }
 288
 289 .path-mod-workshop .userplan tr.phasetasks li.fail {
 290     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
 291 }
 292
 293 .path-mod-workshop .userplan tr.phasetasks li.info {
 294     background-image: url([[pix:mod_workshop|userplan/task-info]]);
 295 }
 296
 297 .path-mod-workshop .userplan tr.phasetasks .tasks {
 298     list-style:none;
 299     margin: 3px;
 300     padding: 0px;
 301 }
 302
 303 .path-mod-workshop .userplan tr.phasetasks .title {
 304     padding: 0px 10px 0px 20px;
 305 }
 306
 307 .path-mod-workshop .userplan tr.phasetasks .details {
 308     padding: 0px 10px 0px 25px;
 309     font-size: 80%;
 310 }
 311
 312 /**
 313  * Assessment - full display
 314  */
 315 .path-mod-workshop .assessment-full {
 316     border: 1px solid #ddd;
 317     margin: 0px auto 1em auto;
 318 }
 319
 320 .path-mod-workshop .assessment-full .header {
 321     position: relative;
 322     background-color: #ddd;
 323     padding: 3px;
 324     min-height: 35px;
 325 }
 326
 327 .path-mod-workshop .assessment-full .header .title {
 328     font-weight: bold;
 329 }
 330
 331 .path-mod-workshop .assessment-full .header .title,
 332 .path-mod-workshop .assessment-full .header .reviewer,
 333 .path-mod-workshop .assessment-full .header .grade,
 334 .path-mod-workshop .assessment-full .header .weight {
 335     margin: 0px 0px 0px 40px;
 336 }
 337
 338 .path-mod-workshop .assessment-full.anonymous .header .title,
 339 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
 340 .path-mod-workshop .assessment-full.anonymous .header .grade,
 341 .path-mod-workshop .assessment-full.anonymous .header .weight {
 342     margin: 0px 0px 0px 5px;
 343 }
 344
 345 .path-mod-workshop .assessment-full .header .reviewer .picture {
 346     position: absolute;
 347     top: 3px;
 348     left: 3px;
 349 }
 350
 351 .path-mod-workshop .assessment-full .header .actions {
 352     position: absolute;
 353     top: 5px;
 354     right: 5px;
 355     text-align: right;
 356 }
 357
 358 .path-mod-workshop .assessment-full .header .actions .singlebutton,
 359 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
 360 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
 361     display: inline;
 362 }
 363
 364 .path-mod-workshop .assessment-full .assessment-form-wrapper {
 365     margin-top: 0.5em;
 366     padding: 0px 1em;
 367 }
 368
 369 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
 370 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
 371     background-color: #e7f1c3;
 372 }
 373
 374 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
 375 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
 376     background-color: #ffd3d9;
 377 }
 378
 379 /**
 380  * Assessment form
 381  */
 382 .path-mod-workshop .assessmentform .description {
 383     margin: 0px 1em;
 384 }
 385
 386 /**
 387  * Grading report
 388  */
 389 .path-mod-workshop .grading-report {
 390     width: 90%;
 391     margin: 1em auto 1em auto;
 392     font-size: 80%;
 393     border: 1px solid #ddd;
 394 }
 395
 396 .path-mod-workshop .grading-report .userpicture {
 397     margin: 0px 3px;
 398     vertical-align: middle;
 399 }
 400
 401 .path-mod-workshop .grading-report del {
 402     color: red;
 403     font-size: 90%;
 404     text-decoration: line-through;
 405 }
 406
 407 .path-mod-workshop .grading-report ins {
 408     color: green;
 409     font-weight: bold;
 410     text-decoration: underline;
 411 }
 412
 413 .path-mod-workshop .grading-report th {
 414     white-space: normal;
 415 }
 416
 417 .path-mod-workshop .grading-report td {
 418     vertical-align: top;
 419     border: 1px solid #ddd;
 420 }
 421
 422 .path-mod-workshop .grading-report tr.published td.submission {
 423     background-color: #d2ebff;
 424 }
 425
 426 .path-mod-workshop .grading-report tr.published td.submission a {
 427     font-weight: bold;
 428 }
 429
 430 .path-mod-workshop .grading-report .assessmentdetails {
 431     white-space: nowrap;
 432 }
 433
 434 .path-mod-workshop .grading-report .receivedgrade span.grade,
 435 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
 436     font-weight: bold;
 437 }
 438
 439 .path-mod-workshop .grading-report .submissiongrade.cell,
 440 .path-mod-workshop .grading-report .gradinggrade.cell {
 441     text-align: center;
 442     font-size: 200%;
 443     white-space: nowrap;
 444 }
 445
 446 .path-mod-workshop .grading-report .givengrade.null .user,
 447 .path-mod-workshop .grading-report .receivedgrade.null .user {
 448     color: #ee0000;
 449 }
 450
 451 /**
 452  * Edit assessment form
 453  */
 454 #mod-workshop-editform fieldset.fgroup * {
 455     vertical-align: top;
 456 }
 457
 458 /**
 459  * Feedback
 460  */
 461 .path-mod-workshop .feedback {
 462     border: 1px solid #ddd;
 463     margin: 0px auto 1em auto;
 464     width: 80%;
 465 }
 466
 467 .path-mod-workshop .feedback .header {
 468     position: relative;
 469     background-color: #ddd;
 470     padding: 3px;
 471     min-height: 35px;
 472 }
 473
 474 .path-mod-workshop .feedback .header .title {
 475     margin: 0px 0px 0px 40px;
 476 }
 477
 478 .path-mod-workshop .feedback .header .picture {
 479     position: absolute;
 480     top: 3px;
 481     left: 3px;
 482 }
 483
 484 .path-mod-workshop .feedback .content {
 485     padding: 5px 10px;
 486 }
 487
 488 /**
 489  * Misc
 490  */
 491 .path-mod-workshop div.buttonsbar {
 492     text-align: center;
 493 }
 494
 495 .path-mod-workshop div.buttonsbar .singlebutton {
 496     display: inline;
 497 }
 498
 499 .path-mod-workshop .toolboxaction {
 500     margin-right: 1em;
 501 }
 502
 503 .path-mod-workshop .toolboxaction,
 504 .path-mod-workshop .toolboxaction .singlebutton,
 505 .path-mod-workshop .toolboxaction .singlebutton form,
 506 .path-mod-workshop .toolboxaction .singlebutton form div {
 507     display: inline;
 508 }
 509
 510 .path-mod-workshop div.buttonwithhelp div {
 511     display: inline;
 512 }