MDL-41658 theme_formal_white: text in input select is now never centered (fixed at...
[moodle.git] / theme / canvas / style / core.css
CommitLineData
8affa0e2 1html {
df7962f9 2 height: 100%;
8affa0e2
PM
3}
4
5body {
df7962f9
ME
6 min-height: 100%;
7 margin: 0;
8 padding: 0;
9}
10
11#page {
5fc36f55 12 font-size: 108%;
df7962f9 13 line-height: 1.4;
8affa0e2
PM
14}
15
43d65a95 16.sitetopic {
df7962f9 17 border: none;
43d65a95
PM
18}
19
20.headingblock {
df7962f9
ME
21 border-bottom: 1px solid #ddd;
22 font-size: 1.3em;
23 color: #333;
43d65a95 24}
f41046c7 25
34d2c672 26#notice {
df7962f9 27 text-align: center;
34d2c672
PM
28}
29
34d2c672 30.noticebox,
e1edeb40
PM
31.expired,
32.notopenyet,
f41046c7
PM
33.notifysuccess,
34.notifyproblem,
35.errorbox,
90e957bc 36.continuebutton,
a79db405 37.singlebutton,
8d773a88 38.buttons {
df7962f9
ME
39 text-align: center;
40 margin: 1em 0;
43d65a95
PM
41}
42
8affa0e2 43.navbutton .singlebutton {
df7962f9 44 margin: 0;
8affa0e2
PM
45}
46
43d65a95 47.generalbox {
df7962f9 48 border-color: #ddd;
43d65a95 49}
a79db405 50
34d2c672 51.noticebox .generalbox {
df7962f9
ME
52 border: none;
53 margin:2em 0;
34d2c672
PM
54}
55
e1edeb40 56.expired,
43d65a95 57.notopenyet {
df7962f9
ME
58 border: none;
59 color: #f00;
43d65a95
PM
60}
61
62.buttons .singlebutton input {
df7962f9 63 margin: 0 1em;
43d65a95
PM
64}
65
66.initialbar {
df7962f9 67 text-align: center;
43d65a95 68}
e1edeb40 69
43d65a95 70.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
df7962f9 71 padding-right: 0;
43d65a95 72}
f41046c7 73
43d65a95 74.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
df7962f9 75 padding-left: 0;
43d65a95 76}
e1edeb40 77
7843d2d6 78/* Calendar
4db41cbd 79-------------------------*/
f41046c7 80
43d65a95 81.calendarlayout .sidecalendar {
df7962f9 82 padding-left: 15px;
43d65a95
PM
83}
84
8c2b51bf 85.minicalendarblock h3 {
df7962f9
ME
86 text-align: center;
87 font-size: 1.2em;
43d65a95
PM
88}
89
90.maincalendar .header .buttons {
df7962f9 91 margin: 0;
43d65a95
PM
92}
93
f41046c7 94.maincalendar .calendarmonth td,
43d65a95 95.maincalendar .calendarmonth th {
df7962f9
ME
96 border-color: #ddd;
97 border-style: dotted;
98 border-width: 1px;
43d65a95
PM
99}
100
f41046c7 101.maincalendar .calendarmonth th,
8c2b51bf 102.minicalendar th {
080fbe68 103 background: none;
43d65a95
PM
104}
105
106.maincalendar .calendar-controls {
df7962f9 107 padding: 10px 5px 0;
43d65a95 108}
f41046c7 109
f41046c7
PM
110.maincalendar .calendar-controls .previous,
111.maincalendar .calendar-controls .current,
43d65a95 112.maincalendar .calendar-controls .next {
df7962f9 113 float: left;
43d65a95
PM
114}
115
116.maincalendar .calendar-controls .current {
df7962f9
ME
117 margin: 0 auto;
118 font-size: 1.35em;
119 text-align: center;
120 line-height: 1;
121 font-weight: bold;
43d65a95
PM
122}
123
124.maincalendar .calendar-controls .next {
df7962f9 125 text-align: right;
43d65a95
PM
126}
127
128.maincalendar .filters table td {
df7962f9 129 font-size: 0.9em;
43d65a95
PM
130}
131
132.maincalendar .bottom {
df7962f9 133 margin-top: 25px;
43d65a95
PM
134}
135
136.minicalendar th abbr {
df7962f9 137 border: none;
43d65a95 138}
f41046c7 139
8c2b51bf 140.calendar_filters td,
f41046c7 141.minicalendar td,
43d65a95 142.minicalendar th {
df7962f9
ME
143 padding: 2px;
144 font-size: 0.85em;
43d65a95
PM
145}
146
147#page-calendar-view .eventlist {
df7962f9 148 padding-top: 1em;
43d65a95
PM
149}
150
151#page-calendar-view .eventlist .event {
df7962f9 152 border: none;
43d65a95
PM
153}
154
155#page-calendar-view .eventlist .event .topic {
df7962f9
ME
156 border-width: 1px 1px 0;
157 border-color: #ddd;
158 border-style: solid;
159 background: #f5f5f5;
43d65a95
PM
160}
161
162#page-calendar-view .eventlist .event .topic .name {
df7962f9 163 font-weight: bold;
43d65a95
PM
164}
165
166#page-calendar-view .eventlist .event .description {
df7962f9
ME
167 border-width: 0 1px 1px;
168 border-style: solid;
169 border-color: #ddd;
43d65a95
PM
170}
171
172.calendartable .duration ul {
df7962f9
ME
173 border-width: 2px 0;
174 border-style: solid;
43d65a95
PM
175}
176
177.calendartable .duration_user ul {
df7962f9 178 border-color: #dce7ec;
43d65a95
PM
179}
180
181.calendartable .duration_global ul {
df7962f9 182 border-color: #d6f8cd;
43d65a95
PM
183}
184
185.calendartable .duration_group ul {
df7962f9 186 border-color: #fee7ae;
43d65a95
PM
187}
188
189.calendartable .duration_course ul {
df7962f9 190 border-color: #ffd3bd;
43d65a95
PM
191}
192
193.calendartable .duration .events-underway {
df7962f9 194 color: #666;
43d65a95
PM
195}
196
197.minicalendar {
df7962f9 198 border-collapse: separate;
43d65a95
PM
199}
200
f41046c7 201.minicalendar td,
43d65a95 202.minicalendar th {
df7962f9
ME
203 font-size: 0.85em;
204 padding: 0 2px;
205 border-width: 2px 0;
206 border-color: #fff;
43d65a95 207}
f41046c7
PM
208
209.minicalendar .calendar_event_user,
43d65a95 210.minicalendar .duration_user {
df7962f9 211 border-color: #dce7ec;
43d65a95
PM
212}
213
f41046c7 214.minicalendar .calendar_event_course,
43d65a95 215.minicalendar .duration_course {
df7962f9 216 border-color: #ffd3bd;
43d65a95
PM
217}
218
f41046c7 219.minicalendar .calendar_event_global,
43d65a95 220.minicalendar .duration_global {
df7962f9 221 border-color: #d6f8cd;
43d65a95
PM
222}
223
f41046c7 224.minicalendar .calendar_event_group,
43d65a95 225.minicalendar .duration_group {
df7962f9 226 border-color: #fee7ae;
43d65a95 227}
a6516782 228
7b4c6d34 229/* User
4db41cbd 230-------------------------*/
7b4c6d34 231
43d65a95 232.userinfobox {
8dc13ee7
SH
233 border-color: #ddd;
234 padding: 0
34d2c672
PM
235}
236
237.userinfobox .content {
df7962f9
ME
238 text-align: left;
239 padding-left:10px
34d2c672 240}
b801e460 241.dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;}
34d2c672
PM
242
243.userinfobox .links {
df7962f9
ME
244 vertical-align: top;
245 background: #f4f4f4;
246 padding-left: 10px;
34d2c672
PM
247}
248
249.userinfobox .links a {
df7962f9
ME
250 display: block;
251 text-align: left;
43d65a95 252}
9461033d 253.dir-rtl .userinfobox .links a {text-align: right;}
43d65a95 254
8c2b51bf 255.profilepicture {
df7962f9
ME
256 float: left;
257 margin-right: 10px;
29ef7d4f 258}
b801e460 259.dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;}
29ef7d4f 260
8c2b51bf 261.descriptionbox {
df7962f9
ME
262 margin-left: 110px;
263 border: 1px solid #ddd;
264 padding: 10px;
6e5d002e 265 width: 80%;
29ef7d4f
PM
266}
267
268.path-user .description {
df7962f9
ME
269 padding-bottom: 15px;
270 border-bottom: 1px solid #eee;
29ef7d4f
PM
271}
272
6e5d002e 273.userprofile dl {
df7962f9 274 margin-top: 10px;
29ef7d4f
PM
275}
276
6e5d002e 277.userprofile dl dt, .userprofile dl dd {
df7962f9
ME
278 padding-top: 3px;
279 padding-bottom: 3px;
6e5d002e
JF
280 float: left;
281}
282
283.dir-rtl .userprofile dl dt, .dir-rtl .userprofile dl dd {
284 float: right;
c111b9f3
DW
285}
286
6e5d002e 287.userprofile dl dt {
df7962f9
ME
288 padding-left: 0;
289 font-weight: bold;
6e5d002e
JF
290 display: inline-block;
291 padding-right: 2%;
292 min-width: 100px;
293 width: 15%;
294 clear: both;
295}
296
297.dir-rtl .userprofile dl dt {
298 padding-left: 2%;
299 padding-right: 0;
300}
301
302.userprofile dl dd {
303 display: inline-block;
304 margin: 0px;
305 width: 75%;
43d65a95
PM
306}
307
308#page-user-view .buttons {
df7962f9
ME
309 text-align: center;
310 width: 70%;
311 margin: 0 auto;
43d65a95
PM
312}
313
314#page-user-view .buttons div {
df7962f9 315 padding: 0 0 10px;
43d65a95 316}
90e957bc 317
43d65a95 318#page-user-index .controls {
df7962f9 319 width: 100%
43d65a95
PM
320}
321
322#page-user-index .controls .singleselect {
df7962f9 323 margin: 0;
43d65a95
PM
324}
325
a211e4c7 326.rolesform {
df7962f9
ME
327 text-align: center;
328 margin: 1em 0;
43d65a95
PM
329}
330
a211e4c7 331#participantsform {
df7962f9 332 text-align: center;
43d65a95
PM
333}
334
a211e4c7 335#participants {
df7962f9
ME
336 width: 100%;
337 margin: 1em auto 0;
43d65a95 338}
a79db405 339
a211e4c7
PM
340#participants th,
341#participants td {
df7962f9 342 vertical-align: middle;
43d65a95 343}
7b4c6d34 344
8dc13ee7
SH
345.groupinfobox {
346 border-color: #DDDDDD;
347 width: 60%;
348 margin-left: 20%;
349 margin-right: 20%;
350}
b60cae86 351
34d2c672
PM
352/* Notes
353------------------------*/
354
355.path-notes .generalbox {
df7962f9 356 border: none;
34d2c672
PM
357}
358
a211e4c7
PM
359/* Roles
360------------------------*/
361
362.path-admin-roles .generaltable {
df7962f9 363 /* width: 65%; hiding because it's causing problems on role/assign */
a211e4c7
PM
364}
365
366.path-admin-roles .generaltable th {
df7962f9 367 vertical-align: middle;
a211e4c7
PM
368}
369
370.path-admin-roles .generaltable .lastcol {
df7962f9 371 width: 15%;
a211e4c7
PM
372}
373
a211e4c7 374.path-admin-roles .backlink {
df7962f9 375 text-align: center;
a211e4c7
PM
376}
377
7843d2d6 378/* Blogs
a211e4c7
PM
379------------------------*/
380
381.blog_entry .audience {
df7962f9
ME
382 color: #444;
383 margin: 0 0 0.5em;
384 font-size: 0.9em;
a211e4c7
PM
385}
386
387.blog_entry .tags {
df7962f9 388 margin-bottom: 0.5em;
a211e4c7
PM
389}
390
7843d2d6 391/* Tags
f41046c7
PM
392------------------------*/
393
43d65a95 394#big-tag-cloud-box {
df7962f9 395 padding: 10px;
43d65a95
PM
396}
397
398#tag-management-box {
df7962f9 399 text-align: center;
43d65a95
PM
400}
401
402.tag-management-form {
df7962f9
ME
403 border: none;
404 padding: 0 0 1em;
43d65a95
PM
405}
406
407#tag-management-list {
df7962f9 408 margin: 1em 0
43d65a95 409}
f41046c7 410
a211e4c7 411#page-tag-index #tag-blogs {
df7962f9
ME
412 border-width: 0 0 1px;
413 width: 65%;
414 margin: 1em auto;
a211e4c7
PM
415}
416
417#tagblogentries {
df7962f9 418 margin: 0 0 1em;
34d2c672
PM
419}
420
421#tagblogentries li {
df7962f9
ME
422 list-style: none;
423 padding: 0.25em 0;
424 margin: 0
34d2c672
PM
425}
426
427#big-tag-cloud-box {
df7962f9 428 border: none;
a211e4c7
PM
429}
430
431#tag-user-table {
df7962f9
ME
432 width: 95%;
433 margin: 0 auto;
434 border-width: 0 0 1px;
a211e4c7
PM
435}
436
34d2c672 437.managelink {
df7962f9 438 text-align: right;
43d65a95 439}
f41046c7 440
43d65a95 441#page-tag-index .headingblock {
df7962f9
ME
442 text-align: center;
443 margin-bottom: 0;
43d65a95
PM
444}
445
446#page-tag-index #tag-management-box {
df7962f9
ME
447 border-bottom: 1px solid #ddd;
448 padding: 4px 0;
43d65a95
PM
449}
450
451#page-tag-index .relatedpages {
df7962f9 452 text-align: center;
43d65a95
PM
453}
454
455#page-tag-manage .lastinitial {
df7962f9 456 margin-bottom: 0.5em;
43d65a95
PM
457}
458
459#page-tag-manage .green {
df7962f9
ME
460 text-align: center;
461 padding: 0 0 1em;
43d65a95 462}
f41046c7 463
7b4c6d34
PM
464/* Embedded Pages
465------------------------*/
466
43d65a95 467.pagelayout-embedded {
df7962f9
ME
468 text-align: center;
469 background-color: #fff;
470 background-image: none;
43d65a95
PM
471}
472
473.pagelayout-embedded #content {
df7962f9 474 padding-top: 30px;
43d65a95 475}
7b4c6d34 476
7843d2d6 477/* Forms
7b4c6d34
PM
478-----------------------*/
479
43d65a95 480.mform .fsubmit {
df7962f9
ME
481 text-align: center;
482 padding: 2px;
43d65a95
PM
483}
484
485.form-label .form-shortname {
df7962f9
ME
486 font-size: 0.8em;
487 color: #777;
43d65a95
PM
488}
489
490.form-description {
df7962f9
ME
491 font-size: 0.95em;
492 color: #444;
43d65a95 493}
a211e4c7 494
bf6d283e
SH
495.path-backup .mform .hidden .fitem .fgroup {
496 text-align: left;
497}
498
499.path-backup .mform .grouped_settings {
500 margin:1em;
501}
502.path-backup .mform .grouped_settings .grouped_settings {
503 margin:0;
504}
505
5581c618
FM
506.mform .btn-cancel {
507 color: #0000EE;
508 text-decoration: none;
509}
510.mform .btn-cancel:hover, .mform .btn-cancel:focus {
511 color: #0000EE;
512 text-decoration: none;
513}
514
34d2c672
PM
515/* Comments
516-----------------------*/
517
518.comment-list li {
df7962f9
ME
519 background: #eee !important;
520 list-style: none;
34d2c672
PM
521}
522
523/* Gradebook
524----------------------*/
525
526.path-grade h1.headermain {
df7962f9 527 text-align: left; /* Strangely necessary TODO: find bug */
34d2c672
PM
528}
529
530.gradestable .lastrow th.header {
df7962f9 531 background: #ddd;
34d2c672
PM
532}
533
534.gradestable .lastrow td.cell {
df7962f9 535 background: #eee !important;
34d2c672
PM
536}
537
538.user-grade td.b1t,
539.user-grade td.baggt {
df7962f9 540 background: #ddd !important;
34d2c672
PM
541}
542
543#page-grade-edit-scale-index .generaltable {
df7962f9 544 margin: 1em auto;
34d2c672
PM
545}
546
547#page-grade-report-grader-preferences .generalbox {
df7962f9 548 border: none;
34d2c672
PM
549}
550
551.path-grade-report-grader form {
df7962f9 552 text-align: left;
34d2c672 553}
6abbcf19 554.path-grade-report-grader.dir-rtl form { text-align: right; }
34d2c672 555
a211e4c7
PM
556/* Footer
557-----------------------*/
558
8affa0e2 559#page-footer .logininfo {
df7962f9 560 padding: 1em 0;
8affa0e2
PM
561}
562
563#page-footer .homelink,
564#page-footer .sitelink {
df7962f9 565 padding: 1em 0;
8affa0e2
PM
566}
567
a211e4c7 568.homelink a {
df7962f9
ME
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;
a211e4c7
PM
574}
575
576.homelink a:hover {
df7962f9
ME
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;
84474568
MD
582}
583
4db41cbd
ME
584/* Enrol
585-------------------------*/
586
df7962f9 587.userenrolment {
8dc13ee7
SH
588 font-size:90%;
589 border:1px solid #999;
df7962f9
ME
590}
591.userenrolment tr.r0 {
4db41cbd 592 background-color: #F9F9F9;
df7962f9
ME
593}
594.userenrolment tr.r1 {
4db41cbd 595 background-color: #F3F3F3;
df7962f9 596}
8dc13ee7 597.userenrolment td {
4db41cbd
ME
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;
df7962f9
ME
604}
605.userenrolment td.c0 {
8dc13ee7 606 border-left-color:#999;
df7962f9
ME
607}
608.userenrolment td.c4 {
8dc13ee7 609 border-right-color:#999;
df7962f9
ME
610}
611.userenrolment .col_userdetails {
8dc13ee7
SH
612 padding:3px;
613 min-width:35%;
df7962f9
ME
614}
615.userenrolment .col_role .roles {
8dc13ee7 616 position:relative;
df7962f9
ME
617}
618.userenrolment .col_role .role {
4db41cbd
ME
619 line-height: 10px;
620 font-size: 10px;
df7962f9
ME
621}
622.userenrolment .col_role .role a img {
8dc13ee7 623 height:8px;
df7962f9
ME
624}
625.userenrolment .col_role .addrole {
4db41cbd
ME
626 background-color: #DDD;
627 border: 1px outset #EEE;
628 -moz-border-radius: 5px;
df7962f9
ME
629}
630.userenrolment .col_group {
4db41cbd 631 max-width: 300px;
df7962f9
ME
632}
633.userenrolment .col_group .group {
8dc13ee7
SH
634 line-height:10px;
635 font-size:10px;
df7962f9
ME
636}
637.userenrolment .col_group .group a img {
8dc13ee7 638 height:8px;
df7962f9
ME
639}
640.userenrolment .col_group .addgroup {
8dc13ee7
SH
641 background-color:#DDD;
642 border:1px outset #EEE;
643 -moz-border-radius:5px;
df7962f9
ME
644}
645.userenrolment .col_enrol {
8dc13ee7 646 max-width:300px;
df7962f9
ME
647}
648.userenrolment .col_enrol .enrolment {
8dc13ee7
SH
649 border:1px outset #E6E6E6;
650 background-color:#EEE;
651 line-height:10px;
652 font-size:10px;
653 -moz-border-radius:5px;
df7962f9 654}
84474568 655.path-enrol .enrolusersbutton,
df7962f9 656.path-enrol .enrolcohortbutton {
8dc13ee7 657 float:left;
df7962f9 658}
84474568 659.path-enrol .enrolusersbutton.instance1,
df7962f9 660.path-enrol .enrolcohortbutton.instance1 {
8dc13ee7 661 float:right;
df7962f9 662}
20e033bd 663
4db41cbd
ME
664/* Registration
665-------------------------*/
666
667
8dc13ee7
SH
668#page-admin-registration-hubselector .registration_textfield {
669 width: 400px;
670}
96321cf4 671
4db41cbd
ME
672/* Redirect
673-------------------------*/
674
df7962f9 675.pagelayout-redirect #content {
4db41cbd
ME
676 text-align: center;
677 margin: 10% auto;
6abbcf19
NK
678}
679
9461033d 680.path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;}