Merge branch 'MDL-67874-master' of git://github.com/bmbrands/moodle
[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 }
15 .path-grade-report-grader .gradeparent .graderreportoverlay {
16     background-color: white;
17     width: auto;
18     padding: 10px;
19     font-size: 12px;
20     border: 1px solid #ccc;
21     border-radius: 4px;
22 }
24 /**
25  * The table.
26  */
27 .path-grade-report-grader .gradeparent table {
28     border: 1px solid #ccc;
29     border-collapse: separate;
30     border-spacing: 0;
31     border-bottom-width: 0;
32     border-right-width: 0;
33     margin-bottom: 2em;
34 }
36 /**
37  * All the cells.
38  */
39 .path-grade-report-grader .gradeparent .cell {
40     border: 1px solid #ccc;
41     border-top-width: 0;
42     border-left-width: 0;
43     padding: 4px 5px;
44     vertical-align: middle;
45     text-align: right;
46     white-space: nowrap;
47 }
49 /**
50  * Stripped table.
51  */
52 .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell {
53     background-color: #f9f9f9;
54 }
56 /**
57  * All the floating divs.
58  */
59 .path-grade-report-grader .gradeparent .floater {
60     display: none;
61 }
63 .path-grade-report-grader .gradeparent .floating {
64     display: block;
65 }
67 /**
68  * All the headers + floating cells.
69  */
70 .path-grade-report-grader .gradeparent .heading .cell,
71 .path-grade-report-grader .gradeparent .avg .cell,
72 .path-grade-report-grader .gradeparent .user.cell {
73     font-size: 14px;
74     font-weight: normal;
75     text-align: left;
76 }
78 /**
79  * All the floating cells.
80  */
81 .path-grade-report-grader .gradeparent .floater .cell {
82     background-color: #f9f9f9;
83 }
85 /**
86  * The user cells.
87  */
88 .path-grade-report-grader .gradeparent .user.cell {
89     min-width: 200px;
90     width: 200px;
91     white-space: normal;
92     vertical-align: top;
93 }
95 .path-grade-report-grader .gradeparent .user.cell .userpicture {
96     margin: 0 4px;
97     border: none;
98     vertical-align: middle;
99 }
101 .path-grade-report-grader .gradeitemheader {
102     display: inline-block;
103     overflow: hidden;
104     text-overflow: ellipsis;
105     max-width: 200px;
106     vertical-align: bottom;
109 /**
110  * The additional user fields.
111  */
112 .path-grade-report-grader .gradeparent .userfield {
113     font-weight: normal;
114     text-align: left;
117 /**
118  * The footer's header.
119  */
120 .path-grade-report-grader .gradeparent .range .header,
121 .path-grade-report-grader .gradeparent .avg .header {
122     font-weight: bold;
125 /**
126  * The footer's floating cells.
127  */
128 .path-grade-report-grader .gradeparent .avg.floating .cell {
129     border-top-width: 1px;
132 /**
133  * The footer's cells.
134  */
135 .path-grade-report-grader .gradeparent .avg .cell {
136     text-align: right;
138 /**
139  * Content styling.
140  */
141 .path-grade-report-grader .gradeparent .heading .cell .iconsmall {
142     /* Fixes inconsistencies in cell height on IE. */
143     padding-top: 0;
144     padding-bottom: 0;
147 .path-grade-report-grader .gradeparent .sorticon {
148     margin-left: 3px;
151 .path-grade-report-grader .gradeparent .gradevalue {
152     display: inline-block;
155 .path-grade-report-grader span.gradepass {
156     color: #298721;
159 .path-grade-report-grader span.gradefail {
160     color: #890d0d;
163 .path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
164     /* Made very specific to override the default stripped style of the table. */
165     background-color: #efd9a4;
168 .path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
169     /* Made very specific to override the default stripped style of the table. */
170     background-color: #ffe3a0;
173 .path-grade-report-grader .gradeparent .excludedfloater {
174     font-weight: bold;
175     color: red;
176     font-size: 9px;
177     float: left;
180 .path-grade-report .gradeparent .floater .controls.cell,
181 .path-grade-report-grader .gradeparent .controls {
182     background-color: #f3ead8;
185 .path-grade-report-grader .gradeparent .category {
186     text-align: left;
189 /**
190  * Editing fields.
191  */
192 .path-grade-report-grader .gradeparent select {
193     margin: 0;
194     padding: 0;
197 .path-grade-report-grader .gradeparent .text {
198     border: 1px solid #666;
199     width: auto;
200     margin: 0;
201     padding: 0;
202     text-align: center;
205 .path-grade-report-grader .gradeparent .quickfeedback {
206     border: 1px dashed #000;
207     width: auto;
208     margin: 0;
209     padding: 0;
210     margin-left: 10px;
213 .path-grade-report-grader .yui3-overlay {
214     border: 0;
215     background: none;
216     background-color: inherit;
217     min-width: 200px;
220 .path-grade-report-grader .yui3-overlay {
221     background-color: white;
222     width: auto;
223     padding: 10px;
224     font-size: 12px;
225     border: 1px solid #ccc;
226     border-radius: 4px;