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