MDL-55607 theme_noname: Remove icon styles - We only need .icon everywhere.
[moodle.git] / theme / noname / scss / moodle / grade.scss
1 // The class gradetreebox matches the pages displaying the gradebook
2 // "Gradebook setup" > "Simple view" and "Full view".
3 .gradetreebox {
4     h4 {
5         // Force back the base font-size to minimise width.
6         font-size: $font-size-base;
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 // Grade upgrade notice.
21 .core_grades_notices {
22     .singlebutton {
23         display: inline-block;
24     }
25 }
27 // Rubrics
28 #page-grade-grading-manage {
29     #activemethodselector {
30         label {
31             display: inline-block;
32         }
33         .helptooltip {
34             margin-right: 0.5em;
35         }
36     }
37     .actions {
38         display: block;
39         text-align: center;
40         margin-bottom: 1em;
41         .action {
42             @extend .btn;
43             @extend .btn-lg;
44             display: inline-block;
45             position: relative;
46             vertical-align: top;
47             width: 150px;
48             text-align: center;
49             overflow: hidden;
50             margin: 0.5em;
51             padding: 1em;
52             border: 1px solid #aaa;
53             .action-text {
54                 position: relative;
55                 top: 0.4em;
56                 font-size: 14px;
57             }
58         }
59     }
60 }
62 #page-grade-grading-form-rubric-edit {
63     .gradingform_rubric_editform .status {
64         font-size: 70%;
65     }
66 }
68 .gradingform_rubric.editor {
69     .addlevel, .addcriterion {
70         input {
71             // Fallback for IE8: we use Bootstrap 2's button styles normally, but
72             // IE8 ignores background-image: linear-gradient rules.
73             background: #fff none no-repeat top left;
74         }
75     }
76 }
78 #rubric-rubric {
79     &.gradingform_rubric {
80         #rubric-criteria {
81             margin-bottom: 1em;
82             $rubricPadding: 6px;
83             .criterion {
84                 .description {
85                     vertical-align: top;
86                     padding: $rubricPadding;
87                     textarea {
88                         margin-bottom: 0px;
89                         height: 115px;
90                     }
91                 }
92                 .definition {
93                     textarea {
94                         width: 80%;
95                         margin-bottom: 0px;
96                     }
97                 }
98                 .score {
99                     position: relative;
100                     float: left;
101                     margin-right: 28px;
102                     input {
103                         margin-bottom: 0px;
104                     }
105                 }
106                 .level {
107                     vertical-align: top;
108                     padding: $rubricPadding;
109                     .delete {
110                         position: relative;
111                         width: 32px;
112                         height: 32px;
113                         margin-top: -32px;
114                         clear: both;
115                         float: right;
116                         input {
117                             display: block;
118                             position: absolute;
119                             right: 0;
120                             bottom: 0;
121                             height: 24px;
122                             width: 24px;
123                             margin: 0px;
124                             &:hover {
125                                 background-color: #ddd;
126                             }
127                         }
128                     }
129                 }
130                 .scorevalue {
131                     input {
132                         // Should handle at least three chars with room to spare.
133                         float: none;
134                         width: 2em;
135                         &.hiddenelement,&.pseudotablink {
136                             // Zero out the width if it's still in the block flow for some reason
137                             // when hidden
138                             width: 0;
139                         }
140                     }
141                 }
142                 .addlevel {
143                     vertical-align: middle;
144                     input {
145                         @extend .btn;
146                         background-position: 0px 0px;
147                         height: 30px;
148                         margin-right: 5px;
149                     }
150                 }
151             }
152         }
153         .addcriterion {
154             margin-left: 5px;
155             @extend .btn;
156             padding: 0;
157             input {
158                 margin: 0;
159                 color: inherit;
160                 text-shadow: inherit;
161                 border: 0px none;
162                 line-height: inherit;
163                 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
164                 padding-left: 26px;
165             }
166             margin-bottom:1em;
167         }
168         .options {
169             clear: both;
170             .option {
171                 label {
172                     margin: 0;
173                     padding: 0;
174                     font-size: inherit;
175                     font-weight: normal;
176                     line-height: 2em;
177                     color: inherit;
178                     text-shadow: none;
179                     background-color: transparent;
180                 }
181                 input {
182                     margin-left: 5px;
183                     margin-right: 12px;
184                 }
185             }
186         }
187     }
190 // Set up grades layout.
191 .path-grade-edit-tree .setup-grades {
192     h4 {
193         margin: 0;
194     }
195     .column-rowspan {
196         padding: 0;
197         width: 24px;
198         min-width: 24px;
199         max-width: 24px;
200     }
201     .category td.column-name {
202         padding-left: 0;
203     }
204     td.column-name {
205         padding-left: 24px;
206     }
207     .category input[type="text"],
208     .category .column-range,
209     .categoryitem,
210     .courseitem {
211         font-weight: bold;
212     }
213     .emptyrow {
214         display: none;
215     }
216     .gradeitemdescription {
217         font-weight: normal;
218         padding-left: 24px;
219     }
220     .column-weight {
221         white-space: nowrap;
222         &.level3 {
223             padding-left: 37px;
224         }
225         &.level4 {
226             padding-left: 66px;
227         }
228         &.level5 {
229             padding-left: 95px;
230         }
231         &.level6 {
232             padding-left: 124px;
233         }
234         &.level7 {
235             padding-left: 153px;
236         }
237         &.level8 {
238             padding-left: 182px;
239         }
240         &.level9 {
241             padding-left: 211px;
242         }
243         &.level10 {
244             padding-left: 240px;
245         }
246     }
247     .column-range {
248         &.level2 {
249             padding-left: 37px;
250         }
251         &.level3 {
252             padding-left: 66px;
253         }
254         &.level4 {
255             padding-left: 95px;
256         }
257         &.level5 {
258             padding-left: 124px;
259         }
260         &.level6 {
261             padding-left: 153px;
262         }
263         &.level7 {
264             padding-left: 182px;
265         }
266         &.level8 {
267             padding-left: 211px;
268         }
269         &.level9 {
270             padding-left: 240px;
271         }
272         &.level10 {
273             padding-left: 269px;
274         }
275     }
276     &.generaltable {
277         .levelodd {
278             background-color: $table-bg-accent;
279         }
280         .leveleven {
281             background-color: $table-bg;
282         }
283     }
286 /**
287  * Grader report.
288  */
289 .path-grade-report {
290     .gradeparent {
291         table {
292             @include border-radius($border-radius);
293         }
294         tr .cell {
295             background-color: $pagination-bg;
296         }
297         table,
298         .cell {
299             border-color: $table-border-color;
300         }
301         tr:nth-of-type(even) .cell,
302         .floater .cell,
303         .avg {
304             background-color: $gray-lightest;
305         }
306         table .clickable {
307             cursor: pointer;
308         }
309     }
310  }
312 /**
313  * User report.
314  */
315 .path-grade-report-user .user-grade {
316     border: none;
317     &.generaltable {
318         .levelodd {
319             background-color: $table-bg-accent;
320         }
321         .leveleven {
322             background-color: $table-bg;
323         }
324     }
327 /**
328  * Single view.
329  */
330 .path-grade-report-singleview input[name^="finalgrade"] {
331     width: 80px;