MDL-47124 gradereport_grader: Update row/column sizes when showing/hiding quickedit...
[moodle.git] / grade / report / grader / styles.css
CommitLineData
31819e89
FM
1/**
2 * Container.
3 */
f79776cb
FM
4.gradeparent {
5 position: relative;
6}
7
31819e89
FM
8/**
9 * Tooltip and overlay.
10 */
6ad1af09
AN
11.gradeparent .grader-information-tooltip {
12 min-width: 200px;
870e2795 13}
6ad1af09
AN
14.gradeparent .graderreportoverlay {
15 background-color: white;
fb95da6f 16 width: auto;
6ad1af09 17 padding: 10px;
6f0bab68 18 font-size: 12px;
31819e89 19 border: 1px solid #ccc;
6ad1af09
AN
20 border-radius: 4px;
21}
22
31819e89
FM
23/**
24 * The table.
25 */
26.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;
d688ee6d 32 margin-bottom: 2em;
31819e89 33}
b0cade11
FM
34.dir-rtl .gradeparent table {
35 border-left-width: 0;
36 border-right-width: 1px;
37}
31819e89
FM
38
39/**
40 * All the cells.
41 */
42.gradeparent .cell {
43 border: 1px solid #ccc;
44 border-top-width: 0;
45 border-left-width: 0;
6ad1af09 46 padding: 4px 5px;
4e2b37db 47 vertical-align: middle;
d688ee6d
FM
48 text-align: right;
49 white-space: nowrap;
dc482cfa 50}
b0cade11
FM
51.dir-rtl .gradeparent .cell {
52 border-left-width: 1px;
53 border-right-width: 0;
d688ee6d 54 text-align: left;
b0cade11 55}
2c4a3f75 56
62e11d37
FM
57/**
58 * Stripped table.
59 */
60.gradeparent tr:nth-of-type(even) .cell {
61 background-color: #f9f9f9;
62}
63
31819e89
FM
64/**
65 * All the floating divs.
66 */
67.gradeparent .floater {
68 display: none;
69}
70.gradeparent .floating {
71 display: block;
6ad1af09
AN
72}
73
31819e89 74/**
62e11d37 75 * All the headers + floating cells.
31819e89
FM
76 */
77.gradeparent .heading .cell,
78.gradeparent .avg .cell,
79.gradeparent .user.cell {
80 font-size: 14px;
81 font-weight: normal;
d688ee6d
FM
82 text-align: left;
83}
84.dir-rtl .gradeparent .heading .cell,
85.dir-rtl .gradeparent .avg .cell,
86.dir-rtl .gradeparent .user.cell {
87 text-align: right;
62e11d37
FM
88}
89
90/**
91 * All the floating cells.
92 */
93.gradeparent .floater .cell {
94 background-color: #f9f9f9;
6ad1af09
AN
95}
96
31819e89
FM
97/**
98 * The user cells.
99 */
100.gradeparent .user.cell {
6ad1af09 101 min-width: 200px;
6ad1af09 102 width: 200px;
d688ee6d
FM
103 white-space: normal;
104 vertical-align: top;
6ad1af09 105}
31819e89
FM
106.gradeparent .user.cell .userpicture {
107 margin: 0 4px;
6ad1af09 108 border: none;
d688ee6d 109 vertical-align: middle;
2c4a3f75
AR
110}
111
31819e89
FM
112/**
113 * The additional user fields.
114 */
115.gradeparent .userfield {
116 font-weight: normal;
d688ee6d
FM
117 text-align: left;
118}
119.dir-rtl .gradeparent .userfield {
120 text-align: right;
2c4a3f75
AR
121}
122
31819e89
FM
123/**
124 * The footer's header.
125 */
33bc816e 126.gradeparent .range .header,
31819e89
FM
127.gradeparent .avg .header {
128 font-weight: bold;
2c4a3f75
AR
129}
130
31819e89 131/**
d688ee6d 132 * The footer's floating cells.
31819e89
FM
133 */
134.gradeparent .avg.floating .cell {
135 border-top-width: 1px;
2c4a3f75 136}
d688ee6d 137
31819e89 138/**
d688ee6d 139 * The footer's cells.
31819e89 140 */
d688ee6d 141.gradeparent .avg .cell {
31819e89 142 text-align: right;
edb7d5ad 143}
d688ee6d 144.dir-rtl .gradeparent .avg .cell {
b0cade11
FM
145 text-align: left;
146}
4e2b37db 147
31819e89
FM
148/**
149 * Content styling.
150 */
151.gradeparent .heading .cell .iconsmall {
152 /* Fixes inconsistencies in cell height on IE. */
153 padding-top: 0;
154 padding-bottom: 0;
155}
156.gradeparent .sorticon {
157 margin-left: 3px;
158}
b0cade11 159.dir-rtl .gradeparent .sorticon {
31819e89
FM
160 margin-left: 0;
161 margin-right: 3px;
162}
163.gradeparent .gradevalue {
164 display: inline-block;
19213efb 165}
457a113e
FM
166.gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
167 /* Made very specific to override the default stripped style of the table. */
d688ee6d
FM
168 background-color: #efd9a4;
169}
457a113e
FM
170.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;
173}
d688ee6d
FM
174.gradeparent .excludedfloater {
175 font-weight: bold;
176 color: red;
177 font-size: 9px;
178 float: left;
179}
180.dir-rtl .gradeparent .excludedfloater {
181 float: right;
182}
33bc816e
AN
183
184.path-grade-report .gradeparent .floater .controls.cell,
d688ee6d
FM
185.gradeparent .controls {
186 background-color: #f3ead8;
187}
188.gradeparent .category {
189 text-align: left;
190}
191.dir-rtl .gradeparent .category {
192 text-align: right;
193}
8c97393c 194
d688ee6d
FM
195/**
196 * Editing fields.
197 */
198.gradeparent select {
199 margin: 0;
200 padding: 0;
201}
202.gradeparent .text {
203 border: 1px solid #666;
204 width: auto;
8c97393c
ME
205 margin: 0;
206 padding: 0;
d688ee6d 207 text-align: center;
8c97393c 208}
d688ee6d
FM
209.gradeparent .quickfeedback {
210 border: 1px dashed #000;
211 width: auto;
212 margin: 0;
213 padding: 0;
214 margin-left: 10px;
8c97393c 215}
d688ee6d
FM
216.dir-rtl .gradeparent .quickfeedback {
217 margin-left: 0;
218 margin-right: 10px;
8c97393c 219}