Merge branch 'MDL-49730-master-workshop-width' of git://github.com/mudrd8mz/moodle
[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 .path-mod-workshop .groupwidget {
22     text-align:center;
23     margin: 0.75em auto;
24 }
26 .path-mod-workshop .perpagewidget {
27     text-align:center;
28     margin: 0.75em auto;
29 }
31 /**
32  * Submission - one line summary display
33  */
34 .path-mod-workshop .submission-summary {
35     position: relative;
36     margin-bottom: 10px;
37 }
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 }
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 }
52 .path-mod-workshop .submission-summary .author {
53     margin-left: 1ex;
54 }
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 }
63 .path-mod-workshop .submission-summary .userdate {
64     font-size: x-small;
65     color: #333;
66 }
68 .path-mod-workshop .submission-summary .userdate span {
69     font-style: italic;
70 }
72 .path-mod-workshop .submission-summary .author .picture {
73     position: absolute;
74     top: 0px;
75     left: 0px;
76 }
78 /**
79  * Submission - full display
80  */
81 .path-mod-workshop .submission-full {
82     border: 1px solid #ddd;
83     margin: 0px 0px 1em 0px;
84 }
86 .path-mod-workshop .submission-full .header {
87     position: relative;
88     background-color: #ddd;
89     padding: 3px;
90     min-height: 67px;
91 }
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 }
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;
105 .path-mod-workshop .submission-full .header .userdate.created {
106     padding-right: 10px;
109 .path-mod-workshop .submission-full .header .userdate.modified {
110     padding-left: 10px;
111     margin-left: 0px;
112     border-left: 1px solid #000;
115 .path-mod-workshop .submission-full .header .userdate {
116     font-size: x-small;
117     color: #333;
118     display: inline;
121 .path-mod-workshop .submission-full .header .userdate span {
122     font-style: italic;
125 .path-mod-workshop .submission-full .header .author .picture {
126     position: absolute;
127     top: 3px;
128     left: 3px;
131 .path-mod-workshop .submission-full .content,
132 .path-mod-workshop .submission-full .attachments {
133     padding: 5px 10px;
136 .path-mod-workshop .submission-full .attachments .files img.icon {
137     margin-right: 5px;
140 .path-mod-workshop .submission-full .attachments .images div {
141     display: inline-block;
142     margin: 5px;
143     padding: 5px;
144     border: 1px solid #ddd;
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;
155 /**
156  * Example submission - full display
157  */
158 .path-mod-workshop .submission-full.example .header {
159     min-height: 0px;
162 .path-mod-workshop .submission-full.example .header .title {
163     margin: 0px 0px 0px 0px;
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: 100%;
173     font-size: 80%;
174     position: relative;
177 .path-mod-workshop .message .singlebutton {
178     text-align: left;
179     margin: 0px;
182 .path-mod-workshop .message.ok {
183     color: #547c22;
184     background-color: #e7f1c3;
187 .path-mod-workshop .message.error {
188     color: #dd0221;
189     background-color: #ffd3d9;
192 .path-mod-workshop .message.info {
193     color: #1666a9;
194     background-color: #d2ebff;
197 /**
198  * Allocators
199  */
201 .path-mod-workshop .allocation-init-results {
202     margin: 10px auto;
203     width: 100%;
204     font-size: 80%;
207 .path-mod-workshop .allocation-init-results .indent {
208     margin-left: 20px;
211 .path-mod-workshop .allocation-init-results .ok {
212     color: #547c22;
213     background-color: #e7f1c3;
216 .path-mod-workshop .allocation-init-results .error {
217     color: #dd0221;
218     background-color: #ffd3d9;
221 .path-mod-workshop .allocation-init-results .info {
222     color: #1666a9;
223     background-color: #d2ebff;
226 .path-mod-workshop .allocation-init-results .debug {
227     color: black;
228     background-color: #ddd;
231 /**
232  * User plan
233  */
234 .path-mod-workshop .userplan {
235     width: 100%;
236     margin: 1em auto 1em auto;
237     font-size: 80%;
238     border: 1px solid #ddd;
241 .path-mod-workshop .userplan th {
242     vertical-align: bottom;
243     white-space: normal;
244     color: #999;
245     border-top: 1px solid #ddd;
246     border-bottom: 1px solid #ddd;
247     padding: 3px;
250 .path-mod-workshop .userplan th.active {
251     vertical-align: top;
252     color: black;
253     font-size: 140%;
254     border: 1px solid #ddd;
255     border-bottom: 0;
256     background: #e7f1c3;
259 .path-mod-workshop .userplan td {
260     width: 20%;
261     vertical-align: top;
262     border-right: 1px solid #ddd;
263     background-color: #f5f5f5;
266 .path-mod-workshop .userplan td,
267 .path-mod-workshop .userplan td a,
268 .path-mod-workshop .userplan td a:link,
269 .path-mod-workshop .userplan td a:hover,
270 .path-mod-workshop .userplan td a:visited,
271 .path-mod-workshop .userplan td a:active {
272     color: #999;
275 .path-mod-workshop .userplan td.active,
276 .path-mod-workshop .userplan td.active a,
277 .path-mod-workshop .userplan td.active a:link,
278 .path-mod-workshop .userplan td.active a:hover,
279 .path-mod-workshop .userplan td.active a:visited,
280 .path-mod-workshop .userplan td.active a:active {
281     color: black;
284 .path-mod-workshop .userplan td.lastcol {
285     border-right: 0;
288 .path-mod-workshop .userplan td.active {
289     border-left: 1px solid #ddd;
290     border-right: 1px solid #ddd;
291     background-color: #e7f1c3;
294 .path-mod-workshop .userplan th .actions {
295     display: inline;
297 .path-mod-workshop .userplan tr.phasetasks li {
298     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
299     background-position: top left;
300     background-repeat: no-repeat;
301     list-style-type: none;
302     min-height: 16px;
303     margin: .3em 0;
306 .path-mod-workshop .userplan tr.phasetasks li.completed {
307     background-image: url([[pix:mod_workshop|userplan/task-done]]);
310 .path-mod-workshop .userplan tr.phasetasks li.fail {
311     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
314 .path-mod-workshop .userplan tr.phasetasks li.info {
315     background-image: url([[pix:mod_workshop|userplan/task-info]]);
318 .path-mod-workshop .userplan tr.phasetasks .tasks {
319     list-style:none;
320     margin: 3px;
321     padding: 0px;
324 .path-mod-workshop .userplan tr.phasetasks .title {
325     padding: 0px 10px 0px 20px;
328 .path-mod-workshop .userplan tr.phasetasks .details {
329     padding: 0px 10px 0px 25px;
330     font-size: 80%;
333 /**
334  * Assessment - full display
335  */
336 .path-mod-workshop .assessment-full {
337     border: 1px solid #ddd;
338     margin: 0px auto 1em auto;
341 .path-mod-workshop .assessment-full .header {
342     position: relative;
343     background-color: #ddd;
344     padding: 3px;
345     min-height: 35px;
348 .path-mod-workshop .assessment-full .header .title {
349     font-weight: bold;
352 .path-mod-workshop .assessment-full .header .title,
353 .path-mod-workshop .assessment-full .header .reviewer,
354 .path-mod-workshop .assessment-full .header .grade,
355 .path-mod-workshop .assessment-full .header .weight {
356     margin: 0px 0px 0px 40px;
359 .path-mod-workshop .assessment-full.anonymous .header .title,
360 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
361 .path-mod-workshop .assessment-full.anonymous .header .grade,
362 .path-mod-workshop .assessment-full.anonymous .header .weight {
363     margin: 0px 0px 0px 5px;
366 .path-mod-workshop .assessment-full .header .reviewer .picture {
367     position: absolute;
368     top: 3px;
369     left: 3px;
372 .path-mod-workshop .assessment-full .header .actions {
373     position: absolute;
374     top: 5px;
375     right: 5px;
376     text-align: right;
379 .path-mod-workshop .assessment-full .header .actions .singlebutton,
380 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
381 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
382     display: inline;
385 .path-mod-workshop .assessment-full .assessment-form-wrapper,
386 .path-mod-workshop .assessment-full .overall-feedback-wrapper {
387     margin-top: 0.5em;
388     padding: 0px 1em;
391 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
392 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
393     background-color: #e7f1c3;
396 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
397 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
398     background-color: #ffd3d9;
401 /**
402  * Overall feedback
403  */
404 .path-mod-workshop .assessment-full .overallfeedback .content,
405 .path-mod-workshop .assessment-full .overallfeedback .attachments {
406     padding: 5px 10px;
409 .path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
410     margin-right: 5px;
413 .path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
414     display: inline-block;
415     margin: 5px;
416     padding: 5px;
417     border: 1px solid #ddd;
420 /**
421  * Assessment form
422  */
423 .path-mod-workshop .assessmentform .description {
424     margin: 0px 1em;
427 /**
428  * Grading report
429  */
430 .path-mod-workshop .grading-report {
431     width: 100%;
432     margin: 1em auto 1em auto;
433     font-size: 80%;
434     border: 1px solid #ddd;
437 .path-mod-workshop .grading-report .userpicture {
438     margin: 0px 3px;
439     vertical-align: middle;
442 .path-mod-workshop .grading-report del {
443     color: red;
444     font-size: 90%;
445     text-decoration: line-through;
448 .path-mod-workshop .grading-report ins {
449     color: green;
450     font-weight: bold;
451     text-decoration: underline;
454 .path-mod-workshop .grading-report th {
455     white-space: normal;
458 .path-mod-workshop .grading-report td {
459     vertical-align: top;
460     border: 1px solid #ddd;
463 .path-mod-workshop .grading-report tr.published td.submission {
464     background-color: #d2ebff;
467 .path-mod-workshop .grading-report tr.published td.submission a {
468     font-weight: bold;
471 .path-mod-workshop .grading-report .assessmentdetails {
472     white-space: nowrap;
475 .path-mod-workshop .grading-report .receivedgrade span.grade,
476 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
477     font-weight: bold;
480 .path-mod-workshop .grading-report .submissiongrade.cell,
481 .path-mod-workshop .grading-report .gradinggrade.cell {
482     text-align: center;
483     font-size: 200%;
484     white-space: nowrap;
487 .path-mod-workshop .grading-report .givengrade.null .user,
488 .path-mod-workshop .grading-report .receivedgrade.null .user {
489     color: #ee0000;
492 /**
493  * Final grades
494  */
495 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
496     text-align: center;
499 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
500     border: 1px solid #ddd;
501     margin: 1em;
502     padding: 2em;
503     display: inline-block;
504     -webkit-border-radius: 15px;
505     -moz-border-radius: 15px;
506     border-radius: 15px;
509 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
510     background-color: #d2ebff;
513 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
514     background-color: #eee;
515     /*background-color: #e7f1c3;*/
518 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
519     font-weight: bold;
520     font-size: x-large;
521     margin: 10px;
524 /**
525  * Edit assessment form
526  */
527 #mod-workshop-editform fieldset.fgroup * {
528     vertical-align: top;
531 /**
532  * Feedback
533  */
534 .path-mod-workshop .feedback {
535     border: 1px solid #ddd;
536     margin: 0px auto 1em auto;
537     width: 100%;
540 .path-mod-workshop .feedback .header {
541     position: relative;
542     background-color: #ddd;
543     padding: 3px;
544     min-height: 35px;
547 .path-mod-workshop .feedback .header .title {
548     margin: 0px 0px 0px 40px;
551 .path-mod-workshop .feedback .header .picture {
552     position: absolute;
553     top: 3px;
554     left: 3px;
557 .path-mod-workshop .feedback .content {
558     padding: 5px 10px;
561 /**
562  * Misc
563  */
564 .path-mod-workshop div.buttonsbar {
565     text-align: center;
568 .path-mod-workshop div.buttonsbar .singlebutton {
569     display: inline;
572 .path-mod-workshop .toolboxaction {
573     margin-right: 1em;
576 .path-mod-workshop .toolboxaction,
577 .path-mod-workshop .toolboxaction .singlebutton,
578 .path-mod-workshop .toolboxaction .singlebutton form,
579 .path-mod-workshop .toolboxaction .singlebutton form div {
580     display: inline;
583 .path-mod-workshop div.buttonwithhelp div {
584     display: inline;
587 .path-mod-workshop #evaluationmethodchooser {
588     margin: 2em auto;
589     text-align: center;
592 .path-mod-workshop .workshop-risk-dataloss { vertical-align: text-bottom; }