moodle/grade/report/grader/styles.css

580 lines
14 KiB
CSS

.path-grade-report-grader .flexible th {
white-space: normal;
}
.gradestable {
margin-bottom: 0;
}
.gradestable th.user img {
width: 20px;
height: 20px;
}
.gradestable th img {
vertical-align: text-bottom;
padding-bottom: 0;
}
.gradestable th .grade_icons {
margin-top: .3em;
}
.gradestable th img.sorticon {
margin-left: .3em;
}
.dir-rtl .gradestable th img.sorticon {
margin-left: 0;
margin-right: .3em;
}
table#user-grades .catlevel2 {
background-color: #f9f9f9;
}
table#user-grades tr.range td.cell {
font-weight: 700;
}
table#user-grades tr.avg td.cell {
background-color: #efefff;
font-weight: 700;
color: #00008B;
}
table#user-grades tr.odd td.cell {
background-color: #efefef;
white-space: nowrap;
}
table#user-grades tr td.overridden {
background-color: #F3E4C0;
}
table#user-grades tr.odd td.overridden {
background-color: #EFD9A4;
}
table#user-grades tr td.ajaxoverridden {
background-color: #FFE3A0;
}
table#user-grades tr.odd td.ajaxoverridden {
background-color: #FFDA83;
}
table#user-grades tr.even td.excluded {
background-color: #EABFFF;
}
table#user-grades tr.odd td.excluded {
background-color: #E5AFFF;
}
table#user-grades tr.odd th.header {
background-color: #efefef;
background-image: none;
}
table#user-grades tr.even th.header {
background-image: none;
}
table#user-grades tr.groupavg td.cell {
background-color: #efffef;
font-weight: 700;
color: #006400;
}
table#user-grades td.cat,
table#user-grades td.course {
font-weight: 700;
}
table#user-grades {
font-size: 10px;
width: auto;
background-color: transparent;
border-style: solid;
border-width: 1px;
margin: 20px 0 0;
}
.path-grade-report-grader #overDiv table {
margin: 0;
}
.path-grade-report-grader #overDiv table td.feedback {
border: 0;
}
.path-grade-report-grader #overDiv .feedback {
font-size: 70%;
background-color: #ABF;
color: #000;
font-family: Verdana;
font-weight: 400;
}
.path-grade-report-grader #overDiv .caption {
font-size: 70%;
background-color: #56C;
color: #CCF;
font-family: Arial;
font-weight: 700;
}
.path-grade-report-grader #overDiv .intersection {
font-size: 70%;
background-color: #ABF;
color: #000;
font-family: Verdana;
font-weight: 400;
}
.path-grade-report-grader #overDiv .intersectioncaption {
background-color: #56C;
color: #CCF;
font-family: Arial;
font-weight: 700;
}
.path-grade-report-grader div.submit {
margin-top: 20px;
text-align: center;
}
table#user-grades td {
text-align: right;
border-style: solid;
border-width: 0 1px 1px 0;
}
table#user-grades th.category {
vertical-align: top;
border-style: solid;
border-width: 1px 1px 0;
}
table#user-grades th.user {
text-align: left;
border-style: solid;
border-width: 1px 0;
}
table#user-grades th.userfield {
border-style: solid;
border-width: 1px;
}
table#user-grades th.categoryitem,
table#user-grades td.topleft {
vertical-align: bottom;
border-style: solid;
border-width: 0 1px;
}
.path-grade-report-grader td,.path-grade-report-grader th {
border-color: #CECECE;
}
.path-grade-report-grader table#participants th {
vertical-align: top;
width: auto;
}
table#user-grades td.fillerfirst {
border-style: solid;
border-width: 0 0 0 1px;
}
table#user-grades td.fillerlast {
border-style: solid;
border-width: 0 1px 0 0;
}
table#user-grades th.item,
table#user-grades th.categoryitem,
table#user-grades th.courseitem {
border-bottom-color: #000;
vertical-align: bottom;
border-style: solid;
border-width: 1px;
}
div.gradertoggle {
display: inline;
margin-left: 20px;
}
table#user-grades th.range {
text-align: right;
border-style: solid;
border-width: 1px;
}
table#user-grades .userpic {
display: inline;
margin-right: 10px;
}
table#user-grades .quickfeedback {
border: 1px dashed #000;
margin-left: 10px;
}
.dir-rtl table#user-grades .quickfeedback {
margin-left: 0;
margin-right: 10px;
}
.path-grade-report-grader #siteconfiglink {
text-align: right;
}
table#user-grades .datesubmitted {
font-size: .7em;
}
table#user-grades td.cell {
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.path-grade-report-grader table {
border-collapse: collapse;
background-color: #fff;
border-color: #cecece;
}
.path-grade-report-grader th {
padding: 1px 10px;
}
.path-grade-report-grader span.inclusion-links {
margin: 0 5px 0 10px;
}
table#user-grades .item {
background-color: #e9e9e9;
}
.path-grade-report-grader table tr.odd th.header {
background-color: #efefef;
background-image: none;
border-width: 0 0 1px;
}
.path-grade-report-grader table tr.heading th.header {
border-top: 1px solid #cecece;
}
table#user-grades tr.heading th.categoryitem,
table#user-grades tr.heading th.courseitem {
border-width: 0 0 0 1px;
}
table#user-grades th.category.header.catlevel1 {
vertical-align: top;
border-style: solid;
border-width: 1px 1px 0 0;
}
.path-grade-report-grader div.left_scroller th.user a {
vertical-align: middle;
margin: 0;
padding: 0;
}
table#user-grades th.categoryitem,
table#user-grades th.courseitem,
.path-grade-report-grader table td.topleft {
vertical-align: bottom;
border-color: #cecece #cecece #000;
border-style: solid;
border-width: 0 1px 1px;
}
.path-grade-report-grader table td.topleft {
border-bottom: 0;
}
table#user-grades td.topleft {
background-color: #fff;
}
.path-grade-report-grader th.user img.userpicture {
border: 3px double #cecece;
vertical-align: top;
width: 2.7em;
height: 2.7em;
margin-right: 10px;
}
.path-grade-report-grader a.quickedit {
line-height: 1em;
display: block;
float: right;
clear: none;
font-size: 9px;
background-color: transparent;
margin: .1em 0 0;
}
.path-grade-report-grader a.quickedit2 {
display: block;
float: right;
clear: none;
background-color: transparent;
margin: 1.3em 0 0;
}
.path-grade-report-grader table#quick_edit {
border: 1px solid #cecece;
margin: 0 auto;
}
.path-grade-report-grader table#quick_edit td {
vertical-align: middle;
border: 1px solid #cecece;
text-align: left;
margin: 0;
padding: 5px;
}
.path-grade-report-grader table#quick_edit td img {
border: 3px double #cecece;
vertical-align: middle;
padding: 0;
}
.path-grade-report-grader td input.text {
border: 1px solid #666;
}
.path-grade-report-grader td input.submit {
margin: 10px 10px 0px 10px;
}
.path-grade-report-grader table#quick_edit td.fullname {
border-left: 0;
padding-left: 5px;
}
.path-grade-report-grader table#quick_edit td.picture {
border-right: 0;
}
.path-grade-report-grader table#quick_edit td.finalgrade input {
width: 5em;
}
.path-grade-report-grader h1 {
text-align: center;
clear: both;
}
.path-grade-report-grader input.center {
margin: 10px auto 0;
}
.path-grade-report-grader .lefttbody {
width: auto;
vertical-align: middle;
}
table#user-grades th.fixedcolumn {
border: 1px solid #cecece;
vertical-align: middle;
}
.path-grade-report-grader table#fixed_column th {
border: 1px solid #cecece;
vertical-align: middle;
border-right-color: #000;
}
.path-grade-report-grader table#fixed_column th.user{
border-right-color: #cecece;
}
.path-grade-report-grader table#fixed_column {
padding-top: 20px;
border-top: 1px solid #cecece;
background-color: #fff;
}
.path-grade-report-grader .left_scroller {
float: left;
clear: none;
padding-top: 20px;
}
.path-grade-report-grader.dir-rtl .left_scroller {
float: right;
}
.path-grade-report-grader .right_scroller {
width: auto;
clear: none;
overflow-x: scroll;
}
.path-grade-report-grader table tr.avg,
.path-grade-report-grader table tr.groupavg td,
.path-grade-report-grader table tr.avg td,
.path-grade-report-grader table tr.groupavg th,
.path-grade-report-grader table tr.avg th,
.path-grade-report-grader table tr.controls_row,
.path-grade-report-grader table tr.controls_row th,
.path-grade-report-grader table tr.range_row,
.path-grade-report-grader table tr.range_row th,
div.right_scroller tr {
height: 2em;
}
table#user-grades tr.groupavg td.cell,
tr.groupavg th.header {
background-color: #efffef;
}
.path-grade-report-grader form td.excluded {
color: red;
}
.path-grade-report-grader .excludedfloater {
font-weight: 700;
color: red;
font-size: 9px;
float: left;
}
.path-grade-report-grader span.gradepass {
color: #298721;
}
.path-grade-report-grader span.gradefail {
color: #890d0d;
}
.path-grade-report-grader .gradeweight {
color: #461d7c;
font-weight: 700;
}
.path-grade-report-grader td select {
font-size: 100%;
padding: 0;
}
.path-grade-report-grader .right_scroller td select {
font-size: 86%;
padding: 0;
}
.path-grade-report-grader tr.avg,
.path-grade-report-grader tr.controls,
.path-grade-report-grader td.controls,
.path-grade-report-grader th.controls,
.path-grade-report-grader tr.groupavg,
.path-grade-report-grader tr.range,
.path-grade-report-grader th.range,
.path-grade-report-grader td.range,
.path-grade-report-grader tr.heading th.range {
height: 2em!important;
white-space: nowrap;
}
.path-grade-report-grader .heading_name_row th {
white-space: nowrap;
width: 2000px;
}
/*MDL-21088 - IE 7 ignores nowraps on tds or ths so we put a span within it with a nowrap on it*/
.path-grade-report-grader heading_name_row th span {
white-space: nowrap;
}
.path-grade-report-grader .grade_icons img.ajax {
float: right;
}
.path-grade-report-grader .gradestable th.user,
.path-grade-report-grader .gradestable th.range,
.path-grade-report-grader .flexible th,
.path-grade-report-grader .flexible td,
.path-grade-report-grader .flexible th a,
.path-grade-report-grader .flexible td a,
.path-grade-report-grader .gradestable th.range,
.path-grade-report-grader td {
white-space: nowrap;
}
table#user-grades .catlevel1,
table#user-grades .r1,
.path-grade-report-grader table tr.even td.cell,
.path-grade-report-grader table tr.even th {
background-color: #fff;
}
table#user-grades .catlevel3,
.path-grade-report-grader table tr.odd td.cell {
background-color: #efefef;
}
table#fixed_column tr.odd th ,
table#user-grades tr.odd th {
background-color: #efefef;
}
table#user-grades td.vmarked,
table#user-grades tr.odd td.vmarked,
table#user-grades tr.avg td.vmarked,
table#user-grades tr.controls td.vmarked,
table#user-grades .catlevel1.vmarked,
table#user-grades .catlevel2.vmarked,
table#user-grades .catlevel3.vmarked,
table#user-grades tr.range td.vmarked,
table#user-grades tr.groupavg td.vmarked {
background-color: #fc3;
}
table#user-grades td.hmarked,
table#user-grades tr.odd td.hmarked,
table#user-grades tr.even td.hmarked,
table#user-grades tr.odd th.hmarked,
table#user-grades tr.even th.hmarked {
background-color: #ff9;
}
table#user-grades td.hmarked.vmarked,
table#user-grades tr.odd td.hmarked.vmarked,
table#user-grades tr.even td.hmarked.vmarked {
background-color: #fc9;
}
table#user-grades tr.heading,
table#user-grades .heading td {
border-style: solid;
border-width: 0;
}
table#user-grades td.userfield,
table#user-grades th,
.path-grade-report-grader div.gradeparent,
.path-grade-report-grader .ie6 form,
table#user-grades td.ajax {
text-align: left;
}
.dir-rtl table#user-grades td.userfield,
.dir-rtl table#user-grades th,
.path-grade-report-grader.dir-rtl div.gradeparent,
.path-grade-report-grader.dir-rtl .ie6 form,
.dir-rtl table#user-grades td.ajax {
text-align: right;
}
.path-grade-report-grader .gradeparent {
overflow: auto;
}
table#user-grades td.controls,
.path-grade-report-grader table tr.avg .cell,
.path-grade-report-grader table tr.range .cell {
background-color: #f3ead8;
}
.path-grade-report-grader div.left_scroller tr,
.path-grade-report-grader div.right_scroller tr,
.path-grade-report-grader div.left_scroller td,
.path-grade-report-grader div.right_scroller td,
.path-grade-report-grader div.left_scroller th,
.path-grade-report-grader div.right_scroller th {
height: 4.5em;
font-size: 10px;
}
.path-grade-report-grader table th.user,
.path-grade-report-grader table td.userfield {
text-align: left;
vertical-align: middle;
}
.path-grade-report-grader .usersuspended a: link,
.path-grade-report-grader .usersuspended a: visited {
color: #666;
}
.path-grade-report-grader table th.usersuspended img.usersuspendedicon {
vertical-align: text-bottom;
margin-left: .45em;
}
.path-grade-report-grader .grade_icons {
margin-bottom: .3em;
}
.path-grade-report-grader .yui3-overlay {
background-color: #FFEE69;
border-color: #D4C237 #A6982B #A6982B;
border-style: solid;
border-width: 1px;
left: 0;
padding: 2px 5px;
font-size: 0.7em;
}
.path-grade-report-grader .yui3-overlay .fullname {
color: #5F3E00;
font-weight: bold;
}
.path-grade-report-grader .yui3-overlay .itemname {
color: #194F3E;
font-weight: bold;
}
.path-grade-report-grader .yui3-overlay .feedback {
color: #5F595E;
}
/* table#user-grades td */
/* .grader-report-grader table#user-grades td .yui-panel div.hd { */
.path-grade-report-grader #tooltipPanel {
text-align: left;
}
.path-grade-report-grader .yui3-overlay a.container-close {
margin-top: -3px;
}
.path-grade-report-grader #hiddentooltiproot,
.tooltipDiv {
display: none;
}
.path-grade-report-grader.ie .right_scroller {
overflow-y: hidden;
}
.path-grade-report-grader.ie table#fixed_column th {
height: 4.5em;
}
.path-grade-report-grader.ie table#fixed_column tr.avg th {
height: 2.1em;
}
.path-grade-report-grader.ie div.left_scroller td {
height: 4.5em;
}
.path-grade-report-grader.ie6 div.right_scroller {
margin-top: 4em;
width: auto;
position: absolute;
}
.path-grade-report-grader.ie6 .excludedfloater {
font-size: 7px;
}
/** MDL-40071 **/
.path-grade-report-grader.dir-rtl table th.user,
.path-grade-report-grader.dir-rtl table td.userfield {
text-align: right;
}
/** MDL-40180 **/
.dir-rtl table#user-grades th.category,
.dir-rtl table#user-grades th#studentheader,
.dir-rtl table#user-grades th.user {
text-align: right;
}
.path-grade-report-grader.dir-rtl th.user img.userpicture {
margin-left: 0.5em;
}