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