backup MDL-23904 Tweaking core CSS for backups
[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 .sitetopic {
12         border: none;
13 }
15 .headingblock {
16         border-bottom: 1px solid #ddd;
17         font-size: 1.3em;
18         color: #333;
19 }
21 #notice {
22         text-align: center;
23 }
25 .noticebox,
26 .expired,
27 .notopenyet,
28 .notifysuccess,
29 .notifyproblem,
30 .errorbox,
31 .continuebutton,
32 .singlebutton,
33 .buttons,
34 .singleselect {
35         text-align: center;
36         margin: 1em 0;
37 }
39 .navbutton .singlebutton {
40         margin: 0;
41 }
43 .generalbox {
44         border-color: #ddd;
45 }
47 .noticebox .generalbox {
48         border: none;
49         margin:2em 0;
50 }
52 .expired,
53 .notopenyet {
54         border: none;
55         color: #f00;
56 }
58 .buttons .singlebutton input {
59         margin: 0 1em;
60 }
62 .initialbar {
63         text-align: center;
64 }
66 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
67         padding-right: 0;
68 }
70 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
71         padding-left: 0;
72 }
74 input[type="checkbox"],
75 input[type="radio"] {
76         margin-right: 7px;
77 }
79 /* Login
80 ------------------------*/
82 .loginbox {
83         margin: 15px 25%;
84 }
86 .loginbox .loginerrors {
87         color: #f00;
88 }
90 .loginbox .loginform {
91         margin: 15px auto 0;
92         width: 175px;
93 }
95 .loginbox .loginform .form-label {
96         float: none;
97         width: 100%;
98         margin: 0 auto;
99         text-align: left;
101 .dir-rtl .loginbox .loginform .form-label {
102         text-align: right;
104 .loginbox .loginform .form-input {
105         float: none;
106         width: 100%;
107         margin: 0 auto;
110 .loginbox .loginform .form-input #username,
111 .loginbox .loginform .form-input #password {
112         width: 97%;
113         padding: 3px;
114         font-size: 1.1em;
115         font-family: Helvetica, Arial, sans-serif;
116         border: 2px solid #ddd;
117         margin: 0 0 5px;
118         color: #333;
121 .loginbox .loginform .form-input #loginbtn {
122         margin: 0.5em auto;
125 .loginbox .forgetpass {
126         margin: 1em 0 0;
127         font-size: 0.95em;
130 .loginbox.twocolumns {
131         width: 90%;
132         margin-left: 5%;
135 .loginbox .guestsub {
136         border-top: 1px solid #DDDDDD;
137         margin: 5px 20%
140 .loginbox.twocolumns .loginpanel {
141         border-color: #ddd;
142         padding-right: 0.5%;
145 .loginbox.twocolumns .signuppanel {
146         padding-left: 1%;
147         width: 48%;
150 #page-course-loginas #notice {
151         border: none;
154 #page-login-forgot_password .generalbox {
155         margin: 0 auto 1.5em;
156         width: 75%;
157         padding: 10px;
160 #page-login-signup .mform {
161         width: 85%;
162         margin: 0 auto;
165 #page-login-signup .mform .fitem .fitemtitle {
166         width: 20%;
169 #page-login-signup .mform .fitem .felement {
170         margin-left: 21%;
173 /* Calendar 
174 -----------------------*/
176 .calendarlayout .sidecalendar {
177         padding-left: 15px;
180 .minicalendarblock h3 {
181         text-align: center;
182         font-size: 1.2em;
185 .maincalendar .header .buttons {
186         margin: 0;
189 .maincalendar .calendarmonth td,
190 .maincalendar .calendarmonth th {
191         border-color: #ddd;
192         border-style: dotted;
193         border-width: 1px;
196 .maincalendar .calendarmonth th,
197 .minicalendar th {
198         background: url([[pix:theme|gradient-sb]]) repeat-x 0 0;
201 .maincalendar .calendar-controls {
202         padding: 10px 5px 0;
205 .maincalendar .calendar-controls .previous,
206 .maincalendar .calendar-controls .current,
207 .maincalendar .calendar-controls .next {
208         float: left;
211 .maincalendar .calendar-controls .current {
212         margin: 0 auto;
213         font-size: 1.35em;
214         text-align: center;
215         line-height: 1;
216         font-weight: bold;
219 .maincalendar .calendar-controls .next {
220         text-align: right;
223 .maincalendar .filters table td {
224         font-size: 0.9em;
227 .maincalendar .bottom {
228         margin-top: 25px;
231 .minicalendar th abbr {
232         border: none;
235 .calendar_filters td,
236 .minicalendar td,
237 .minicalendar th {
238         padding: 2px;
239         font-size: 0.85em;
242 #page-calendar-view .eventlist {
243         padding-top: 1em;
246 #page-calendar-view .eventlist .event {
247         border: none;
250 #page-calendar-view .eventlist .event .topic {
251         border-width: 1px 1px 0;
252         border-color: #ddd;
253         border-style: solid;
254         background: #f5f5f5;
257 #page-calendar-view .eventlist .event .topic .name {
258         font-weight: bold;
261 #page-calendar-view .eventlist .event .description {
262         border-width: 0 1px 1px;
263         border-style: solid;
264         border-color: #ddd;
267 .calendartable .duration ul {
268         border-width: 2px 0;
269         border-style: solid;
272 .calendartable .duration_user ul {
273         border-color: #dce7ec;
276 .calendartable .duration_global ul {
277         border-color: #d6f8cd;
280 .calendartable .duration_group ul {
281         border-color: #fee7ae;
284 .calendartable .duration_course ul {
285         border-color: #ffd3bd;
288 .calendartable .duration .events-underway {
289         color: #666;
292 .minicalendar {
293         border-collapse: separate;
296 .minicalendar td,
297 .minicalendar th {
298         font-size: 0.85em;
299         padding: 0 2px;
300         border-width: 2px 0;
301         border-color: #fff;
304 .minicalendar .calendar_event_user,
305 .minicalendar .duration_user {
306         border-color: #dce7ec;
309 .minicalendar .calendar_event_course,
310 .minicalendar .duration_course {
311         border-color: #ffd3bd;
314 .minicalendar .calendar_event_global,
315 .minicalendar .duration_global {
316         border-color: #d6f8cd;
319 .minicalendar .calendar_event_group,
320 .minicalendar .duration_group {
321         border-color: #fee7ae;
324 /* User
325 -----------------------*/
327 .userinfobox {
328 border-color: #ddd;
329 padding: 0
332 .userinfobox .content {
333         text-align: left;
334         padding-left:10px
337 .userinfobox .links {
338         vertical-align: top;
339         background: #f4f4f4;
340         padding-left: 10px;
343 .userinfobox .links a {
344         display: block;
345         text-align: left;
346         
349 .profilepicture {
350         float: left;
351         margin-right: 10px;
354 .descriptionbox {
355         margin-left: 110px;
356         border: 1px solid #ddd;
357         padding: 10px;
360 .path-user .description {
361         padding-bottom: 15px;
362         border-bottom: 1px solid #eee;
365 .userprofile .list {
366         margin-top: 10px;
369 .userprofile .list td {
370         padding-top: 3px;
371         padding-bottom: 3px;
374 .userprofile .list .c0 {
375         padding-left: 0;
376         font-weight: bold;
379 #page-user-view .buttons {
380         text-align: center;
381         width: 70%;
382         margin: 0 auto;
385 #page-user-view .buttons div {
386         padding: 0 0 10px;
389 #page-user-index .controls {
390         width: 100%
393 #page-user-index .controls .singleselect {
394         margin: 0;
397 .rolesform {
398         text-align: center;
399         margin: 1em 0;
402 #participantsform {
403         text-align: center;
406 #participants {
407         width: 100%;
408         margin: 1em auto 0;
411 #participants th,
412 #participants td {
413         vertical-align: middle;
416 .groupinfobox {border-color: #DDDDDD;width: 60%;margin-left: 20%;margin-right: 20%;}
418 /* Notes
419 ------------------------*/
421 .path-notes .generalbox {
422         border: none;
425 /* Roles
426 ------------------------*/
428 .path-admin-roles .generaltable {
429         /* width: 65%; hiding because it's causing problems on role/assign */
432 .path-admin-roles .generaltable th {
433         vertical-align: middle;
436 .path-admin-roles .generaltable .lastcol {
437         width: 15%;
440 .path-admin-roles .backlink {
441         text-align: center;
444 /* Blogs 
445 ------------------------*/
447 .blog_entry .audience {
448         color: #444;
449         margin: 0 0 0.5em;
450         font-size: 0.9em;
453 .blog_entry .tags {
454         margin-bottom: 0.5em;
457 /* Tags 
458 ------------------------*/
460 #big-tag-cloud-box {
461         padding: 10px;
464 #tag-management-box {
465         text-align: center;
468 .tag-management-form {
469         border: none;
470         padding: 0 0 1em;
473 #tag-management-list {
474         margin: 1em 0
477 #page-tag-index #tag-blogs {
478         border-width: 0 0 1px;
479         width: 65%;
480         margin: 1em auto;
483 #tagblogentries {
484         margin: 0 0 1em;
487 #tagblogentries li {
488         list-style: none;
489         padding: 0.25em 0;
490         margin: 0
493 #big-tag-cloud-box {
494         border: none;
497 #tag-user-table {
498         width: 95%;
499         margin: 0 auto;
500         border-width: 0 0 1px;
503 .managelink {
504         text-align: right;
507 #page-tag-index .headingblock {
508         text-align: center;
509         margin-bottom: 0;
512 #page-tag-index #tag-management-box {
513         border-bottom: 1px solid #ddd;
514         padding: 4px 0;
517 #page-tag-index .relatedpages {
518         text-align: center;
521 #page-tag-manage .lastinitial {
522         margin-bottom: 0.5em;
525 #page-tag-manage .green {
526         text-align: center;
527         padding: 0 0 1em;
530 /* YUI overlays
531 ------------------------*/
532 #helppopupbox {
533         z-index: 99999 !important;
537 /* Embedded Pages
538 ------------------------*/
540 .pagelayout-embedded {
541         text-align: center;
542         background-color: #fff;
543         background-image: none;
546 .pagelayout-embedded #content {
547         padding-top: 30px;
550 /* Forms 
551 -----------------------*/
553 .mform .fsubmit {
554         text-align: center;
555         padding: 2px;
558 .form-label .form-shortname {
559         font-size: 0.8em;
560         color: #777;
563 .form-description {
564         font-size: 0.95em;
565         color: #444;
568 .mform .hidden .fitem .fgroup {
569         width: 100%;
570         text-align: center;
571         margin: 1em 0;
574 .path-backup .mform .hidden .fitem .fgroup {
575     text-align: left;
578 .path-backup .mform .grouped_settings {
579     margin:1em;
581 .path-backup .mform .grouped_settings .grouped_settings {
582     margin:0;
585 /* Comments
586 -----------------------*/
588 .comment-list li {
589         background: #eee !important;
590         list-style: none;
593 /* Gradebook
594 ----------------------*/
596 .path-grade h1.headermain {
597         text-align: left; /* Strangely necessary TODO: find bug */
600 .gradestable .lastrow th.header {
601         background: #ddd;
604 .gradestable .lastrow td.cell {
605         background: #eee !important;
608 .user-grade td.b1t,
609 .user-grade td.baggt {
610         background: #ddd !important;
613 #page-grade-edit-scale-index .generaltable {
614         margin: 1em auto;
617 #page-grade-report-grader-preferences .generalbox {
618         border: none;
621 .path-grade-report-grader form {
622         text-align: left;
625 /* Footer
626 -----------------------*/
628 #page-footer .logininfo {
629         padding: 1em 0;
632 #page-footer .homelink,
633 #page-footer .sitelink {
634         padding: 1em 0;
637 .homelink a {
638         text-decoration: none;
639         border-top: 1px solid #cecece;
640         border-bottom: 2px solid #8a8a8a;
641         border-left: 1px solid #cecece;
642         border-right: 2px solid #8a8a8a;
645 .homelink a:hover {
646         text-decoration: none;
647         border-bottom: 1px solid #cecece;
648         border-top: 2px solid #8a8a8a;
649         border-right: 1px solid #cecece;
650         border-left: 2px solid #8a8a8a;
653 /**
654  * Enrol   - TODO: tidy up styles here
655  */
656 .userenrolment {font-size:90%;border:1px solid #999;}
657 .userenrolment tr.r0 {background-color:#F9F9F9;}
658 .userenrolment tr.r1 {background-color:#F3F3F3;}
659 .userenrolment td {border:1px solid #E9E9E9;border-top-color:#F6F6F6;border-right-color:#EEE;border-left-color:#F3F3F3;}
660 .userenrolment td.c0 {border-left-color:#999;}
661 .userenrolment td.c4 {border-right-color:#999;}
662 .userenrolment .col_userdetails {padding:3px;min-width:35%;}
663 .userenrolment .col_role .roles {position:relative;}
664 .userenrolment .col_role .role {line-height:10px;font-size:10px;}
665 .userenrolment .col_role .role a img {height:8px;}
666 .userenrolment .col_role .addrole {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
667 .userenrolment .col_group {max-width:300px;}
668 .userenrolment .col_group .group {line-height:10px;font-size:10px;}
669 .userenrolment .col_group .group a img {height:8px;}
670 .userenrolment .col_group .addgroup {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
671 .userenrolment .col_enrol {max-width:300px;}
672 .userenrolment .col_enrol .enrolment {border:1px outset #E6E6E6;background-color:#EEE;line-height:10px;font-size:10px;-moz-border-radius:5px;}
673 .path-enrol .enrolusersbutton,
674 .path-enrol .enrolcohortbutton {float:left;}
675 .path-enrol .enrolusersbutton.instance1,
676 .path-enrol .enrolcohortbutton.instance1 {float:right;}