MDL-46658 gradereport_grader: Make page CSS more specific

grade/report/grader/styles.css

@@ -1,17 +1,17 @@
 /**
  * Container.
  */
-.gradeparent {
+.path-grade-report-grader .gradeparent {
     position: relative;
 }
 
 /**
  * Tooltip and overlay.
  */
-.gradeparent .grader-information-tooltip {
+.path-grade-report-grader .gradeparent .grader-information-tooltip {
     min-width: 200px;
 }
-.gradeparent .graderreportoverlay {
+.path-grade-report-grader .gradeparent .graderreportoverlay {
     background-color: white;
     width: auto;
     padding: 10px;
@@ -23,7 +23,7 @@
 /**
  * The table.
  */
-.gradeparent table {
+.path-grade-report-grader .gradeparent table {
     border: 1px solid #ccc;
     border-collapse: separate;
     border-spacing: 0;
@@ -31,7 +31,7 @@
     border-right-width: 0;
     margin-bottom: 2em;
 }
-.dir-rtl .gradeparent table {
+.dir-rtl .path-grade-report-grader .gradeparent table {
     border-left-width: 0;
     border-right-width: 1px;
 }
@@ -39,7 +39,7 @@
 /**
  * All the cells.
  */
-.gradeparent .cell {
+.path-grade-report-grader .gradeparent .cell {
     border: 1px solid #ccc;
     border-top-width: 0;
     border-left-width: 0;
@@ -48,7 +48,7 @@
     text-align: right;
     white-space: nowrap;
 }
-.dir-rtl .gradeparent .cell {
+.dir-rtl .path-grade-report-grader .gradeparent .cell {
     border-left-width: 1px;
     border-right-width: 0;
     text-align: left;
@@ -57,53 +57,53 @@
 /**
  * Stripped table.
  */
-.gradeparent tr:nth-of-type(even) .cell {
+.path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell {
     background-color: #f9f9f9;
 }
 
 /**
  * All the floating divs.
  */
-.gradeparent .floater {
+.path-grade-report-grader .gradeparent .floater {
     display: none;
 }
-.gradeparent .floating {
+.path-grade-report-grader .gradeparent .floating {
     display: block;
 }
 
 /**
  * All the headers + floating cells.
  */
-.gradeparent .heading .cell,
-.gradeparent .avg .cell,
-.gradeparent .user.cell {
+.path-grade-report-grader .gradeparent .heading .cell,
+.path-grade-report-grader .gradeparent .avg .cell,
+.path-grade-report-grader .gradeparent .user.cell {
     font-size: 14px;
     font-weight: normal;
     text-align: left;
 }
-.dir-rtl .gradeparent .heading .cell,
-.dir-rtl .gradeparent .avg .cell,
-.dir-rtl .gradeparent .user.cell {
+.dir-rtl .path-grade-report-grader .gradeparent .heading .cell,
+.dir-rtl .path-grade-report-grader .gradeparent .avg .cell,
+.dir-rtl .path-grade-report-grader .gradeparent .user.cell {
     text-align: right;
 }
 
 /**
  * All the floating cells.
  */
-.gradeparent .floater .cell {
+.path-grade-report-grader .gradeparent .floater .cell {
     background-color: #f9f9f9;
 }
 
 /**
  * The user cells.
  */
-.gradeparent .user.cell {
+.path-grade-report-grader .gradeparent .user.cell {
     min-width: 200px;
     width: 200px;
     white-space: normal;
     vertical-align: top;
 }
-.gradeparent .user.cell .userpicture {
+.path-grade-report-grader .gradeparent .user.cell .userpicture {
     margin: 0 4px;
     border: none;
     vertical-align: middle;
@@ -112,108 +112,108 @@
 /**
  * The additional user fields.
  */
-.gradeparent .userfield {
+.path-grade-report-grader .gradeparent .userfield {
     font-weight: normal;
     text-align: left;
 }
-.dir-rtl .gradeparent .userfield {
+.dir-rtl .path-grade-report-grader .gradeparent .userfield {
     text-align: right;
 }
 
 /**
  * The footer's header.
  */
-.gradeparent .range .header,
-.gradeparent .avg .header {
+.path-grade-report-grader .gradeparent .range .header,
+.path-grade-report-grader .gradeparent .avg .header {
     font-weight: bold;
 }
 
 /**
  * The footer's floating cells.
  */
-.gradeparent .avg.floating .cell {
+.path-grade-report-grader .gradeparent .avg.floating .cell {
     border-top-width: 1px;
 }
 
 /**
  * The footer's cells.
  */
-.gradeparent .avg .cell {
+.path-grade-report-grader .gradeparent .avg .cell {
     text-align: right;
 }
-.dir-rtl .gradeparent .avg .cell {
+.dir-rtl .path-grade-report-grader .gradeparent .avg .cell {
     text-align: left;
 }
 
 /**
  * Content styling.
  */
-.gradeparent .heading .cell .iconsmall {
+.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
     /* Fixes inconsistencies in cell height on IE. */
     padding-top: 0;
     padding-bottom: 0;
 }
-.gradeparent .sorticon {
+.path-grade-report-grader .gradeparent .sorticon {
     margin-left: 3px;
 }
-.dir-rtl .gradeparent .sorticon {
+.dir-rtl .path-grade-report-grader .gradeparent .sorticon {
     margin-left: 0;
     margin-right: 3px;
 }
-.gradeparent .gradevalue {
+.path-grade-report-grader .gradeparent .gradevalue {
     display: inline-block;
 }
-.gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
+.path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
     /* Made very specific to override the default stripped style of the table. */
     background-color: #efd9a4;
 }
-.gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
+.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
     /* Made very specific to override the default stripped style of the table. */
     background-color: #ffe3a0;
 }
-.gradeparent .excludedfloater {
+.path-grade-report-grader .gradeparent .excludedfloater {
     font-weight: bold;
     color: red;
     font-size: 9px;
     float: left;
 }
-.dir-rtl .gradeparent .excludedfloater {
+.dir-rtl .path-grade-report-grader .gradeparent .excludedfloater {
     float: right;
 }
 
 .path-grade-report .gradeparent .floater .controls.cell,
-.gradeparent .controls {
+.path-grade-report-grader .gradeparent .controls {
     background-color: #f3ead8;
 }
-.gradeparent .category {
+.path-grade-report-grader .gradeparent .category {
     text-align: left;
 }
-.dir-rtl .gradeparent .category {
+.dir-rtl .path-grade-report-grader .gradeparent .category {
     text-align: right;
 }
 
 /**
  * Editing fields.
  */
-.gradeparent select {
+.path-grade-report-grader .gradeparent select {
     margin: 0;
     padding: 0;
 }
-.gradeparent .text {
+.path-grade-report-grader .gradeparent .text {
     border: 1px solid #666;
     width: auto;
     margin: 0;
     padding: 0;
     text-align: center;
 }
-.gradeparent .quickfeedback {
+.path-grade-report-grader .gradeparent .quickfeedback {
     border: 1px dashed #000;
     width: auto;
     margin: 0;
     padding: 0;
     margin-left: 10px;
 }
-.dir-rtl .gradeparent .quickfeedback {
+.dir-rtl .path-grade-report-grader .gradeparent .quickfeedback {
     margin-left: 0;
     margin-right: 10px;
 }