Merge branch 'm28_MDL-47210_IIS_PATH_INFO_Ignored_In_Required_Login_Pluginfile_Redire...
[moodle.git] / theme / bootstrapbase / less / moodle / grade.less
CommitLineData
138eb087
FM
1// The class gradetreebox matches the pages displaying the gradebook
2// "Categories and items" > "Simple view" and "Full view".
3.gradetreebox {
4 h4 {
5 // Force back the base font-size to minimise width.
6 font-size: @baseFontSize;
7 }
8 th.cell,
9 input[type=text] {
10 // Fallback on the minimum width.
11 width: auto;
12 }
13 input[type=text],
14 select {
15 // Remove the bottom margin to gain height.
16 margin-bottom: 0;
17 }
19213efb
AO
18}
19
73eb9f43
JC
20// Rubrics
21#page-grade-grading-manage {
22 #activemethodselector {
23 label {
24 display: inline-block;
25 }
26 .helptooltip {
27 margin-right: 0.5em;
28 }
29 }
30 .actions {
31 display: block;
32 text-align: center;
33 margin-bottom: 1em;
34 .action {
35 .btn();
36 .btn-large();
37 display: inline-block;
38 position: relative;
cecd602d 39 vertical-align: top;
73eb9f43
JC
40 width: 150px;
41 text-align: center;
42 overflow: hidden;
43 margin: 0.5em;
44 padding: 1em;
45 border: 1px solid #aaa;
46 .action-icon {
47 display: inline-block;
48 position: relative;
49 height: 64px;
50 width: 64px;
51 }
52 .action-text {
53 position: relative;
54 top: 0.4em;
cecd602d 55 font-size: 14px;
73eb9f43
JC
56 }
57 }
58 }
59}
60
61#page-grade-grading-form-rubric-edit {
62 .gradingform_rubric_editform .status {
63 font-size: 70%;
64 }
65}
66
fe778267
JC
67.gradingform_rubric.editor {
68 .addlevel, .addcriterion {
69 input {
70 // Fallback for IE8: we use Bootstrap 2's button styles normally, but
71 // IE8 ignores background-image: linear-gradient rules.
72 background: #fff none no-repeat top left;
73 }
74 }
75}
76
77.dir-rtl {
78 #rubric-rubric.gradingform_rubric {
79 #rubric-criteria .criterion {
80 .level {
81 .score {
82 text-align: right;
83 float: right;
84 margin-left: 28px;
85 margin-right: 0px;
86 }
87 .delete {
88 float: left;
fe778267
JC
89 input {
90 left: 0;
91 right: auto;
92 }
93 }
94 }
95 }
cecd602d
JC
96 .addcriterion {
97 margin-right: 5px;
98 margin-left: 0px;
99
100 input {
101 padding-right: 26px;
102 padding-left: 10px;
103 background-position: right 8px top 8px;
104 }
105 }
106 .options {
107 .option {
108 .value {
109 margin-left: 0px;
110 margin-right: 5px;
111 }
112 input {
113 // margins flipped for RTL.
114 margin-left: 12px;
115 margin-right: 5px;
116 }
117 }
118 }
fe778267
JC
119 }
120}
121
73eb9f43
JC
122#rubric-rubric {
123 &.gradingform_rubric {
124 #rubric-criteria {
125 margin-bottom: 1em;
126 @rubricPadding: 6px;
127 .criterion {
128 .description {
129 vertical-align: top;
130 padding: @rubricPadding;
131 textarea {
132 margin-bottom: 0px;
133 height: 115px;
134 }
135 }
136 .definition {
137 textarea {
138 width: 80%;
139 margin-bottom: 0px;
140 }
141 }
142 .score {
143 position: relative;
144 float: left;
145 margin-right: 28px;
146 input {
147 margin-bottom: 0px;
148 }
149 }
150 .level {
151 vertical-align: top;
152 padding: @rubricPadding;
153 .delete {
154 position: relative;
155 width: 32px;
cecd602d
JC
156 height: 32px;
157 margin-top: -32px;
158 clear: both;
73eb9f43
JC
159 float: right;
160 input {
161 display: block;
162 position: absolute;
163 right: 0;
164 bottom: 0;
165 height: 24px;
166 width: 24px;
fe778267 167 margin: 0px;
73eb9f43
JC
168 &:hover {
169 background-color: #ddd;
170 }
171 }
172 }
173 }
174 .scorevalue {
175 input {
fe778267 176 // Should handle at least three chars with room to spare.
cecd602d 177 float: none;
fe778267
JC
178 width: 2em;
179 &.hiddenelement,&.pseudotablink {
180 // Zero out the width if it's still in the block flow for some reason
181 // when hidden
182 width: 0;
183 }
73eb9f43
JC
184 }
185 }
186 .addlevel {
187 vertical-align: middle;
188 input {
189 .btn();
190 background-position: 0px 0px;
191 height: 30px;
192 margin-right: 5px;
193 }
194 }
195 }
196 }
197 .addcriterion {
198 margin-left: 5px;
199 .btn();
200 padding: 0;
201 input {
202 margin: 0;
203 color: inherit;
204 text-shadow: inherit;
205 border: 0px none;
206 line-height: inherit;
207 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
208 padding-left: 26px;
209 }
210 margin-bottom:1em;
211 }
212 .options {
213 clear: both;
214 .option {
215 label {
216 margin: 0;
217 padding: 0;
218 font-size: inherit;
219 font-weight: normal;
220 line-height: 2em;
221 color: inherit;
222 text-shadow: none;
223 background-color: transparent;
224 }
225 input {
226 margin-left: 5px;
227 margin-right: 12px;
228 }
229 }
230 }
231 }
232}
6723bc66 233
0947172d 234// Set up grades layout.
d70e86b1
BR
235.path-grade-edit-tree .setup-grades {
236 .column-rowspan {
237 padding: 0;
238 width: 24px;
239 min-width: 24px;
240 max-width: 24px;
241 }
242 .category td.column-name {
243 padding-left: 0;
244 }
245 td.column-name {
246 padding-left: 24px;
247 }
248 .column-name h4 img.icon {
249 padding-left: 0;
250 }
251 .category input[type="text"],
252 .category .column-range,
a96ca700
MG
253 .categoryitem,
254 .courseitem {
d70e86b1
BR
255 font-weight: bold;
256 }
257 .emptyrow {
258 display: none;
259 }
260 .column-weight {
261 &.level3 {
262 padding-left: 37px;
263 }
264 &.level4 {
265 padding-left: 66px;
266 }
267 &.level5 {
268 padding-left: 95px;
269 }
270 &.level6 {
271 padding-left: 124px;
272 }
273 &.level7 {
274 padding-left: 153px;
275 }
276 &.level8 {
277 padding-left: 182px;
278 }
279 &.level9 {
280 padding-left: 211px;
281 }
282 &.level10 {
283 padding-left: 240px;
284 }
285 }
286 .column-range {
287 &.level2 {
288 padding-left: 37px;
289 }
290 &.level3 {
291 padding-left: 66px;
292 }
293 &.level4 {
294 padding-left: 95px;
295 }
296 &.level5 {
297 padding-left: 124px;
298 }
299 &.level6 {
300 padding-left: 153px;
301 }
302 &.level7 {
303 padding-left: 182px;
304 }
305 &.level8 {
306 padding-left: 211px;
307 }
308 &.level9 {
309 padding-left: 240px;
310 }
311 &.level10 {
312 padding-left: 269px;
313 }
314 }
315 &.generaltable {
316 .levelodd {
317 background-color: @tableBackgroundAccent;
318 }
319 .leveleven {
320 background-color: @tableBackground;
321 }
322 tbody tr:hover > td,
323 tbody tr:hover > th {
324 background-color: @tableBackgroundHover;
325 }
326 }
327}
328
329.dir-rtl {
330 &.path-grade-edit-tree .setup-grades {
331 .category td.column-name {
332 padding-right: 0;
333 }
334 td.column-name {
335 padding-right: 24px;
336 }
337 .column-name h4 img.icon {
338 padding-left: 4px;
339 }
340 .column-weight {
341 &.level3 {
342 padding-left: 0;
343 padding-right: 37px;
344 }
345 &.level4 {
346 padding-left: 0;
347 padding-right: 66px;
348 }
349 &.level5 {
350 padding-left: 0;
351 padding-right: 95px;
352 }
353 &.level6 {
354 padding-left: 0;
355 padding-right: 124px;
356 }
357 &.level7 {
358 padding-left: 0;
359 padding-right: 153px;
360 }
361 &.level8 {
362 padding-left: 0;
363 padding-right: 182px;
364 }
365 &.level9 {
366 padding-left: 0;
367 padding-right: 211px;
368 }
369 &.level10 {
370 padding-left: 0;
371 padding-right: 240px;
372 }
373 }
374 .column-range {
375 &.level2 {
376 padding-left: 0;
377 padding-right: 37px;
378 }
379 &.level3 {
380 padding-left: 0;
381 padding-right: 66px;
382 }
383 &.level4 {
384 padding-left: 0;
385 padding-right: 95px;
386 }
387 &.level5 {
388 padding-left: 0;
389 padding-right: 124px;
390 }
391 &.level6 {
392 padding-left: 0;
393 padding-right: 153px;
394 }
395 &.level7 {
396 padding-left: 0;
397 padding-right: 182px;
398 }
399 &.level8 {
400 padding-left: 0;
401 padding-right: 211px;
402 }
403 &.level9 {
404 padding-left: 0;
405 padding-right: 240px;
406 }
407 &.level10 {
408 padding-left: 0;
409 padding-right: 269px;
410 }
411 }
412 }
6723bc66 413}
e4620932 414
2be0d5c3
MG
415.path-grade-edit-tree table.setup-grades .column-weight {
416 white-space: nowrap;
417}
418
419.path-grade-edit-tree table.setup-grades .gradeitemdescription {
420 font-weight: normal;
421 font-style: italic;
422}
66689366 423
62e11d37
FM
424/**
425 * Grader report.
426 */
427.path-grade-report {
428 .gradeparent {
107e82f6 429 table {
62e11d37 430 .border-radius(@baseBorderRadius);
107e82f6
AN
431 }
432 tr .cell {
906de1b6 433 background-color: @paginationBackground;
62e11d37
FM
434 }
435 table,
436 .cell {
437 border-color: @tableBorder;
438 }
439 tr:nth-of-type(even) .cell,
bc782f1f
AN
440 .floater .cell,
441 .avg {
62e11d37
FM
442 background-color: @tableBackgroundAccent;
443 }
444 }
66689366 445 }
2c7a86eb
BR
446
447/**
0947172d 448 * User report.
2c7a86eb
BR
449 */
450.path-grade-report-user .user-grade {
451 border: none;
452 &.generaltable {
453 .levelodd {
454 background-color: @tableBackgroundAccent;
455 }
456 .leveleven {
457 background-color: @tableBackground;
458 }
459 tbody tr:hover > td,
460 tbody tr:hover > th {
461 background-color: @tableBackgroundHover;
462 }
463 }
464}
4a8c380a
AN
465
466.has_dock.path-grade-report-grader {
467 .gradeparent .sideonly.floating > .cell,
468 .gradeparent .sideonly.floating > .cell,
469 .gradeparent .sideonly.floating > .cell {
470 padding-left: 5 + (@dockWidth + (@dockTitleMargin * 2));
471 }
472
473 &.dir-rtl {
474 .gradeparent .sideonly.floating > .cell,
475 .gradeparent .sideonly.floating > .cell,
476 .gradeparent .sideonly.floating > .cell {
477 padding-left: 5px;
478 padding-right: 5 + (@dockWidth + (@dockTitleMargin * 2));
479 }
480 }
481}
482
483.content-only.path-grade-report-grader {
484 .gradeparent table {
485 margin-left: (@dockWidth + (@dockTitleMargin * 2));
486 }
487
488 &.dir-rtl {
489 .gradeparent table {
490 margin-left: 0;
491 margin-right: (@dockWidth + (@dockTitleMargin * 2));
492 }
493 }
494}