MDL-40347 Fixed gradebook css overwriting in Canvas
[moodle.git] / theme / canvas / style / core.css
1 html {
2     height: 100%;
3 }
5 body {
6     min-height: 100%;
7     margin: 0;
8     padding: 0;
9 }
11 #page {
12     font-size: 108%;
13     line-height: 1.4;
14 }
16 .sitetopic {
17     border: none;
18 }
20 #notice {
21     text-align: center;
22 }
24 .noticebox,
25 .expired,
26 .notopenyet,
27 .notifysuccess,
28 .notifyproblem,
29 .errorbox,
30 .continuebutton,
31 .singlebutton,
32 .buttons {
33     text-align: center;
34     margin: 1em 0;
35 }
37 .navbutton .singlebutton {
38     margin: 0;
39 }
41 .generalbox {
42     border-color: #ddd;
43 }
45 .noticebox .generalbox {
46     border: none;
47     margin:2em 0;
48 }
50 .expired,
51 .notopenyet {
52     border: none;
53     color: #f00;
54 }
56 .buttons .singlebutton input {
57     margin: 0 1em;
58 }
60 .initialbar {
61     text-align: center;
62 }
64 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
65     padding-right: 0;
66 }
68 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
69     padding-left: 0;
70 }
72 /* Calendar
73 -------------------------*/
75 .calendarlayout .sidecalendar {
76     padding-left: 15px;
77 }
79 .minicalendarblock h3 {
80     text-align: center;
81     font-size: 1.2em;
82 }
84 .maincalendar .header .buttons {
85     margin: 0;
86 }
88 .maincalendar .calendarmonth td,
89 .maincalendar .calendarmonth th {
90     border-color: #ddd;
91     border-style: dotted;
92     border-width: 1px;
93 }
95 .maincalendar .calendarmonth th,
96 .minicalendar th {
97     background: none;
98 }
100 .maincalendar .calendar-controls {
101     padding: 10px 5px 0;
104 .maincalendar .calendar-controls .previous,
105 .maincalendar .calendar-controls .current,
106 .maincalendar .calendar-controls .next {
107     float: left;
110 .maincalendar .calendar-controls .current {
111     margin: 0 auto;
112     font-size: 1.35em;
113     text-align: center;
114     line-height: 1;
115     font-weight: bold;
118 .maincalendar .calendar-controls .next {
119     text-align: right;
122 .maincalendar .filters table td {
123     font-size: 0.9em;
126 .maincalendar .bottom {
127     margin-top: 25px;
130 .minicalendar th abbr {
131     border: none;
134 .calendar_filters td,
135 .minicalendar td,
136 .minicalendar th {
137     padding: 2px;
138     font-size: 0.85em;
141 #page-calendar-view .eventlist {
142     padding-top: 1em;
145 #page-calendar-view .eventlist .event {
146     border: none;
149 #page-calendar-view .eventlist .event .topic {
150     border-width: 1px 1px 0;
151     border-color: #ddd;
152     border-style: solid;
153     background: #f5f5f5;
156 #page-calendar-view .eventlist .event .topic .name {
157     font-weight: bold;
160 #page-calendar-view .eventlist .event .description {
161     border-width: 0 1px 1px;
162     border-style: solid;
163     border-color: #ddd;
166 .calendartable .duration ul {
167     border-width: 2px 0;
168     border-style: solid;
171 .calendartable .duration_user ul {
172     border-color: #dce7ec;
175 .calendartable .duration_global ul {
176     border-color: #d6f8cd;
179 .calendartable .duration_group ul {
180     border-color: #fee7ae;
183 .calendartable .duration_course ul {
184     border-color: #ffd3bd;
187 .calendartable .duration .events-underway {
188     color: #666;
191 .minicalendar {
192     border-collapse: separate;
195 .minicalendar td,
196 .minicalendar th {
197     font-size: 0.85em;
198     padding: 0 2px;
199     border-width: 2px 0;
200     border-color: #fff;
203 .minicalendar .calendar_event_user,
204 .minicalendar .duration_user {
205     border-color: #dce7ec;
208 .minicalendar .calendar_event_course,
209 .minicalendar .duration_course {
210     border-color: #ffd3bd;
213 .minicalendar .calendar_event_global,
214 .minicalendar .duration_global {
215     border-color: #d6f8cd;
218 .minicalendar .calendar_event_group,
219 .minicalendar .duration_group {
220     border-color: #fee7ae;
223 /* User
224 -------------------------*/
226 .userinfobox {
227     border-color: #ddd;
228     padding: 0
231 .userinfobox .content {
232     text-align: left;
233     padding-left:10px
235 .dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;}
237 .userinfobox .links {
238     vertical-align: top;
239     background: #f4f4f4;
240     padding-left: 10px;
243 .userinfobox .links a {
244     display: block;
245     text-align: left;
247 .dir-rtl .userinfobox .links a {text-align: right;}
249 .profilepicture {
250     float: left;
251     margin-right: 10px;
253 .dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;}
255 .descriptionbox {
256     margin-left: 110px;
257     border: 1px solid #ddd;
258     padding: 10px;
259     width: 80%;
262 .path-user .description {
263     padding-bottom: 15px;
264     border-bottom: 1px solid #eee;
267 .userprofile dl {
268     margin-top: 10px;
271 .userprofile dl dt, .userprofile dl dd {
272     padding-top: 3px;
273     padding-bottom: 3px;
274     float: left;
277 .dir-rtl .userprofile dl dt, .dir-rtl  .userprofile dl dd {
278     float: right;
281 .userprofile dl dt {
282     padding-left: 0;
283     font-weight: bold;
284     display: inline-block;
285     padding-right: 2%;
286     min-width: 100px;
287     width: 15%;
288     clear: both;
291 .dir-rtl .userprofile dl dt {
292     padding-left: 2%;
293     padding-right: 0;
296 .userprofile dl dd {
297     display: inline-block;
298     margin: 0px;
299     width: 75%;
302 #page-user-view .buttons {
303     text-align: center;
304     width: 70%;
305     margin: 0 auto;
308 #page-user-view .buttons div {
309     padding: 0 0 10px;
312 #page-user-index .controls {
313     width: 100%
316 #page-user-index .controls .singleselect {
317     margin: 0;
320 .rolesform {
321     text-align: center;
322     margin: 1em 0;
325 #participantsform {
326     text-align: center;
329 #participants {
330     width: 100%;
331     margin: 1em auto 0;
334 #participants th,
335 #participants td {
336     vertical-align: middle;
339 .groupinfobox {
340     border-color: #DDDDDD;
341     width: 60%;
342     margin-left: 20%;
343     margin-right: 20%;
346 /* Notes
347 ------------------------*/
349 .path-notes .generalbox {
350     border: none;
353 /* Roles
354 ------------------------*/
356 .path-admin-roles .generaltable {
357     /* width: 65%; hiding because it's causing problems on role/assign */
360 .path-admin-roles .generaltable th {
361     vertical-align: middle;
364 .path-admin-roles .generaltable .lastcol {
365     width: 15%;
368 .path-admin-roles .backlink {
369     text-align: center;
372 /* Blogs
373 ------------------------*/
375 .blog_entry .audience {
376     color: #444;
377     margin: 0 0 0.5em;
378     font-size: 0.9em;
381 .blog_entry .tags {
382     margin-bottom: 0.5em;
385 /* Tags
386 ------------------------*/
388 #big-tag-cloud-box {
389     padding: 10px;
392 #tag-management-box {
393     text-align: center;
396 .tag-management-form {
397     border: none;
398     padding: 0 0 1em;
401 #tag-management-list {
402     margin: 1em 0
405 #page-tag-index #tag-blogs {
406     border-width: 0 0 1px;
407     width: 65%;
408     margin: 1em auto;
411 #tagblogentries {
412     margin: 0 0 1em;
415 #tagblogentries li {
416     list-style: none;
417     padding: 0.25em 0;
418     margin: 0
421 #big-tag-cloud-box {
422     border: none;
425 #tag-user-table {
426     width: 95%;
427     margin: 0 auto;
428     border-width: 0 0 1px;
431 .managelink {
432     text-align: right;
435 #page-tag-index #tag-management-box {
436     border-bottom: 1px solid #ddd;
437     padding: 4px 0;
440 #page-tag-index .relatedpages {
441     text-align: center;
444 #page-tag-manage .lastinitial {
445     margin-bottom: 0.5em;
448 #page-tag-manage .green {
449     text-align: center;
450     padding: 0 0 1em;
453 /* Embedded Pages
454 ------------------------*/
456 .pagelayout-embedded {
457     text-align: center;
458     background-color: #fff;
459     background-image: none;
462 .pagelayout-embedded #content {
463     padding-top: 30px;
466 /* Forms
467 -----------------------*/
469 .mform .fsubmit {
470     text-align: center;
471     padding: 2px;
474 .form-label .form-shortname {
475     font-size: 0.8em;
476     color: #777;
479 .form-description {
480     font-size: 0.95em;
481     color: #444;
484 .path-backup .mform .hidden .fitem .fgroup {
485     text-align: left;
488 .path-backup .mform .grouped_settings {
489     margin:1em;
491 .path-backup .mform .grouped_settings .grouped_settings {
492     margin:0;
495 .mform .btn-cancel {
496     color: #0000EE;
497     text-decoration: none;
499 .mform .btn-cancel:hover, .mform .btn-cancel:focus {
500     color: #0000EE;
501     text-decoration: none;
504 /* Comments
505 -----------------------*/
507 .comment-list li {
508     background: #eee !important;
509     list-style: none;
512 /* Gradebook
513 ----------------------*/
515 .path-grade h1.headermain {
516     text-align: left; /* Strangely necessary TODO: find bug */
519 .gradestable .lastrow th.header {
520     background: #ddd;
523 table#user-grades tr.avg td.cell,
524 table#user-grades tr.avg th.cell {
525     background: #eee;
528 table#user-grades tr.avg td.vmarked {
529     background-color: #fc3;
532 .user-grade td.b1t,
533 .user-grade td.baggt {
534     background: #ddd !important;
537 #page-grade-edit-scale-index .generaltable {
538     margin: 1em auto;
541 #page-grade-report-grader-preferences .generalbox {
542     border: none;
545 .path-grade-report-grader form {
546     text-align: left;
548 .path-grade-report-grader.dir-rtl form { text-align: right; }
550 /* Footer
551 -----------------------*/
553 #page-footer .logininfo {
554     padding: 1em 0;
557 #page-footer .homelink,
558 #page-footer .sitelink {
559     padding: 1em 0;
562 .homelink a {
563     text-decoration: none;
564     border-top: 1px solid #cecece;
565     border-bottom: 2px solid #8a8a8a;
566     border-left: 1px solid #cecece;
567     border-right: 2px solid #8a8a8a;
570 .homelink a:hover {
571     text-decoration: none;
572     border-bottom: 1px solid #cecece;
573     border-top: 2px solid #8a8a8a;
574     border-right: 1px solid #cecece;
575     border-left: 2px solid #8a8a8a;
578 /* Enrol
579 -------------------------*/
581 .userenrolment {
582     font-size:90%;
583     border:1px solid #999;
585 .userenrolment tr.r0 {
586     background-color: #F9F9F9;
588 .userenrolment tr.r1 {
589     background-color: #F3F3F3;
591 .userenrolment td {
592     border-width: 1px;
593     border-style: solid;
594     border-top-color: #F6F6F6;
595     border-right-color: #EEE;
596     border-bottom-color: #E9E9E9;
597     border-left-color: #F3F3F3;
599 .userenrolment td.c0 {
600     border-left-color:#999;
602 .userenrolment td.c4 {
603     border-right-color:#999;
605 .userenrolment .col_userdetails {
606     padding:3px;
607     min-width:35%;
609 .userenrolment .col_role .roles {
610     position:relative;
612 .userenrolment .col_role .role {
613     line-height: 10px;
614     font-size: 10px;
616 .userenrolment .col_role .role a img {
617     height:8px;
619 .userenrolment .col_role .addrole {
620     background-color: #DDD;
621     border: 1px outset #EEE;
622     -moz-border-radius: 5px;
624 .userenrolment .col_group {
625     max-width: 300px;
627 .userenrolment .col_group .group {
628     line-height:10px;
629     font-size:10px;
631 .userenrolment .col_group .group a img {
632     height:8px;
634 .userenrolment .col_group .addgroup {
635     background-color:#DDD;
636     border:1px outset #EEE;
637     -moz-border-radius:5px;
639 .userenrolment .col_enrol {
640     max-width:300px;
642 .userenrolment .col_enrol .enrolment {
643     border:1px outset #E6E6E6;
644     background-color:#EEE;
645     line-height:10px;
646     font-size:10px;
647     -moz-border-radius:5px;
649 .path-enrol .enrolusersbutton,
650 .path-enrol .enrolcohortbutton {
651     float:left;
653 .path-enrol .enrolusersbutton.instance1,
654 .path-enrol .enrolcohortbutton.instance1 {
655     float:right;
658 /* Registration
659 -------------------------*/
662 #page-admin-registration-hubselector .registration_textfield {
663     width: 400px;
666 /* Redirect
667 -------------------------*/
669 .pagelayout-redirect #content {
670     text-align: center;
671     margin: 10% auto;
674 .path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;}