33fd3eea82872a244bb9b75d3cfc1e1d3db15534
[moodle.git] / theme / bootstrapbase / less / moodle / grade.less
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     }
18 }
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;
39             vertical-align: top;
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;
55                 font-size: 14px;
56             }
57         }
58     }
59 }
61 #page-grade-grading-form-rubric-edit {
62     .gradingform_rubric_editform .status {
63         font-size: 70%;
64     }
65 }
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 }
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;
89                     input {
90                         left: 0;
91                         right: auto;
92                     }
93                 }
94             }
95         }
96         .addcriterion {
97             margin-right: 5px;
98             margin-left: 0px;
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         }
119     }
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;
156                         height: 32px;
157                         margin-top: -32px;
158                         clear: both;
159                         float: right;
160                         input {
161                             display: block;
162                             position: absolute;
163                             right: 0;
164                             bottom: 0;
165                             height: 24px;
166                             width: 24px;
167                             margin: 0px;
168                             &:hover {
169                                 background-color: #ddd;
170                             }
171                         }
172                     }
173                 }
174                 .scorevalue {
175                     input {
176                         // Should handle at least three chars with room to spare.
177                         float: none;
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                         }
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     }
234 // Set up grades layout.
235 .path-grade-edit-tree .setup-grades {
236     h4 {
237         margin: 0;
238     }
239     .column-rowspan {
240         padding: 0;
241         width: 24px;
242         min-width: 24px;
243         max-width: 24px;
244     }
245     .category td.column-name {
246         padding-left: 0;
247     }
248     td.column-name {
249         padding-left: 24px;
250     }
251     .column-name h4 img.icon {
252         padding-left: 0;
253     }
254     .category input[type="text"],
255     .category .column-range,
256     .categoryitem,
257     .courseitem {
258         font-weight: bold;
259     }
260     .emptyrow {
261         display: none;
262     }
263     .gradeitemdescription {
264         font-weight: normal;
265         padding-left: 24px;
266     }
267     .column-weight {
268         white-space: nowrap;
269         &.level3 {
270             padding-left: 37px;
271         }
272         &.level4 {
273             padding-left: 66px;
274         }
275         &.level5 {
276             padding-left: 95px;
277         }
278         &.level6 {
279             padding-left: 124px;
280         }
281         &.level7 {
282             padding-left: 153px;
283         }
284         &.level8 {
285             padding-left: 182px;
286         }
287         &.level9 {
288             padding-left: 211px;
289         }
290         &.level10 {
291             padding-left: 240px;
292         }
293     }
294     .column-range {
295         &.level2 {
296             padding-left: 37px;
297         }
298         &.level3 {
299             padding-left: 66px;
300         }
301         &.level4 {
302             padding-left: 95px;
303         }
304         &.level5 {
305             padding-left: 124px;
306         }
307         &.level6 {
308             padding-left: 153px;
309         }
310         &.level7 {
311             padding-left: 182px;
312         }
313         &.level8 {
314             padding-left: 211px;
315         }
316         &.level9 {
317             padding-left: 240px;
318         }
319         &.level10 {
320             padding-left: 269px;
321         }
322     }
323     &.generaltable {
324         .levelodd {
325             background-color: @tableBackgroundAccent;
326         }
327         .leveleven {
328             background-color: @tableBackground;
329         }
330     }
333 .dir-rtl {
334     &.path-grade-edit-tree .setup-grades {
335         .category td.column-name {
336             padding-right: 0;
337         }
338         td.column-name {
339             padding-right: 24px;
340         }
341         .column-name h4 img.icon {
342             padding-left: 4px;
343         }
344         .gradeitemdescription {
345             padding-left: 0;
346             padding-right: 24px;
347         }
348         .column-weight {
349             &.level3 {
350                 padding-left: 0;
351                 padding-right: 37px;
352             }
353             &.level4 {
354                 padding-left: 0;
355                 padding-right: 66px;
356             }
357             &.level5 {
358                 padding-left: 0;
359                 padding-right: 95px;
360             }
361             &.level6 {
362                 padding-left: 0;
363                 padding-right: 124px;
364             }
365             &.level7 {
366                 padding-left: 0;
367                 padding-right: 153px;
368             }
369             &.level8 {
370                 padding-left: 0;
371                 padding-right: 182px;
372             }
373             &.level9 {
374                 padding-left: 0;
375                 padding-right: 211px;
376             }
377             &.level10 {
378                 padding-left: 0;
379                 padding-right: 240px;
380             }
381         }
382         .column-range {
383             &.level2 {
384                 padding-left: 0;
385                 padding-right: 37px;
386             }
387             &.level3 {
388                 padding-left: 0;
389                 padding-right: 66px;
390             }
391             &.level4 {
392                 padding-left: 0;
393                 padding-right: 95px;
394             }
395             &.level5 {
396                 padding-left: 0;
397                 padding-right: 124px;
398             }
399             &.level6 {
400                 padding-left: 0;
401                 padding-right: 153px;
402             }
403             &.level7 {
404                 padding-left: 0;
405                 padding-right: 182px;
406             }
407             &.level8 {
408                 padding-left: 0;
409                 padding-right: 211px;
410             }
411             &.level9 {
412                 padding-left: 0;
413                 padding-right: 240px;
414             }
415             &.level10 {
416                 padding-left: 0;
417                 padding-right: 269px;
418             }
419         }
420     }
423 /**
424  * Grader report.
425  */
426 .path-grade-report {
427     .gradeparent {
428         table {
429             .border-radius(@baseBorderRadius);
430         }
431         tr .cell {
432             background-color: @paginationBackground;
433         }
434         table,
435         .cell {
436             border-color: @tableBorder;
437         }
438         tr:nth-of-type(even) .cell,
439         .floater .cell,
440         .avg {
441             background-color: @tableBackgroundAccent;
442         }
443         table .clickable {
444             cursor: pointer;
445         }
446     }
447  }
449 /**
450  * User report.
451  */
452 .path-grade-report-user .user-grade {
453     border: none;
454     &.generaltable {
455         .levelodd {
456             background-color: @tableBackgroundAccent;
457         }
458         .leveleven {
459             background-color: @tableBackground;
460         }
461     }
464 .has_dock.path-grade-report-grader {
465     .gradeparent .sideonly.floating > .cell,
466     .gradeparent .sideonly.floating > .cell,
467     .gradeparent .sideonly.floating > .cell {
468         padding-left: 5 + (@dockWidth + (@dockTitleMargin * 2));
469     }
471     &.dir-rtl {
472         .gradeparent .sideonly.floating > .cell,
473         .gradeparent .sideonly.floating > .cell,
474         .gradeparent .sideonly.floating > .cell {
475             padding-left: 5px;
476             padding-right: 5 + (@dockWidth + (@dockTitleMargin * 2));
477         }
478     }
481 .content-only.path-grade-report-grader {
482     .gradeparent table {
483         margin-left: (@dockWidth + (@dockTitleMargin * 2));
484     }
486     &.dir-rtl {
487         .gradeparent table {
488             margin-left: 0;
489             margin-right: (@dockWidth + (@dockTitleMargin * 2));
490         }
491     }