MDL-27550 workshop: assessments are now displayed via proper rendering subsystem
[moodle.git] / mod / workshop / styles.css
1 .path-mod-workshop .collapsibleregion {
2     margin-bottom: 0.75em;
3 }
5 .path-mod-workshop .collapsibleregioncaption {
6     font-weight: bold;
7     font-size: 120%;
8 }
10 .path-mod-workshop div.singlebutton {
11     text-align: center;
12     margin: 0.75em auto;
13 }
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 }
21 /**
22  * Submission - one line summary display
23  */
24 .path-mod-workshop .submission-summary {
25     position: relative;
26     margin-bottom: 10px;
27 }
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 }
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 }
42 .path-mod-workshop .submission-summary .author {
43     margin-left: 1ex;
44 }
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 }
53 .path-mod-workshop .submission-summary .userdate {
54     font-size: x-small;
55     color: #333;
56 }
58 .path-mod-workshop .submission-summary .userdate span {
59     font-style: italic;
60 }
62 .path-mod-workshop .submission-summary .author .picture {
63     position: absolute;
64     top: 0px;
65     left: 0px;
66 }
68 /**
69  * Submission - full display
70  */
71 .path-mod-workshop .submission-full {
72     border: 1px solid #ddd;
73     margin: 0px 0px 1em 0px;
74 }
76 .path-mod-workshop .submission-full .header {
77     position: relative;
78     background-color: #ddd;
79     padding: 3px;
80     min-height: 67px;
81 }
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 }
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 }
95 .path-mod-workshop .submission-full .header .userdate.created {
96     padding-right: 10px;
97 }
99 .path-mod-workshop .submission-full .header .userdate.modified {
100     padding-left: 10px;
101     margin-left: 0px;
102     border-left: 1px solid #000;
105 .path-mod-workshop .submission-full .header .userdate {
106     font-size: x-small;
107     color: #333;
108     display: inline;
111 .path-mod-workshop .submission-full .header .userdate span {
112     font-style: italic;
115 .path-mod-workshop .submission-full .header .author .picture {
116     position: absolute;
117     top: 3px;
118     left: 3px;
121 .path-mod-workshop .submission-full .content,
122 .path-mod-workshop .submission-full .attachments {
123     padding: 5px 10px;
126 .path-mod-workshop .submission-full .attachments .files img.icon {
127     margin-right: 5px;
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;
138 /**
139  * Example submission - full display
140  */
141 .path-mod-workshop .submission-full.example .header {
142     min-height: 0px;
145 .path-mod-workshop .submission-full.example .header .title {
146     margin: 0px 0px 0px 0px;
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;
160 .path-mod-workshop .message .singlebutton {
161     text-align: left;
162     margin: 0px;
165 .path-mod-workshop .message.ok {
166     color: #547c22;
167     background-color: #e7f1c3;
170 .path-mod-workshop .message.error {
171     color: #dd0221;
172     background-color: #ffd3d9;
175 .path-mod-workshop .message.info {
176     color: #1666a9;
177     background-color: #d2ebff;
180 /**
181  * Allocators
182  */
184 .path-mod-workshop .allocation-init-results {
185     margin: 10px auto;
186     width: 60%;
187     font-size: 80%;
190 .path-mod-workshop .allocation-init-results .indent {
191     margin-left: 20px;
194 .path-mod-workshop .allocation-init-results .ok {
195     color: #547c22;
196     background-color: #e7f1c3;
199 .path-mod-workshop .allocation-init-results .error {
200     color: #dd0221;
201     background-color: #ffd3d9;
204 .path-mod-workshop .allocation-init-results .info {
205     color: #1666a9;
206     background-color: #d2ebff;
209 .path-mod-workshop .allocation-init-results .debug {
210     color: black;
211     background-color: #ddd;
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;
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;
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;
243 .path-mod-workshop .userplan td {
244     width: 20%;
245     vertical-align: top;
246     border-right: 1px solid #ddd;
247     background-color: #f5f5f5;
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;
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;
268 .path-mod-workshop .userplan td.lastcol {
269     border-right: none;
272 .path-mod-workshop .userplan td.active {
273     border-left: 1px solid #ddd;
274     border-right: 1px solid #ddd;
275     background-color: #e7f1c3;
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;
285 .path-mod-workshop .userplan tr.phasetasks li.completed {
286     background-image: url([[pix:mod_workshop|userplan/task-done]]);
289 .path-mod-workshop .userplan tr.phasetasks li.fail {
290     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
293 .path-mod-workshop .userplan tr.phasetasks li.info {
294     background-image: url([[pix:mod_workshop|userplan/task-info]]);
297 .path-mod-workshop .userplan tr.phasetasks .tasks {
298     list-style:none;
299     margin: 3px;
300     padding: 0px;
303 .path-mod-workshop .userplan tr.phasetasks .title {
304     padding: 0px 10px 0px 20px;
307 .path-mod-workshop .userplan tr.phasetasks .details {
308     padding: 0px 10px 0px 25px;
309     font-size: 80%;
312 /**
313  * Assessment - full display
314  */
315 .path-mod-workshop .assessment-full {
316     border: 1px solid #ddd;
317     margin: 0px auto 1em auto;
320 .path-mod-workshop .assessment-full .header {
321     position: relative;
322     background-color: #ddd;
323     padding: 3px;
324     min-height: 35px;
327 .path-mod-workshop .assessment-full .header .title {
328     font-weight: bold;
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;
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;
345 .path-mod-workshop .assessment-full .header .reviewer .picture {
346     position: absolute;
347     top: 3px;
348     left: 3px;
351 .path-mod-workshop .assessment-full .header .actions {
352     position: absolute;
353     top: 5px;
354     right: 5px;
355     text-align: right;
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;
364 .path-mod-workshop .assessment-full .assessment-form-wrapper {
365     margin-top: 0.5em;
366     padding: 0px 1em;
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;
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;
379 /**
380  * Assessment form
381  */
382 .path-mod-workshop .assessmentform .description {
383     margin: 0px 1em;
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;
396 .path-mod-workshop .grading-report .userpicture {
397     margin: 0px 3px;
398     vertical-align: middle;
401 .path-mod-workshop .grading-report del {
402     color: red;
403     font-size: 90%;
404     text-decoration: line-through;
407 .path-mod-workshop .grading-report ins {
408     color: green;
409     font-weight: bold;
410     text-decoration: underline;
413 .path-mod-workshop .grading-report th {
414     white-space: normal;
417 .path-mod-workshop .grading-report td {
418     vertical-align: top;
419     border: 1px solid #ddd;
422 .path-mod-workshop .grading-report tr.published td.submission {
423     background-color: #d2ebff;
426 .path-mod-workshop .grading-report tr.published td.submission a {
427     font-weight: bold;
430 .path-mod-workshop .grading-report .assessmentdetails {
431     white-space: nowrap;
434 .path-mod-workshop .grading-report .receivedgrade span.grade,
435 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
436     font-weight: bold;
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;
446 .path-mod-workshop .grading-report .givengrade.null .user,
447 .path-mod-workshop .grading-report .receivedgrade.null .user {
448     color: #ee0000;
451 /**
452  * Edit assessment form
453  */
454 #mod-workshop-editform fieldset.fgroup * {
455     vertical-align: top;
458 /**
459  * Feedback
460  */
461 .path-mod-workshop .feedback {
462     border: 1px solid #ddd;
463     margin: 0px auto 1em auto;
464     width: 80%;
467 .path-mod-workshop .feedback .header {
468     position: relative;
469     background-color: #ddd;
470     padding: 3px;
471     min-height: 35px;
474 .path-mod-workshop .feedback .header .title {
475     margin: 0px 0px 0px 40px;
478 .path-mod-workshop .feedback .header .picture {
479     position: absolute;
480     top: 3px;
481     left: 3px;
484 .path-mod-workshop .feedback .content {
485     padding: 5px 10px;
488 /**
489  * Misc
490  */
491 .path-mod-workshop div.buttonsbar {
492     text-align: center;
495 .path-mod-workshop div.buttonsbar .singlebutton {
496     display: inline;
499 .path-mod-workshop .toolboxaction {
500     margin-right: 1em;
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;
510 .path-mod-workshop div.buttonwithhelp div {
511     display: inline;