MDL-46950 gradereport_grader: Prettier styling for base and clean
[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;
32}
33
34/**
35 * All the cells.
36 */
37.gradeparent .cell {
38 border: 1px solid #ccc;
39 border-top-width: 0;
40 border-left-width: 0;
6ad1af09 41 padding: 4px 5px;
4e2b37db 42 vertical-align: middle;
dc482cfa 43}
2c4a3f75 44
62e11d37
FM
45/**
46 * Stripped table.
47 */
48.gradeparent tr:nth-of-type(even) .cell {
49 background-color: #f9f9f9;
50}
51
31819e89
FM
52/**
53 * All the floating divs.
54 */
55.gradeparent .floater {
56 display: none;
57}
58.gradeparent .floating {
59 display: block;
6ad1af09
AN
60}
61
31819e89 62/**
62e11d37 63 * All the headers + floating cells.
31819e89
FM
64 */
65.gradeparent .heading .cell,
66.gradeparent .avg .cell,
67.gradeparent .user.cell {
68 font-size: 14px;
69 font-weight: normal;
62e11d37
FM
70}
71
72/**
73 * All the floating cells.
74 */
75.gradeparent .floater .cell {
76 background-color: #f9f9f9;
6ad1af09
AN
77}
78
31819e89
FM
79/**
80 * The header and footer.
81 */
82.gradeparent .heading .cell,
83.gradeparent .avg .cell {
84 white-space: nowrap;
f79776cb
FM
85}
86
31819e89
FM
87/**
88 * The user cells.
89 */
90.gradeparent .user.cell {
6ad1af09 91 min-width: 200px;
6ad1af09 92 width: 200px;
6ad1af09 93}
31819e89
FM
94.gradeparent .user.cell .userpicture {
95 margin: 0 4px;
6ad1af09
AN
96 border: none;
97 vertical-align: top;
2c4a3f75
AR
98}
99
31819e89
FM
100/**
101 * The additional user fields.
102 */
103.gradeparent .userfield {
104 font-weight: normal;
2c4a3f75
AR
105}
106
31819e89
FM
107/**
108 * The footer's header.
109 */
110.gradeparent .avg .header {
111 font-weight: bold;
6ad1af09 112 text-align: center;
2c4a3f75
AR
113}
114
31819e89
FM
115/**
116 * The footer's cells.
117 */
118.gradeparent .avg.floating .cell {
119 border-top-width: 1px;
2c4a3f75 120}
31819e89
FM
121/**
122 * The footer's range field.
123 */
124.gradeparent .avg .range {
125 text-align: right;
edb7d5ad 126}
4e2b37db 127
31819e89
FM
128/**
129 * The header and user fields.
130 */
131.gradeparent .heading .cell,
132.gradeparent .user.cell {
133 text-align: left;
6f0bab68
ME
134}
135
31819e89
FM
136/**
137 * Content styling.
138 */
139.gradeparent .heading .cell .iconsmall {
140 /* Fixes inconsistencies in cell height on IE. */
141 padding-top: 0;
142 padding-bottom: 0;
143}
144.gradeparent .sorticon {
145 margin-left: 3px;
146}
147.dir-rlt .gradeparent .sorticon {
148 margin-left: 0;
149 margin-right: 3px;
150}
151.gradeparent .gradevalue {
152 display: inline-block;
19213efb 153}
8c97393c
ME
154
155/** MDL-46812 **/
156#page-grade-report-grader-index.jsenabled .right_scroller.topscroll {
157 background-color: #ececec;
158 height: 20px;
159 margin: 0;
160 padding: 0;
161}
162#page-grade-report-grader-index.jsenabled .topscrollcontent {
163 background-color: #ececec;
164 height: 20px;
165}
166.jsenabled.path-grade-report-grader .left_scroller {
167 border-top: 20px solid #ececec;
168}