MDL-41658 theme_formal_white: text in input select is now never centered (fixed at...
[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     text-align: center;
40     margin: 1em 0;
41 }
43 .navbutton .singlebutton {
44     margin: 0;
45 }
47 .generalbox {
48     border-color: #ddd;
49 }
51 .noticebox .generalbox {
52     border: none;
53     margin:2em 0;
54 }
56 .expired,
57 .notopenyet {
58     border: none;
59     color: #f00;
60 }
62 .buttons .singlebutton input {
63     margin: 0 1em;
64 }
66 .initialbar {
67     text-align: center;
68 }
70 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
71     padding-right: 0;
72 }
74 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
75     padding-left: 0;
76 }
78 /* Calendar
79 -------------------------*/
81 .calendarlayout .sidecalendar {
82     padding-left: 15px;
83 }
85 .minicalendarblock h3 {
86     text-align: center;
87     font-size: 1.2em;
88 }
90 .maincalendar .header .buttons {
91     margin: 0;
92 }
94 .maincalendar .calendarmonth td,
95 .maincalendar .calendarmonth th {
96     border-color: #ddd;
97     border-style: dotted;
98     border-width: 1px;
99 }
101 .maincalendar .calendarmonth th,
102 .minicalendar th {
103     background: none;
106 .maincalendar .calendar-controls {
107     padding: 10px 5px 0;
110 .maincalendar .calendar-controls .previous,
111 .maincalendar .calendar-controls .current,
112 .maincalendar .calendar-controls .next {
113     float: left;
116 .maincalendar .calendar-controls .current {
117     margin: 0 auto;
118     font-size: 1.35em;
119     text-align: center;
120     line-height: 1;
121     font-weight: bold;
124 .maincalendar .calendar-controls .next {
125     text-align: right;
128 .maincalendar .filters table td {
129     font-size: 0.9em;
132 .maincalendar .bottom {
133     margin-top: 25px;
136 .minicalendar th abbr {
137     border: none;
140 .calendar_filters td,
141 .minicalendar td,
142 .minicalendar th {
143     padding: 2px;
144     font-size: 0.85em;
147 #page-calendar-view .eventlist {
148     padding-top: 1em;
151 #page-calendar-view .eventlist .event {
152     border: none;
155 #page-calendar-view .eventlist .event .topic {
156     border-width: 1px 1px 0;
157     border-color: #ddd;
158     border-style: solid;
159     background: #f5f5f5;
162 #page-calendar-view .eventlist .event .topic .name {
163     font-weight: bold;
166 #page-calendar-view .eventlist .event .description {
167     border-width: 0 1px 1px;
168     border-style: solid;
169     border-color: #ddd;
172 .calendartable .duration ul {
173     border-width: 2px 0;
174     border-style: solid;
177 .calendartable .duration_user ul {
178     border-color: #dce7ec;
181 .calendartable .duration_global ul {
182     border-color: #d6f8cd;
185 .calendartable .duration_group ul {
186     border-color: #fee7ae;
189 .calendartable .duration_course ul {
190     border-color: #ffd3bd;
193 .calendartable .duration .events-underway {
194     color: #666;
197 .minicalendar {
198     border-collapse: separate;
201 .minicalendar td,
202 .minicalendar th {
203     font-size: 0.85em;
204     padding: 0 2px;
205     border-width: 2px 0;
206     border-color: #fff;
209 .minicalendar .calendar_event_user,
210 .minicalendar .duration_user {
211     border-color: #dce7ec;
214 .minicalendar .calendar_event_course,
215 .minicalendar .duration_course {
216     border-color: #ffd3bd;
219 .minicalendar .calendar_event_global,
220 .minicalendar .duration_global {
221     border-color: #d6f8cd;
224 .minicalendar .calendar_event_group,
225 .minicalendar .duration_group {
226     border-color: #fee7ae;
229 /* User
230 -------------------------*/
232 .userinfobox {
233     border-color: #ddd;
234     padding: 0
237 .userinfobox .content {
238     text-align: left;
239     padding-left:10px
241 .dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;}
243 .userinfobox .links {
244     vertical-align: top;
245     background: #f4f4f4;
246     padding-left: 10px;
249 .userinfobox .links a {
250     display: block;
251     text-align: left;
253 .dir-rtl .userinfobox .links a {text-align: right;}
255 .profilepicture {
256     float: left;
257     margin-right: 10px;
259 .dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;}
261 .descriptionbox {
262     margin-left: 110px;
263     border: 1px solid #ddd;
264     padding: 10px;
265     width: 80%;
268 .path-user .description {
269     padding-bottom: 15px;
270     border-bottom: 1px solid #eee;
273 .userprofile dl {
274     margin-top: 10px;
277 .userprofile dl dt, .userprofile dl dd {
278     padding-top: 3px;
279     padding-bottom: 3px;
280     float: left;
283 .dir-rtl .userprofile dl dt, .dir-rtl  .userprofile dl dd {
284     float: right;
287 .userprofile dl dt {
288     padding-left: 0;
289     font-weight: bold;
290     display: inline-block;
291     padding-right: 2%;
292     min-width: 100px;
293     width: 15%;
294     clear: both;
297 .dir-rtl .userprofile dl dt {
298     padding-left: 2%;
299     padding-right: 0;
302 .userprofile dl dd {
303     display: inline-block;
304     margin: 0px;
305     width: 75%;
308 #page-user-view .buttons {
309     text-align: center;
310     width: 70%;
311     margin: 0 auto;
314 #page-user-view .buttons div {
315     padding: 0 0 10px;
318 #page-user-index .controls {
319     width: 100%
322 #page-user-index .controls .singleselect {
323     margin: 0;
326 .rolesform {
327     text-align: center;
328     margin: 1em 0;
331 #participantsform {
332     text-align: center;
335 #participants {
336     width: 100%;
337     margin: 1em auto 0;
340 #participants th,
341 #participants td {
342     vertical-align: middle;
345 .groupinfobox {
346     border-color: #DDDDDD;
347     width: 60%;
348     margin-left: 20%;
349     margin-right: 20%;
352 /* Notes
353 ------------------------*/
355 .path-notes .generalbox {
356     border: none;
359 /* Roles
360 ------------------------*/
362 .path-admin-roles .generaltable {
363     /* width: 65%; hiding because it's causing problems on role/assign */
366 .path-admin-roles .generaltable th {
367     vertical-align: middle;
370 .path-admin-roles .generaltable .lastcol {
371     width: 15%;
374 .path-admin-roles .backlink {
375     text-align: center;
378 /* Blogs
379 ------------------------*/
381 .blog_entry .audience {
382     color: #444;
383     margin: 0 0 0.5em;
384     font-size: 0.9em;
387 .blog_entry .tags {
388     margin-bottom: 0.5em;
391 /* Tags
392 ------------------------*/
394 #big-tag-cloud-box {
395     padding: 10px;
398 #tag-management-box {
399     text-align: center;
402 .tag-management-form {
403     border: none;
404     padding: 0 0 1em;
407 #tag-management-list {
408     margin: 1em 0
411 #page-tag-index #tag-blogs {
412     border-width: 0 0 1px;
413     width: 65%;
414     margin: 1em auto;
417 #tagblogentries {
418     margin: 0 0 1em;
421 #tagblogentries li {
422     list-style: none;
423     padding: 0.25em 0;
424     margin: 0
427 #big-tag-cloud-box {
428     border: none;
431 #tag-user-table {
432     width: 95%;
433     margin: 0 auto;
434     border-width: 0 0 1px;
437 .managelink {
438     text-align: right;
441 #page-tag-index .headingblock {
442     text-align: center;
443     margin-bottom: 0;
446 #page-tag-index #tag-management-box {
447     border-bottom: 1px solid #ddd;
448     padding: 4px 0;
451 #page-tag-index .relatedpages {
452     text-align: center;
455 #page-tag-manage .lastinitial {
456     margin-bottom: 0.5em;
459 #page-tag-manage .green {
460     text-align: center;
461     padding: 0 0 1em;
464 /* Embedded Pages
465 ------------------------*/
467 .pagelayout-embedded {
468     text-align: center;
469     background-color: #fff;
470     background-image: none;
473 .pagelayout-embedded #content {
474     padding-top: 30px;
477 /* Forms
478 -----------------------*/
480 .mform .fsubmit {
481     text-align: center;
482     padding: 2px;
485 .form-label .form-shortname {
486     font-size: 0.8em;
487     color: #777;
490 .form-description {
491     font-size: 0.95em;
492     color: #444;
495 .path-backup .mform .hidden .fitem .fgroup {
496     text-align: left;
499 .path-backup .mform .grouped_settings {
500     margin:1em;
502 .path-backup .mform .grouped_settings .grouped_settings {
503     margin:0;
506 .mform .btn-cancel {
507     color: #0000EE;
508     text-decoration: none;
510 .mform .btn-cancel:hover, .mform .btn-cancel:focus {
511     color: #0000EE;
512     text-decoration: none;
515 /* Comments
516 -----------------------*/
518 .comment-list li {
519     background: #eee !important;
520     list-style: none;
523 /* Gradebook
524 ----------------------*/
526 .path-grade h1.headermain {
527     text-align: left; /* Strangely necessary TODO: find bug */
530 .gradestable .lastrow th.header {
531     background: #ddd;
534 .gradestable .lastrow td.cell {
535     background: #eee !important;
538 .user-grade td.b1t,
539 .user-grade td.baggt {
540     background: #ddd !important;
543 #page-grade-edit-scale-index .generaltable {
544     margin: 1em auto;
547 #page-grade-report-grader-preferences .generalbox {
548     border: none;
551 .path-grade-report-grader form {
552     text-align: left;
554 .path-grade-report-grader.dir-rtl form { text-align: right; }
556 /* Footer
557 -----------------------*/
559 #page-footer .logininfo {
560     padding: 1em 0;
563 #page-footer .homelink,
564 #page-footer .sitelink {
565     padding: 1em 0;
568 .homelink a {
569     text-decoration: none;
570     border-top: 1px solid #cecece;
571     border-bottom: 2px solid #8a8a8a;
572     border-left: 1px solid #cecece;
573     border-right: 2px solid #8a8a8a;
576 .homelink a:hover {
577     text-decoration: none;
578     border-bottom: 1px solid #cecece;
579     border-top: 2px solid #8a8a8a;
580     border-right: 1px solid #cecece;
581     border-left: 2px solid #8a8a8a;
584 /* Enrol
585 -------------------------*/
587 .userenrolment {
588     font-size:90%;
589     border:1px solid #999;
591 .userenrolment tr.r0 {
592     background-color: #F9F9F9;
594 .userenrolment tr.r1 {
595     background-color: #F3F3F3;
597 .userenrolment td {
598     border-width: 1px;
599     border-style: solid;
600     border-top-color: #F6F6F6;
601     border-right-color: #EEE;
602     border-bottom-color: #E9E9E9;
603     border-left-color: #F3F3F3;
605 .userenrolment td.c0 {
606     border-left-color:#999;
608 .userenrolment td.c4 {
609     border-right-color:#999;
611 .userenrolment .col_userdetails {
612     padding:3px;
613     min-width:35%;
615 .userenrolment .col_role .roles {
616     position:relative;
618 .userenrolment .col_role .role {
619     line-height: 10px;
620     font-size: 10px;
622 .userenrolment .col_role .role a img {
623     height:8px;
625 .userenrolment .col_role .addrole {
626     background-color: #DDD;
627     border: 1px outset #EEE;
628     -moz-border-radius: 5px;
630 .userenrolment .col_group {
631     max-width: 300px;
633 .userenrolment .col_group .group {
634     line-height:10px;
635     font-size:10px;
637 .userenrolment .col_group .group a img {
638     height:8px;
640 .userenrolment .col_group .addgroup {
641     background-color:#DDD;
642     border:1px outset #EEE;
643     -moz-border-radius:5px;
645 .userenrolment .col_enrol {
646     max-width:300px;
648 .userenrolment .col_enrol .enrolment {
649     border:1px outset #E6E6E6;
650     background-color:#EEE;
651     line-height:10px;
652     font-size:10px;
653     -moz-border-radius:5px;
655 .path-enrol .enrolusersbutton,
656 .path-enrol .enrolcohortbutton {
657     float:left;
659 .path-enrol .enrolusersbutton.instance1,
660 .path-enrol .enrolcohortbutton.instance1 {
661     float:right;
664 /* Registration
665 -------------------------*/
668 #page-admin-registration-hubselector .registration_textfield {
669     width: 400px;
672 /* Redirect
673 -------------------------*/
675 .pagelayout-redirect #content {
676     text-align: center;
677     margin: 10% auto;
680 .path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;}