MDL-46658 gradereport_grader: Remove max-width for RTL
[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 }
14 .path-grade-report-grader .gradeparent .graderreportoverlay {
15     background-color: white;
16     width: auto;
17     padding: 10px;
18     font-size: 12px;
19     border: 1px solid #ccc;
20     border-radius: 4px;
21 }
23 /**
24  * The table.
25  */
26 .path-grade-report-grader .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;
32     margin-bottom: 2em;
33 }
34 .dir-rtl.path-grade-report-grader .gradeparent table {
35     border-left-width: 0;
36     border-right-width: 1px;
37     max-width: initial;
38 }
40 /**
41  * All the cells.
42  */
43 .path-grade-report-grader .gradeparent .cell {
44     border: 1px solid #ccc;
45     border-top-width: 0;
46     border-left-width: 0;
47     padding: 4px 5px;
48     vertical-align: middle;
49     text-align: right;
50     white-space: nowrap;
51 }
52 .dir-rtl.path-grade-report-grader .gradeparent .cell {
53     border-left-width: 1px;
54     border-right-width: 0;
55     text-align: left;
56 }
58 /**
59  * Stripped table.
60  */
61 .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell {
62     background-color: #f9f9f9;
63 }
65 /**
66  * All the floating divs.
67  */
68 .path-grade-report-grader .gradeparent .floater {
69     display: none;
70 }
71 .path-grade-report-grader .gradeparent .floating {
72     display: block;
73 }
75 /**
76  * All the headers + floating cells.
77  */
78 .path-grade-report-grader .gradeparent .heading .cell,
79 .path-grade-report-grader .gradeparent .avg .cell,
80 .path-grade-report-grader .gradeparent .user.cell {
81     font-size: 14px;
82     font-weight: normal;
83     text-align: left;
84 }
85 .dir-rtl.path-grade-report-grader .gradeparent .heading .cell,
86 .dir-rtl.path-grade-report-grader .gradeparent .avg .cell,
87 .dir-rtl.path-grade-report-grader .gradeparent .user.cell {
88     text-align: right;
89 }
91 /**
92  * All the floating cells.
93  */
94 .path-grade-report-grader .gradeparent .floater .cell {
95     background-color: #f9f9f9;
96 }
98 /**
99  * The user cells.
100  */
101 .path-grade-report-grader .gradeparent .user.cell {
102     min-width: 200px;
103     width: 200px;
104     white-space: normal;
105     vertical-align: top;
107 .path-grade-report-grader .gradeparent .user.cell .userpicture {
108     margin: 0 4px;
109     border: none;
110     vertical-align: middle;
113 /**
114  * The additional user fields.
115  */
116 .path-grade-report-grader .gradeparent .userfield {
117     font-weight: normal;
118     text-align: left;
120 .dir-rtl.path-grade-report-grader .gradeparent .userfield {
121     text-align: right;
124 /**
125  * The footer's header.
126  */
127 .path-grade-report-grader .gradeparent .range .header,
128 .path-grade-report-grader .gradeparent .avg .header {
129     font-weight: bold;
132 /**
133  * The footer's floating cells.
134  */
135 .path-grade-report-grader .gradeparent .avg.floating .cell {
136     border-top-width: 1px;
139 /**
140  * The footer's cells.
141  */
142 .path-grade-report-grader .gradeparent .avg .cell {
143     text-align: right;
145 .dir-rtl.path-grade-report-grader .gradeparent .avg .cell {
146     text-align: left;
149 /**
150  * Content styling.
151  */
152 .path-grade-report-grader .gradeparent .heading .cell .iconsmall {
153     /* Fixes inconsistencies in cell height on IE. */
154     padding-top: 0;
155     padding-bottom: 0;
157 .path-grade-report-grader .gradeparent .sorticon {
158     margin-left: 3px;
160 .dir-rtl.path-grade-report-grader .gradeparent .sorticon {
161     margin-left: 0;
162     margin-right: 3px;
164 .path-grade-report-grader .gradeparent .gradevalue {
165     display: inline-block;
167 .path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
168     /* Made very specific to override the default stripped style of the table. */
169     background-color: #efd9a4;
171 .path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
172     /* Made very specific to override the default stripped style of the table. */
173     background-color: #ffe3a0;
175 .path-grade-report-grader .gradeparent .excludedfloater {
176     font-weight: bold;
177     color: red;
178     font-size: 9px;
179     float: left;
181 .dir-rtl.path-grade-report-grader .gradeparent .excludedfloater {
182     float: right;
185 .path-grade-report .gradeparent .floater .controls.cell,
186 .path-grade-report-grader .gradeparent .controls {
187     background-color: #f3ead8;
189 .path-grade-report-grader .gradeparent .category {
190     text-align: left;
192 .dir-rtl.path-grade-report-grader .gradeparent .category {
193     text-align: right;
196 /**
197  * Editing fields.
198  */
199 .path-grade-report-grader .gradeparent select {
200     margin: 0;
201     padding: 0;
203 .path-grade-report-grader .gradeparent .text {
204     border: 1px solid #666;
205     width: auto;
206     margin: 0;
207     padding: 0;
208     text-align: center;
210 .path-grade-report-grader .gradeparent .quickfeedback {
211     border: 1px dashed #000;
212     width: auto;
213     margin: 0;
214     padding: 0;
215     margin-left: 10px;
217 .dir-rtl.path-grade-report-grader .gradeparent .quickfeedback {
218     margin-left: 0;
219     margin-right: 10px;
222 .path-grade-report-grader .yui3-overlay {
223   border: 0;
224   background: none;
225   background-color: initial;
226   min-width: 200px;
229 .path-grade-report-grader .yui3-overlay {
230     background-color: white;
231     width: auto;
232     padding: 10px;
233     font-size: 12px;
234     border: 1px solid #ccc;
235     border-radius: 4px;