MDL-47353 gradereport_grader: Only respect fixed headers
[moodle.git] / grade / report / grader / styles.css
1 /**
2  * Container.
3  */
4 .path-grade-report-grader .gradeparent {
5     position: relative;
6 }
8 /**
9  * Tooltip and overlay.
10  */
11 .path-grade-report-grader .gradeparent .grader-information-tooltip {
12     min-width: 200px;
13 }
14 .path-grade-report-grader .gradeparent .graderreportoverlay {
15     background-color: white;
16     width: auto;
17     padding: 10px;
18     font-size: 12px;
19     border: 1px solid #ccc;
20     border-radius: 4px;
21 }
23 /**
24  * The table.
25  */
26 .path-grade-report-grader .gradeparent table {
27     border: 1px solid #ccc;
28     border-collapse: separate;
29     border-spacing: 0;
30     border-bottom-width: 0;
31     border-right-width: 0;
32     margin-bottom: 2em;
33 }
34 .dir-rtl .path-grade-report-grader .gradeparent table {
35     border-left-width: 0;
36     border-right-width: 1px;
37 }
39 /**
40  * All the cells.
41  */
42 .path-grade-report-grader .gradeparent .cell {
43     border: 1px solid #ccc;
44     border-top-width: 0;
45     border-left-width: 0;
46     padding: 4px 5px;
47     vertical-align: middle;
48     text-align: right;
49     white-space: nowrap;
50 }
51 .dir-rtl .path-grade-report-grader .gradeparent .cell {
52     border-left-width: 1px;
53     border-right-width: 0;
54     text-align: left;
55 }
57 /**
58  * Stripped table.
59  */
60 .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell {
61     background-color: #f9f9f9;
62 }
64 /**
65  * All the floating divs.
66  */
67 .path-grade-report-grader .gradeparent .floater {
68     display: none;
69 }
70 .path-grade-report-grader .gradeparent .floating {
71     display: block;
72 }
74 /**
75  * All the headers + floating cells.
76  */
77 .path-grade-report-grader .gradeparent .heading .cell,
78 .path-grade-report-grader .gradeparent .avg .cell,
79 .path-grade-report-grader .gradeparent .user.cell {
80     font-size: 14px;
81     font-weight: normal;
82     text-align: left;
83 }
84 .dir-rtl .path-grade-report-grader .gradeparent .heading .cell,
85 .dir-rtl .path-grade-report-grader .gradeparent .avg .cell,
86 .dir-rtl .path-grade-report-grader .gradeparent .user.cell {
87     text-align: right;
88 }
90 /**
91  * All the floating cells.
92  */
93 .path-grade-report-grader .gradeparent .floater .cell {
94     background-color: #f9f9f9;
95 }
97 /**
98  * The user cells.
99  */
100 .path-grade-report-grader .gradeparent .user.cell {
101     min-width: 200px;
102     width: 200px;
103     white-space: normal;
104     vertical-align: top;
106 .path-grade-report-grader .gradeparent .user.cell .userpicture {
107     margin: 0 4px;
108     border: none;
109     vertical-align: middle;
112 /**
113  * The additional user fields.
114  */
115 .path-grade-report-grader .gradeparent .userfield {
116     font-weight: normal;
117     text-align: left;
119 .dir-rtl .path-grade-report-grader .gradeparent .userfield {
120     text-align: right;
123 /**
124  * The footer's header.
125  */
126 .path-grade-report-grader .gradeparent .range .header,
127 .path-grade-report-grader .gradeparent .avg .header {
128     font-weight: bold;
131 /**
132  * The footer's floating cells.
133  */
134 .path-grade-report-grader .gradeparent .avg.floating .cell {
135     border-top-width: 1px;
138 /**
139  * The footer's cells.
140  */
141 .path-grade-report-grader .gradeparent .avg .cell {
142     text-align: right;
144 .dir-rtl .path-grade-report-grader .gradeparent .avg .cell {
145     text-align: left;
148 /**
149  * Content styling.
150  */
151 .path-grade-report-grader .gradeparent .heading .cell .iconsmall {
152     /* Fixes inconsistencies in cell height on IE. */
153     padding-top: 0;
154     padding-bottom: 0;
156 .path-grade-report-grader .gradeparent .sorticon {
157     margin-left: 3px;
159 .dir-rtl .path-grade-report-grader .gradeparent .sorticon {
160     margin-left: 0;
161     margin-right: 3px;
163 .path-grade-report-grader .gradeparent .gradevalue {
164     display: inline-block;
166 .path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
167     /* Made very specific to override the default stripped style of the table. */
168     background-color: #efd9a4;
170 .path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
171     /* Made very specific to override the default stripped style of the table. */
172     background-color: #ffe3a0;
174 .path-grade-report-grader .gradeparent .excludedfloater {
175     font-weight: bold;
176     color: red;
177     font-size: 9px;
178     float: left;
180 .dir-rtl .path-grade-report-grader .gradeparent .excludedfloater {
181     float: right;
184 .path-grade-report .gradeparent .floater .controls.cell,
185 .path-grade-report-grader .gradeparent .controls {
186     background-color: #f3ead8;
188 .path-grade-report-grader .gradeparent .category {
189     text-align: left;
191 .dir-rtl .path-grade-report-grader .gradeparent .category {
192     text-align: right;
195 /**
196  * Editing fields.
197  */
198 .path-grade-report-grader .gradeparent select {
199     margin: 0;
200     padding: 0;
202 .path-grade-report-grader .gradeparent .text {
203     border: 1px solid #666;
204     width: auto;
205     margin: 0;
206     padding: 0;
207     text-align: center;
209 .path-grade-report-grader .gradeparent .quickfeedback {
210     border: 1px dashed #000;
211     width: auto;
212     margin: 0;
213     padding: 0;
214     margin-left: 10px;
216 .dir-rtl .path-grade-report-grader .gradeparent .quickfeedback {
217     margin-left: 0;
218     margin-right: 10px;