Merge branch 'MDL-49347-master' of git://github.com/jleyva/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: 60%;
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: 60%;
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: 70%;
236     margin: 1em auto 1em auto;
237     font-size: 80%;
238     border-left: 1px solid #ddd;
239     border-right: 1px solid #ddd;
242 .path-mod-workshop .userplan th {
243     vertical-align: bottom;
244     white-space: normal;
245     color: #999;
246     border-top: 1px solid #ddd;
247     border-bottom: 1px solid #ddd;
248     padding: 3px;
251 .path-mod-workshop .userplan th.active {
252     vertical-align: top;
253     color: black;
254     font-size: 140%;
255     border: 1px solid #ddd;
256     border-bottom: 0;
257     background: #e7f1c3;
260 .path-mod-workshop .userplan td {
261     width: 20%;
262     vertical-align: top;
263     border-right: 1px solid #ddd;
264     background-color: #f5f5f5;
267 .path-mod-workshop .userplan td,
268 .path-mod-workshop .userplan td a,
269 .path-mod-workshop .userplan td a:link,
270 .path-mod-workshop .userplan td a:hover,
271 .path-mod-workshop .userplan td a:visited,
272 .path-mod-workshop .userplan td a:active {
273     color: #999;
276 .path-mod-workshop .userplan td.active,
277 .path-mod-workshop .userplan td.active a,
278 .path-mod-workshop .userplan td.active a:link,
279 .path-mod-workshop .userplan td.active a:hover,
280 .path-mod-workshop .userplan td.active a:visited,
281 .path-mod-workshop .userplan td.active a:active {
282     color: black;
285 .path-mod-workshop .userplan td.lastcol {
286     border-right: 0;
289 .path-mod-workshop .userplan td.active {
290     border-left: 1px solid #ddd;
291     border-right: 1px solid #ddd;
292     background-color: #e7f1c3;
295 .path-mod-workshop .userplan th .actions {
296     display: inline;
298 .path-mod-workshop .userplan tr.phasetasks li {
299     background-image: url([[pix:mod_workshop|userplan/task-todo]]);
300     background-position: top left;
301     background-repeat: no-repeat;
302     list-style-type: none;
303     min-height: 16px;
304     margin: .3em 0;
307 .path-mod-workshop .userplan tr.phasetasks li.completed {
308     background-image: url([[pix:mod_workshop|userplan/task-done]]);
311 .path-mod-workshop .userplan tr.phasetasks li.fail {
312     background-image: url([[pix:mod_workshop|userplan/task-fail]]);
315 .path-mod-workshop .userplan tr.phasetasks li.info {
316     background-image: url([[pix:mod_workshop|userplan/task-info]]);
319 .path-mod-workshop .userplan tr.phasetasks .tasks {
320     list-style:none;
321     margin: 3px;
322     padding: 0px;
325 .path-mod-workshop .userplan tr.phasetasks .title {
326     padding: 0px 10px 0px 20px;
329 .path-mod-workshop .userplan tr.phasetasks .details {
330     padding: 0px 10px 0px 25px;
331     font-size: 80%;
334 /**
335  * Assessment - full display
336  */
337 .path-mod-workshop .assessment-full {
338     border: 1px solid #ddd;
339     margin: 0px auto 1em auto;
342 .path-mod-workshop .assessment-full .header {
343     position: relative;
344     background-color: #ddd;
345     padding: 3px;
346     min-height: 35px;
349 .path-mod-workshop .assessment-full .header .title {
350     font-weight: bold;
353 .path-mod-workshop .assessment-full .header .title,
354 .path-mod-workshop .assessment-full .header .reviewer,
355 .path-mod-workshop .assessment-full .header .grade,
356 .path-mod-workshop .assessment-full .header .weight {
357     margin: 0px 0px 0px 40px;
360 .path-mod-workshop .assessment-full.anonymous .header .title,
361 .path-mod-workshop .assessment-full.anonymous .header .reviewer,
362 .path-mod-workshop .assessment-full.anonymous .header .grade,
363 .path-mod-workshop .assessment-full.anonymous .header .weight {
364     margin: 0px 0px 0px 5px;
367 .path-mod-workshop .assessment-full .header .reviewer .picture {
368     position: absolute;
369     top: 3px;
370     left: 3px;
373 .path-mod-workshop .assessment-full .header .actions {
374     position: absolute;
375     top: 5px;
376     right: 5px;
377     text-align: right;
380 .path-mod-workshop .assessment-full .header .actions .singlebutton,
381 .path-mod-workshop .assessment-full .header .actions .singlebutton form,
382 .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
383     display: inline;
386 .path-mod-workshop .assessment-full .assessment-form-wrapper,
387 .path-mod-workshop .assessment-full .overall-feedback-wrapper {
388     margin-top: 0.5em;
389     padding: 0px 1em;
392 .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
393 .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
394     background-color: #e7f1c3;
397 .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
398 .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
399     background-color: #ffd3d9;
402 /**
403  * Overall feedback
404  */
405 .path-mod-workshop .assessment-full .overallfeedback .content,
406 .path-mod-workshop .assessment-full .overallfeedback .attachments {
407     padding: 5px 10px;
410 .path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
411     margin-right: 5px;
414 .path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
415     display: inline-block;
416     margin: 5px;
417     padding: 5px;
418     border: 1px solid #ddd;
421 /**
422  * Assessment form
423  */
424 .path-mod-workshop .assessmentform .description {
425     margin: 0px 1em;
428 /**
429  * Grading report
430  */
431 .path-mod-workshop .grading-report {
432     width: 90%;
433     margin: 1em auto 1em auto;
434     font-size: 80%;
435     border: 1px solid #ddd;
438 .path-mod-workshop .grading-report .userpicture {
439     margin: 0px 3px;
440     vertical-align: middle;
443 .path-mod-workshop .grading-report del {
444     color: red;
445     font-size: 90%;
446     text-decoration: line-through;
449 .path-mod-workshop .grading-report ins {
450     color: green;
451     font-weight: bold;
452     text-decoration: underline;
455 .path-mod-workshop .grading-report th {
456     white-space: normal;
459 .path-mod-workshop .grading-report td {
460     vertical-align: top;
461     border: 1px solid #ddd;
464 .path-mod-workshop .grading-report tr.published td.submission {
465     background-color: #d2ebff;
468 .path-mod-workshop .grading-report tr.published td.submission a {
469     font-weight: bold;
472 .path-mod-workshop .grading-report .assessmentdetails {
473     white-space: nowrap;
476 .path-mod-workshop .grading-report .receivedgrade span.grade,
477 .path-mod-workshop .grading-report .givengrade span.gradinggrade {
478     font-weight: bold;
481 .path-mod-workshop .grading-report .submissiongrade.cell,
482 .path-mod-workshop .grading-report .gradinggrade.cell {
483     text-align: center;
484     font-size: 200%;
485     white-space: nowrap;
488 .path-mod-workshop .grading-report .givengrade.null .user,
489 .path-mod-workshop .grading-report .receivedgrade.null .user {
490     color: #ee0000;
493 /**
494  * Final grades
495  */
496 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
497     text-align: center;
500 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
501     border: 1px solid #ddd;
502     margin: 1em;
503     padding: 2em;
504     display: inline-block;
505     -webkit-border-radius: 15px;
506     -moz-border-radius: 15px;
507     border-radius: 15px;
510 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
511     background-color: #d2ebff;
514 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
515     background-color: #eee;
516     /*background-color: #e7f1c3;*/
519 .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
520     font-weight: bold;
521     font-size: x-large;
522     margin: 10px;
525 /**
526  * Edit assessment form
527  */
528 #mod-workshop-editform fieldset.fgroup * {
529     vertical-align: top;
532 /**
533  * Feedback
534  */
535 .path-mod-workshop .feedback {
536     border: 1px solid #ddd;
537     margin: 0px auto 1em auto;
538     width: 80%;
541 .path-mod-workshop .feedback .header {
542     position: relative;
543     background-color: #ddd;
544     padding: 3px;
545     min-height: 35px;
548 .path-mod-workshop .feedback .header .title {
549     margin: 0px 0px 0px 40px;
552 .path-mod-workshop .feedback .header .picture {
553     position: absolute;
554     top: 3px;
555     left: 3px;
558 .path-mod-workshop .feedback .content {
559     padding: 5px 10px;
562 /**
563  * Misc
564  */
565 .path-mod-workshop div.buttonsbar {
566     text-align: center;
569 .path-mod-workshop div.buttonsbar .singlebutton {
570     display: inline;
573 .path-mod-workshop .toolboxaction {
574     margin-right: 1em;
577 .path-mod-workshop .toolboxaction,
578 .path-mod-workshop .toolboxaction .singlebutton,
579 .path-mod-workshop .toolboxaction .singlebutton form,
580 .path-mod-workshop .toolboxaction .singlebutton form div {
581     display: inline;
584 .path-mod-workshop div.buttonwithhelp div {
585     display: inline;
588 .path-mod-workshop #evaluationmethodchooser {
589     margin: 2em auto;
590     text-align: center;
593 .path-mod-workshop .workshop-risk-dataloss { vertical-align: text-bottom; }