MDL-19676 MDL-14408 MDL-8776 Blog improvements
[moodle.git] / theme / standard / styles_layout.css
CommitLineData
f09e4f0a 1/*******************************************************************
88e46311 2 styles_layout.css
6b717125 3
88e46311 4 This CSS file contains all layout definitions like positioning,
633877d3 5 floats, margins, padding, borders etc.
f09e4f0a 6
88e46311 7 Styles are organised into the following sections:
4485fc91 8 core
909ec807 9 forms
4485fc91 10 header
11 footer
12
13 admin
14 blocks
7fdc360c 15 blog
4485fc91 16 calendar
17 course
18 doc
4fb301fa 19 grades
4485fc91 20 login
21 message
eca3af25 22 notes
23 mymoodle
48447225 24 question
4485fc91 25 tabs
d5581d97 26 tags
4485fc91 27 user
28
29 various modules
f09e4f0a 30
31*******************************************************************/
32
33
88e46311 34/***
35 *** Core
36 ***/
f09e4f0a 37
2d02e8e6 38h1.main,
39h2.main,
40h3.main,
41h4.main,
42h5.main,
43h6.main {
4485fc91 44 text-align: center;
2d02e8e6 45}
46
f09e4f0a 47#layout-table {
4485fc91 48 width:100%;
49 border-collapse:separate;
f0edf8c2 50 margin-top: 8px;
f09e4f0a 51}
52
d4a03c00 53#layout-table #region-side-pre,
54#layout-table #content,
55#layout-table #region-side-post
f0edf8c2 56{
4485fc91 57 vertical-align:top;
f09e4f0a 58}
59
d4a03c00 60#layout-table #content {
4485fc91 61 padding-left:12px;
62 padding-right:12px;
02039b16 63}
64
a8e1f343 65.clearer {
4485fc91 66 clear:both;
2e2bcd95 67 margin:0;
68 padding:0;
4485fc91 69 height:1px;
70 border:none;
71 background:transparent;
5496f50c 72 display:block;
a8e1f343 73}
74
8c900bc3 75.clearfix {
76 min-width: 0;
5b4d9f8f 77 /* overflow: hidden; */
8c900bc3 78}
79
48447225 80.clearfix:after {
80f7ef6f 81 /* content: "<!-- -->"; */
6b717125 82 content: ".";
83 display: block;
84 height: 0;
85 clear: both;
48447225 86 visibility: hidden;
87}
53fa54d9 88
902d5cc0 89#redirect {
90 text-align: center;
cf37931b 91 margin-top:10%;
902d5cc0 92}
93
80f7ef6f 94/* .clearfix {display: inline-table;} */
53fa54d9 95
48447225 96/* Hides from IE-mac \*/
97* html .clearfix {height: 1%;}
53fa54d9 98.clearfix {display: block;}
48447225 99/* End hide from IE-mac */
100
4875732b 101.mdl-align {
102 text-align: center;
103}
ff9b4ea4 104.mdl-left {
105 text-align: left;
106}
107.mdl-right {
108 text-align: right;
109}
4875732b 110
ac91569f 111.continuebutton {
4485fc91 112 text-align: center;
ac91569f 113}
114
a8e1f343 115form {
2e2bcd95 116 margin-bottom:0;
a8e1f343 117}
118
9cbf12c0 119table {
2e2bcd95 120 border-spacing: 0;
4485fc91 121 border-collapse: collapse;
9cbf12c0 122}
a8e1f343 123
2ad2cbc3 124a img {
4485fc91 125 border:none;
2ad2cbc3 126}
0ecb12bc 127
128img.userpicture,
440d1648 129img.grouppicture {
5d251e99 130 border: 0;
0ecb12bc 131}
132
8e84d978 133img.uihint {
134 cursor: help;
135}
136
80efbf98 137#grouppicture {
138 text-align: center;
139}
140
b6b354e3 141div.groupselector {
142 float: left;
143 margin-top: 3px;
144 margin-bottom: 3px;
145}
146
c7b0485f 147#addmembersform table {
148 margin-left: auto;
149 margin-right: auto;
150}
151
2d02e8e6 152.notifyproblem {
4485fc91 153 text-align: center;
154 padding: 10px;
2d02e8e6 155}
6b717125 156
2d02e8e6 157.notifysuccess {
4485fc91 158 text-align:center;
159 padding: 10px;
6b717125 160}
2ad2cbc3 161
bbbf2d40 162.notifytiny {
163 text-align:left;
2e2bcd95 164 padding: 0;
6b717125 165}
bbbf2d40 166
a83addc5 167.singlebutton form,
168.singlebutton div {
169 display:inline;
170}
171
52ea8aa0 172.box {
173 clear: both;
174}
175
992b5971 176.generalbox {
4485fc91 177 border-width:1px;
178 border-style:solid;
182ac6c5 179 margin-bottom: 15px;
4f98c4af 180 padding:10px;
a8e1f343 181}
ca08f843 182
1adb8947 183.generalbox#intro {
0f283cb6 184 width:70%;
185 margin-left:auto;
186 margin-right:auto;
187 padding-bottom:15px;
ca08f843 188}
189
df26dd34 190.boxaligncenter {
191 margin-left:auto;
192 margin-right:auto;
193}
194
e6b9fd51 195.boxalignright {
196 margin-left:auto;
197 margin-right:0;
198}
199
200.boxalignleft {
201 margin-left:0;
202 margin-right:auto;
203}
204
205.boxwidthnarrow {
206 width: 30%
207}
208
209.boxwidthnormal {
210 width: 50%
211}
212
213.boxwidthwide {
214 width: 80%
215}
216
007456de 217.centerpara {
d19bd4d0 218 text-align:center
007456de 219}
e6b9fd51 220
f2eb5002 221.collapsibleregion {
4cd85cb1 222 overflow: hidden;
223 padding: 1px;
c9f8e118 224}
c679952e 225.collapsibleregioncaption {
4cd85cb1 226 white-space: nowrap;
c679952e 227}
c9f8e118 228.collapsibleregioncaption img {
4cd85cb1 229 vertical-align: middle;
f2eb5002 230}
231div.collapsibleregion div.collapsibleregioncaption a {
4cd85cb1 232 color: inherit;
233 text-decoration: none;
f2eb5002 234}
904998d8 235.jsenabled .collapsed .collapsibleregioninner {
4cd85cb1 236 visibility: hidden;
904998d8 237}
f2eb5002 238
992b5971 239.noticebox {
4485fc91 240 border-width:1px;
241 border-style:solid;
4f98c4af 242 padding:10px;
a8e1f343 243}
0bf66cb5 244
4ed13ed8 245#notice.generalbox {
bf315e02 246 width: 60%;
247 margin-left:auto;
248 margin-right:auto;
249}
250
89f3abc5 251#notice .buttons {
d19bd4d0 252 text-align:center
89f3abc5 253}
254
6ebb7659 255#notice .buttons div,
49c7f3a8 256#notice .buttons form {
257 display:inline;
258}
259
6ebb7659 260#notice .singlebutton {
261 text-align:center;
262 padding: 5px;
4ed13ed8 263 margin: 0px;
6ebb7659 264}
265
81e6a0a5 266.errorbox {
4485fc91 267 border-width:1px;
268 border-style:solid;
269 margin: 1em 15%;
270 width: 70%;
4f98c4af 271 padding:10px;
81e6a0a5 272}
0bf66cb5 273
81e6a0a5 274.errorbox .title {
4485fc91 275 padding: 5px;
81e6a0a5 276}
0bf66cb5 277
2f71f2a2 278.informationbox {
4485fc91 279 border-width:1px;
280 border-style:solid;
19a9bf1b 281 padding: 10px;
2f71f2a2 282}
0bf66cb5 283
a59a00b7 284.feedbackbox {
4485fc91 285 border-width:1px;
286 border-style:solid;
a59a00b7 287}
0bf66cb5 288
a59a00b7 289.feedbackby {
290}
0bf66cb5 291
a59a00b7 292.feedback {
293}
0bf66cb5 294
52ea8aa0 295.rsslink {
296 padding: 0 0 0 0.3em;
297}
298
299.printicon {
300 padding: 0 0 0 0.3em;
301}
302
e037ed24 303.generaltable {
304 border-width: 1px;
305 border-style: solid;
306}
307
308.generaltable .cell {
309 border-width: 1px;
310 border-style: solid;
311 border-collapse: collapse;
312}
bed9cec8 313.generaltable th.header {
314 vertical-align: top;
315}
316table.rotateheaders th.header {
317 vertical-align: bottom;
318}
e037ed24 319
a0648316 320#participationreport .reporttable {
27626e71 321 text-align: center;
322 margin-left:auto;
a0648316 323 margin-right:auto;
324}
325
326#participationreport {
327 text-align: center;
328}
329
330#participationreport .modulename {
331 font-weight: bold;
332}
333
334#participationreportselector {
335 text-align: center;
336}
337
338#participationreportactions {
339 text-align: center;
340}
341
9d034c94 342.initialbar {
4485fc91 343 text-align: center;
9d034c94 344}
7005a81c 345
80d371e3 346#help .indent {
4485fc91 347 margin-left:3em;
80d371e3 348}
349
38d5ab86 350.closewindow,
986f093f 351#help .helpindex {
352 text-align: center;
353}
354
992b5971 355.tabledivider {
4485fc91 356 border-width:1px;
357 border-style:solid;
2e2bcd95 358 border-left:0;
359 border-right:0;
360 border-top:0;
992b5971 361}
362
992b5971 363.sitetopic {
1adb8947 364 margin-bottom:20px;
365}
366
367.sitetopiccontent {
4485fc91 368 border-width:1px;
369 border-style:solid;
992b5971 370}
371
2f945146 372.pagingbar {
4485fc91 373 text-align:center;
2f945146 374}
0bf66cb5 375
2f945146 376.pagingbar a {
4485fc91 377 padding-left: 10px;
2f945146 378}
0bf66cb5 379
2f945146 380.pagingbar .thispage {
4485fc91 381 padding-left: 10px;
2f945146 382}
383
b8a6c0da 384table.formtable {
4485fc91 385 margin: auto;
b8a6c0da 386}
387
388table.formtable tbody th {
4485fc91 389 vertical-align: top;
a8e1f343 390}
391
05afaf25 392table.formtable tbody td,
393table.formtable tbody th
394{
4485fc91 395 padding: 5px;
05afaf25 396}
992b5971 397
60f515a2 398table.formtable tbody .htmlarea td,
399table.formtable tbody .htmlarea th
400{
2e2bcd95 401 padding: 0;
60f515a2 402}
403
b4a13174 404.flexible th
405{
406 white-space: nowrap;
407}
408
f09e4f0a 409.paging {
4485fc91 410 text-align: center;
f7a4bc03 411 margin: 10px 0 10px 0;
446390fb 412}
413
f09e4f0a 414.unread {
4485fc91 415 padding-right:2px;
6b717125 416}
446390fb 417
1adb8947 418.cell {
4485fc91 419 vertical-align: top;
992b5971 420}
421
a41b3017 422.heading-with-help {
423 text-align:center;
424 margin:0.83em 0;
425}
426
427.heading-with-help h2 {
428 margin:0;
429 display:inline;
430}
431
4b4ca01d 432.helplink img {
433 vertical-align: middle;
2e2bcd95 434 margin: 0 2px;
bef6cd5d 435 width: 17px;
436 height: 17px;
4b4ca01d 437}
7005a81c 438
5fb8186a 439img.emoticon {
440 vertical-align: middle;
441 width: 15px;
442 height: 15px;
443}
444
60ec23af 445form.popupform,
446form.popupform div {
feb79469 447 display: inline;
45c89333 448}
449
3562486b 450form.popupform label {
451 margin-right: 0.5em;
452}
453
b6e5a6e6 454.arrow_button {
455 margin-top:3em;
456}
457
458.arrow_button input {
b6e5a6e6 459 padding:0.3em;
460 overflow:hidden;
461}
462
97873016 463.groupmanagementtable {
464 width: 90%;
465}
fa19c325 466.groupmanagementtable td {
849185ce 467 vertical-align: top;
fa19c325 468}
986f093f 469.groupmanagementtable p {
6cab02ac 470 text-align: left;
471 margin-bottom: 0.2em;
986f093f 472}
6cab02ac 473.groupmanagementtable #existingcell,
474.groupmanagementtable #potentialcell {
97873016 475 width: 42%;
476}
6cab02ac 477.groupmanagementtable #existingcell label,
478.groupmanagementtable #potentialcell label {
97873016 479 font-weight: bold;
480}
481.groupmanagementtable #buttonscell {
482 width: 16%;
483}
6cab02ac 484.groupmanagementtable #buttonscell p {
485 text-align: center;
486}
97873016 487.groupmanagementtable #buttonscell input {
4cd85cb1 488 width: 80%;
489 padding: 1em 0;
6cab02ac 490}
491.groupmanagementtable #buttonscell #remove {
4cd85cb1 492 margin: 7em 0;
97873016 493}
494.groupmanagementtable #backcell {
4cd85cb1 495 padding-top: 2em;
496 text-align: center;
97873016 497}
6cab02ac 498.groupmanagementtable #removeselect_wrapper,
499.groupmanagementtable #addselect_wrapper {
4cd85cb1 500 width: 100%;
97873016 501}
502.groupmanagementtable #removeselect_wrapper label,
503.groupmanagementtable #addselect_wrapper label {
504 font-weight: normal;
1a8b5f95 505}
506
62d63838 507#group-groupings .buttons {
508 margin: 20px;
509 text-align:center;
510}
511
512#group-groupings .buttons .singlebutton {
513 display: inline;
514 padding: 5px;
515}
516
acf000b0 517#group-usersummary {
518 width: 14em;
519}
520
6b25a26e 521img.icon {
642b2ab1 522 vertical-align:middle;
82208069 523 /*margin-right:4px;*/
6b25a26e 524 width:16px;
525 height:16px;
642b2ab1 526 border:0px;
527}
6b25a26e 528
529img.iconsmall {
642b2ab1 530 vertical-align:middle;
0f13ec8f 531 margin-right:1px;
642b2ab1 532 width:11px;
6b25a26e 533 height:11px;
642b2ab1 534 border:0px;
69faa9a3 535}
536
6b25a26e 537img.iconhelp {
642b2ab1 538 vertical-align:middle;
0f13ec8f 539 margin-right:4px;
642b2ab1 540 width:17px;
6b25a26e 541 height:17px;
642b2ab1 542 border:0px;
0f13ec8f 543}
544
6b25a26e 545img.iconkbhelp {
642b2ab1 546 width:49px;
6b25a26e 547 height:17px;
642b2ab1 548 border:0px;
0f13ec8f 549}
550
a33fa3ad 551img.icontoggle {
552 width:50px;
553 height:17px;
554 border:0px;
555 vertical-align:middle;
556}
557
ef4c5369 558/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
68ac3b35 559.accesshide {
560 position:absolute;
40a94e43 561 top:-100000px;
ef4c5369 562 left:10px;
563 font-weight:normal;
564 font-size:1em;
68ac3b35 565}
78baf486 566
567.invisiblefieldset {
aeab95f9 568 display:inline;
569 border:0px;
570 padding:0px;
571 margin:0px;
78baf486 572}
573
dc3a69ec 574span.hide,
575div.hide {
00e648c1 576 display:none;
577}
68ac3b35 578
97873016 579.userselector select {
580 width: 100%;
581}
6cab02ac 582.userselector div {
583 margin-top: 0.2em;
584}
97873016 585.userselector div label {
586 margin-right: 0.3em;
587}
904998d8 588#userselector_options {
4cd85cb1 589 font-size: 0.75em;
904998d8 590}
591#userselector_options .collapsibleregioncaption {
4cd85cb1 592 font-weight: bold;
904998d8 593}
a6e7237a 594#userselector_options p {
4cd85cb1 595 margin:0.2em 0pt;
596 text-align:left;
a6e7237a 597}
f8065dd2 598#help_icon_tooltip {
599 font-size: 0.7em;
600}
601#help_icon_tooltip h1 {
602 font-size: 1.1em;
603 font-weight: bold;
604}
605#help_icon_tooltip div.bd {
606 width: 35em;
607}
608
609#help_icon_tooltip .readmore {
610 display: block;
611 font-style: italic;
612 margin-top:10px;
613}
a6e7237a 614
909ec807 615/***
616 *** Forms
617 ***/
618
64360ee7 619.mform {
6b717125 620 margin: 0 auto;
6fadb97b 621 padding: 0;
6b717125 622 width: 80%;
909ec807 623}
64360ee7 624.mform fieldset {
536a6402 625 border: 1px solid #DDDDDD;
6fadb97b 626 padding: 10px 0;
536a6402 627 margin: 0.7em 0;
6fadb97b 628 width:100%;
909ec807 629}
64360ee7 630.mform fieldset.hidden, .mform fieldset.felement {
6fadb97b 631 border: 0;
909ec807 632}
64360ee7 633.mform fieldset.felement {
6fadb97b 634 width: auto;
909ec807 635}
1b25f196 636.mform ul.file-list{
4cd85cb1 637 padding:0;
638 margin:0;
639 list-style:none;
1b25f196 640}
64360ee7 641.mform fieldset legend {
6fadb97b 642 font-weight: bold;
536a6402 643 margin-left: 0.5em;
909ec807 644}
25857115 645.advancedbutton {
a23f0aaf 646 width:100%;
647 text-align:right;
648}
9262d2d3 649.jsenabled .advancedbutton .showadvancedbtn {
650 display:none;
651}
64360ee7 652.mform div.fitem {
6fadb97b 653 clear: both;
654 width: 100%;
655 min-height: 1.5em;
909ec807 656}
909ec807 657
64360ee7 658.mform .fitemtitle {
6fadb97b 659 display: block;
660 float: left;
661 width: 30%;
662 padding: 0;
a12034e4 663 margin: 5px 0 0 10px;
6fadb97b 664 text-align: right;
909ec807 665}
642b2ab1 666
64360ee7 667.mform .fitemtitle div{
642b2ab1 668 display: inline;
669}
670
de312b53 671div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label,
672fieldset.fdate_selector label {
6fadb97b 673 display:inline;
674 float: none;
675 width: auto;
909ec807 676}
677
8e7cebb0 678#date_selector_calendar_panel .bd {
4cd85cb1 679 padding: 0;
8e7cebb0 680}
8e7cebb0 681#date_selector_calendar_panel .yui-calcontainer {
4cd85cb1 682 border: none;
683 float: none;
8e7cebb0 684}
685/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
686#date_selector_calendar_panel.yui-overlay-hidden table {
ddc66060 687 display:none;
8e7cebb0 688}
b4a33c4b 689#date_selector_calendar_panel th.calhead {
4cd85cb1 690 padding-right: 2em;
b4a33c4b 691}
692#date_selector_calendar_panel a.container-close {
4cd85cb1 693 top: 10px;
b4a33c4b 694}
8e7cebb0 695
64360ee7 696.mform div.felement, .mform fieldset.felement{
6fadb97b 697 display: block;
698 float: left;
699 margin: 5px 0 0 10px;
700 padding: 0;
701 text-align:left;
37601e88 702 width: 60%;
909ec807 703}
704
64360ee7 705.mform div.fdescription {
6fadb97b 706 clear: both;
707 min-height: 1.5em;
909ec807 708}
68ac3b35 709
64360ee7 710.mform .fdescription.required {
ea67fff3 711 text-align:right;
712}
713
64360ee7 714.mform input, .mform select {
6fadb97b 715 width: auto;
909ec807 716}
82e74e90 717.mform .ftextarea #id_alltext {
4cd85cb1 718 width: 100%;
909ec807 719}
64360ee7 720.mform br {
6fadb97b 721 clear: left;
909ec807 722}
64360ee7 723.mform div.fhtmleditor {
034f0ca0 724 margin: 5px 0 0 10px;
725 padding: 0;
726 float: left;
727 display: block;
909ec807 728}
64360ee7 729.mform span.error, .mform span.required {
6fadb97b 730 color: red;
0c90f987 731 float: right;
732 margin-right: 0.3em;
909ec807 733}
64360ee7 734.mform div.error,.mform fieldset.error {
6fadb97b 735 border: 1px solid red;
6fadb97b 736 color: inherit;
909ec807 737}
64360ee7 738.mform .fcheckbox input {
97c3141c 739 margin-left: 0px;
740}
64360ee7 741.mform .fpassword .unmask {
239ade45 742 display:inline;
743}
64360ee7 744.mform .fpassword .unmask input {
239ade45 745 margin-left:5px;
746 margin-right:3px;
747}
748
f155c563 749.mform label .req, .mform label .adv {
d19bd4d0 750 cursor: help;
49c7f3a8 751}
9f1c9dfc 752.mform .ftags label.accesshide {
753 display: block;
754 position: static;
755}
756.mform .ftags select {
757 margin-bottom: 0.7em;
758 min-width: 22em;
759}
49c7f3a8 760
64360ee7 761/* form frozen */
762div.mform div.fitem div.fstatic{
86f7ba7f 763 border-color : #D3D3D3;
53a717cf 764 border-style : dashed;
765 border-width : thin;
64360ee7 766}
767
768#admin-register .mform .fsubmit {
c4054f90 769 padding:20px;
770 text-align:center;
771}
49c7f3a8 772
84e2c6c7 773div.phpinfo .center{
774 text-align: center;
775}
776
642b2ab1 777div.phpinfo .center table {
778 margin-left: auto;
779 margin-right: auto;
84e2c6c7 780 text-align: left;
781}
782
783div.phpinfo .center th {
784 text-align: center;
785}
6b717125 786
fbb00432 787.backup-form-instances {
788 margin:0px 20px 0px 20px;
789}
790.restore-form-instances {
791 margin:0px 20px 0px 20px;
792}
793
67a87e7d 794#portfolio-add-button {
795 display:inline;
796}
fbb00432 797
88e46311 798/***
799 *** Header
800 ***/
a5afe3ec 801
f09e4f0a 802#header-home {
a5afe3ec 803}
804
f09e4f0a 805#header {
992b5971 806}
807
9fdbbcf7 808.headermain, h1.headermain {
4485fc91 809 float:left;
2e2bcd95 810 margin:0;
811 padding:0;
a5afe3ec 812}
813
f09e4f0a 814.headermenu {
4485fc91 815 float:right;
816 text-align:right;
992b5971 817}
818
f7641e60 819.navigation li,
820.navigation div,
821.navigation button,
822.navigation form {
823 display: inline;
824}
825
d2c6555d 826.navbar {
8c900bc3 827 width:auto;
4485fc91 828 padding:3px 0.5em;
4485fc91 829 border-width:1px;
830 border-style:solid;
a5afe3ec 831}
7e4f53c8 832
e8e7dbcc 833.navbar .langmenu {
834 text-align:right;
835}
836
78a71c31 837table.navbar {
838 width: 100%;
5496f50c 839}
a5afe3ec 840
bfca8b17 841.navbar .navbutton {
842 margin-top: 3px;
7e4f53c8 843 float: left;
844}
845
bfca8b17 846.navbar .navbutton div,
847.navbar .navbutton form {
848 display:inline;
849 margin:0px;
850 padding:0px;
7e4f53c8 851}
852
d2c6555d 853.navbar .breadcrumb {
4485fc91 854 float:left;
2e2bcd95 855 margin:0.2em 0;
a5afe3ec 856}
857
5496f50c 858.breadcrumb ul {
2e2bcd95 859 padding:0;
860 margin:0;
861 text-indent:0;
5496f50c 862 list-style:none;
863}
864.breadcrumb li {
865 display:inline;
866}
867
d2c6555d 868.navbar .navbutton,
869.navbar .menu {
4485fc91 870 float:right;
a5afe3ec 871}
872
02039b16 873#footer .navbar {
4485fc91 874 margin-top: 4em;
02039b16 875}
876
ad2520c7 877.reportlink {
878 text-align:right;
879}
880
4f8cf5bb 881.navigation {
882 margin-bottom: 4px;
883}
884
b1307cbc 885.navigation ul {
886 margin:0px;
887 padding:0px;
888 list-style-type:none;
889}
890
891.navigation ul li form,
892.navigation ul li {
893 display:inline;
894 margin:0px;
895 padding:0px;
896 margin-left:2px;
897}
898
4f8cf5bb 899.navigation ul li form fieldset,
900.navigation ul li form div select {
feb79469 901 vertical-align: middle;
4f8cf5bb 902}
903
b1307cbc 904.navigation optgroup {
e0fdb167 905 text-align:center;
906 padding-top:4px;
907}
908
b1307cbc 909.navigation option {
e0fdb167 910 text-align:left;
911}
912
b1307cbc 913.navigation optgroup option {
e0fdb167 914 padding:0px;
915}
a5afe3ec 916
ed7666d8 917#navmenupopup option,
918#navmenufooterpopup option {
27626e71 919 padding: 2px 0 2px 20px;
920 background-repeat: no-repeat;
921 background-position: 1px 2px;
b6b354e3 922 vertical-align: middle;
923}
924
88e46311 925/***
926 *** Footer
927 ***/
f09e4f0a 928
929#footer {
4485fc91 930 text-align:center;
65e2d1f0 931 margin-top: 40px;
476f1aec 932}
a5afe3ec 933
4485fc91 934.homelink {
935 margin: 1em 0;
936}
937
938.homelink a {
939 padding-left:1em;
00c312fa 940 padding-right:1em;
4485fc91 941}
942
e7bbdbba 943.sitelink {
944 padding-top:1em;
945}
946
ef036dce 947.performanceinfo {
948 margin: 2em;
949}
950
88193fd5 951.performanceinfo span {
952 display: block;
953}
954
4e73e3ea 955#footer .validators {
956 margin-top:40px;
957 padding-top:5px;
958 border-top: 1px dotted gray;
959}
960
961#footer .validators ul {
962 margin:0px;
963 padding:0px;
964 list-style-type:none;
965}
966
967#footer .validators ul li {
968 display:inline;
969 margin-right:10px;
970 margin-left:10px;
971}
972
7e64d361 973/***
974 *** Filters
975 ***/
9133d4ad 976.mediaplugin {
7e64d361 977 display:block;
978 clear:both;
979 margin-top:5px;
980 margin-bottom:5px;
981}
982
9133d4ad 983.mediaplugin_mp3, .mediaplugin_swf, .mediaplugin_flv {
7e64d361 984 display:inline;
985 clear:none;
986 margin:0px;
987 margin-left:0.5em;
988}
e47d5ade 989.texrender {
990 border:0px;
991 vertical-align:middle;
992}
7e64d361 993
994
88e46311 995/***
996 *** Admin
997 ***/
6b717125 998
f09e4f0a 999body#admin-index .c0 {
4485fc91 1000 vertical-align: top;
6b717125 1001}
7005a81c 1002
e58e1a94 1003body#admin-index .c1 {
1004 vertical-align: middle;
6b717125 1005}
e58e1a94 1006
46bd568b 1007body#admin-blocks table.generaltable th,
1008body#admin-filters table.generaltable th,
13abd721 1009body#admin-modules table.generaltable th,
1010body#admin-auth table.generaltable th
46bd568b 1011{
1012 white-space: nowrap;
1013}
1014
d19bd4d0 1015body#admin-modules .generaltablecell
53718d30 1016{
4485fc91 1017 padding-top: 2px;
1018 padding-bottom: 2px;
6b717125 1019}
25ecf09a 1020
53718d30 1021body#admin-blocks table.generaltable th,
1022body#admin-blocks table.generaltable td.cell,
1023body#admin-filters table.generaltable th,
1024body#admin-filters table.generaltable td.cell,
1025body#admin-modules table.generaltable th,
13abd721 1026body#admin-modules table.generaltable td.cell,
1027body#admin-auth table.generaltable th,
1028body#admin-auth table.generaltable td.cell
53718d30 1029{
ca98446a 1030 padding: 4px;
1031 text-align: center;
1032 vertical-align: middle;
6b717125 1033}
25ecf09a 1034
53718d30 1035body#admin-blocks table.generaltable th.c0,
1036body#admin-blocks table.generaltable td.c0,
1037body#admin-filters table.generaltable th.c0,
1038body#admin-filters table.generaltable td.c0,
1039body#admin-modules table.generaltable th.c0,
13abd721 1040body#admin-modules table.generaltable td.c0,
1041body#admin-auth table.generaltable th.c0,
1042body#admin-auth table.generaltable td.c0
53718d30 1043{
ca98446a 1044 text-align: left;
1045}
1046
5902558c 1047body#admin-modules table.generaltable td.c0
1048{
1049 white-space: nowrap;
1050}
1051
195b3105 1052#admin-blocks
1053#admin-config .confighelp {
4485fc91 1054 display: block;
1055 padding-bottom: 20px;
25ecf09a 1056}
1057
195b3105 1058#admin-stickyblocks .generalbox {
1059 text-align:center;
1060}
1061
1062#admin-index .copyrightnotice {
6b7425d2 1063 margin: auto;
1064 text-align: center;
1065}
1066
f3a36b62 1067#admin-maintenance .buttons {
1068 text-align:center;
1069}
1070
941e4276 1071#admin-report-unittest-index .exception pre {
45f501a5 1072 padding: 8px;
1073}
1074
941e4276 1075#admin-report-unittest-index .unittestsummary {
45f501a5 1076 padding: 8px;
1077 margin-top: 1em;
1078}
1079
828b6d10 1080#admin-report-security-index #timewarning {
1081 text-align:center;
1082}
1083
1084#admin-report-security-index .timewarninghidden {
1085 display:none;
1086}
1087
1ea118e4 1088#admin-report-capability-index .rolecaps th {
1089 text-align: left;
1090}
1091#admin-report-capability-index #settingsform {
1092 text-align: left;
1093}
1094#admin-report-capability-index #settingsform h2 {
4cd85cb1 1095 margin-top: 0;
1ea118e4 1096}
1097#admin-report-capability-index #settingsform p {
1098 margin-bottom: 0;
1099}
1100#admin-report-capability-index #settingsform #menucapability,
1101#admin-report-capability-index #settingsform #capabilitysearchui {
1102 width: 100%;
1103}
1104#admin-report-capability-index #settingsform #capabilitysearch {
1105 width: 30em;
1106}
1107#admin-report-capability-index h3 {
1108 margin-bottom: 0;
1109}
3041a0df 1110#admin-report-questioninstances-index #settingsform h2 {
4cd85cb1 1111 margin-top: 0;
3041a0df 1112}
1113#admin-report-questioninstances-index #settingsform p {
1114 margin-bottom: 0;
1115}
e26ba4d8 1116#admin-report-questioninstances-index #settingsform p {
1117 margin-bottom: 0;
1118}
af52ecee 1119#admin-qtypes th {
1120 white-space: normal;
1121}
a781921f 1122#admin-qtypes .cell.c3 {
e26ba4d8 1123 font-size: 0.7em;
1124}
a781921f 1125#admin-qtypes .cell {
1126 text-align: center;
1127}
1128#admin-qtypes .cell.c0 {
1129 text-align: left;
1130}
af52ecee 1131#admin-qtypes #qtypes div,
1132#admin-qtypes #qtypes form {
1133 display: inline;
1134}
1135#admin-qtypes #qtypes img.spacer {
1136 width: 16px;
1137}
0f74bb01 1138#filter-manage .buttons,
91eb445c 1139#admin-roles-allow .buttons,
efe12f6c 1140#admin-roles-manage .buttons,
bbdb7070 1141#admin-roles-define .buttons,
efe12f6c 1142#admin-roles-override .buttons {
a83addc5 1143 margin: 20px;
1144 text-align:center;
1145}
efe12f6c 1146#admin-roles-manage .buttons .singlebutton,
bbdb7070 1147#admin-roles-define .buttons .singlebutton,
efe12f6c 1148#admin-roles-override .buttons .singlebutton {
d19bd4d0 1149 display: inline;
efe12f6c 1150 padding: 5px;
08c7d260 1151}
bbdb7070 1152#admin-roles-define .topfields {
1153 margin: 1em 0 2em;
1154}
6cab02ac 1155.roleassigntable {
4cd85cb1 1156 width: 100%;
6cab02ac 1157}
1158.roleassigntable td {
4cd85cb1 1159 vertical-align: top;
1160 padding: 0.2em 0.3em
6cab02ac 1161}
1162.roleassigntable p {
4cd85cb1 1163 text-align: left;
1164 margin: 0.2em 0;
6cab02ac 1165}
1166.roleassigntable #existingcell,
1167.roleassigntable #potentialcell {
4cd85cb1 1168 width: 42%;
6cab02ac 1169}
1170.roleassigntable #existingcell label,
1171.roleassigntable #potentialcell label {
4cd85cb1 1172 font-weight: bold;
6cab02ac 1173}
1174.roleassigntable #buttonscell {
4cd85cb1 1175 width: 16%;
6cab02ac 1176}
1177.roleassigntable #buttonscell #add,
1178.roleassigntable #buttonscell #remove {
4cd85cb1 1179 width: 100%;
1180 margin: 0.3em 0;
1181 padding: 0.5em 0;
6cab02ac 1182}
1183.roleassigntable #buttonscell p {
4cd85cb1 1184 margin: 0.3em 0;
6cab02ac 1185}
c9f8e118 1186.roleassigntable #buttonscell #assignoptions {
4cd85cb1 1187 font-size: 0.75em;
c9f8e118 1188}
1189.roleassigntable #buttonscell #assignoptions .collapsibleregioncaption {
4cd85cb1 1190 font-weight: bold;
c9f8e118 1191}
1192.roleassigntable #buttonscell #addcontrols {
4cd85cb1 1193 margin-top: 3em;
1194 height: 13em;
6cab02ac 1195}
1196.roleassigntable #removeselect_wrapper,
1197.roleassigntable #addselect_wrapper {
4cd85cb1 1198 width: 100%;
6cab02ac 1199}
1200.roleassigntable #removeselect_wrapper label,
1201.roleassigntable #addselect_wrapper label {
4cd85cb1 1202 font-weight: normal;
9584965f 1203}
bbdb7070 1204#admin-roles-define .mform {
1205 width: 100%;
efe12f6c 1206}
0f74bb01 1207#filter-manage .backlink,
96f1a7a2 1208#admin-roles-manage .backlink,
bbdb7070 1209#admin-roles-define .backlink,
a6e7237a 1210#admin-roles-explain .backlink,
96f1a7a2 1211#admin-roles-assign .backlink,
1212#admin-roles-override .backlink {
1213 text-align: right;
1214 width: 90%;
1215 margin: 2em auto 1em;
1216}
1217
a6e7237a 1218#admin-roles-explain #chooseuser h3 {
1219 margin-top: 0;
1220}
1221#admin-roles-explain #chooseusersubmit {
1222 margin: 1em 0 0;
1223 text-align: center;
1224}
ff493b6b 1225#admin-roles-usersroles .contextname {
1226 margin: 0.5em 0 0;
1227}
1228#admin-roles-usersroles p {
1229 margin: 0;
1230}
a6e7237a 1231table.rolecap {
8aee9bcc 1232 margin-left: auto;
1233 margin-right: auto;
08c7d260 1234}
1b63d34d 1235.capabilitysearchui {
1236 text-align: left;
1237 margin-left: auto;
1238 margin-right: auto;
1239}
1240table.rolecap .hiddenrow {
1241 display: none;
1242}
08c7d260 1243
8aee9bcc 1244tr.rolecap th {
1245 text-align: left;
1246 font-weight: normal;
1247}
a6e7237a 1248table.rolecap .inherit,
1249table.rolecap .allow,
1250table.rolecap .prevent,
1251table.rolecap .prohibit {
ff439b30 1252 text-align:center;
1253}
8aee9bcc 1254table.rolecap label {
1255 display: block;
1256 width: 100%;
bbdb7070 1257 min-height: 2.5em;
8aee9bcc 1258}
bbdb7070 1259.rolecap .cap-name,
8aee9bcc 1260.rolecap .note {
8c900bc3 1261 display: block;
f4acee5d 1262 padding: 0 0.5em;
8c900bc3 1263}
1264
1265#admin-roles-override .cell.c1,
dcd55b7e 1266#admin-roles-assign .cell.c3,
8c900bc3 1267#admin-roles-assign .cell.c1 {
1268 padding-top: 0.75em;
82350116 1269}
1270
bed9cec8 1271#admin-roles-override .overridenotice,
1272#admin-roles-define .definenotice {
4cd85cb1 1273 margin: 1em 10% 2em;
1274 text-align: left;
3a0c6cca 1275}
1276
98bcd9d1 1277table.explainpermissions {
1278 border: 1px solid black;
1279}
1280table.explainpermissions .cell {
1281 border-bottom: none;
1282}
1283table.explainpermissions th.header,
1284table.explainpermissions th.cell,
1285table.explainpermissions td.cell {
1286 border-left: 1px solid black;
1287 border-right: 1px solid black;
dc191af6 1288 vertical-align: middle;
98bcd9d1 1289}
1290table.explainpermissions .newcontext .cell,
8a8272b0 1291table.explainpermissions .row2 th.header {
4cd85cb1 1292 border-top: 1px solid black;
98bcd9d1 1293}
1294table.explainpermissions .cell.inherit,
1295table.explainpermissions .cell.noroles {
7da3ff2e 1296 color: gray;
98bcd9d1 1297}
8a8272b0 1298table.explainpermissions th.assignment {
98bcd9d1 1299 text-align: left;
1300 padding-left: 0.5em;
1301}
98bcd9d1 1302table.explainpermissions .cell.prohibit {
1303 font-weight: bold;
1304}
1305table.explainpermissions .cell {
1306 padding: 0.2em 0.5em;
1307 text-align: center;
1308}
4f61eea0 1309#admin-lang .generalbox {
1310 text-align:center;
1311 margin:auto;
1312 border-width: 1px;
1313 border-style: solid;
1314}
1315
1316#admin-langimport .generalbox {
1317 text-align:center;
1318 margin:auto;
1319 border-width: 1px;
1320 border-style: solid;
1321}
1322
1323#admin-langimport .generalbox table {
1324 text-align:center;
1325 margin:auto;
1326}
1327
bba0beae 1328#admin-index .adminerror,
4ed13ed8 1329#admin-index .adminwarning {
4f61eea0 1330 text-align:center;
4f61eea0 1331 border-width: 1px;
1332 border-style: solid;
1333 margin:20px;
1334}
1335
bba0beae 1336#admin-index .adminerror .singlebutton,
b105a94b 1337#admin-index .adminwarning .singlebutton,
1338#admin-index #layout-table .singlebutton {
4f61eea0 1339 text-align:center;
1340 margin:20px;
1341}
1342
e5eb2d34 1343#admin-user-user_bulk #users .fgroup {
1344 white-space: nowrap;
1345}
1e92bb91 1346
1347.plugincompattable caption {
1348 text-align: center;
1349 width: 100%;
1350 font-weight: bold;
1351 font-size: 130%;
1352}
1353
95f9fa4d 1354.plugincheckwrapper td{
1355 border: 1px #bbbbbb solid;
1356}
1357
1358.plugincheckwrapper{
4cd85cb1 1359 width: 100%;
95f9fa4d 1360}
220a90c5 1361/* Admin settings */
1362#adminsettings div.form-item {
1363 clear: both;
1364 margin: 1em 0 2em 0;
6153cf58 1365}
26620ae2 1366
220a90c5 1367#adminsettings .form-label {
1368 display: block;
6fadb97b 1369 float: left;
220a90c5 1370 width: 12.5em;
1371 text-align: right;
91362d00 1372}
26620ae2 1373
220a90c5 1374#adminsettings .form-shortname {
1375 display: block;
6153cf58 1376}
26620ae2 1377
220a90c5 1378#adminsettings .form-setting {
6fadb97b 1379 display: block;
220a90c5 1380 margin-left: 13em;
1381 text-align: left;
6153cf58 1382}
26620ae2 1383
587c7040 1384#adminsettings .form-defaultinfo {
1385 display: inline;
6153cf58 1386}
26620ae2 1387
587c7040 1388#adminsettings .defaultsnext {
1389 margin-right: 0.5em;
1390 display: inline;
6153cf58 1391}
26620ae2 1392
587c7040 1393#adminsettings .form-description {
1394 display: block;
1395 margin: 0.5em 0 0em 13em;
1396 text-align: left;
1bd30620 1397}
26620ae2 1398
633239f6 1399#adminsettings div.form-password div.unmask {
1400 display: inline;
1401}
1402
220a90c5 1403#adminsettings fieldset {
1404 margin-top: 1em;
1405 padding: 1em 0.5em;
6153cf58 1406}
26620ae2 1407
220a90c5 1408#adminsettings legend {
1409 display: none;
1410}
eba8cd63 1411
220a90c5 1412#adminsettings fieldset.error {
1413 margin: 0.2em 0 0.5em 0;
1414 padding: 0.5em 0 0 0;
7c47564d 1415}
26620ae2 1416
220a90c5 1417#adminsettings fieldset.error legend {
1418 display: block;
1419}
26620ae2 1420
220a90c5 1421#adminsettings .form-multicheckbox li {
1422 list-style: none;
1bd30620 1423}
26620ae2 1424
220a90c5 1425#adminsettings .form-multicheckbox ul {
1426 padding:0;
1427 margin:0;
eba8cd63 1428}
1429
220a90c5 1430#adminsettings .form-item .pathok,
1431#adminsettings .form-item .patherror {
1432 margin-left: 0.5em;
1433}
1434
9c7a3c5e 1435#adminsettings .form-htmlarea {
1436 width: 640px;
80452dc3 1437 display:inline;
1438}
1439
1440#adminsettings .form-htmlarea .htmlarea {
1441 width: 640px;
1442 display:block;
9c7a3c5e 1443}
220a90c5 1444
1445.environmentbox {
1446 margin-top: 1em;
1447}
b5f22751 1448.environmenttable .cell {
1449 padding: 0.15em 0.5em;
1450}
220a90c5 1451
1452.form-buttons {
1453 margin: 10px 0 0 13em;
841d5d4b 1454}
1455
6fadb97b 1456.adminsearchform {
1457 padding-top:10px;
1458}
1459
a1c91f9a 1460.block_admin_tree .admintree {
1461 text-align:left;
1462}
6153cf58 1463
220a90c5 1464.block_admin_tree .admintree .depth1 {
1465 padding-left: 16px;
1466}
1467
1468.block_admin_tree .admintree .depth2 {
1469 padding-left: 32px;
1470}
1471
1472.block_admin_tree .admintree .depth3 {
1473 padding-left: 48px;
1474}
1475
1476.block_admin_tree .admintree .depth4 {
1477 padding-left: 64px;
1478}
1479
d4ec5b1e 1480#admin-lang .translator {
1481 border-width: 1px;
1482 border-style: solid;
1483}
1484
4af8d5d3 1485#adminsettings #admin-calendar_weekend table {
1486 width: 100%;
1487}
1488
1489#adminsettings #admin-calendar_weekend table td {
1490 text-align: center;
1491}
1492
1493#adminsettings #admin-calendar_weekend table td label {
1494 width: 100%;
1495 text-align: center;
1496 float: none;
1497}
1498
933e257a 1499#trustedhosts .generaltable {
1500 margin-left: auto;
1501 margin-right: auto;
1502 width: 500px;
1503}
1504
1505#trustedhosts .standard {
1506 width: auto;
1507}
1508
1509#mnetconfig table {
1510 margin-left: auto;
1511 margin-right: auto;
1512}
d4ec5b1e 1513
61460dd6 1514#admin-report-courseoverview-index .graph,
1515#course-report-stats-index .graph,
1516#admin-report-stats-index .graph {
1517 text-align: center;
1518 margin-bottom: 1em;
fc1f6579 1519}
1520
e4e38544 1521#admin-uploaduser table#uuresults {
1522 margin-bottom: 2em;
1523}
1524
1525#admin-uploaduser table#uupreview,
1526#admin-uploaduser table#uuresults td.cell {
1527 padding-left: 3px;
1528 padding-right: 3px;
1529}
1530
88e46311 1531/***
1532 *** Blocks
1533 ***/
6b717125 1534
12b9aee7 1535/*Accessibility: Skip block link, for keyboard-only users. */
5c355019 1536a.skip-block, a.skip {
12b9aee7 1537 position: absolute;
1538 top: -1000em;
1539 font-size: 0.85em;
5496f50c 1540}
5c355019 1541a.skip-block:focus, a.skip-block:active,
1542a.skip:focus, a.skip:active {
12b9aee7 1543 position: static;
1544 display: block;
72d7872a 1545}
5c355019 1546.skip-block-to, #maincontent {
e09586c5 1547 display: block;
1548 height: 1px;
82ab2dcf 1549 overflow: hidden;
72d7872a 1550}
1551
f09e4f0a 1552.sideblock {
4485fc91 1553 margin-bottom:1em;
c4d951e1 1554 width: 100%;
7005a81c 1555}
1556
72d7872a 1557.sideblock .header, .sideblock h2.header {
4485fc91 1558 text-align: left;
8c900bc3 1559 margin:0;
4485fc91 1560 padding:4px;
78279204 1561 padding-top:0;
c4d951e1 1562 border-width: 1px;
1563 border-style: solid;
1564 border-bottom: none;
4c7f1eb6 1565}
68ac3b35 1566.sideblock h2 {
8c900bc3 1567 margin:0;
1568 padding:0;
68ac3b35 1569}
4c7f1eb6 1570
c076f4be 1571.sideblock .header .hide-show-image {
4485fc91 1572 float:right;
4485fc91 1573 height:11px;
1574 width:11px;
1575 margin-top:0.25em;
4c7f1eb6 1576}
1577
f09e4f0a 1578.sideblock .header .commands {
4485fc91 1579 margin-top: 0.3em;
c4d951e1 1580 clear: both;
9d147a03 1581 height: 16px;
4c7f1eb6 1582}
1583
f09e4f0a 1584.sideblock .header .commands a {
4485fc91 1585 margin: 0px 2px;
3cc9a26c 1586}
1587
d4a03c00 1588.block-region .hidden .header {
e6890163 1589 border-bottom-width: 1px;
1590 border-bottom-style: solid;
1591}
d4a03c00 1592#region-side-pre,
1593#region-side-post {
1594 width: 12em;
1595}
1596#content {
1597 width: auto;
1598}
e6890163 1599
d4a03c00 1600.block-region .hidden .content {
4485fc91 1601 display: none;
ec00f824 1602}
1603
bc422e69 1604.block-region .invisible {
1605 opacity: 0.5;
1606 filter: alpha(opacity=0.5);
1607}
1608
f82c88ab 1609.sideblock .header .icon.hide,
1610.sideblock .header .icon.edit {
1611 margin-right: 6px;
b6b8055c 1612}
00a24d44 1613.blockannotation {
1614 font-size:0.75em;
1615 margin: -1em 0 1em;
1616}
1617
1618.blockmovetarget {
1619 display: block;
1620 height: 1em;
1621 margin-bottom: 1em;
1622 border-width: 2px;
1623 border-style: dashed;
1624}
1625.sideblock.beingmoved {
1626 border-width: 2px;
1627 border-style: dashed;
1628}
b6b8055c 1629
f82c88ab 1630.sideblock .content {
1631 padding: 4px;
1632 border-width: 1px;
1633 border-style: solid;
b6b8055c 1634}
1635
f82c88ab 1636.sideblock .content h3,
1637.sideblock .content h2 {
1638 text-align: left;
3cc9a26c 1639}
440d1648 1640
f82c88ab 1641.sideblock .content h2 {
1642 margin:1.5em 0 0;
1643 padding:0;
233bc4bb 1644}
2d02e8e6 1645
00c1f5d1 1646.sideblock .content .head {
1647 margin-top: 10px;
1648}
1649
f82c88ab 1650.sideblock .content hr {
1651 height:1px;
1652 margin-top:4px;
1653 margin-bottom:4px;
1654 border:none;
1655 border-top:1px solid;
aaf281d1 1656}
1657
f82c88ab 1658.sideblock div.column {
1659 margin:0px;
1660 margin-right:4px;
1661 padding:0px;
c4cda2a4 1662}
1663
1664.sideblock div.column.c0 {
1665 float: left;
1666}
1667
1668.sideblock div.column.c1 {
1669 display: inline;
f82c88ab 1670}
1671
1672.sideblock .content .c0 img.icon {
1673 margin:0px;
1674}
1675
f82c88ab 1676.sideblock .content .list, .unlist, .inline-list {
1677 list-style:none;
1678 padding:0;
1679 margin:0;
1680}
440d1648 1681
1682.sideblock .content .list {
1683 width: 100%;
c4cda2a4 1684}
1685
1686.sideblock .content .list li {
1687 clear: left;
440d1648 1688}
1689
8fc45264 1690.sideblock .content .inline-list li, .inline-list li {
1691 display: inline;
f82c88ab 1692}
1693
440d1648 1694.sideblock .content ul.list li.listentry {
1695 clear:both;
1696}
1697
1698.sideblock .content div.info {
1699 text-align:center;
1700}
1701
f82c88ab 1702.sideblock .footer {
1703 margin-bottom: 4px;
1704 text-align:center;
440d1648 1705 clear:both;
1706}
1707
1708.sideblock img.userpicture {
1709 width:16px;
1710 height:16px;
1711 margin-right:4px;
aaf281d1 1712}
1713
e0eda6cf 1714.blockconfigtable {
1715 margin-top: 0;
77a297d2 1716 margin-right: auto;
1717 margin-left: auto;
e0eda6cf 1718}
1719
e9275168 1720.blockconfigtable td.label {
feb79469 1721 text-align: right;
1722 width: 50%;
e9275168 1723}
1724
1725.blockconfigtable td.value {
feb79469 1726 text-align: left;
1727 width: 50%;
e9275168 1728}
1729
1730.blockconfigtable td.submit {
feb79469 1731 text-align: center;
e9275168 1732}
1733
42cdbd10 1734.blockconfiginstancecontent .tabs {
1735 margin-bottom: 0px;
e9275168 1736 margin-left: auto;
1737 margin-right: auto;
42cdbd10 1738}
f09e4f0a 1739
3e2f3854 1740.block_adminblock {
1741 width: 180px;
1742}
1743
80381122 1744.block_messages .content {
1745 text-align:left;
1746 font-size:0.75em;
1747 padding-top:5px;
1748}
1749
78d4a57d 1750.block_recent_activitysideblock .h3 {
1751 padding-top:5px;
1752}
1753
440d1648 1754.block_online_users .listentry div.user,
1755.block_messages .listentry div.user {
1756 float:left;
80381122 1757}
1758
440d1648 1759.block_online_users .listentry div.message,
1760.block_messages .listentry div.message {
1761 float:right;
80381122 1762}
7fdc360c 1763
78d4a57d 1764.block_course_list .footer {
1765 margin-top: 5px;
1766}
1767
5db0cffc 1768#rssfeeds {
e9275168 1769 margin-left: auto;
1770 margin-right: auto;
1771}
5db0cffc 1772
1773#block_rss {
1774 text-align: center;
1775}
1776
7ea2be69 1777.block_search_forums .invisiblefieldset {
1778 display: block;
1779}
1780
e3ff328b 1781.block_tag_youtube .youtube-thumb {
17a6161d 1782 padding: 3px;
1783 padding-bottom: 0.5em;
1784 display: block;
1785 float: left;
e3ff328b 1786}
17a6161d 1787.block_tag_youtube .yt-video-entry li {
1788 clear: left;
e3ff328b 1789}
1790
1791.block_tag_flickr .flickr-photos {
53a717cf 1792 padding:3px;
e3ff328b 1793}
1794
9da1ec27 1795/**
1796 * Navigation and settings block
1797 **/
1798.customcommand img {
1799 margin-left:2px;
1800 margin-right:2px;
1801}
7d2a0492 1802.sideblock .block_tree_box {
1803 margin:2px;
1804}
1805.sideblock .block_tree {
1806 width:180px;
1807 overflow-x:auto;
1808 overflow-y:visible;
1809}
1810.ie6 .sideblock .block_tree,
1811.ie7 .sideblock .block_tree {
1812 overflow-x:scroll;
1813}
1814.block_tree {
1815 list-style: none;
1816 padding-left:0px;
1817 margin:3px;
1818}
1819.block_tree ul {
1820 margin-left: 0px;
1821 padding-left:16px;
1822 list-style: none;
1823}
1824.block_tree .current_branch {
1825 background-color:#eee;
1826}
1827.block_tree .tree_item {
1828 white-space:nowrap;
1829 margin:2px 0px;
1830 padding-left: 16px;
1831 margin:3px 0px;
1832 white-space:nowrap;
1833}
1834.ie6 .block_tree .tree_item {
1835 width:100%;
1836}
1837.block_tree .tree_item.note {
1838 white-space:normal;
1839 font-size:90%;
1840}
1841.block_tree .tree_item.branch {
1842 background-image: url(../../pix/t/expanded.png);
1843 background-position: center left;
1844 background-repeat: no-repeat;
1845}
1846.block_tree .root_node.leaf {
1847 padding-left:0px;
1848}
1849.jsenabled .sideblock_js_sidebarpopout,
1850.jsenabled .block_tree .collapsed ul {
1851 display: none;
1852}
1853.jsenabled .block_tree .tree_item.branch {
1854 cursor:pointer;
1855}
1856.jsenabled .block_tree .collapsed .tree_item.branch {
1857 background-image: url(../../pix/t/collapsed.png);
1858}
1859.jsenabled .block_tree .tree_item.emptybranch {
1860 background-image: url(../../pix/t/collapsed_empty.png);
1861 background-position: center left;
1862 background-repeat: no-repeat;
1863}
1864.block_tree_box .requiresjs {
1865 display:none;
1866}
1867.jsenabled .block_tree_box .requiresjs {
1868 display:inline;
1869}
1870/* Navigation and settings block */
1871/* This CSS is for the side panel */
1872body.has_navigation_bar {
1873 margin-left:3em;
1874}
1875.navigation_bar {
1876 width:30px;
1877 position:fixed;
1878 top:0px;
1879 left:0px;
1880 height:100%;
1881 border-right:1px solid #bbb;
1882 border-bottom:1px solid #bbb;
1883 background-image:url(gradient_vertical.jpg);
1884 background-position:100% 0%;
1885 background-repeat:repeat-y;
1886}
1887.ie6 .navigation_bar {
1888 position:absolute;
1889}
1890.ie6 .navigation_bar hr {
1891 display:none;
1892 margin:0px;
1893 height:0px;
1894 padding:0px;
1895}
1896.ie6 .navigation_bar li p {
9da1ec27 1897 background-color:inherit;
7d2a0492 1898}
1899.navigation_bar .sideblock_tab {
1900
1901}
1902.navigation_bar .sideblock_tab .firsttab {
1903 margin-top:1em;
1904}
1905.navigation_bar .sideblock_tab .title {
1906 border-bottom:1px solid #eee;
1907 border-top:1px solid #ddd;
1908 cursor:pointer;
1909}
1910.navigation_bar .bd.oversized_content {
7d2a0492 1911 overflow-y:auto;
1912 overflow-x:visible;
1913 height:inherit;
1914}
1915.navigation_bar .block_tree .current_branch {
1916 background-color:#ddd;
1917}
1918.ie6 .navigation_bar .bd.oversized_content {
1919 width:100%;
1920}
1921.ie7 .navigation_bar .bd.oversized_content {
1922 width:400px;
1923}
1924.navigation_bar .bd.oversized_content .content {
1925 margin:6px 6px 6px 0px;
1926 padding-bottom:6px;
1927}
1928.ie6 .navigation_bar .bd.oversized_content .content,
1929.ie7 .navigation_bar .bd.oversized_content .content {
1930 padding-bottom:0px;
1931}
1932.navigation_bar .sideblock_tab .title.active_tab {
1933 background-color:#e9e9e9;
1934 border-bottom-color:#ccc;
1935 border-top-color:#ddd;
1936}
1937.navigation_bar .sideblock_tab .title h2 {
1938 font-size:0.8em;
1939 line-height:100%;
1940 text-transform:uppercase;
1941 text-align:center;
1942}
1943.navigation_bar .controls {
1944 position:absolute;
1945 bottom:1em;
1946 width:100%;
1947 text-align:center;
1948}
1949.navigation_bar .controls img {
1950 cursor:pointer;
1951}
1952
1953/* Navigation and settings block */
1954/* Sideblock expansion code */
1955.sideblock_js_expansion .block_tree {
1956 overflow-x:scroll;
1957}
1958.sideblock_js_expansion.mouseover .content {
1959 width:200%;
1960 z-index:1000;
1961 position:relative;
1962}
1963.sideblock_js_expansion.mouseover .content .block_tree {
1964 width:100%;
1965 background-color:#fcfcfc;
1966 padding-bottom:0px;
1967}
1968.ie6 .sideblock_js_expansion.mouseover .content,
1969.ie7 .sideblock_js_expansion.mouseover .content{
1970 padding-bottom:2px;
1971}
1972
3ac8c04d 1973.sideblock_js_expansion .footer .adminsearchform {
1974 text-align:left;
1975}
1976
7fdc360c 1977/***
1978 *** Blogs
1979 ***/
fbe31d22 1980.addbloglink {
d19bd4d0 1981 text-align: center;
fbe31d22 1982}
7fdc360c 1983
cae83708 1984.blog_entry .audience {
7fdc360c 1985 text-align: right;
1986}
1987
cae83708 1988.blog_entry .tags {
90fcfc0a 1989 margin-top: 15px;
1990}
1991
cae83708 1992#blog-external form input {
1993 width: 260px;
1994}
1995
1996#blog-external #id_submitbutton, #blog-external #id_cancel {
1997 width: auto;
1998}
1999
1c7b8b93
NC
2000.officialblogtags {
2001 display: inline;
2002 font-weight: bold;
2003}
2004
88e46311 2005/***
2006 *** Calendar
2007 ***/
f09e4f0a 2008
2009#calendar {
4485fc91 2010 width: 100%;
2011 border-spacing: 5px;
2012 border-collapse: separate;
25ecf09a 2013}
233bc4bb 2014
822c6125 2015#calendar h2,
2016#calendar h3
2017{
2018 text-align: center;
2019}
82208069 2020#calendar .sideblock h2 {
2021 text-align: left;
2022}
822c6125 2023
f09e4f0a 2024#calendar .maincalendar,
2025#calendar .sidecalendar
2026{
4485fc91 2027 vertical-align: top;
2028 border: 1px solid;
b4843fde 2029 padding: 0px;
f09e4f0a 2030}
546739f6 2031
03705a21 2032#calendar .maincalendar {
6b25a26e 2033 height: 100%;
03705a21 2034}
2035
2036#calendar .maincalendar .heightcontainer {
6b25a26e 2037 height: 100%;
2038 position: relative;
03705a21 2039}
2040
2041#calendar .maincalendar .bottom {
6b25a26e 2042 width: 100%;
6b25a26e 2043 text-align: center;
21a9b54d 2044 padding:5px 0 0;
03705a21 2045}
2046
f09e4f0a 2047#calendar .sidecalendar {
4485fc91 2048 width: 25%;
f09e4f0a 2049}
7005a81c 2050
f09e4f0a 2051#calendar .maincalendar table.calendarmonth {
4485fc91 2052 border-collapse: separate;
2053 margin: 0px auto;
2054 width: 98%;
ebc4968b 2055}
2056
f09e4f0a 2057#calendar .maincalendar table.calendarmonth th {
4485fc91 2058 padding:10px;
2059 border-bottom:2px solid;
ebc4968b 2060}
2061
f09e4f0a 2062#calendar .maincalendar table.calendarmonth td {
4485fc91 2063 height: 5em;
2064 padding-left: 4px;
2065 padding-top: 4px;
2066 line-height:1.2em;
ebc4968b 2067}
2068
f09e4f0a 2069#calendar .maincalendar table.calendarmonth td,
2070table.minicalendar td,
2071table.minicalendar th {
4485fc91 2072 width:14%;
2073 vertical-align:top;
f2c485e3 2074}
2d02e8e6 2075table.minicalendar td {
4485fc91 2076 text-align: center;
2d02e8e6 2077}
f09e4f0a 2078#calendar .maincalendar table.calendarmonth td table td {
4485fc91 2079 height: auto;
f09e4f0a 2080}
f2c485e3 2081
03beb65b 2082#calendar .maincalendar div.header
f09e4f0a 2083{
4485fc91 2084 padding: 5px;
f2c485e3 2085}
2086
f09e4f0a 2087#calendar .maincalendar .buttons {
4485fc91 2088 float: right;
f2c485e3 2089}
f09e4f0a 2090
2091#calendar .maincalendar .filters table,
3bc40d18 2092#calendar .sidecalendar .filters table,
2093.sideblock.block_calendar_month .filters table
f09e4f0a 2094{
4485fc91 2095 border-collapse:separate;
2096 border-spacing: 2px;
2097 padding: 2px;
2098 width: 100%;
f2c485e3 2099}
f09e4f0a 2100
2101#calendar .maincalendar .filters {
4485fc91 2102 padding: 0px 10px;
f2c485e3 2103}
f09e4f0a 2104
a76eba9a 2105#calendar .sidecalendar .filters {
4485fc91 2106 padding: 5px;
3ae2cde7 2107}
f09e4f0a 2108
2109#calendar .maincalendar .controls {
4485fc91 2110 clear:both;
2111 padding:10px;
5e497e4e 2112}
2113
f09e4f0a 2114#calendar .maincalendar table.calendarmonth ul.events-new,
2115#calendar .maincalendar table.calendarmonth ul.events-underway
2116{
4485fc91 2117 padding:0px;
2118 margin:0px;
2119 list-style-type:none;
5e497e4e 2120}
2121
f09e4f0a 2122#calendar .maincalendar table.calendarmonth ul li {
4485fc91 2123 margin-top: 4px;
62c0f37e 2124}
7005a81c 2125
3c47bfc7 2126.minicalendarblock {
2127 padding: 0px 4px;
2128}
2129
f09e4f0a 2130table.minicalendar {
4485fc91 2131 width: 100%;
3c47bfc7 2132 margin: 10px auto;
4485fc91 2133 padding:2px;
2134 border-width:1px;
2135 border-style:solid;
2136 border-collapse:separate;
2137 border-spacing:1px !important;
36996192 2138}
2139
f09e4f0a 2140table.minicalendar th {
4485fc91 2141 padding: 0px 2px;
36996192 2142}
2143
f09e4f0a 2144#calendar .maincalendar .eventlist {
4485fc91 2145 padding: 10px;
36996192 2146}
2147
f09e4f0a 2148#calendar .maincalendar .eventlist .topic {
4485fc91 2149 padding: 5px;
6b717125 2150 border-style:solid;
4485fc91 2151 border-width: 0px;
2152 border-bottom-color: #EEEEEE;
2153 border-bottom-width: 1px;
36996192 2154}
2155
f09e4f0a 2156#calendar .maincalendar .eventlist .event {
4485fc91 2157 width:100%;
2158 margin-bottom:10px;
2159 border-spacing:0px;
2160 border-collapse:separate;
2161 border-width:1px;
2162 border-style:solid;
f09e4f0a 2163}
3ae2cde7 2164
f09e4f0a 2165#calendar .maincalendar .eventlist .event .name {
4485fc91 2166 float:left;
3ae2cde7 2167}
2168
f09e4f0a 2169#calendar .maincalendar .eventlist .event .course {
4485fc91 2170 float:left;
2171 clear:left;
3ae2cde7 2172}
2173
f09e4f0a 2174#calendar .maincalendar .eventlist .event .date {
4485fc91 2175 float:right;
3ae2cde7 2176}
2177
f09e4f0a 2178#calendar .maincalendar .eventlist .event .description .commands {
4485fc91 2179 width:100%;
3ae2cde7 2180}
2181
f09e4f0a 2182#calendar .maincalendar .eventlist .event .description {
4485fc91 2183 padding:5px;
3ae2cde7 2184}
2185
f09e4f0a 2186#calendar .maincalendar .eventlist .event .picture {
4485fc91 2187 padding:8px;
3ae2cde7 2188}
2189
f09e4f0a 2190#calendar .maincalendar .eventlist .event .side {
4485fc91 2191 width:32px;
3ae2cde7 2192}
2193
f09e4f0a 2194#calendar #selecteventtype table {
4485fc91 2195 margin:auto;
1343c193 2196}
55efc398 2197
f09e4f0a 2198#calendar .event_global,
2199#calendar .event_course,
2200#calendar .event_group,
2201#calendar .event_user,
2202.minicalendar .event_global,
2203.minicalendar .event_course,
2204.minicalendar .event_group,
a76eba9a 2205.minicalendar .event_user {
4485fc91 2206 border:2px solid !important;
1343c193 2207}
55efc398 2208
f09e4f0a 2209#calendar .duration_global,
2210#calendar .duration_course,
2211#calendar .duration_group,
2212#calendar .duration_user,
2213.minicalendar .duration_global,
2214.minicalendar .duration_course,
2215.minicalendar .duration_group,
2216.minicalendar .duration_user
2217{
4485fc91 2218 border-top:2px solid !important;
2219 border-bottom:2px solid !important;
55efc398 2220}
2221
f09e4f0a 2222#calendar .today,
2223.minicalendar .today {
7b1f6431 2224 border:2px solid;
3ae2cde7 2225}
6b717125 2226
1a6ff43e 2227#calendar .nottoday,
2228.minicalendar .today {
2229 border:1px solid;
2230}
2231
f09e4f0a 2232.cal_popup_bg {
4485fc91 2233 padding:0px;
2234 margin:0px;
2235 border:1px solid;
3ae2cde7 2236}
2237
f09e4f0a 2238.cal_popup_close {
4485fc91 2239 margin-right:5px;
3ae2cde7 2240}
f09e4f0a 2241
2242.cal_popup_caption {
4485fc91 2243 border-width:0px 0px 1px 0px;
2244 border-style:solid;
2245 padding-bottom:2px;
3ae2cde7 2246}
f09e4f0a 2247
00e648c1 2248/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
00e648c1 2249.calendar-controls .previous,
f4a9c8b2 2250.calendar-controls .next,
2251.calendar-controls .current {
2252 display: block;
2253 float: left;
4485fc91 2254 width: 12%;
1343c193 2255}
00e648c1 2256.calendar-controls .previous {
4485fc91 2257 text-align: left;
2d02e8e6 2258}
00e648c1 2259.calendar-controls .current {
4485fc91 2260 text-align: center;
f4a9c8b2 2261 width: 76%;
2d02e8e6 2262}
00e648c1 2263.calendar-controls .next {
4485fc91 2264 text-align: right;
2d02e8e6 2265}
f09e4f0a 2266
2267#calendar .maincalendar .calendar-controls .previous,
2268#calendar .maincalendar .calendar-controls .next
2269{
4485fc91 2270 width: 30%;
1343c193 2271}
e642ed12 2272#calendar .maincalendar .calendar-controls .current {
7f173685 2273 width: 39.95%;
e642ed12 2274}
3ae2cde7 2275
e58e1a94 2276#calendar .indent {
6fadb97b 2277 padding-left: 20px;
e58e1a94 2278}
f2c485e3 2279
f19b65d3 2280#calendar td.sidecalendar {
2281border-width:0px;
2282}
2283
1a6ff43e 2284#calendar td.sidecalendar .minicalendartop {
2285 padding-top:10px;
2286}
2287
2288.sideblock .content h3.eventskey {
feb79469 2289 margin-top:0.5em;
2290 margin-bottom:0;
2291 margin-left:0.5em;
1a6ff43e 2292}
2293
88e46311 2294/***
2295 *** Course
2296 ***/
6b717125 2297
2d02e8e6 2298.activitydate, .activityhead {
4485fc91 2299 text-align:center;
2d02e8e6 2300}
992b5971 2301
66b10689 2302.course-view .section td {
4485fc91 2303 vertical-align:top;
992b5971 2304}
2305
66b10689 2306.course-view .section td.content {
4485fc91 2307 padding:5px;
2308 border-style:solid;
2309 border-width:1px;
2310 border-left:0px;
2311 border-right:0px;
992b5971 2312}
2313
66b10689 2314.course-view .section td.side {
4485fc91 2315 padding:5px;
2316 border-style:solid;
2317 border-width:1px;
f09e4f0a 2318}
7005a81c 2319
66b10689 2320.course-view .section td.left {
4485fc91 2321 border-right:0px;
2322 text-align:center;
2323 width: 1.5em;
992b5971 2324}
2325
66b10689 2326.course-view .section td.right {
4485fc91 2327 border-left:0px;
2328 text-align:center;
2329 width: 1.5em;
9d034c94 2330}
f09e4f0a 2331
66b10689 2332.course-view .current .side {
9d034c94 2333}
f09e4f0a 2334
66b10689 2335.course-view .section .spacer {
4485fc91 2336 height:0.5em;
9d034c94 2337}
f09e4f0a 2338
66b10689 2339.course-view .section .weekdates {
9d034c94 2340}
2341
66b10689 2342.course-view li.activity {
4e781c7b 2343 margin-right:20px; /* Space allowed for completion icons if enabled */
2344 position:relative;
2345}
66b10689 2346.dir-rtl.course-view li.activity {
aab68b79 2347 margin-right:0px;
2348 margin-left:20px;
2349}
66b10689 2350.course-view li.activity form.togglecompletion,
2351.course-view li.activity span.autocompletion {
4e781c7b 2352 display:inline;
2353 position:absolute;
2354 right:-20px;
f17a0360 2355 top:0;
2356 z-index:10;
2357 padding:0.2em 0;
4e781c7b 2358}
66b10689 2359.dir-rtl.course-view li.activity form.togglecompletion,
2360.dir-rtl.course-view li.activity span.autocompletion {
aab68b79 2361 right:auto;
2362 left:-20px;
2363}
66b10689 2364.course-view li.activity form.togglecompletion div {
4e781c7b 2365 display:inline;
2366}
66b10689 2367.course-view .completion-saved-display {
4e781c7b 2368 position:absolute;
2369 top:0; left:0;
2370 border:1px solid black;
2371 padding: 1px 2px;
2372 background:white;
75a32d81 2373 font-size:0.85em;
4e781c7b 2374}
e3568fde 2375.course-view .completionprogress {
4cd85cb1 2376 font-size:0.80em;
2377 float:right;
2378 padding:8px 26px 5px 5px; ;
e3568fde 2379}
2380.course-view .completionprogress img.iconhelp {
f17a0360 2381 vertical-align:top;
2382}
4e781c7b 2383
66b10689 2384.course-view ul.section,
2e2bcd95 2385#site-index ul.section {
e0629953 2386 margin: 0;
2387 padding: 0;
e0629953 2388 list-style: none;
2389}
1b3a4c8f 2390
4f24b3e3 2391.section_add_menus {
2392 text-align:right;
2393}
2394
2395.section_add_menus .horizontal div {
2396 display:inline;
2397}
2398
82208069 2399.weeks-format, .topics-format {
4cd85cb1 2400 margin-top: 8px;
1ce18c08 2401}
4f24b3e3 2402
66b10689 2403/*.course-view ul.section li.activity ul li,
6b717125 2404#site-index ul.section li.activity ul li {
2405 list-style: disc;
2e2bcd95 2406}*/
8c5b0637 2407
1b3a4c8f 2408/*Accessibility: No-tables course format. */
66b10689 2409.course-view ul.weeks , .course-view ul.topics{
e0629953 2410 margin: 0;
2411 padding: 0;
e0629953 2412 list-style: none;
2413}
1528deca 2414/* Window-width: 800 pixels.
2415 IE doesn't support, see inline IE conditional comment. */
82208069 2416.weeks-format, .topics-format {
1528deca 2417 min-width: 763px;
cbc18ef9 2418}
82208069 2419.topics-format .block_adminblock select,
2420.weeks-format .block_calendar_month .minicalendar,
2421.topics-format .block_calendar_month .minicalendar {
31d35603 2422 width: 100%;
2423 padding: 0;
2424}
82208069 2425.weeks-format .block_calendar_month .minicalendar th,
75a32d81 2426.topics-format .block_calendar_month .minicalendar th,
82208069 2427.weeks-format .block_calendar_month .minicalendar td,
0859ecff 2428.topics-format .block_calendar_month .minicalendar td {
31d35603 2429 padding: 0.1em 0 0.1em 1px;
cbc18ef9 2430}
82208069 2431.weeks li.section ,
2432.topics li.section {
1b3a4c8f 2433 margin-bottom: 0.5em;
1b3a4c8f 2434 border-style:solid;
2435 border-width:1px;
ddc66060 2436 clear: both;
1b3a4c8f 2437}
82208069 2438.weeks .content,
2439.topics .content {
ddc66060 2440 padding: 5px 5px 15px 5px;
1528deca 2441 margin: 0 1.7em 0 1.7em;
1b3a4c8f 2442}
82208069 2443.weeks .right,
2444.weeks .left,
2445.topics .right,
2446.topics .left {
1528deca 2447 width: 1.6em;
1ce18c08 2448 padding: 5px 0;
82208069 2449 text-align: center;
1ce18c08 2450}
82208069 2451
2452.weeks .left,
2453.topics .left {
2454 float: left;
1b3a4c8f 2455}
2456
82208069 2457.weeks .right,
2458.topics .right {
2459 float: right;
75a32d81 2460}
82208069 2461
f09e4f0a 2462.section .activity img.activityicon {
4485fc91 2463 vertical-align:middle;
2464 height:16px;
2465 width:16px;
f09e4f0a 2466}
7005a81c 2467
f09e4f0a 2468.section img.movetarget {
4485fc91 2469 height:16px;
2470 width:80px;
f09e4f0a 2471}
a8e1f343 2472
66b10689 2473body.course-view .unread {
4485fc91 2474 margin-left: 3em;
6b717125 2475}
f09e4f0a 2476
66b10689 2477body.course-view .sideblock.drag .header {
37e7b362 2478 cursor: move;
2479}
2480
f09e4f0a 2481body#course-enrol .generalbox {
4485fc91 2482 margin-top: 20px;
f09e4f0a 2483}
0bf66cb5 2484
f09e4f0a 2485body#course-enrol .coursebox {
4485fc91 2486 margin-top: 20px;
446390fb 2487}
2488
f09e4f0a 2489body#course-user .graph {
4485fc91 2490 text-align: center;
446390fb 2491}
2492
f09e4f0a 2493body#course-user .section,
2494body#course-user .content {
4485fc91 2495 margin-left: 30px;
2496 margin-right: 30px;
446390fb 2497}
2498
f09e4f0a 2499body#course-user .section {
4485fc91 2500 border-width:1px;
2501 border-style:solid;
2502 padding:10px;
2503 margin-bottom: 20px;
446390fb 2504}
2505
f09e4f0a 2506body#course-user .section h2 {
2e2bcd95 2507 margin-top: 0;
446390fb 2508}
2509
ff3caf30 2510
72d7872a 2511.headingblock, h2.headingblock {
4485fc91 2512 border-width:1px;
2513 border-style:solid;
6b717125 2514 padding:5px;
2e2bcd95 2515 margin:0;
446390fb 2516}
2517
abcaf2cf 2518#site-index .subscribelink,
66b10689 2519.course-view .subscribelink {
290130b3 2520 text-align:right;
2521}
2522
c399e50e 2523body#site-index .headingblock,
66b10689 2524body.course-view .headingblock {
c399e50e 2525 margin-bottom: 9px;
290130b3 2526}
2527
6463b3de 2528body#course-category .courseboxes,
c68e578b 2529body#course-index .courseboxes {
08570bdc 2530 padding:20px;
2531}
2532
1d00ec6a 2533body#admin-course-category .rolelink {
be636898 2534 text-align:right;
2535 padding:10px;
2536}
2537
1d00ec6a 2538body#admin-course-category .addcategory {
ba5c5f21 2539 text-align: center;
2540 padding: 10px;
2541}
2542
1d00ec6a 2543body#admin-course-index .buttons .singlebutton,
2544body#admin-course-category .buttons .singlebutton {
09deab06 2545 display: inline;
2546}
2547
1d00ec6a 2548body#admin-course-index .buttons,
2549body#admin-course-category .buttons {
09deab06 2550 text-align: center;
2551 margin-bottom: 15px;
2552}
2553
d4a03c00 2554body#admin-course-index .editcourse {
378ef1fe 2555 margin-left:auto;
2556 margin-right:auto;
2557 margin-top:20px;
2558 margin-bottom:20px;
2559}
2560
d4a03c00 2561body#admin-course-index .editcourse th,
2562body#admin-course-index .editcourse td {
378ef1fe 2563 padding-left:10px;
2564 padding-right:10px;
2565}
2566
d4a03c00 2567body#admin-course-index .editcourse .count {
378ef1fe 2568 text-align:right;
2569}
2570
1d00ec6a 2571body#admin-course-index .singlebutton,
2572body#admin-course-index .addcategory {
a15e1ef7 2573 text-align: center;
2574}
2575
38d5ab86 2576body#course-info .generalbox.icons {
2577 text-align: center;
2578}
2579
2580body#course-info .generalbox.info {
2581 margin-left:auto;
2582 margin-right:auto;
2583}
2584
1adb8947 2585.coursebox {
d7275959 2586 width: 100%;
0859ecff 2587 /* float:left; */
08570bdc 2588 margin-bottom: 15px;
2589 border-width:1px;
2590 border-style:solid;
1adb8947 2591}
290130b3 2592
b5e000ce 2593.coursebox .summary {
b5e000ce 2594 float: right;
2595 text-align:left;
2596 width: 48%;
2597 padding:5px;
2598}
2599
2600.coursebox .info {
b5e000ce 2601 float: left;
2602 text-align:left;
2603 width: 48%;
2604 padding:5px;
2605}
2606
30052948 2607#my-index .coursebox .info {
2608 float: none;
2609}
2610
2611#my-index .name {
2612 margin-left: 5px;
2613}
77eddcd5 2614#course-pending .pendingcourserequests {
2615 margin-bottom: 1em;
2616}
2617#course-pending .pendingcourserequests .singlebutton {
2618 display: inline;
2619}
2620#course-pending .pendingcourserequests .cell {
2621 padding: 0 5px;
2622}
2623#course-pending .pendingcourserequests .cell.c6 {
2624 white-space: nowrap;
2625}
2626#course-pending .singlebutton {
2627 text-align: center;
2628}
4a152925 2629.categorylist {
a682f0c2 2630 width: 90%;
2631 margin-left: auto;
2632 margin-right: auto;
9deaeaa1 2633}
2634
2635.categorylist .category.image {
a682f0c2 2636 width: 20px;
4a152925 2637}
2638
4883dcc5 2639.categorylist .category.number {
a682f0c2 2640 text-align: right;
2641}
2642
2643.categorylist .category.indentation {
2644 width: 1px;
4883dcc5 2645}
2646
08570bdc 2647.categoryboxcontent {
4485fc91 2648 border-width:1px;
2649 border-style:solid;
446390fb 2650}
2651
fcf9577a 2652.categorypicker {
2653 text-align:center;
2654 padding-bottom:10px;
2655}
2656
1e0fb105 2657#coursesearch,
2658#coursesearch2 {
8ed5dd63 2659 margin-top: 1em;
986f093f 2660 text-align:center;
2661}
2662
6b7425d2 2663.addcoursebutton {
2664 text-align:center;
2665}
2666
b5e000ce 2667.coursebox .cost {
eb7ef29b 2668 padding-top: 20px;
2669}
446390fb 2670
b5e000ce 2671.coursebox ul.teachers li {
ce607dd4 2672 list-style-type:none;
2673 padding:0;
2674 margin:0;
ce607dd4 2675}
2676
fcf9577a 2677#course-category #renameform {
2678 text-align:center;
2679}
2680
a907c540 2681#course-category #themeform {
2682 text-align: center;
2683}
2684
fcf9577a 2685#course-category .singlebutton {
2686 text-align:center;
2687}
2688
2689#course-category #coursesearch {
2690 text-align:center;
2691}
2692
446390fb 2693
5577ceb3 2694#course-report #content {
2695 padding-top:15px;
2696 padding-bottom:15px;
2697}
2698
2699#course-report p {
2700 text-align:center;
2701}
2702
2703#course-report .logselectform,
2704#course-report .participationselectform,
2705#course-report-log-index .logselectform,
2706#course-report-participation-index .participationselectform {
2707 margin-left:auto;
2708 margin-right:auto;
2709 text-align:center;
2710 margin-top:10px;
2711 margin-bottom:10px;
2712}
2713
2714#course-report .participationselectform label,
2715#course-report-participation-index .participationselectform label {
2716 margin-left:15px;
2717 margin-right:5px;
2718}
2719
e0f81e94 2720#course-report-log-index .info,
2721#course-report-log-indexlive .info {
5577ceb3 2722 margin-left:auto;
2723 margin-right:auto;
2724 text-align:center;
2725 margin:10px;
2726}
2727
df612c42 2728.course-report-outline td.numviews {
2729 text-align:right;
2730}
2731
2732.course-report-outline div.loginfo {
2733 text-align:center;
2734 margin: 1em;
2735}
2736
eb1f8f1d 2737#content .coursebox .summary .category {
2738 text-align:right;
2739}
5577ceb3 2740
88ca32b9 2741#course-editsection .singlebutton {
2742 text-align:center;
2743}
2744
85db96c5 2745.jumpmenu {text-align:center}
2746
0d061d8e 2747/***
2748 *** Group
2749 ***/
2750body#group-index #groupeditform {
274b44e6 2751 text-align: center;
0d061d8e 2752}
2753
a2d0b885 2754#add, #remove{
4cd85cb1 2755 text-align:center;
a2d0b885 2756}
5577ceb3 2757
88e46311 2758/***
2759 *** Doc
2760 ***/
446390fb 2761
f09e4f0a 2762body#doc-contents h1 {
4485fc91 2763 margin: 1em 0px 0px 0px;
446390fb 2764}
2765
f09e4f0a 2766body#doc-contents ul {
4485fc91 2767 list-style-type: none;
2e2bcd95 2768 margin: 0;
f7a4bc03 2769 padding: 0;
1adb8947 2770 width: 90%;
446390fb 2771}
2772
f09e4f0a 2773
4fb301fa 2774/***
2775 *** Grades
2776 ***/
2777
78ad5f3f 2778/* scales edit */
2779
2780.grade-edit-scale .buttons {
2781 margin: 20px;
2782 text-align:center;
2783}
2784
2785.grade-edit-scale .buttons .singlebutton {
2786 display: inline;
2787 padding: 5px;
2788}
2789
173a9d21 2790/* outcomes edit */
2791
2792.grade-edit-outcome .buttons {
2793 margin: 20px;
2794 text-align:center;
2795}
2796
2797.grade-edit-outcome .buttons .singlebutton {
2798 display: inline;
2799 padding: 5px;
2800}
2801
b64792f6 2802div.allcoursegrades {
4cd85cb1 2803 width: 100%;
2804 text-align: right;
2805 padding: 4px 0px 5px 0px;
fb739b77 2806}
0000badd 2807
2808.importoutcomenofile .singlebutton {
4cd85cb1 2809 text-align: center;
2810 margin-top: 5px;
0000badd 2811}
739196ba 2812/* gradebook edit tree */
2813
78ad5f3f 2814.grade-edit-tree .gradetreebox {
739196ba 2815 margin-left:auto;
2816 margin-right:auto;
2817 margin-top:10px;
2818 padding-bottom:15px;
0fc7f624 2819}
2820
78ad5f3f 2821.grade-edit-tree .buttons {
739196ba 2822 margin: 20px;
2823 text-align:center;
de5284f2 2824}
2825
b31a9f3d 2826.grade-edit-tree .idnumber {
feb79469 2827 margin-left: 15px;
b31a9f3d 2828}
2829
78ad5f3f 2830.grade-edit-tree .buttons .singlebutton {
de5284f2 2831 display: inline;
739196ba 2832 padding: 5px;
de5284f2 2833}
2834
78ad5f3f 2835.grade-edit-tree .movetarget {
739196ba 2836 position: relative;
2837 width: 80px;
2838 height: 16px;
0fc7f624 2839}
2840
78ad5f3f 2841.grade-edit-tree ul#grade_tree {
739196ba 2842 width: auto;
0fc7f624 2843}
2844
78ad5f3f 2845.grade-edit-tree ul#grade_tree li {
739196ba 2846 list-style: none;
0fc7f624 2847}
2848
78ad5f3f 2849.grade-edit-tree ul#grade_tree li.category {
739196ba 2850 margin-bottom: 6px;
0fc7f624 2851}
88e794d6 2852
78ad5f3f 2853.grade-edit-tree .iconsmall {
739196ba 2854 margin-left: 4px;
5fad5061 2855}
739196ba 2856
d490d87c 2857#grade-report-toggles {
2858 text-align: center;
2859}
2860
8a34e1d7 2861.gradeexportlink {
2862 padding: 2em;
2863 text-align: center;
2864 margin-left: auto;
2865 margin-right: auto;
2866}
2867
f9972ddb 2868#grade-aggregation-help dt {
4cd85cb1 2869 margin-top: 15px;
f9972ddb 2870}
2871
2872#grade-aggregation-help dd.example {
4cd85cb1 2873 margin-top: 7px;
f9972ddb 2874}
2875
2876#grade-aggregation-help code {
4cd85cb1 2877 display: block;
2878 margin-top: 7px;
f9972ddb 2879}
2880
b6bafda8 2881.gradetreebox table.simple {
2882 width: 70%;
2883}
2884
88e46311 2885/***
2886 *** Login
2887 ***/
f09e4f0a 2888
e3804ec7 2889.loginbox {
f0edf8c2 2890 margin-top:15px;
f1906da1 2891 margin-bottom:15px;
4b873929 2892 border:1px solid;
f1906da1 2893 width:50%;
2894 margin-left:25%;
2895 overflow:hidden;
2896}
2897
65d1374d 2898.loginbox form {
83244f4c 2899 margin:0px;
2900 padding:0px;
2901}
2902
65d1374d 2903.loginbox.twocolumns {
4b873929 2904 width:90%;
2905 margin-left:5%;
6e5cbcc5 2906 /* background: #faa; */
446390fb 2907}
2908
65d1374d 2909.loginbox h2,
2910.loginbox .subcontent {
4b873929 2911 margin:5px;
2912 padding:10px;
2913 text-align:center;
2914}
2915
65d1374d 2916.loginbox .loginpanel .subcontent {
f1906da1 2917 text-align:center;
2918}
2919
65d1374d 2920.loginbox .loginpanel .desc {
f1906da1 2921 margin:0px;
2922 padding:0px;
2923 margin-bottom:5px;
2924}
2925
65d1374d 2926.loginbox .signuppanel .subcontent {
f1906da1 2927 text-align:left;
4b873929 2928}
2929
65d1374d 2930.loginbox .loginsub {
9a34376e 2931 margin-left:0%;
2932 margin-right:0%;
4b873929 2933}
2934
65d1374d 2935.loginbox .guestsub,
2936.loginbox .forgotsub {
9a34376e 2937 border-top:1px solid;
9a34376e 2938 margin-left:12%;
2939 margin-right:12%;
f1906da1 2940 margin-bottom:5px;
4b873929 2941}
2942
65d1374d 2943.loginbox .loginform {
9a34376e 2944 margin-top:1em;
2945 text-align:left;
4b873929 2946}
2947
65d1374d 2948.loginbox .loginform .form-label {
4b873929 2949 float:left;
2950 text-align:right;
2951 width:40%;
80f7ef6f 2952}
2953
65d1374d 2954.loginbox .loginform .form-input {
4b873929 2955 float:right;
2956 width:59%;
2957}
2958
65d1374d 2959.loginbox .loginform .form-input input {
80f7ef6f 2960 width: 6em;
2961}
2962
65d1374d 2963.loginbox .signupform {
f1906da1 2964 margin-top:1em;
9a34376e 2965 text-align:center;
2966}
4b873929 2967
65d1374d 2968.loginbox.twocolumns .loginpanel {
4b873929 2969 float:left;
65d1374d 2970 width:49.5%;
b0ec5c66 2971 border-right: 1px solid;
65d1374d 2972 margin-bottom:-2000px;
2973 padding-bottom:2000px;
6e5cbcc5 2974 /* background: #afa; */
4b873929 2975}
2976
65d1374d 2977.loginbox.twocolumns .signuppanel {
4b873929 2978 float:right;
2979 width:50%;
65d1374d 2980 margin-bottom:-2000px;
2981 padding-bottom:2000px;
4b873929 2982}
2983
f09e4f0a 2984
88e46311 2985/***
2986 *** Message
2987 ***/
f09e4f0a 2988
5d251e99 2989
67725821 2990#message-user .userpicture,
2991#message-history .userpicture {
5d251e99 2992 width: 100px;
2993 height: 100px;
2994}
2995
531e58f1 2996.message-discussion-noframes #userinfo .userpicture {
6b25a26e 2997 float:left;
531e58f1 2998}
2999
3000.message-discussion-noframes #userinfo .name h1 {
3001 margin:0px;
3002}
3003
3004.message-discussion-noframes #userinfo .name {
adb61bc2 3005 text-align:center;
531e58f1 3006 margin-left:60px;
3007}
3008
3009.message-discussion-noframes #userinfo .commands {
3010 text-align:left;
3011 margin-left:60px;
3012}
3013
3014.message-discussion-noframes #userinfo .commands ul {
3015 margin:0px;
3016 padding:0px;
3017 list-style-type:none;
531e58f1 3018}
3019
3020.message-discussion-noframes #userinfo .commands ul li {
3021 display:inline;
3022 padding-right:16px;
3023}
3024
3025.message-discussion-noframes #send {
3026 padding-top:10px;
3027 clear:both;
3028}
3029
3030.message-discussion-noframes #send h1 {
6b25a26e 3031 margin:0px;
531e58f1 3032}
bcd85cff 3033
531e58f1 3034.message-discussion-noframes #messages {
3035 padding-top:10px;
3036}
3037
bcd85cff 3038.message-discussion-noframes #messages ul.messagelist {
3039 margin:0px;
3040 padding:0px;
3041}
3042
531e58f1 3043.message-discussion-noframes #send h1 {
3044 margin:0px;
3045}
3046
3047.message .noframesjslink {
3048 margin-top:20px;
3049}
3050
669be60c 3051.message .link {
4485fc91 3052 vertical-align:middle;
446390fb 3053}
3054
669be60c 3055table.message .searchresults td {
4485fc91 3056 padding:5px;
3057 border-width:1px;
3058 border-style:solid;
669be60c 3059 border-collapse:collapse;
3060 border-spacing:0px;
446390fb 3061}
669be60c 3062.message .summary .link {
4485fc91 3063 text-align:right;
2d02e8e6 3064}
669be60c 3065.message .heading {
4485fc91 3066 text-align:center;
2d02e8e6 3067}
446390fb 3068
669be60c 3069.message .note {
3070 text-align:center;
3071 padding:10px;
3072}
3073
be9d2980 3074#message-user .commands span {
3075 margin-left:10px;
3076 margin-right:10px;
3077}
3078
106558b3 3079body#message-messages {
3080 padding:10px;
3081}
3082
3aa3cf3d 3083body#message-send .notifysuccess {
3084 padding:1px;
3085}
3086
2f99f1da 3087body#message-send td.fixeditor {
3088 text-align:center;
3089}
3090
f3d095f8 3091body#message-edit fieldset {
3092 padding: 20px;
3093}
3094
df6853e8 3095body#message-edit th {
1dd62c01 3096 padding-top: 10px;
3097 padding-left: 20px;
df6853e8 3098}
3099
a1b53dcf 3100body.message .messagejsautorefresh {
3101 display:none;
3102}
3103body.message .messagejsmanualrefresh {
3104 display:block;
3105}
3106body.jsenabled .messagejsautorefresh {
3107 display:block;
3108}
3109body.jsenabled .messagejsmanualrefresh {
3110 display:none;
3111}
3112
3113
eca3af25 3114/***
3115 *** Notes
3116 ***/
3117.notepost {
feb79469 3118 margin-bottom: 1em;
3119 background-color: #EEE;
eca3af25 3120}
3121.sitenotepost {
eca3af25 3122}
3123.coursenotepost {
3124}
3125.draftnotepost {
eca3af25 3126}
3127
3128.ownnotepost .info {
eca3af25 3129}
3130
27626e71 3131.notepost .header {
feb79469 3132 background: #DDD;
3133 padding: 5px;
eca3af25 3134}
3135
3136.notepost .user {
feb79469 3137 font-weight: bolder;
eca3af25 3138}
3139
3140.notepost .userpicture {
feb79469 3141 float: left;
3142 margin-right: 5px;
eca3af25 3143}
c55dee3f 3144
3145.notepost .info {
feb79469 3146 font-size: smaller;
eca3af25 3147}
3148
3149.notepost .content {
83e70cc2 3150 clear: both;
eca3af25 3151}
3152
3153.notepost .footer {
83e70cc2 3154 clear: both;
3155}
3156
3157body.notes .generalbox {
3158 margin-left:auto;
3159 margin-right:auto;
3160 width:90%;
3161}
3162
3163body.notes .notesgroup {
3164 margin-left:20px;
eca3af25 3165}
854c0e06 3166
3167/***
3168 *** MyMoodle
3169 ***/
3170
b5e000ce 3171.my .coursebox .overview .info {
854c0e06 3172 margin-left:20px;
3173}
3174
b5e000ce 3175.my .coursebox .overview {
854c0e06 3176 margin-bottom:10px;
3177}
3178
3179
48447225 3180/***
3181 *** Question
3182 ***/
5eb266d8 3183.questionbank h2 {
274b44e6 3184 margin-top: 0;
5eb266d8 3185}
48447225 3186
9fc523e0 3187.questioncategories h3 {
6e4ca69a 3188 margin-top: 0;
3189}
3190
cd120b23 3191#chooseqtypebox {
3192 margin-top: 1em;
3193}
3194#chooseqtype h3 {
3195 margin: 0 0 0.3em;
3196}
3197#chooseqtype .instruction {
3198 display: none;</