4d2af4eb0475428a718e069f37c652a28b20f62c
[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 .headingblock {
21     border-bottom: 1px solid #ddd;
22     font-size: 1.3em;
23     color: #333;
24 }
26 #notice {
27     text-align: center;
28 }
30 .noticebox,
31 .expired,
32 .notopenyet,
33 .notifysuccess,
34 .notifyproblem,
35 .errorbox,
36 .continuebutton,
37 .singlebutton,
38 .buttons,
39 .singleselect {
40     text-align: center;
41     margin: 1em 0;
42 }
44 .navbutton .singlebutton {
45     margin: 0;
46 }
48 .generalbox {
49     border-color: #ddd;
50 }
52 .noticebox .generalbox {
53     border: none;
54     margin:2em 0;
55 }
57 .expired,
58 .notopenyet {
59     border: none;
60     color: #f00;
61 }
63 .buttons .singlebutton input {
64     margin: 0 1em;
65 }
67 .initialbar {
68     text-align: center;
69 }
71 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
72     padding-right: 0;
73 }
75 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
76     padding-left: 0;
77 }
79 input[type="checkbox"],
80 input[type="radio"] {
81     margin-right: 7px;
82 }
84 /* Calendar
85 -------------------------*/
87 .calendarlayout .sidecalendar {
88     padding-left: 15px;
89 }
91 .minicalendarblock h3 {
92     text-align: center;
93     font-size: 1.2em;
94 }
96 .maincalendar .header .buttons {
97     margin: 0;
98 }
100 .maincalendar .calendarmonth td,
101 .maincalendar .calendarmonth th {
102     border-color: #ddd;
103     border-style: dotted;
104     border-width: 1px;
107 .maincalendar .calendarmonth th,
108 .minicalendar th {
109     background: none;
112 .maincalendar .calendar-controls {
113     padding: 10px 5px 0;
116 .maincalendar .calendar-controls .previous,
117 .maincalendar .calendar-controls .current,
118 .maincalendar .calendar-controls .next {
119     float: left;
122 .maincalendar .calendar-controls .current {
123     margin: 0 auto;
124     font-size: 1.35em;
125     text-align: center;
126     line-height: 1;
127     font-weight: bold;
130 .maincalendar .calendar-controls .next {
131     text-align: right;
134 .maincalendar .filters table td {
135     font-size: 0.9em;
138 .maincalendar .bottom {
139     margin-top: 25px;
142 .minicalendar th abbr {
143     border: none;
146 .calendar_filters td,
147 .minicalendar td,
148 .minicalendar th {
149     padding: 2px;
150     font-size: 0.85em;
153 #page-calendar-view .eventlist {
154     padding-top: 1em;
157 #page-calendar-view .eventlist .event {
158     border: none;
161 #page-calendar-view .eventlist .event .topic {
162     border-width: 1px 1px 0;
163     border-color: #ddd;
164     border-style: solid;
165     background: #f5f5f5;
168 #page-calendar-view .eventlist .event .topic .name {
169     font-weight: bold;
172 #page-calendar-view .eventlist .event .description {
173     border-width: 0 1px 1px;
174     border-style: solid;
175     border-color: #ddd;
178 .calendartable .duration ul {
179     border-width: 2px 0;
180     border-style: solid;
183 .calendartable .duration_user ul {
184     border-color: #dce7ec;
187 .calendartable .duration_global ul {
188     border-color: #d6f8cd;
191 .calendartable .duration_group ul {
192     border-color: #fee7ae;
195 .calendartable .duration_course ul {
196     border-color: #ffd3bd;
199 .calendartable .duration .events-underway {
200     color: #666;
203 .minicalendar {
204     border-collapse: separate;
207 .minicalendar td,
208 .minicalendar th {
209     font-size: 0.85em;
210     padding: 0 2px;
211     border-width: 2px 0;
212     border-color: #fff;
215 .minicalendar .calendar_event_user,
216 .minicalendar .duration_user {
217     border-color: #dce7ec;
220 .minicalendar .calendar_event_course,
221 .minicalendar .duration_course {
222     border-color: #ffd3bd;
225 .minicalendar .calendar_event_global,
226 .minicalendar .duration_global {
227     border-color: #d6f8cd;
230 .minicalendar .calendar_event_group,
231 .minicalendar .duration_group {
232     border-color: #fee7ae;
235 /* User
236 -------------------------*/
238 .userinfobox {
239     border-color: #ddd;
240     padding: 0
243 .userinfobox .content {
244     text-align: left;
245     padding-left:10px
247 .dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;}
249 .userinfobox .links {
250     vertical-align: top;
251     background: #f4f4f4;
252     padding-left: 10px;
255 .userinfobox .links a {
256     display: block;
257     text-align: left;
259 .dir-rtl .userinfobox .links a {text-align: right;}
261 .profilepicture {
262     float: left;
263     margin-right: 10px;
265 .dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;}
267 .descriptionbox {
268     margin-left: 110px;
269     border: 1px solid #ddd;
270     padding: 10px;
273 .path-user .description {
274     padding-bottom: 15px;
275     border-bottom: 1px solid #eee;
278 .userprofile .list {
279     margin-top: 10px;
282 .userprofile .list td {
283     padding-top: 3px;
284     padding-bottom: 3px;
287 .userprofile .list .c0 {
288     padding-left: 0;
289     font-weight: bold;
292 #page-user-view .buttons {
293     text-align: center;
294     width: 70%;
295     margin: 0 auto;
298 #page-user-view .buttons div {
299     padding: 0 0 10px;
302 #page-user-index .controls {
303     width: 100%
306 #page-user-index .controls .singleselect {
307     margin: 0;
310 .rolesform {
311     text-align: center;
312     margin: 1em 0;
315 #participantsform {
316     text-align: center;
319 #participants {
320     width: 100%;
321     margin: 1em auto 0;
324 #participants th,
325 #participants td {
326     vertical-align: middle;
329 .groupinfobox {
330     border-color: #DDDDDD;
331     width: 60%;
332     margin-left: 20%;
333     margin-right: 20%;
336 /* Notes
337 ------------------------*/
339 .path-notes .generalbox {
340     border: none;
343 /* Roles
344 ------------------------*/
346 .path-admin-roles .generaltable {
347     /* width: 65%; hiding because it's causing problems on role/assign */
350 .path-admin-roles .generaltable th {
351     vertical-align: middle;
354 .path-admin-roles .generaltable .lastcol {
355     width: 15%;
358 .path-admin-roles .backlink {
359     text-align: center;
362 /* Blogs
363 ------------------------*/
365 .blog_entry .audience {
366     color: #444;
367     margin: 0 0 0.5em;
368     font-size: 0.9em;
371 .blog_entry .tags {
372     margin-bottom: 0.5em;
375 /* Tags
376 ------------------------*/
378 #big-tag-cloud-box {
379     padding: 10px;
382 #tag-management-box {
383     text-align: center;
386 .tag-management-form {
387     border: none;
388     padding: 0 0 1em;
391 #tag-management-list {
392     margin: 1em 0
395 #page-tag-index #tag-blogs {
396     border-width: 0 0 1px;
397     width: 65%;
398     margin: 1em auto;
401 #tagblogentries {
402     margin: 0 0 1em;
405 #tagblogentries li {
406     list-style: none;
407     padding: 0.25em 0;
408     margin: 0
411 #big-tag-cloud-box {
412     border: none;
415 #tag-user-table {
416     width: 95%;
417     margin: 0 auto;
418     border-width: 0 0 1px;
421 .managelink {
422     text-align: right;
425 #page-tag-index .headingblock {
426     text-align: center;
427     margin-bottom: 0;
430 #page-tag-index #tag-management-box {
431     border-bottom: 1px solid #ddd;
432     padding: 4px 0;
435 #page-tag-index .relatedpages {
436     text-align: center;
439 #page-tag-manage .lastinitial {
440     margin-bottom: 0.5em;
443 #page-tag-manage .green {
444     text-align: center;
445     padding: 0 0 1em;
448 /* YUI overlays
449 ------------------------*/
450 #helppopupbox {
451     z-index: 99999 !important;
455 /* Embedded Pages
456 ------------------------*/
458 .pagelayout-embedded {
459     text-align: center;
460     background-color: #fff;
461     background-image: none;
464 .pagelayout-embedded #content {
465     padding-top: 30px;
468 /* Forms
469 -----------------------*/
471 .mform .fsubmit {
472     text-align: center;
473     padding: 2px;
476 .form-label .form-shortname {
477     font-size: 0.8em;
478     color: #777;
481 .form-description {
482     font-size: 0.95em;
483     color: #444;
486 .path-backup .mform .hidden .fitem .fgroup {
487     text-align: left;
490 .path-backup .mform .grouped_settings {
491     margin:1em;
493 .path-backup .mform .grouped_settings .grouped_settings {
494     margin:0;
497 /* Comments
498 -----------------------*/
500 .comment-list li {
501     background: #eee !important;
502     list-style: none;
505 /* Gradebook
506 ----------------------*/
508 .path-grade h1.headermain {
509     text-align: left; /* Strangely necessary TODO: find bug */
512 .gradestable .lastrow th.header {
513     background: #ddd;
516 .gradestable .lastrow td.cell {
517     background: #eee !important;
520 .user-grade td.b1t,
521 .user-grade td.baggt {
522     background: #ddd !important;
525 #page-grade-edit-scale-index .generaltable {
526     margin: 1em auto;
529 #page-grade-report-grader-preferences .generalbox {
530     border: none;
533 .path-grade-report-grader form {
534     text-align: left;
536 .path-grade-report-grader.dir-rtl form { text-align: right; }
538 /* Footer
539 -----------------------*/
541 #page-footer .logininfo {
542     padding: 1em 0;
545 #page-footer .homelink,
546 #page-footer .sitelink {
547     padding: 1em 0;
550 .homelink a {
551     text-decoration: none;
552     border-top: 1px solid #cecece;
553     border-bottom: 2px solid #8a8a8a;
554     border-left: 1px solid #cecece;
555     border-right: 2px solid #8a8a8a;
558 .homelink a:hover {
559     text-decoration: none;
560     border-bottom: 1px solid #cecece;
561     border-top: 2px solid #8a8a8a;
562     border-right: 1px solid #cecece;
563     border-left: 2px solid #8a8a8a;
566 /* Enrol
567 -------------------------*/
569 .userenrolment {
570     font-size:90%;
571     border:1px solid #999;
573 .userenrolment tr.r0 {
574     background-color: #F9F9F9;
576 .userenrolment tr.r1 {
577     background-color: #F3F3F3;
579 .userenrolment td {
580     border-width: 1px;
581     border-style: solid;
582     border-top-color: #F6F6F6;
583     border-right-color: #EEE;
584     border-bottom-color: #E9E9E9;
585     border-left-color: #F3F3F3;
587 .userenrolment td.c0 {
588     border-left-color:#999;
590 .userenrolment td.c4 {
591     border-right-color:#999;
593 .userenrolment .col_userdetails {
594     padding:3px;
595     min-width:35%;
597 .userenrolment .col_role .roles {
598     position:relative;
600 .userenrolment .col_role .role {
601     line-height: 10px;
602     font-size: 10px;
604 .userenrolment .col_role .role a img {
605     height:8px;
607 .userenrolment .col_role .addrole {
608     background-color: #DDD;
609     border: 1px outset #EEE;
610     -moz-border-radius: 5px;
612 .userenrolment .col_group {
613     max-width: 300px;
615 .userenrolment .col_group .group {
616     line-height:10px;
617     font-size:10px;
619 .userenrolment .col_group .group a img {
620     height:8px;
622 .userenrolment .col_group .addgroup {
623     background-color:#DDD;
624     border:1px outset #EEE;
625     -moz-border-radius:5px;
627 .userenrolment .col_enrol {
628     max-width:300px;
630 .userenrolment .col_enrol .enrolment {
631     border:1px outset #E6E6E6;
632     background-color:#EEE;
633     line-height:10px;
634     font-size:10px;
635     -moz-border-radius:5px;
637 .path-enrol .enrolusersbutton,
638 .path-enrol .enrolcohortbutton {
639     float:left;
641 .path-enrol .enrolusersbutton.instance1,
642 .path-enrol .enrolcohortbutton.instance1 {
643     float:right;
646 /* Registration
647 -------------------------*/
650 #page-admin-registration-hubselector .registration_textfield {
651     width: 400px;
654 /* Redirect
655 -------------------------*/
657 .pagelayout-redirect #content {
658     text-align: center;
659     margin: 10% auto;
662 .path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;}