MDL-46658 gradereport_grader: Make page CSS more specific

This commit is contained in:
Andrew Nicols 2014-10-02 14:41:13 +08:00
parent 325e81d309
commit 6821f7310c

View File

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