182de85b4333509143a6be45b9da479601c569f2
[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 /* Calendar
80 -------------------------*/
82 .calendarlayout .sidecalendar {
83     padding-left: 15px;
84 }
86 .minicalendarblock h3 {
87     text-align: center;
88     font-size: 1.2em;
89 }
91 .maincalendar .header .buttons {
92     margin: 0;
93 }
95 .maincalendar .calendarmonth td,
96 .maincalendar .calendarmonth th {
97     border-color: #ddd;
98     border-style: dotted;
99     border-width: 1px;
102 .maincalendar .calendarmonth th,
103 .minicalendar th {
104     background: none;
107 .maincalendar .calendar-controls {
108     padding: 10px 5px 0;
111 .maincalendar .calendar-controls .previous,
112 .maincalendar .calendar-controls .current,
113 .maincalendar .calendar-controls .next {
114     float: left;
117 .maincalendar .calendar-controls .current {
118     margin: 0 auto;
119     font-size: 1.35em;
120     text-align: center;
121     line-height: 1;
122     font-weight: bold;
125 .maincalendar .calendar-controls .next {
126     text-align: right;
129 .maincalendar .filters table td {
130     font-size: 0.9em;
133 .maincalendar .bottom {
134     margin-top: 25px;
137 .minicalendar th abbr {
138     border: none;
141 .calendar_filters td,
142 .minicalendar td,
143 .minicalendar th {
144     padding: 2px;
145     font-size: 0.85em;
148 #page-calendar-view .eventlist {
149     padding-top: 1em;
152 #page-calendar-view .eventlist .event {
153     border: none;
156 #page-calendar-view .eventlist .event .topic {
157     border-width: 1px 1px 0;
158     border-color: #ddd;
159     border-style: solid;
160     background: #f5f5f5;
163 #page-calendar-view .eventlist .event .topic .name {
164     font-weight: bold;
167 #page-calendar-view .eventlist .event .description {
168     border-width: 0 1px 1px;
169     border-style: solid;
170     border-color: #ddd;
173 .calendartable .duration ul {
174     border-width: 2px 0;
175     border-style: solid;
178 .calendartable .duration_user ul {
179     border-color: #dce7ec;
182 .calendartable .duration_global ul {
183     border-color: #d6f8cd;
186 .calendartable .duration_group ul {
187     border-color: #fee7ae;
190 .calendartable .duration_course ul {
191     border-color: #ffd3bd;
194 .calendartable .duration .events-underway {
195     color: #666;
198 .minicalendar {
199     border-collapse: separate;
202 .minicalendar td,
203 .minicalendar th {
204     font-size: 0.85em;
205     padding: 0 2px;
206     border-width: 2px 0;
207     border-color: #fff;
210 .minicalendar .calendar_event_user,
211 .minicalendar .duration_user {
212     border-color: #dce7ec;
215 .minicalendar .calendar_event_course,
216 .minicalendar .duration_course {
217     border-color: #ffd3bd;
220 .minicalendar .calendar_event_global,
221 .minicalendar .duration_global {
222     border-color: #d6f8cd;
225 .minicalendar .calendar_event_group,
226 .minicalendar .duration_group {
227     border-color: #fee7ae;
230 /* User
231 -------------------------*/
233 .userinfobox {
234     border-color: #ddd;
235     padding: 0
238 .userinfobox .content {
239     text-align: left;
240     padding-left:10px
242 .dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;}
244 .userinfobox .links {
245     vertical-align: top;
246     background: #f4f4f4;
247     padding-left: 10px;
250 .userinfobox .links a {
251     display: block;
252     text-align: left;
254 .dir-rtl .userinfobox .links a {text-align: right;}
256 .profilepicture {
257     float: left;
258     margin-right: 10px;
260 .dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;}
262 .descriptionbox {
263     margin-left: 110px;
264     border: 1px solid #ddd;
265     padding: 10px;
266     width: 80%;
269 .path-user .description {
270     padding-bottom: 15px;
271     border-bottom: 1px solid #eee;
274 .userprofile dl {
275     margin-top: 10px;
278 .userprofile dl dt, .userprofile dl dd {
279     padding-top: 3px;
280     padding-bottom: 3px;
281     float: left;
284 .dir-rtl .userprofile dl dt, .dir-rtl  .userprofile dl dd {
285     float: right;
288 .userprofile dl dt {
289     padding-left: 0;
290     font-weight: bold;
291     display: inline-block;
292     padding-right: 2%;
293     min-width: 100px;
294     width: 15%;
295     clear: both;
298 .dir-rtl .userprofile dl dt {
299     padding-left: 2%;
300     padding-right: 0;
303 .userprofile dl dd {
304     display: inline-block;
305     margin: 0px;
306     width: 75%;
309 #page-user-view .buttons {
310     text-align: center;
311     width: 70%;
312     margin: 0 auto;
315 #page-user-view .buttons div {
316     padding: 0 0 10px;
319 #page-user-index .controls {
320     width: 100%
323 #page-user-index .controls .singleselect {
324     margin: 0;
327 .rolesform {
328     text-align: center;
329     margin: 1em 0;
332 #participantsform {
333     text-align: center;
336 #participants {
337     width: 100%;
338     margin: 1em auto 0;
341 #participants th,
342 #participants td {
343     vertical-align: middle;
346 .groupinfobox {
347     border-color: #DDDDDD;
348     width: 60%;
349     margin-left: 20%;
350     margin-right: 20%;
353 /* Notes
354 ------------------------*/
356 .path-notes .generalbox {
357     border: none;
360 /* Roles
361 ------------------------*/
363 .path-admin-roles .generaltable {
364     /* width: 65%; hiding because it's causing problems on role/assign */
367 .path-admin-roles .generaltable th {
368     vertical-align: middle;
371 .path-admin-roles .generaltable .lastcol {
372     width: 15%;
375 .path-admin-roles .backlink {
376     text-align: center;
379 /* Blogs
380 ------------------------*/
382 .blog_entry .audience {
383     color: #444;
384     margin: 0 0 0.5em;
385     font-size: 0.9em;
388 .blog_entry .tags {
389     margin-bottom: 0.5em;
392 /* Tags
393 ------------------------*/
395 #big-tag-cloud-box {
396     padding: 10px;
399 #tag-management-box {
400     text-align: center;
403 .tag-management-form {
404     border: none;
405     padding: 0 0 1em;
408 #tag-management-list {
409     margin: 1em 0
412 #page-tag-index #tag-blogs {
413     border-width: 0 0 1px;
414     width: 65%;
415     margin: 1em auto;
418 #tagblogentries {
419     margin: 0 0 1em;
422 #tagblogentries li {
423     list-style: none;
424     padding: 0.25em 0;
425     margin: 0
428 #big-tag-cloud-box {
429     border: none;
432 #tag-user-table {
433     width: 95%;
434     margin: 0 auto;
435     border-width: 0 0 1px;
438 .managelink {
439     text-align: right;
442 #page-tag-index .headingblock {
443     text-align: center;
444     margin-bottom: 0;
447 #page-tag-index #tag-management-box {
448     border-bottom: 1px solid #ddd;
449     padding: 4px 0;
452 #page-tag-index .relatedpages {
453     text-align: center;
456 #page-tag-manage .lastinitial {
457     margin-bottom: 0.5em;
460 #page-tag-manage .green {
461     text-align: center;
462     padding: 0 0 1em;
465 /* Embedded Pages
466 ------------------------*/
468 .pagelayout-embedded {
469     text-align: center;
470     background-color: #fff;
471     background-image: none;
474 .pagelayout-embedded #content {
475     padding-top: 30px;
478 /* Forms
479 -----------------------*/
481 .mform .fsubmit {
482     text-align: center;
483     padding: 2px;
486 .form-label .form-shortname {
487     font-size: 0.8em;
488     color: #777;
491 .form-description {
492     font-size: 0.95em;
493     color: #444;
496 .path-backup .mform .hidden .fitem .fgroup {
497     text-align: left;
500 .path-backup .mform .grouped_settings {
501     margin:1em;
503 .path-backup .mform .grouped_settings .grouped_settings {
504     margin:0;
507 .mform .btn-cancel {
508     color: #0000EE;
509     text-decoration: none;
511 .mform .btn-cancel:hover, .mform .btn-cancel:focus {
512     color: #0000EE;
513     text-decoration: none;
516 /* Comments
517 -----------------------*/
519 .comment-list li {
520     background: #eee !important;
521     list-style: none;
524 /* Gradebook
525 ----------------------*/
527 .path-grade h1.headermain {
528     text-align: left; /* Strangely necessary TODO: find bug */
531 .gradestable .lastrow th.header {
532     background: #ddd;
535 .gradestable .lastrow td.cell {
536     background: #eee !important;
539 .user-grade td.b1t,
540 .user-grade td.baggt {
541     background: #ddd !important;
544 #page-grade-edit-scale-index .generaltable {
545     margin: 1em auto;
548 #page-grade-report-grader-preferences .generalbox {
549     border: none;
552 .path-grade-report-grader form {
553     text-align: left;
555 .path-grade-report-grader.dir-rtl form { text-align: right; }
557 /* Footer
558 -----------------------*/
560 #page-footer .logininfo {
561     padding: 1em 0;
564 #page-footer .homelink,
565 #page-footer .sitelink {
566     padding: 1em 0;
569 .homelink a {
570     text-decoration: none;
571     border-top: 1px solid #cecece;
572     border-bottom: 2px solid #8a8a8a;
573     border-left: 1px solid #cecece;
574     border-right: 2px solid #8a8a8a;
577 .homelink a:hover {
578     text-decoration: none;
579     border-bottom: 1px solid #cecece;
580     border-top: 2px solid #8a8a8a;
581     border-right: 1px solid #cecece;
582     border-left: 2px solid #8a8a8a;
585 /* Enrol
586 -------------------------*/
588 .userenrolment {
589     font-size:90%;
590     border:1px solid #999;
592 .userenrolment tr.r0 {
593     background-color: #F9F9F9;
595 .userenrolment tr.r1 {
596     background-color: #F3F3F3;
598 .userenrolment td {
599     border-width: 1px;
600     border-style: solid;
601     border-top-color: #F6F6F6;
602     border-right-color: #EEE;
603     border-bottom-color: #E9E9E9;
604     border-left-color: #F3F3F3;
606 .userenrolment td.c0 {
607     border-left-color:#999;
609 .userenrolment td.c4 {
610     border-right-color:#999;
612 .userenrolment .col_userdetails {
613     padding:3px;
614     min-width:35%;
616 .userenrolment .col_role .roles {
617     position:relative;
619 .userenrolment .col_role .role {
620     line-height: 10px;
621     font-size: 10px;
623 .userenrolment .col_role .role a img {
624     height:8px;
626 .userenrolment .col_role .addrole {
627     background-color: #DDD;
628     border: 1px outset #EEE;
629     -moz-border-radius: 5px;
631 .userenrolment .col_group {
632     max-width: 300px;
634 .userenrolment .col_group .group {
635     line-height:10px;
636     font-size:10px;
638 .userenrolment .col_group .group a img {
639     height:8px;
641 .userenrolment .col_group .addgroup {
642     background-color:#DDD;
643     border:1px outset #EEE;
644     -moz-border-radius:5px;
646 .userenrolment .col_enrol {
647     max-width:300px;
649 .userenrolment .col_enrol .enrolment {
650     border:1px outset #E6E6E6;
651     background-color:#EEE;
652     line-height:10px;
653     font-size:10px;
654     -moz-border-radius:5px;
656 .path-enrol .enrolusersbutton,
657 .path-enrol .enrolcohortbutton {
658     float:left;
660 .path-enrol .enrolusersbutton.instance1,
661 .path-enrol .enrolcohortbutton.instance1 {
662     float:right;
665 /* Registration
666 -------------------------*/
669 #page-admin-registration-hubselector .registration_textfield {
670     width: 400px;
673 /* Redirect
674 -------------------------*/
676 .pagelayout-redirect #content {
677     text-align: center;
678     margin: 10% auto;
681 .path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;}