From edea3f97cc8d143d11983e6973112cfaa6414329 Mon Sep 17 00:00:00 2001 From: David Mudrak Date: Thu, 22 Apr 2010 06:37:32 +0000 Subject: [PATCH] workshop: fixing CSS regressions --- mod/workshop/styles.css | 253 ++++++++++++++++++++-------------------- 1 file changed, 127 insertions(+), 126 deletions(-) diff --git a/mod/workshop/styles.css b/mod/workshop/styles.css index 3faae379223..d55a8474423 100644 --- a/mod/workshop/styles.css +++ b/mod/workshop/styles.css @@ -1,43 +1,43 @@ /** * Submission - one line summary display */ -.mod-workshop .submission-summary { +.path-mod-workshop .submission-summary { position: relative; margin-bottom: 10px; } -.mod-workshop .submission-summary .title, -.mod-workshop .submission-summary .author, -.mod-workshop .submission-summary .author .fullname, -.mod-workshop .submission-summary .author .picture { +.path-mod-workshop .submission-summary .title, +.path-mod-workshop .submission-summary .author, +.path-mod-workshop .submission-summary .author .fullname, +.path-mod-workshop .submission-summary .author .picture { display: inline; } -.mod-workshop .submission-summary .title, -.mod-workshop .submission-summary .userdate { +.path-mod-workshop .submission-summary .title, +.path-mod-workshop .submission-summary .userdate { margin: 0px 0px 0px 40px; } -.mod-workshop .submission-summary .author { +.path-mod-workshop .submission-summary .author { margin-left: 1ex; } -.mod-workshop .submission-summary.anonymous .title, -.mod-workshop .submission-summary.anonymous .author, -.mod-workshop .submission-summary.anonymous .userdate { +.path-mod-workshop .submission-summary.anonymous .title, +.path-mod-workshop .submission-summary.anonymous .author, +.path-mod-workshop .submission-summary.anonymous .userdate { margin: 0px 0px 0px 5px; } -.mod-workshop .submission-summary .userdate { +.path-mod-workshop .submission-summary .userdate { font-size: x-small; color: #333; } -.mod-workshop .submission-summary .userdate span { +.path-mod-workshop .submission-summary .userdate span { font-style: italic; } -.mod-workshop .submission-summary .author .picture { +.path-mod-workshop .submission-summary .author .picture { position: absolute; top: 0px; left: 0px; @@ -46,84 +46,84 @@ /** * Submission - full display */ -.mod-workshop .submission-full { +.path-mod-workshop .submission-full { border: 1px solid #ddd; margin: 0px 0px 1em 0px; } -.mod-workshop .submission-full .header { +.path-mod-workshop .submission-full .header { position: relative; background-color: #ddd; padding: 3px; min-height: 67px; } -.mod-workshop .submission-full .header .title, -.mod-workshop .submission-full .header .author, -.mod-workshop .submission-full .header .userdate { +.path-mod-workshop .submission-full .header .title, +.path-mod-workshop .submission-full .header .author, +.path-mod-workshop .submission-full .header .userdate { margin: 0px 0px 0px 80px; } -.mod-workshop .submission-full.anonymous .header .title, -.mod-workshop .submission-full.anonymous .header .author, -.mod-workshop .submission-full.anonymous .header .userdate { +.path-mod-workshop .submission-full.anonymous .header .title, +.path-mod-workshop .submission-full.anonymous .header .author, +.path-mod-workshop .submission-full.anonymous .header .userdate { margin: 0px 0px 0px 5px; } -.mod-workshop .submission-full .header .userdate.created { +.path-mod-workshop .submission-full .header .userdate.created { padding-right: 10px; } -.mod-workshop .submission-full .header .userdate.modified { +.path-mod-workshop .submission-full .header .userdate.modified { padding-left: 10px; border-left: 1px solid #000; } -.mod-workshop .submission-full .header .userdate { +.path-mod-workshop .submission-full .header .userdate { font-size: x-small; color: #333; display: inline; } -.mod-workshop .submission-full .header .userdate span { +.path-mod-workshop .submission-full .header .userdate span { font-style: italic; } -.mod-workshop .submission-full .header .author .picture { +.path-mod-workshop .submission-full .header .author .picture { position: absolute; top: 3px; left: 3px; } -.mod-workshop .submission-full .content, -.mod-workshop .submission-full .attachments { +.path-mod-workshop .submission-full .content, +.path-mod-workshop .submission-full .attachments { padding: 5px 10px; } -.mod-workshop .submission-full .attachments .files img.icon { +.path-mod-workshop .submission-full .attachments .files img.icon { margin-right: 5px; } /** * Example submission - summary display */ -.mod-workshop .submission-summary.example .title, -.mod-workshop .submission-summary.example .userdate { +.path-mod-workshop .submission-summary.example .title, +.path-mod-workshop .submission-summary.example .userdate { margin: 0px 0px 0px 0px; } /** * Example submission - full display */ -.mod-workshop .submission-full.example .header .title, -.mod-workshop .submission-full.example .header .userdate { +.path-mod-workshop .submission-full.example .header .title, +.path-mod-workshop .submission-full.example .header .userdate { margin: 0px 0px 0px 0px; } /** * Elements generated by the workshop renderer */ -.mod-workshop .status-message { +.path-mod-workshop .status-message { padding: 5px 5em 5px 15px; margin: 0px auto 20px auto; width: 60%; @@ -131,24 +131,24 @@ position: relative; } -.mod-workshop .status-message-closer { +.path-mod-workshop .status-message-closer { font-weight: bold; position: absolute; top: 5px; right: 15px; } -.mod-workshop .status-message.ok { +.path-mod-workshop .status-message.ok { color: #547c22; background-color: #e7f1c3; } -.mod-workshop .status-message.error { +.path-mod-workshop .status-message.error { color: #dd0221; background-color: #ffd3d9; } -.mod-workshop .status-message.info { +.path-mod-workshop .status-message.info { color: #1666a9; background-color: #d2ebff; } @@ -157,32 +157,32 @@ * Allocators */ -.mod-workshop .allocation-init-results { +.path-mod-workshop .allocation-init-results { margin: 10px auto; width: 60%; font-size: 80%; } -.mod-workshop .allocation-init-results .indent { +.path-mod-workshop .allocation-init-results .indent { margin-left: 20px; } -.mod-workshop .allocation-init-results .ok { +.path-mod-workshop .allocation-init-results .ok { color: #547c22; background-color: #e7f1c3; } -.mod-workshop .allocation-init-results .error { +.path-mod-workshop .allocation-init-results .error { color: #dd0221; background-color: #ffd3d9; } -.mod-workshop .allocation-init-results .info { +.path-mod-workshop .allocation-init-results .info { color: #1666a9; background-color: #d2ebff; } -.mod-workshop .allocation-init-results .debug { +.path-mod-workshop .allocation-init-results .debug { color: black; background-color: #ddd; } @@ -191,49 +191,49 @@ * Manual allocator */ -.mod-workshop .manual-allocator .allocations { +.path-mod-workshop .manual-allocator .allocations { margin: 0px auto; } -.mod-workshop .manual-allocator .allocations .r0 { +.path-mod-workshop .manual-allocator .allocations .r0 { background-color: #eee; } -.mod-workshop .manual-allocator .allocations .peer .image { +.path-mod-workshop .manual-allocator .allocations .peer .image { margin-right: 5px; vertical-align: middle; } -.mod-workshop .manual-allocator .allocations .reviewedby .image, -.mod-workshop .manual-allocator .allocations .reviewerof .image { +.path-mod-workshop .manual-allocator .allocations .reviewedby .image, +.path-mod-workshop .manual-allocator .allocations .reviewerof .image { margin-right: 3px; vertical-align: middle; } -.mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby, -.mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof { +.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby, +.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof { background-color: #fff3d2; } -.mod-workshop .manual-allocator .allocations tr td { +.path-mod-workshop .manual-allocator .allocations tr td { vertical-align: top; padding: 5px; } -.mod-workshop .manual-allocator .allocations tr td.peer { +.path-mod-workshop .manual-allocator .allocations tr td.peer { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } -.mod-workshop .manual-allocator .allocations .reviewedby .info, -.mod-workshop .manual-allocator .allocations .peer .info, -.mod-workshop .manual-allocator .allocations .reviewerof .info { +.path-mod-workshop .manual-allocator .allocations .reviewedby .info, +.path-mod-workshop .manual-allocator .allocations .peer .info, +.path-mod-workshop .manual-allocator .allocations .reviewerof .info { font-size: 80%; color: #888; font-style: italic; } -.mod-workshop .manual-allocator .allocations .peer .submission { +.path-mod-workshop .manual-allocator .allocations .peer .submission { font-size: 90%; margin-top: 1em; } @@ -241,7 +241,7 @@ /** * User plan */ -.mod-workshop .userplan { +.path-mod-workshop .userplan { width: 70%; margin: 1em auto 1em auto; font-size: 80%; @@ -249,7 +249,7 @@ border-right: 1px solid #ddd; } -.mod-workshop .userplan th { +.path-mod-workshop .userplan th { vertical-align: bottom; white-space: normal; color: #999; @@ -258,7 +258,7 @@ padding: 3px; } -.mod-workshop .userplan th.active { +.path-mod-workshop .userplan th.active { vertical-align: top; color: black; font-size: 140%; @@ -267,70 +267,71 @@ background: #e7f1c3; } -.mod-workshop .userplan td { +.path-mod-workshop .userplan td { width: 20%; vertical-align: top; border-right: 1px solid #ddd; background-color: #f5f5f5; } -.mod-workshop .userplan td, -.mod-workshop .userplan td a, -.mod-workshop .userplan td a:link, -.mod-workshop .userplan td a:hover, -.mod-workshop .userplan td a:visited, -.mod-workshop .userplan td a:active { +.path-mod-workshop .userplan td, +.path-mod-workshop .userplan td a, +.path-mod-workshop .userplan td a:link, +.path-mod-workshop .userplan td a:hover, +.path-mod-workshop .userplan td a:visited, +.path-mod-workshop .userplan td a:active { color: #999; } -.mod-workshop .userplan td.active, -.mod-workshop .userplan td.active a, -.mod-workshop .userplan td.active a:link, -.mod-workshop .userplan td.active a:hover, -.mod-workshop .userplan td.active a:visited, -.mod-workshop .userplan td.active a:active { +.path-mod-workshop .userplan td.active, +.path-mod-workshop .userplan td.active a, +.path-mod-workshop .userplan td.active a:link, +.path-mod-workshop .userplan td.active a:hover, +.path-mod-workshop .userplan td.active a:visited, +.path-mod-workshop .userplan td.active a:active { color: black; } -.mod-workshop .userplan td.lastcol { +.path-mod-workshop .userplan td.lastcol { border-right: none; } -.mod-workshop .userplan td.active { +.path-mod-workshop .userplan td.active { border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #e7f1c3; } -.mod-workshop .userplan tr.phasetasks li { +.path-mod-workshop .userplan tr.phasetasks li { background-image: url([[pix:mod_workshop|userplan/task-todo]]); background-position: top left; background-repeat: no-repeat; + list-style-type: none; } -.mod-workshop .userplan tr.phasetasks li.completed { +.path-mod-workshop .userplan tr.phasetasks li.completed { background-image: url([[pix:mod_workshop|userplan/task-done]]); } -.mod-workshop .userplan tr.phasetasks li.fail { +.path-mod-workshop .userplan tr.phasetasks li.fail { background-image: url([[pix:mod_workshop|userplan/task-fail]]); } -.mod-workshop .userplan tr.phasetasks li.info { +.path-mod-workshop .userplan tr.phasetasks li.info { background-image: url([[pix:mod_workshop|userplan/task-info]]); } -.mod-workshop .userplan tr.phasetasks .tasks { +.path-mod-workshop .userplan tr.phasetasks .tasks { list-style:none; margin: 3px; padding: 0px; } -.mod-workshop .userplan tr.phasetasks .title { +.path-mod-workshop .userplan tr.phasetasks .title { padding: 0px 10px 0px 20px; } -.mod-workshop .userplan tr.phasetasks .details { +.path-mod-workshop .userplan tr.phasetasks .details { padding: 0px 10px 0px 25px; font-size: 80%; } @@ -338,94 +339,94 @@ /** * Assessment */ -.mod-workshop .assessment-summary.graded, -.mod-workshop .example-summary.graded { +.path-mod-workshop .assessment-summary.graded, +.path-mod-workshop .example-summary.graded { background-color: #e7f1c3; } -.mod-workshop .assessmentform .description { +.path-mod-workshop .assessmentform .description { margin: 0px 1em; } /* Rubric - list layout */ -.mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle, -.mod-workshop .assessmentform.rubric.list .fitem .fitemtitle { +.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle, +.path-mod-workshop .assessmentform.rubric.list .fitem .fitemtitle { display: none; } -.mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement, -.mod-workshop .assessmentform.rubric.list .fitem .felement { +.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement, +.path-mod-workshop .assessmentform.rubric.list .fitem .felement { width: auto%; border: none; } -.mod-workshop .assessmentform.rubric.list .fitem .felement span { +.path-mod-workshop .assessmentform.rubric.list .fitem .felement span { display: block; } -.mod-workshop .assessmentform.rubric.list .fitem .felement span input { +.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input { display: block; float: left; } -.mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label { +.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label { display: block; margin-left: 30px; } /* Rubric - grid layout */ -.mod-workshop .mform.frozen #rubric-grid-wrapper, -.mod-workshop .assessmentform.rubric #rubric-grid-wrapper { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper, +.path-mod-workshop .assessmentform.rubric #rubric-grid-wrapper { border: none; } -.mod-workshop .mform.frozen #rubric-grid-wrapper legend, -.mod-workshop .assessmentform.rubric #rubric-grid-wrapper legend { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper legend, +.path-mod-workshop .assessmentform.rubric #rubric-grid-wrapper legend { display: none; } -.mod-workshop .mform.frozen #rubric-grid-wrapper th, -.mod-workshop .mform.frozen #rubric-grid-wrapper td, -.mod-workshop .assessmentform.rubric.grid th, -.mod-workshop .assessmentform.rubric.grid td { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper th, +.path-mod-workshop .mform.frozen #rubric-grid-wrapper td, +.path-mod-workshop .assessmentform.rubric.grid th, +.path-mod-workshop .assessmentform.rubric.grid td { border: 1px solid #ddd; padding: 5px; vertical-align: top; } -.mod-workshop .mform.frozen #rubric-grid-wrapper, -.mod-workshop .assessmentform.rubric.grid .criterion { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper, +.path-mod-workshop .assessmentform.rubric.grid .criterion { text-align: center; } -.mod-workshop .assessmentform.rubric.grid .fitem { +.path-mod-workshop .assessmentform.rubric.grid .fitem { text-align: center; } -.mod-workshop .mform.frozen #rubric-grid-wrapper .fitem .fitemtitle, -.mod-workshop .assessmentform.rubric.grid .fitem .fitemtitle { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper .fitem .fitemtitle, +.path-mod-workshop .assessmentform.rubric.grid .fitem .fitemtitle { display: none; } -.mod-workshop .mform.frozen #rubric-grid-wrapper .fitem .felement, -.mod-workshop .assessmentform.rubric.grid .fitem .felement { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper .fitem .felement, +.path-mod-workshop .assessmentform.rubric.grid .fitem .felement { width: 100%; margin-left: auto; margin-right: auto; } -.mod-workshop .mform.frozen #rubric-grid-wrapper .fitem .felement { +.path-mod-workshop .mform.frozen #rubric-grid-wrapper .fitem .felement { border: none; } -.mod-workshop .assessmentform.rubric.grid .fitem .felement span { +.path-mod-workshop .assessmentform.rubric.grid .fitem .felement span { display: block; text-align: center; } -.mod-workshop .assessmentform.rubric.grid .fitem .felement span label { +.path-mod-workshop .assessmentform.rubric.grid .fitem .felement span label { display: block; text-align: center; } @@ -433,52 +434,52 @@ /** * Grading report */ -.mod-workshop .grading-report { +.path-mod-workshop .grading-report { width: 90%; margin: 1em auto 1em auto; font-size: 80%; border: 1px solid #ddd; } -.mod-workshop .grading-report del { +.path-mod-workshop .grading-report del { color: red; font-size: 90% text-decoration: line-through; } -.mod-workshop .grading-report ins { +.path-mod-workshop .grading-report ins { color: green; font-weight: bold; text-decoration: underline; } -.mod-workshop .grading-report th { +.path-mod-workshop .grading-report th { white-space: normal; } -.mod-workshop .grading-report td { +.path-mod-workshop .grading-report td { vertical-align: top; border: 1px solid #ddd; } -.mod-workshop .grading-report .assessmentdetails { +.path-mod-workshop .grading-report .assessmentdetails { white-space: nowrap; } -.mod-workshop .grading-report .receivedgrade span.grade, -.mod-workshop .grading-report .givengrade span.gradinggrade { +.path-mod-workshop .grading-report .receivedgrade span.grade, +.path-mod-workshop .grading-report .givengrade span.gradinggrade { font-weight: bold; } -.mod-workshop .grading-report .submissiongrade.cell, -.mod-workshop .grading-report .gradinggrade.cell { +.path-mod-workshop .grading-report .submissiongrade.cell, +.path-mod-workshop .grading-report .gradinggrade.cell { text-align: center; font-size: 200%; white-space: nowrap; } -.mod-workshop .grading-report .givengrade.null .user, -.mod-workshop .grading-report .receivedgrade.null .user { +.path-mod-workshop .grading-report .givengrade.null .user, +.path-mod-workshop .grading-report .receivedgrade.null .user { color: #ee0000; } @@ -492,14 +493,14 @@ /** * Misc */ -.mod-workshop div.buttonsbar { +.path-mod-workshop div.buttonsbar { text-align: center; } -.mod-workshop div.buttonsbar .singlebutton { +.path-mod-workshop div.buttonsbar .singlebutton { display: inline; } -.mod-workshop div.buttonwithhelp div { +.path-mod-workshop div.buttonwithhelp div { display: inline; }