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