MDL-10604:
[moodle-linuxchix.git] / theme / standard / styles_layout.css
blob1aa4b5ece9d34d5c04fa46046012cf9854323d05
1 /* @override http://moodle18.userver.lan/theme/standard/styles_layout.css */
2 /*******************************************************************
3 styles_layout.css
5 This CSS file contains all layout definitions like positioning,
6 floats, margins, padding, borders etc.
8 Styles are organised into the following sections:
9 core
10 forms
11 header
12 footer
14 admin
15 blocks
16 blog
17 calendar
18 course
19 doc
20 grades
21 login
22 message
23 notes
24 mymoodle
25 question
26 tabs
27 user
29 various modules
31 *******************************************************************/
34 /***
35 *** Core
36 ***/
38 h1.main,
39 h2.main,
40 h3.main,
41 h4.main,
42 h5.main,
43 h6.main {
44 text-align: center;
47 #layout-table {
48 width:100%;
49 border-collapse:separate;
50 margin-top: 8px;
53 #layout-table #left-column,
54 #layout-table #middle-column,
55 #layout-table #right-column
57 vertical-align:top;
60 #layout-table #middle-column {
61 padding-left:12px;
62 padding-right:12px;
65 .clearer {
66 clear:both;
67 margin:0;
68 padding:0;
69 height:1px;
70 border:none;
71 background:transparent;
72 display:block;
75 .clearfix {
76 min-width: 0;
77 /* overflow: hidden; */
80 .clearfix:after {
81 /* content: "<!-- -->"; */
82 content: ".";
83 display: block;
84 height: 0;
85 clear: both;
86 visibility: hidden;
89 /* .clearfix {display: inline-table;} */
91 /* Hides from IE-mac \*/
92 * html .clearfix {height: 1%;}
93 .clearfix {display: block;}
94 /* End hide from IE-mac */
96 .mdl-align {
97 text-align: center;
100 .continuebutton {
101 text-align: center;
104 form {
105 margin-bottom:0;
108 table {
109 border-spacing: 0;
110 border-collapse: collapse;
113 a img {
114 border:none;
117 img.userpicture,
118 img.grouppicture {
119 border: 0;
122 #grouppicture {
123 text-align: center;
126 div.groupselector {
127 float: left;
128 margin-top: 3px;
129 margin-bottom: 3px;
132 #addmembersform table {
133 margin-left: auto;
134 margin-right: auto;
137 .notifyproblem {
138 text-align: center;
139 padding: 10px;
142 .notifysuccess {
143 text-align:center;
144 padding: 10px;
147 .notifytiny {
148 text-align:left;
149 padding: 0;
152 .singlebutton form,
153 .singlebutton div {
154 display:inline;
157 .generalbox {
158 border-width:1px;
159 border-style:solid;
160 margin-bottom: 15px;
161 padding:10px;
164 .generalbox#intro {
165 width:70%;
166 margin-left:auto;
167 margin-right:auto;
168 padding-bottom:15px;
171 .boxaligncenter {
172 margin-left:auto;
173 margin-right:auto;
176 .boxalignright {
177 margin-left:auto;
178 margin-right:0;
181 .boxalignleft {
182 margin-left:0;
183 margin-right:auto;
186 .boxwidthnarrow {
187 width: 30%
190 .boxwidthnormal {
191 width: 50%
194 .boxwidthwide {
195 width: 80%
198 .centerpara {
199 text-align:center
202 .noticebox {
203 border-width:1px;
204 border-style:solid;
205 padding:10px;
208 #notice.generalbox {
209 width: 60%;
210 margin-left:auto;
211 margin-right:auto;
214 #notice .buttons {
215 text-align:center
218 #notice .buttons div,
219 #notice .buttons form {
220 display:inline;
223 #notice .singlebutton {
224 text-align:center;
225 padding: 5px;
226 margin: 0px;
229 .errorbox {
230 border-width:1px;
231 border-style:solid;
232 margin: 1em 15%;
233 width: 70%;
234 padding:10px;
237 .errorbox .title {
238 padding: 5px;
241 .informationbox {
242 border-width:1px;
243 border-style:solid;
244 padding: 10px;
247 .feedbackbox {
248 border-width:1px;
249 border-style:solid;
252 .feedbackby {
255 .feedback {
258 .generaltable {
259 border-width: 1px;
260 border-style: solid;
263 .generaltable .cell {
264 border-width: 1px;
265 border-style: solid;
266 border-collapse: collapse;
269 #participationreport .reporttable {
270 text-align: center;
271 margin-left:auto;
272 margin-right:auto;
275 #participationreport {
276 text-align: center;
279 #participationreport .modulename {
280 font-weight: bold;
283 #participationreportselector {
284 text-align: center;
287 #participationreportactions {
288 text-align: center;
291 .initialbar {
292 text-align: center;
295 #help .indent {
296 margin-left:3em;
299 .closewindow,
300 #help .helpindex {
301 text-align: center;
304 .tabledivider {
305 border-width:1px;
306 border-style:solid;
307 border-left:0;
308 border-right:0;
309 border-top:0;
312 .sitetopic {
313 margin-bottom:20px;
316 .sitetopiccontent {
317 border-width:1px;
318 border-style:solid;
321 .pagingbar {
322 text-align:center;
325 .pagingbar a {
326 padding-left: 10px;
329 .pagingbar .thispage {
330 padding-left: 10px;
333 table.formtable {
334 margin: auto;
337 table.formtable tbody th {
338 vertical-align: top;
341 table.formtable tbody td,
342 table.formtable tbody th
344 padding: 5px;
347 table.formtable tbody .htmlarea td,
348 table.formtable tbody .htmlarea th
350 padding: 0;
353 .flexible th
355 white-space: nowrap;
358 .paging {
359 text-align: center;
360 margin: 10px 0 10px 0;
363 .unread {
364 padding-right:2px;
367 .cell {
368 vertical-align: top;
371 .helplink img {
372 vertical-align: middle;
373 margin: 0 2px;
374 width: 17px;
375 height: 17px;
378 img.emoticon {
379 vertical-align: middle;
380 width: 15px;
381 height: 15px;
384 form.popupform,
385 form.popupform div {
386 display: inline;
389 form.popupform label {
390 margin-right: 0.5em;
393 .arrow_button {
394 margin-top:3em;
397 .arrow_button input {
398 width:2.4em;
399 padding:0.3em;
400 overflow:hidden;
403 .groupmanagementtable td {
404 vertical-align: top;
407 .groupmanagementtable p {
408 text-align: center;
411 .groupmanagementtable select {
412 width: 18em;
415 img.icon {
416 vertical-align:middle;
417 margin-right:4px;
418 width:16px;
419 height:16px;
420 border:0px;
423 img.iconsmall {
424 vertical-align:middle;
425 margin-right:1px;
426 width:11px;
427 height:11px;
428 border:0px;
431 img.iconhelp {
432 vertical-align:middle;
433 margin-right:4px;
434 width:17px;
435 height:17px;
436 border:0px;
439 img.iconkbhelp {
440 width:49px;
441 height:17px;
442 border:0px;
445 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
446 .accesshide {
447 position:absolute;
448 top:-1000px;
449 left:10px;
450 font-weight:normal;
451 font-size:1em;
454 .invisiblefieldset {
455 display:inline;
456 border:0px;
457 padding:0px;
458 margin:0px;
461 span.hide,
462 div.hide {
463 display:none;
466 /***
467 *** Forms
468 ***/
470 .mform {
471 margin: 0 auto;
472 padding: 0;
473 width: 80%;
475 .mform fieldset {
476 border: 1px solid #DDDDDD;
477 padding: 10px 0;
478 margin: 0.7em 0;
479 width:100%;
481 .mform fieldset.hidden, .mform fieldset.felement {
482 border: 0;
484 .mform fieldset.felement {
485 width: auto;
487 .mform fieldset legend {
488 font-weight: bold;
489 margin-left: 0.5em;
491 .mform fieldset .advancedbutton{
492 width:100%;
493 text-align:right;
495 .mform div.fitem {
496 clear: both;
497 width: 100%;
498 min-height: 1.5em;
501 .mform .fitemtitle {
502 display: block;
503 float: left;
504 width: 30%;
505 padding: 0;
506 margin: 5px 0 0 10px;
507 text-align: right;
510 .mform .fitemtitle div{
511 display: inline;
514 div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label,
515 fieldset.fdate_selector label {
516 display:inline;
517 float: none;
518 width: auto;
521 .mform div.felement, .mform fieldset.felement{
522 display: block;
523 float: left;
524 margin: 5px 0 0 10px;
525 padding: 0;
526 text-align:left;
527 width: 60%;
530 .mform div.fdescription {
531 clear: both;
532 min-height: 1.5em;
535 .mform .fdescription.required {
536 text-align:right;
539 .mform input, .mform select {
540 width: auto;
542 .mform ftextarea {
544 .mform br {
545 clear: left;
547 .mform div.fhtmleditor {
548 margin: 0 auto 10px auto;
549 width : 600px;
550 clear:both;
551 float:none;
552 padding: 25px 0 20px 0;
554 .mform span.error, .mform span.required {
555 color: red;
557 .mform div.error,.mform fieldset.error {
558 border: 1px solid red;
559 padding: 5px;
560 color: inherit;
562 .mform .fcheckbox input {
563 margin-left: 0px;
565 .mform .fpassword .unmask {
566 display:inline;
568 .mform .fpassword .unmask input {
569 margin-left:5px;
570 margin-right:3px;
573 form#adminsettings div.htmlarea {
574 clear: left;
575 padding-top: 5px;
578 .mform label .req, .mform label .adv {
579 cursor: help;
582 /* form frozen */
583 div.mform div.fitem div.fstatic{
584 border-color : lightgrey;
585 border-style : dashed;
586 border-width : thin;
589 #admin-register .mform .fsubmit {
590 padding:20px;
591 text-align:center;
594 div.phpinfo .center{
595 text-align: center;
598 div.phpinfo .center table {
599 margin-left: auto;
600 margin-right: auto;
601 text-align: left;
604 div.phpinfo .center th {
605 text-align: center;
608 .backup-form-instances {
609 margin:0px 20px 0px 20px;
611 .restore-form-instances {
612 margin:0px 20px 0px 20px;
616 /***
617 *** Header
618 ***/
620 .headerskip {
621 position:absolute;
622 right:20em;
623 font-size:0.8em;
626 #header-home {
629 #header {
632 .headermain, h1.headermain {
633 float:left;
634 margin:0;
635 padding:0;
638 .headermenu {
639 float:right;
640 text-align:right;
643 .navigation li,
644 .navigation div,
645 .navigation button,
646 .navigation form {
647 display: inline;
650 .navbar {
651 width:auto;
652 padding:3px 0.5em;
653 border-width:1px;
654 border-style:solid;
657 .navbar .langmenu {
658 text-align:right;
661 table.navbar {
662 width: 100%;
665 .navbar .navbutton {
666 margin-top: 3px;
667 float: left;
670 .navbar .navbutton div,
671 .navbar .navbutton form {
672 display:inline;
673 margin:0px;
674 padding:0px;
677 .navbar .breadcrumb {
678 float:left;
679 margin:0.2em 0;
682 .breadcrumb ul {
683 padding:0;
684 margin:0;
685 text-indent:0;
686 list-style:none;
688 .breadcrumb li {
689 display:inline;
692 .navbar .navbutton,
693 .navbar .menu {
694 float:right;
697 #footer .navbar {
698 margin-top: 4em;
701 .reportlink {
702 text-align:right;
705 .navigation {
706 margin-bottom: 4px;
709 .navigation ul {
710 margin:0px;
711 padding:0px;
712 list-style-type:none;
715 .navigation ul li form,
716 .navigation ul li {
717 display:inline;
718 margin:0px;
719 padding:0px;
720 margin-left:2px;
723 .navigation ul li form fieldset,
724 .navigation ul li form div select {
725 vertical-align: middle;
728 .navigation optgroup {
729 text-align:center;
730 padding-top:4px;
733 .navigation option {
734 text-align:left;
737 .navigation optgroup option {
738 padding:0px;
741 #navmenupopup option,
742 #navmenufooterpopup option {
743 padding: 2px 0 2px 20px;
744 background-repeat: no-repeat;
745 background-position: 1px 2px;
746 vertical-align: middle;
749 /***
750 *** Footer
751 ***/
753 #footer {
754 text-align:center;
755 margin-top: 40px;
758 .homelink {
759 margin: 1em 0;
762 .homelink a {
763 padding-left:1em;
764 padding-right:1em;
767 .performanceinfo {
768 margin: 2em;
771 .performanceinfo span {
772 display: block;
775 #footer .validators {
776 margin-top:40px;
777 padding-top:5px;
778 border-top: 1px dotted gray;
781 #footer .validators ul {
782 margin:0px;
783 padding:0px;
784 list-style-type:none;
787 #footer .validators ul li {
788 display:inline;
789 margin-right:10px;
790 margin-left:10px;
793 /***
794 *** Filters
795 ***/
796 span.mediaplugin {
797 display:block;
798 clear:both;
799 margin-top:5px;
800 margin-bottom:5px;
803 span.mediaplugin_mp3 {
804 display:inline;
805 clear:none;
806 margin:0px;
807 margin-left:0.5em;
811 /***
812 *** Admin
813 ***/
815 body#admin-index .c0 {
816 vertical-align: top;
819 body#admin-index .c1 {
820 vertical-align: middle;
823 body#admin-blocks table.generaltable th,
824 body#admin-filters table.generaltable th,
825 body#admin-modules table.generaltable th,
826 body#admin-auth table.generaltable th
828 white-space: nowrap;
831 body#admin-modules .generaltablecell
833 padding-top: 2px;
834 padding-bottom: 2px;
837 body#admin-blocks table.generaltable th,
838 body#admin-blocks table.generaltable td.cell,
839 body#admin-filters table.generaltable th,
840 body#admin-filters table.generaltable td.cell,
841 body#admin-modules table.generaltable th,
842 body#admin-modules table.generaltable td.cell,
843 body#admin-auth table.generaltable th,
844 body#admin-auth table.generaltable td.cell
846 padding: 4px;
847 text-align: center;
848 vertical-align: middle;
851 body#admin-blocks table.generaltable th.c0,
852 body#admin-blocks table.generaltable td.c0,
853 body#admin-filters table.generaltable th.c0,
854 body#admin-filters table.generaltable td.c0,
855 body#admin-modules table.generaltable th.c0,
856 body#admin-modules table.generaltable td.c0,
857 body#admin-auth table.generaltable th.c0,
858 body#admin-auth table.generaltable td.c0
860 text-align: left;
863 body#admin-modules table.generaltable td.c0
865 white-space: nowrap;
868 #admin-blocks
869 #admin-config .confighelp {
870 display: block;
871 padding-bottom: 20px;
874 #admin-roles-manage table.generalbox {
875 margin: auto;
878 #admin-stickyblocks .generalbox {
879 text-align:center;
882 #admin-index .copyrightnotice {
883 margin: auto;
884 text-align: center;
887 #admin-report-simpletest-index .exception pre {
888 padding: 8px;
891 #admin-report-simpletest-index .unittestsummary {
892 padding: 8px;
893 margin-top: 1em;
896 #admin-roles-allowassign .buttons,
897 #admin-roles-allowoverride .buttons,
898 #admin-roles-manage .buttons,
899 #admin-roles-override .buttons {
900 margin: 20px;
901 text-align:center;
904 #admin-roles-manage .buttons .singlebutton,
905 #admin-roles-override .buttons .singlebutton {
906 display: inline;
907 padding: 5px;
910 #admin-roles-manage .selector,
911 #admin-roles-override .selector {
912 text-align:center;
915 #admin-roles-manage table.roledesc,
916 #admin-roles-override table.roledesc {
917 margin-left:auto;
918 margin-right:auto;
921 #admin-roles-manage table.rolecap,
922 #admin-roles-override table.rolecap {
923 margin-left:auto;
924 margin-right:auto;
927 .rolecap .inherit,
928 .rolecap .allow,
929 .rolecap .prevent,
930 .rolecap .prohibit {
931 text-align:center;
934 #admin-roles-manage .rolecap .cap-desc .cap-name,
935 #admin-roles-override .rolecap .cap-desc .cap-name {
936 display: block;
939 #admin-roles-override .cell.c1,
940 #admin-roles-assign .cell.c1 {
941 padding-top: 0.75em;
944 #admin-lang .generalbox {
945 text-align:center;
946 margin:auto;
947 border-width: 1px;
948 border-style: solid;
951 #admin-langimport .generalbox {
952 text-align:center;
953 margin:auto;
954 border-width: 1px;
955 border-style: solid;
958 #admin-langimport .generalbox table {
959 text-align:center;
960 margin:auto;
963 #admin-index .adminwarning {
964 text-align:center;
965 border-width: 1px;
966 border-style: solid;
967 margin:20px;
970 #admin-index .adminwarning .singlebutton,
971 #admin-index #layout-table .singlebutton {
972 text-align:center;
973 margin:20px;
976 #adminsettings fieldset {
977 margin-top: 1em;
978 padding: 1em 0.5em;
981 #adminsettings legend {
982 display: none;
985 #adminsettings .form-group {
986 float: left;
989 #adminsettings .form-item {
990 margin: 0;
993 #adminsettings label {
994 display: block;
995 float: left;
996 width: 150px;
997 text-align: right;
1000 #adminsettings .form-shortname {
1001 display: block;
1004 #adminsettings select,
1005 #adminsettings input {
1006 float: left;
1007 margin: 0 0 0 10px;
1010 #adminsettings textarea {
1011 float: left;
1012 margin: 0 0 0 10px;
1013 width: 65%;
1016 #adminsettings .form-group select,
1017 #adminsettings .form-group input {
1018 display: inline;
1019 float: none;
1023 /* #adminsettings .admin-configtime .form-select {
1024 display: inline;
1025 float: none;
1028 #adminsettings div.admin-frontpage div.form-group select.form-select {
1029 display: inline;
1030 float: none;
1031 } */
1033 #adminsettings .description {
1034 clear: both;
1035 margin: 0 1em 0 160px;
1036 padding: 0.3em 0 1.5em 0;
1039 #adminsettings .form-item .unmask input {
1040 margin-left:5px;
1041 margin-right:3px;
1044 #adminsettings .form-item .unmask label {
1045 width: auto;
1046 text-align: left;
1049 .environmentbox {
1050 margin-top: 1em;
1053 .form-buttons {
1054 margin: 10px 0 0 160px;
1057 .form-text {
1058 width: 20em;
1060 .form-textarea { }
1061 .form-select { }
1062 .form-checkbox { }
1063 .form-radio { }
1064 .form-submit { }
1065 .form-reset { }
1067 .admin-frontpagedesc .htmlarea {
1068 margin: 0 auto 10px auto;
1069 width : 600px;
1072 .adminsearchform {
1073 padding-top:10px;
1076 .block_admin_tree .admintree {
1077 text-align:left;
1080 #admin-lang .translator {
1081 border-width: 1px;
1082 border-style: solid;
1085 #adminsettings #admin-calendar_weekend table {
1086 width: 100%;
1089 #adminsettings #admin-calendar_weekend table td {
1090 text-align: center;
1093 #adminsettings #admin-calendar_weekend table td label {
1094 width: 100%;
1095 text-align: center;
1096 float: none;
1099 #trustedhosts .generaltable {
1100 margin-left: auto;
1101 margin-right: auto;
1102 width: 500px;
1105 #trustedhosts .standard {
1106 width: auto;
1109 #mnetconfig table {
1110 margin-left: auto;
1111 margin-right: auto;
1114 #admin-report-stats-index .invisiblefieldset {
1115 display: block;
1118 #admin-report-courseoverview-index .invisiblefieldset {
1119 display: block;
1122 /***
1123 *** Blocks
1124 ***/
1126 /*Accessibility: Skip block link, for screen reader users. */
1127 a.skip-block, .skip-block {
1128 display:block;
1129 width:2em;
1130 height:1px;
1132 .sideblock .skip-block {
1133 height:4px;
1135 .skip-block-to {
1136 font-size:1px;
1139 .sideblock {
1140 margin-bottom:1em;
1141 width: 100%;
1144 .sideblock .header, .sideblock h2.header {
1145 text-align: left;
1146 margin:0;
1147 padding:4px;
1148 padding-top:0;
1149 border-width: 1px;
1150 border-style: solid;
1151 border-bottom: none;
1153 .sideblock h2 {
1154 margin:0;
1155 padding:0;
1158 .sideblock .header .hide-show {
1159 float:right;
1162 .sideblock .header .hide-show img.hide-show-image {
1163 height:11px;
1164 width:11px;
1165 margin-top:0.25em;
1168 .sideblock .header .commands {
1169 margin-top: 0.3em;
1170 clear: both;
1171 height: 16px;
1174 .sideblock .header .commands a {
1175 margin: 0px 2px;
1178 #left-column .hidden .header,
1179 #right-column .hidden .header
1181 border-bottom-width: 1px;
1182 border-bottom-style: solid;
1185 #left-column .hidden .content,
1186 #right-column .hidden .content
1188 display: none;
1191 .sideblock .header .icon.hide,
1192 .sideblock .header .icon.edit {
1193 margin-right: 6px;
1196 .sideblock .content {
1197 padding: 4px;
1198 border-width: 1px;
1199 border-style: solid;
1202 .sideblock .content h3,
1203 .sideblock .content h2 {
1204 text-align: left;
1207 .sideblock .content h2 {
1208 margin:1.5em 0 0;
1209 padding:0;
1212 .sideblock .content .head {
1213 margin-top: 10px;
1216 .sideblock .content hr {
1217 height:1px;
1218 margin-top:4px;
1219 margin-bottom:4px;
1220 border:none;
1221 border-top:1px solid;
1224 .sideblock div.column {
1225 margin:0px;
1226 margin-right:4px;
1227 padding:0px;
1230 .sideblock div.column.c0 {
1231 float: left;
1234 .sideblock div.column.c1 {
1235 display: inline;
1238 .sideblock .content .c0 img.icon {
1239 margin:0px;
1242 .sideblock .content .list, .unlist, .inline-list {
1243 list-style:none;
1244 padding:0;
1245 margin:0;
1248 .sideblock .content .list {
1249 width: 100%;
1252 .sideblock .content .list li {
1253 clear: left;
1256 .sideblock .content .inline-list li {
1257 display:inline;
1260 .sideblock .content ul.list li.listentry {
1261 clear:both;
1264 .sideblock .content div.info {
1265 text-align:center;
1268 .sideblock .footer {
1269 margin-bottom: 4px;
1270 text-align:center;
1271 clear:both;
1274 .sideblock img.userpicture {
1275 width:16px;
1276 height:16px;
1277 margin-right:4px;
1280 .blockconfigtable {
1281 margin-top: 0;
1282 margin-right: auto;
1283 margin-left: auto;
1286 .blockconfigtable td.label {
1287 text-align: right;
1288 width: 50%;
1291 .blockconfigtable td.value {
1292 text-align: left;
1293 width: 50%;
1296 .blockconfigtable td.submit {
1297 text-align: center;
1300 .blockconfiginstancecontent .tabs {
1301 margin-bottom: 0px;
1302 margin-left: auto;
1303 margin-right: auto;
1306 .block_messages .content {
1307 text-align:left;
1308 font-size:0.75em;
1309 padding-top:5px;
1312 .block_recent_activitysideblock .h3 {
1313 padding-top:5px;
1316 .block_online_users .listentry div.user,
1317 .block_messages .listentry div.user {
1318 float:left;
1321 .block_online_users .listentry div.message,
1322 .block_messages .listentry div.message {
1323 float:right;
1326 .block_course_list .footer {
1327 margin-top: 5px;
1330 #rssfeeds {
1331 margin-left: auto;
1332 margin-right: auto;
1335 #block_rss {
1336 text-align: center;
1339 .block_search_forums .invisiblefieldset {
1340 display: block;
1343 /***
1344 *** Blogs
1345 ***/
1346 .addbloglink {
1347 text-align: center;
1350 .blogpost .audience {
1351 text-align: right;
1354 .blogpost .tags {
1355 margin-top: 15px;
1359 /***
1360 *** Calendar
1361 ***/
1363 #calendar {
1364 width: 100%;
1365 border-spacing: 5px;
1366 border-collapse: separate;
1369 #calendar h2,
1370 #calendar h3
1372 text-align: center;
1375 #calendar .maincalendar,
1376 #calendar .sidecalendar
1378 vertical-align: top;
1379 border: 1px solid;
1380 padding: 0px;
1383 #calendar .maincalendar {
1384 height: 100%;
1387 #calendar .maincalendar .heightcontainer {
1388 height: 100%;
1389 position: relative;
1392 #calendar .maincalendar .bottom {
1393 width: 100%;
1394 text-align: center;
1395 padding:5px 0 0;
1398 #calendar .sidecalendar {
1399 width: 25%;
1402 #calendar .maincalendar table.calendarmonth {
1403 border-collapse: separate;
1404 margin: 0px auto;
1405 width: 98%;
1408 #calendar .maincalendar table.calendarmonth th {
1409 padding:10px;
1410 border-bottom:2px solid;
1413 #calendar .maincalendar table.calendarmonth td {
1414 height: 5em;
1415 padding-left: 4px;
1416 padding-top: 4px;
1417 line-height:1.2em;
1420 #calendar .maincalendar table.calendarmonth td,
1421 table.minicalendar td,
1422 table.minicalendar th {
1423 width:14%;
1424 vertical-align:top;
1426 table.minicalendar td {
1427 text-align: center;
1429 #calendar .maincalendar table.calendarmonth td table td {
1430 height: auto;
1433 #calendar div.header
1435 padding: 5px;
1438 #calendar .sideblock div.header
1440 border:none;
1443 #calendar .maincalendar .buttons {
1444 float: right;
1447 #calendar .maincalendar .filters table,
1448 #calendar .sidecalendar .filters table,
1449 .sideblock.block_calendar_month .filters table
1451 border-collapse:separate;
1452 border-spacing: 2px;
1453 padding: 2px;
1454 width: 100%;
1457 #calendar .maincalendar .filters {
1458 padding: 0px 10px;
1461 #calendar .sidecalendar .filters {
1462 padding: 5px;
1465 #calendar .maincalendar .controls {
1466 clear:both;
1467 padding:10px;
1470 #calendar .maincalendar table.calendarmonth ul.events-new,
1471 #calendar .maincalendar table.calendarmonth ul.events-underway
1473 padding:0px;
1474 margin:0px;
1475 list-style-type:none;
1478 #calendar .maincalendar table.calendarmonth ul li {
1479 margin-top: 4px;
1482 .minicalendarblock {
1483 padding: 0px 4px;
1486 table.minicalendar {
1487 width: 100%;
1488 margin: 10px auto;
1489 padding:2px;
1490 border-width:1px;
1491 border-style:solid;
1492 border-collapse:separate;
1493 border-spacing:1px !important;
1496 table.minicalendar th {
1497 padding: 0px 2px;
1500 #calendar .maincalendar .eventlist {
1501 padding: 10px;
1504 #calendar .maincalendar .eventlist .topic {
1505 padding: 5px;
1506 border-style:solid;
1507 border-width: 0px;
1508 border-bottom-color: #EEEEEE;
1509 border-bottom-width: 1px;
1512 #calendar .maincalendar .eventlist .event {
1513 width:100%;
1514 margin-bottom:10px;
1515 border-spacing:0px;
1516 border-collapse:separate;
1517 border-width:1px;
1518 border-style:solid;
1521 #calendar .maincalendar .eventlist .event .name {
1522 float:left;
1525 #calendar .maincalendar .eventlist .event .course {
1526 float:left;
1527 clear:left;
1530 #calendar .maincalendar .eventlist .event .date {
1531 float:right;
1534 #calendar .maincalendar .eventlist .event .description .commands {
1535 width:100%;
1538 #calendar .maincalendar .eventlist .event .description {
1539 padding:5px;
1542 #calendar .maincalendar .eventlist .event .picture {
1543 padding:8px;
1546 #calendar .maincalendar .eventlist .event .side {
1547 width:32px;
1550 #calendar #selecteventtype table {
1551 margin:auto;
1554 #calendar .event_global,
1555 #calendar .event_course,
1556 #calendar .event_course0,
1557 #calendar .event_course1,
1558 #calendar .event_course2,
1559 #calendar .event_group,
1560 #calendar .event_user,
1561 .minicalendar .event_global,
1562 .minicalendar .event_course,
1563 .minicalendar .event_course0,
1564 .minicalendar .event_course1,
1565 .minicalendar .event_course2,
1566 .minicalendar .event_group,
1567 .minicalendar .event_user {
1568 border:2px solid !important;
1571 #calendar .duration_global,
1572 #calendar .duration_course,
1573 #calendar .duration_course0,
1574 #calendar .duration_course1,
1575 #calendar .duration_course2,
1576 #calendar .duration_group,
1577 #calendar .duration_user,
1578 .minicalendar .duration_global,
1579 .minicalendar .duration_course,
1580 .minicalendar .duration_course0,
1581 .minicalendar .duration_course1,
1582 .minicalendar .duration_course2,
1583 .minicalendar .duration_group,
1584 .minicalendar .duration_user
1586 border-top:2px solid !important;
1587 border-bottom:2px solid !important;
1590 #calendar .today,
1591 .minicalendar .today {
1592 border:2px solid;
1595 #calendar .nottoday,
1596 .minicalendar .today {
1597 border:1px solid;
1600 .cal_popup_bg {
1601 padding:0px;
1602 margin:0px;
1603 border:1px solid;
1606 .cal_popup_close {
1607 margin-right:5px;
1610 .cal_popup_caption {
1611 border-width:0px 0px 1px 0px;
1612 border-style:solid;
1613 padding-bottom:2px;
1616 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1617 .calendar-controls .previous,
1618 .calendar-controls .next,
1619 .calendar-controls .current {
1620 display: block;
1621 float: left;
1622 width: 12%;
1624 .calendar-controls .previous {
1625 text-align: left;
1627 .calendar-controls .current {
1628 text-align: center;
1629 width: 76%;
1631 .calendar-controls .next {
1632 text-align: right;
1635 #calendar .maincalendar .calendar-controls .previous,
1636 #calendar .maincalendar .calendar-controls .next
1638 width: 30%;
1640 #calendar .maincalendar .calendar-controls .current {
1641 width: 39.95%;
1644 #calendar .indent {
1645 padding-left: 20px;
1648 #calendar td.sidecalendar {
1649 border-width:0px;
1652 #calendar td.sidecalendar .sideblock {
1653 border: 1px solid;
1654 margin-bottom:10px;
1657 #calendar td.sidecalendar .minicalendartop {
1658 padding-top:10px;
1661 .sideblock .content h3.eventskey {
1662 margin-top:0.5em;
1663 margin-bottom:0;
1664 margin-left:0.5em;
1667 /***
1668 *** Course
1669 ***/
1671 .activitydate, .activityhead {
1672 text-align:center;
1675 #course-view .section td {
1676 vertical-align:top;
1679 #course-view .section td.content {
1680 padding:5px;
1681 border-style:solid;
1682 border-width:1px;
1683 border-left:0px;
1684 border-right:0px;
1687 #course-view .section td.side {
1688 padding:5px;
1689 border-style:solid;
1690 border-width:1px;
1693 #course-view .section td.left {
1694 border-right:0px;
1695 text-align:center;
1696 width: 1.5em;
1699 #course-view .section td.right {
1700 border-left:0px;
1701 text-align:center;
1702 width: 1.5em;
1705 #course-view .current .side {
1708 #course-view .section .spacer {
1709 height:0.5em;
1712 #course-view .section .weekdates {
1715 #course-view ul.section,
1716 #site-index ul.section {
1717 margin: 0;
1718 padding: 0;
1719 list-style: none;
1722 .section_add_menus {
1723 text-align:right;
1726 .section_add_menus .horizontal div {
1727 display:inline;
1731 /*#course-view ul.section li.activity ul li,
1732 #site-index ul.section li.activity ul li {
1733 list-style: disc;
1736 /*Accessibility: No-tables course format. */
1737 #course-view ul.weekscss {
1738 margin: 0;
1739 padding: 0;
1740 list-style: none;
1742 /* Window-width: 800 pixels.
1743 IE doesn't support, see inline IE conditional comment. */
1744 .weekscss-format {
1745 min-width: 763px;
1747 .weekscss-format .block_adminblock select,
1748 .weekscss-format .block_calendar_month .minicalendar {
1749 width: 100%;
1750 padding: 0;
1752 .weekscss-format .block_calendar_month .minicalendar th,
1753 .weekscss-format .block_calendar_month .minicalendar td {
1754 padding: 0.1em 0 0.1em 1px;
1756 .weekscss-format #middle-column {
1757 margin: 0 12.5em 0 12.5em;
1759 .weekscss-format #left-column,
1760 .weekscss-format #right-column {
1761 width: 11.5em;
1763 .weekscss-format #left-column {
1764 float: left;
1766 .weekscss-format #right-column {
1767 float: right;
1769 .weekscss li.section {
1770 margin-bottom: 0.5em;
1771 border-style:solid;
1772 border-width:1px;
1774 .weekscss .content,
1775 .weekscss .side {
1776 padding: 5px;
1778 .weekscss .content {
1779 margin: 0 1.7em 0 1.7em;
1781 .weekscss .right {
1782 width: 1.6em;
1783 float: right;
1784 text-align:center;
1787 .section .activity img.activityicon {
1788 vertical-align:middle;
1789 height:16px;
1790 width:16px;
1793 .section img.movetarget {
1794 height:16px;
1795 width:80px;
1798 body#course-view .unread {
1799 margin-left: 3em;
1802 body#course-view .sideblock.drag .header {
1803 cursor: move;
1806 body#course-enrol .generalbox {
1807 margin-top: 20px;
1810 body#course-enrol .coursebox {
1811 margin-top: 20px;
1814 body#course-user .graph {
1815 text-align: center;
1818 body#course-user .section,
1819 body#course-user .content {
1820 margin-left: 30px;
1821 margin-right: 30px;
1824 body#course-user .section {
1825 border-width:1px;
1826 border-style:solid;
1827 padding:10px;
1828 margin-bottom: 20px;
1831 body#course-user .section h2 {
1832 margin-top: 0;
1836 .headingblock, h2.headingblock {
1837 border-width:1px;
1838 border-style:solid;
1839 padding:5px;
1840 margin:0;
1843 #site-index .subscribelink,
1844 #course-view .subscribelink {
1845 text-align:right;
1848 body#site-index .headingblock,
1849 body#course-view .headingblock {
1850 margin-bottom: 9px;
1853 body#course-category .courseboxes,
1854 body#course-index .courseboxes {
1855 padding:20px;
1858 body#course-category .rolelink {
1859 text-align:right;
1860 padding:10px;
1863 body#course-category .addcategory {
1864 text-align: center;
1865 padding: 10px;
1868 body#course-index #middle-column .editcourse {
1869 margin-left:auto;
1870 margin-right:auto;
1871 margin-top:20px;
1872 margin-bottom:20px;
1875 body#course-index #middle-column .editcourse th,
1876 body#course-index #middle-column .editcourse td {
1877 padding-left:10px;
1878 padding-right:10px;
1881 body#course-index #middle-column .editcourse .count {
1882 text-align:right;
1885 body#course-index .singlebutton,
1886 body#course-index .addcategory {
1887 text-align: center;
1890 body#course-info .generalbox.icons {
1891 text-align: center;
1894 body#course-info .generalbox.info {
1895 margin-left:auto;
1896 margin-right:auto;
1899 .coursebox {
1900 width: 100%;
1901 float:left;
1902 margin-bottom: 15px;
1903 border-width:1px;
1904 border-style:solid;
1907 .coursebox .summary {
1908 float: right;
1909 text-align:left;
1910 width: 48%;
1911 padding:5px;
1914 .coursebox .info {
1915 float: left;
1916 text-align:left;
1917 width: 48%;
1918 padding:5px;
1921 #my-index .coursebox .info {
1922 float: none;
1925 #my-index .name {
1926 margin-left: 5px;
1929 .categorylist {
1930 width:90%;
1931 margin-left:auto;
1932 margin-right:auto;
1935 .categorylist .category.image {
1936 width:20px;
1939 .categorylist .category.number {
1940 text-align:right;
1943 .categoryboxcontent {
1944 border-width:1px;
1945 border-style:solid;
1948 .categorypicker {
1949 text-align:center;
1950 padding-bottom:10px;
1953 #coursesearch,
1954 #coursesearch2 {
1955 text-align:center;
1958 .addcoursebutton {
1959 text-align:center;
1962 .coursebox .cost {
1963 padding-top: 20px;
1966 .coursebox ul.teachers li {
1967 list-style-type:none;
1968 padding:0;
1969 margin:0;
1972 #course-category #renameform {
1973 text-align:center;
1976 #course-category #themeform {
1977 text-align: center;
1980 #course-category .singlebutton {
1981 text-align:center;
1984 #course-category #coursesearch {
1985 text-align:center;
1989 #course-report #content {
1990 padding-top:15px;
1991 padding-bottom:15px;
1994 #course-report p {
1995 text-align:center;
1998 #course-report .logselectform,
1999 #course-report .participationselectform,
2000 #course-report-log-index .logselectform,
2001 #course-report-participation-index .participationselectform {
2002 margin-left:auto;
2003 margin-right:auto;
2004 text-align:center;
2005 margin-top:10px;
2006 margin-bottom:10px;
2009 #course-report .participationselectform label,
2010 #course-report-participation-index .participationselectform label {
2011 margin-left:15px;
2012 margin-right:5px;
2015 #course-report-log-index .info {
2016 margin-left:auto;
2017 margin-right:auto;
2018 text-align:center;
2019 margin:10px;
2022 #content .coursebox .summary .category {
2023 text-align:right;
2026 #course-editsection .singlebutton {
2027 text-align:center;
2030 /***
2031 *** Group
2032 ***/
2033 body#group-index #groupeditform {
2034 text-align: center;
2038 /***
2039 *** Doc
2040 ***/
2042 body#doc-contents h1 {
2043 margin: 1em 0px 0px 0px;
2046 body#doc-contents ul {
2047 list-style-type: none;
2048 margin: 0;
2049 padding: 0;
2050 width: 90%;
2054 /***
2055 *** Grades
2056 ***/
2059 .grade-report-grader table {
2060 border-width:1px;
2061 border-style:solid;
2062 margin-top: 20px;
2065 .grade-report-grader div.submit {
2066 margin-top: 20px;
2067 text-align: center;
2070 .grade-report-grader table td {
2071 border-width:1px;
2072 border-style:solid;
2075 .grade-report-grader tr.heading {
2076 border-width:0px 0px 0px 0px;
2077 border-style:solid;
2080 .grade-report-grader .heading td {
2081 border-width:0px 0px 0px 0px;
2082 border-style:solid;
2085 .grade-report-grader th.category {
2086 border-width:1px 1px 0px 1px;
2087 border-style:solid;
2090 .grade-report-grader th.user {
2091 border-width:0px 0px 1px 0px;
2092 border-style:solid;
2095 .grade-report-grader th.categoryitem,
2096 .grade-report-grader th.courseitem,
2097 .grade-report-grader td.topleft {
2098 border-width:0px 1px 0px 1px;
2099 border-style:solid;
2102 .grade-report-grader td.fillerfirst {
2103 border-width:0px 0px 0px 1px;
2104 border-style:solid;
2107 .grade-report-grader td.fillerlast {
2108 border-width:0px 1px 0px 0px;
2109 border-style:solid;
2112 .grade-report-grader th.item {
2113 border-width:1px 1px 1px 1px;
2114 border-style:solid;
2117 .grade-report-grader div.gradertoggle {
2118 display: inline;
2119 margin-left: 20px;
2122 .grade-report-grader table.gradestable {
2123 margin-left:auto;
2124 margin-right:auto;
2127 .grade-report-grader .gradestable th.user {
2128 text-align:left;
2131 .grade-report-grader .gradestable td {
2132 text-align:right;
2135 .grade-report-grader th.range {
2136 border-width:1px 1px 1px 1px;
2137 border-style:solid;
2140 .grade-report-grader .userpic {
2141 display: inline;
2142 margin-right: 10px;
2144 /* gradebook edit tree */
2146 #grade-edit-edit_tree .gradetreebox {
2147 width:70%;
2148 margin-left:auto;
2149 margin-right:auto;
2150 margin-top:10px;
2151 padding-bottom:15px;
2154 #grade-edit-tree .buttons {
2155 margin: 20px;
2156 text-align:center;
2159 #grade-edit-tree .buttons .singlebutton {
2160 display: inline;
2161 padding: 5px;
2165 #grade-edit-tree .movetarget {
2166 position: relative;
2167 width: 80px;
2168 height: 16px;
2171 #grade-edit-tree ul#grade_tree {
2172 width: auto;
2175 #grade-edit-tree ul#grade_tree li {
2176 list-style: none;
2179 #grade-edit-tree ul#grade_tree li.category {
2180 margin-bottom: 6px;
2183 #grade-edit-tree .moving {
2184 background-color: #E8EEF7;
2187 #grade-edit-tree .iconsmall {
2188 margin-left: 4px;
2191 #grade-report-toggles {
2192 text-align: center;
2195 /***
2196 *** Login
2197 ***/
2199 .loginbox {
2200 margin-top:15px;
2201 margin-bottom:15px;
2202 border:1px solid;
2203 width:50%;
2204 margin-left:25%;
2205 overflow:hidden;
2208 .loginbox form {
2209 margin:0px;
2210 padding:0px;
2213 .loginbox.twocolumns {
2214 width:90%;
2215 margin-left:5%;
2216 /* background: #faa; */
2219 .loginbox h2,
2220 .loginbox .subcontent {
2221 margin:5px;
2222 padding:10px;
2223 text-align:center;
2226 .loginbox .loginpanel .subcontent {
2227 text-align:center;
2230 .loginbox .loginpanel .desc {
2231 margin:0px;
2232 padding:0px;
2233 margin-bottom:5px;
2236 .loginbox .signuppanel .subcontent {
2237 text-align:left;
2240 .loginbox .loginsub {
2241 margin-left:0%;
2242 margin-right:0%;
2245 .loginbox .guestsub,
2246 .loginbox .forgotsub {
2247 border-top:1px solid;
2248 margin-left:12%;
2249 margin-right:12%;
2250 margin-bottom:5px;
2253 .loginbox .loginform {
2254 margin-top:1em;
2255 text-align:left;
2258 .loginbox .loginform .form-label {
2259 float:left;
2260 text-align:right;
2261 width:40%;
2264 .loginbox .loginform .form-input {
2265 float:right;
2266 width:59%;
2269 .loginbox .loginform .form-input input {
2270 width: 6em;
2273 .loginbox .signupform {
2274 margin-top:1em;
2275 text-align:center;
2278 .loginbox.twocolumns .loginpanel {
2279 float:left;
2280 width:49.5%;
2281 border-right: 1px solid;
2282 margin-bottom:-2000px;
2283 padding-bottom:2000px;
2284 /* background: #afa; */
2287 .loginbox.twocolumns .signuppanel {
2288 float:right;
2289 width:50%;
2290 margin-bottom:-2000px;
2291 padding-bottom:2000px;
2295 /***
2296 *** Message
2297 ***/
2300 #message-user .userpicture,
2301 #message-history .userpicture {
2302 width: 100px;
2303 height: 100px;
2306 .message-discussion-noframes #userinfo .userpicture {
2307 float:left;
2310 .message-discussion-noframes #userinfo .name h1 {
2311 margin:0px;
2314 .message-discussion-noframes #userinfo .name {
2315 text-align:center;
2316 margin-left:60px;
2319 .message-discussion-noframes #userinfo .commands {
2320 text-align:left;
2321 margin-left:60px;
2324 .message-discussion-noframes #userinfo .commands ul {
2325 margin:0px;
2326 padding:0px;
2327 list-style-type:none;
2330 .message-discussion-noframes #userinfo .commands ul li {
2331 display:inline;
2332 padding-right:16px;
2335 .message-discussion-noframes #send {
2336 padding-top:10px;
2337 clear:both;
2340 .message-discussion-noframes #send h1 {
2341 margin:0px;
2344 .message-discussion-noframes #messages {
2345 padding-top:10px;
2348 .message-discussion-noframes #messages ul.messagelist {
2349 margin:0px;
2350 padding:0px;
2353 .message-discussion-noframes #send h1 {
2354 margin:0px;
2357 .message .noframesjslink {
2358 margin-top:20px;
2361 .message .link {
2362 vertical-align:middle;
2365 table.message .searchresults td {
2366 padding:5px;
2367 border-width:1px;
2368 border-style:solid;
2369 border-collapse:collapse;
2370 border-spacing:0px;
2372 .message .summary .link {
2373 text-align:right;
2375 .message .heading {
2376 text-align:center;
2379 .message .note {
2380 text-align:center;
2381 padding:10px;
2384 #message-user .commands span {
2385 margin-left:10px;
2386 margin-right:10px;
2389 body#message-messages {
2390 padding:10px;
2393 /***
2394 *** Notes
2395 ***/
2396 .notepost {
2397 margin-bottom: 1em;
2398 background-color: #EEE;
2400 .sitenotepost {
2402 .coursenotepost {
2404 .draftnotepost {
2405 background-color: #F0FFF0;
2408 .ownnotepost .info {
2409 font-weight: bolder;
2412 .notepost .header {
2413 background: #DDD;
2414 padding: 5px;
2417 .notepost .user {
2418 font-weight: bolder;
2421 .notepost .userpicture {
2422 float: left;
2423 margin-right: 5px;
2426 .notepost .info {
2427 font-size: smaller;
2430 .notepost .content {
2431 clear: both;
2434 .notepost .footer {
2435 clear: both;
2438 /***
2439 *** MyMoodle
2440 ***/
2442 .my .coursebox .overview .info {
2443 margin-left:20px;
2446 .my .coursebox .overview {
2447 margin-bottom:10px;
2451 /***
2452 *** Question
2453 ***/
2454 .questionbank h2 {
2455 margin-top: 0;
2458 .que {
2459 text-align: left;
2460 margin: 0 auto 1.8em auto;
2461 border: 1px solid;
2462 clear: both;
2464 .que .info {
2465 float: left;
2466 margin: 0.5em 0 0.5em 1.2em;
2467 width: 8%;
2469 .que .content {
2470 float: left;
2471 margin: 0.5em 1.2em 0.5em 0;
2472 width: 85%;
2474 .que.description .info {
2475 display: none;
2477 .que.description .content {
2478 margin-left: 1.2em;
2479 float: none;
2480 width: auto;
2482 .que .qtext {
2483 margin-bottom: 1.5em;
2485 .que .ablock {
2486 margin: 0.7em 0 0.3em 0;
2488 .que .prompt {
2489 float: left;
2490 width: 15%;
2491 height: 2em;
2492 padding-top: 0.3em;
2494 .que .control {
2495 width: 5%;
2497 .que .answer {
2498 float: left;
2499 width: 83%;
2500 margin-bottom: 0.5em;
2502 .que .submit {
2503 position: relative;
2504 clear: both;
2505 float: left;
2507 /* MSIE Hack */
2508 * html .que .submit {
2509 float: none;
2511 .multianswer .submit {
2512 margin-top: 1em;
2514 .que .c0,
2515 .que .c1 {
2516 padding: 0.3em 0 0.3em 0.3em;
2517 vertical-align: top;
2519 .que .feedback {
2520 clear: both;
2521 padding: 0 0 0.3em 0.3em;
2522 margin-bottom: 0.5em;
2523 border: 1px solid;
2525 .multichoice td.feedback {
2526 width: auto;
2527 vertical-align: top;
2528 padding-top: 0.3em;
2529 border-style: none;
2531 .essay .feedback {
2532 border-style: none;
2534 .multichoice .text {
2535 width: auto;
2537 .calculated .answer,
2538 .numerical .answer,
2539 .shortanswer .answer {
2540 padding: 0.3em;
2541 width: auto;
2543 .truefalse .answer span {
2544 float: left;
2545 clear: left;
2546 padding: 0.3em;
2547 width: 100%;
2549 .que .grading,
2550 .que .comment,
2551 .que .commentlink,
2552 .que .generalfeedback,
2553 .que .history {
2554 margin-top: 0.5em;
2556 .que .grade {
2557 margin-top: 0.5em;
2560 .importerror {
2561 margin-top: 10px;
2562 border-bottom: 1px solid #555;
2565 /***
2566 *** Logs
2567 ***/
2569 .logtable {
2570 margin-left:auto;
2571 margin-right:auto;
2574 .logtable td,
2575 .logtable th {
2576 padding-left: 10px;
2577 padding-right: 10px;
2580 .logtable th {
2581 text-align:left;
2584 #course-user .info {
2585 margin-left:auto;
2586 margin-right:auto;
2587 text-align:center;
2588 margin:10px;
2591 /***
2592 *** Tabs
2593 ***/
2596 /*globalnav*/
2597 .tabtree {
2598 position:relative;
2601 .tabrow0 {
2602 text-align: center;
2603 width:100%;
2604 padding:0 0 1.75em 0;
2605 margin:0;
2606 list-style:none;
2607 line-height:1.8em;
2608 font-size: 84%;
2611 .tabrow0 li {
2612 display: inline;
2613 margin: 0 -4px 0 0;
2614 padding: 0;
2617 .tabrow0 a span {
2618 padding: 10px 14px 0.35em 0;
2619 background: transparent url(pix/tab/right.gif) no-repeat right top;
2622 .tabrow1 li a span {
2623 background: none !important;
2626 .tabrow0 a {
2627 text-decoration: none;
2628 background: transparent url(pix/tab/left.gif) no-repeat left top;
2629 margin: 0 -1px 0 0;
2630 padding: 10px 0 0.35em 13px;
2633 .tabrow0 a:hover {
2634 background-image: url(pix/tab/left_hover.gif);
2637 .tabrow0 .here a:hover {
2638 background-image: url(pix/tab/left.gif);
2641 .tabrow0 a:hover span {
2642 background-image: url(pix/tab/right_hover.gif);
2645 .tabrow0 .here a:hover span {
2646 background-image: url(pix/tab/right.gif);
2649 .tabrow0 .here a {
2650 color:#444;
2654 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2655 position:relative;
2656 z-index:102;
2659 /*subnav*/
2660 .tabrow0 .empty {
2661 height: 1px;
2662 overflow: hidden;
2663 padding: 0;
2666 .tabrow0 div,
2667 .tabrow0 ul {
2668 position: absolute;
2669 left: 0;
2670 top: 2.0em;
2671 width: 100%;
2672 margin: 0;
2673 padding: 0.25em 0;
2674 list-style: none;
2675 border-top: 1px solid #aaa;
2676 line-height: normal;
2677 background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2678 font-size: 90%;
2681 .tabrow0 ul li {
2682 display:inline;
2683 margin-top:1px;
2684 background-image: none;
2687 .tabrow0 ul a {
2688 background-image: none;
2689 color:#00c;
2690 margin:0;
2691 padding:0 1em;
2692 border:0
2695 .tabrow0 ul a span {
2696 padding: 0;
2697 background-image: none;
2700 .tabrow0 ul .last span,
2701 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2702 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2703 background-image: none !important;
2706 .tabrow0 ul div {
2707 display: none;
2710 ul.tabrow1 li a,
2711 ul.tabrow1 li a:link,
2712 ul.tabrow1 li a:visited {
2713 color:#00c;
2714 font-size: 110%;
2717 ul.tabrow1 li.here.selected a {
2718 color:#444;
2721 /***
2722 *** User
2723 ***/
2725 .userinfobox {
2726 margin-bottom:5px;
2727 border-width: 1px;
2728 border-style: solid;
2729 border-collapse: separate;
2732 .userinfobox .left,
2733 .userinfobox .side {
2734 padding: 10px;
2735 width: 100px;
2736 vertical-align: top;
2739 .userinfobox .userpicture {
2740 width: 100px;
2741 height: 100px;
2744 .userinfobox .content {
2745 padding: 10px;
2746 vertical-align: top;
2749 .userinfobox .links {
2750 width: 100px;
2751 padding: 5px;
2752 vertical-align: bottom;
2755 .userinfobox .list td {
2756 padding: 3px;
2759 .userinfobox .username {
2760 padding-bottom: 20px;
2763 .userinfobox td.label {
2764 text-align:right;
2765 white-space: nowrap;
2766 vertical-align: top;
2769 table.userinfobox {
2770 width: 80%;
2771 margin-left: 10%;
2772 margin-right: 10%;
2775 table.groupinfobox {
2776 width: 60%;
2777 margin-left: 20%;
2778 margin-right: 20%;
2779 border-width:1px;
2780 border-style:solid;
2781 margin-bottom: 20px;
2784 .groupinfobox .left {
2785 padding: 10px;
2786 width: 100px;
2787 vertical-align: top;
2790 body#user-index h2 {
2791 text-align: center;
2794 #user-view .buttons,
2795 #user-index .buttons {
2796 text-align: center;
2799 #user-view .buttons form,
2800 #user-view .buttons form div {
2801 display:inline;
2804 body#user-index #longtimenosee,
2805 body#user-index #showall {
2806 text-align: center;
2809 body#user-index #showall {
2810 margin: 10px 0px;
2813 body#user-index table#participants {
2814 margin: auto;
2815 width: 80%;
2818 body#user-index table#participants td,
2819 body#user-index table#participants th {
2820 vertical-align: middle;
2821 text-align: left;
2822 padding: 4px;
2825 body#user-index table.controls {
2826 width: 100%;
2828 body#user-index table.controls tr {
2829 vertical-align: top;
2831 body#user-index table.controls td.right,
2832 body#user-index table.controls td.left {
2833 padding: 4px;
2835 body#user-index table.controls .right {
2836 text-align: right;
2838 body#course-participation h2 {
2839 text-align:center;
2841 body#course-participation #showall {
2842 text-align:center;
2843 margin: 10px 0px;
2845 body#user-index .rolesform {
2846 text-align:center;
2849 #user-policy .noticebox {
2850 text-align:center;
2851 margin-left:auto;
2852 margin-right:auto;
2853 margin-bottom:10px;
2854 width:80%;
2855 height:250px;
2858 #user-policy #policyframe {
2859 width:100%;
2860 height:100%;
2863 /***
2864 *** Modules: Assignment
2865 ***/
2867 .userpicture,
2868 .picture user,
2869 .picture teacher {
2870 width:35px;
2871 vertical-align:top;
2873 .modform {
2874 text-align:center;
2877 /***
2878 *** Modules: Chat
2879 ***/
2881 .nextchatsession {
2882 text-align:center;
2885 #mod-chat-gui_header_js-jsupdate {
2886 margin:10px
2888 #mod-chat-gui_header_js-jsupdate .chat-event,
2889 #mod-chat-gui_header_js-jsupdate .chat-message {
2890 width:100%;
2891 padding:0;
2892 margin-top:7px
2895 #mod-chat-view #chatcurrentusers .chatuserdetails {
2896 vertical-align: middle;
2899 #mod-chat-view #enterlink {
2900 text-align: center;
2901 margin-left: auto;
2902 margin-right: auto;
2903 width: 50%;
2906 .chat-event .picture,
2907 .chat-message .picture {
2908 width:40px;
2909 vertical-align:top;
2911 .chat-event .text,
2912 .chat-message .text {
2913 text-align: left;
2916 #mod-chat-gui_basic #participants ul {
2917 margin:0px;
2918 padding:0px;
2919 list-style-type:none;
2922 #mod-chat-gui_basic #participants ul li {
2923 display:inline;
2924 margin-right:10px;
2927 #mod-chat-gui_basic #participants ul li .userinfo {
2928 display:inline;
2931 #mod-chat-gui_basic #messages dl {
2932 padding:0px;
2933 margin:1px;
2936 #mod-chat-gui_basic #messages dd,
2937 #mod-chat-gui_basic #messages dt {
2938 margin-left:0px;
2939 margin-right:5px;
2940 padding:0px;
2941 display:inline;
2944 /***
2945 *** Modules: Choice
2946 ***/
2947 .button {
2948 text-align:center;
2951 .attemptcell {
2952 width:5px;
2953 white-space: nowrap;
2956 .anonymous,
2957 .names {
2958 margin-left:auto;
2959 margin-right:auto;
2962 .downloadreport {
2963 border:0px;
2964 margin-left:auto;
2965 margin-right:auto;
2968 .choiceresponse {
2969 width:100%;
2971 .choiceresponse .picture {
2972 width:10px;
2973 white-space: nowrap;
2976 .choiceresponse .fullname {
2977 width:100%;
2978 white-space: nowrap;
2982 .results.data {
2983 vertical-align:top;
2984 white-space: nowrap;
2987 /***
2988 *** Modules: Data
2989 ***/
2990 .fieldadd,
2991 .sortdefault,
2992 .defaulttemplate {
2993 text-align:center;
2995 .datapreferences {
2996 text-align:center;
2999 table.presets {
3000 margin-left: auto;
3001 margin-right: auto;
3004 /***
3005 *** Modules: Forum
3006 ***/
3008 .forumheaderlist,
3009 .forumpost {
3010 border-width:1px;
3011 border-style:solid;
3012 border-collapse:separate;
3015 .forumpost {
3016 margin-top: 15px;
3019 .forumpost .topic {
3020 padding: 4px;
3021 border-style:solid;
3022 border-width: 0px;
3023 border-bottom-width: 1px;
3026 .forumpost .commands {
3027 padding-top: 0.5em;
3028 text-align:right;
3029 clear: both;
3032 .forumpost .ratings {
3033 padding-top: 1em;
3034 text-align:right;
3037 .forumpost .attachments {
3038 padding: 7px;
3039 text-align:right;
3042 .forumpost .content {
3043 padding: 4px;
3046 .forumpost .footer {
3047 padding-top: 0.5em;
3048 text-align:right;
3051 .forumpost .link {
3052 padding-top: 0.5em;
3053 text-align:right;
3056 .forumpost .left {
3057 width: 35px;
3058 padding: 4px;
3059 text-align: center;
3060 vertical-align: top;
3063 .mod-forum .indent {
3064 margin-left: 30px;
3067 body#user-view .forumpost,
3068 .course .forumpost {
3069 width: 100%;
3072 body#mod-forum-search .c0 {
3073 text-align: right;
3076 body#mod-forum-search .introcontent {
3077 padding: 15px;
3080 .forumolddiscuss {
3081 text-align: right;
3084 .forumheaderlist {
3085 width: 100%;
3088 .forumheaderlist td {
3089 border-width:1px 0px 0px 1px;
3090 border-style:solid;
3093 .forumheaderlist .replies {
3094 text-align: center;
3095 white-space: nowrap;
3098 .forumheaderlist .picture {
3099 width: 35px;
3102 .forumheaderlist .discussion .starter {
3103 vertical-align: middle;
3106 .forumheaderlist .lastpost {
3107 white-space: nowrap;
3108 text-align: right;
3111 .forumheaderlist .discussion .author {
3112 white-space: nowrap;
3114 .forumolddiscuss {
3115 text-align:right;
3117 .forumaddnew,
3118 .forumnodiscuss,
3119 .noticeboxcontent {
3120 text-align:center;
3123 #mod-forum-view .forumcontrol .groupmenu {
3124 float: left;
3125 text-align:left;
3126 white-space: nowrap;
3129 #mod-forum-view .forumcontrol .subscription {
3130 float: right;
3131 text-align:right;
3132 white-space: nowrap;
3135 #mod-forum-index .subscription {
3136 float: right;
3137 text-align:right;
3138 white-space: nowrap;
3141 #mod-forum-view .unread {
3142 padding-left: 3px;
3143 padding-right: 3px;
3145 #mod-forum-discuss .forumpost.unread .content {
3146 border-style: solid;
3147 border-width: 2px;
3149 #mod-forum-discuss .ratingsubmit {
3150 text-align:center;
3151 padding:10px;
3153 #mod-forum-index .unread img,
3154 #mod-forum-view .unread img
3156 margin-left: 5px;
3159 #mod-forum-discuss .discussioncontrols td {
3160 width: 33%;
3161 text-align:center;
3164 #email .unsubscribelink {
3165 margin-top:20px;
3166 border-width: 0px 1px 0px 0px;
3167 border-style: solid;
3168 text-align:center;
3171 /***
3172 *** Modules: Glossary
3173 ***/
3175 .glossarypost .commands {
3176 width: 200px;
3177 white-space: nowrap;
3180 #mod-glossary-comments .glossarypost,
3181 #mod-glossary-comment .glossarypost {
3182 margin-top: 15px;
3185 .entryboxheader {
3186 border-width: 1px 1px 0px 1px;
3187 border-style: solid;
3190 .entrybox {
3191 width: 100%;
3192 border-width: 0px 1px 1px 1px;
3193 border-style: solid;
3196 .entrybox hr {
3197 border-left:none;
3198 border-right:none;
3201 .glossarypost {
3202 width: 95%;
3203 border-width:1px;
3204 border-style:solid;
3205 border-collapse:separate;
3206 margin-left:auto;
3207 margin-right:auto;
3208 margin-bottom: 5px;
3209 text-align: left;
3212 .entrylist {
3213 border-width:0px;
3216 .entrylowersection {
3217 padding-top: 10px;
3220 .entrylowersection table{
3221 width: 100%;
3224 .entrylowersection .aliases {
3225 text-align:center;
3228 .entrylowersection .icons,
3229 .entrylowersection .ratings {
3230 text-align:right;
3231 padding-right: 5px;
3234 .entrylowersection .ratings {
3235 padding-bottom: 2px;
3238 .glossarycategoryheader {
3239 width: 95%;
3240 margin-left:auto;
3241 margin-right:auto;
3244 .glossaryformatheader {
3245 width: 90%;
3248 .glossarypost .entry {
3249 padding: 3px;
3252 .glossarypost .picture {
3253 width: 35px;
3256 .glossarycomment {
3257 border-width:1px;
3258 border-style:solid;
3259 border-collapse:separate;
3260 margin-bottom: 5px;
3261 text-align: left;
3264 .glossarycomment .entry {
3265 padding: 3px;
3268 .glossarycomment .picture {
3269 width: 35px;
3272 .glossarycomment .icons {
3273 text-align: right;
3276 .glossarydisplay {
3277 width: 90%;
3278 margin-left:auto;
3279 margin-right:auto;
3280 text-align:center;
3283 .glossarydisplay .tabs {
3284 width: 100%;
3287 .glossarydisplay .separator {
3288 width: 4px;
3291 .glossarydisplay .tabs .selected,
3292 .glossarydisplay .tabs .inactive,
3293 .glossarydisplay .tabs .general {
3296 .glossaryimportexport {
3297 margin-left:auto;
3298 margin-right:auto;
3299 text-align:center;
3302 .glossarypopup {
3303 width: 95%;
3306 .glossaryapproval {
3307 width: 100%;
3310 .mod-glossary .glossarydisplay .tabs {
3311 margin-bottom: 0px;
3313 .mod-glossary .glossarydisplay .tabs .side {
3314 border-style: none;
3315 border-width: 0px;
3316 width: auto;
3319 .glossaryexplain,
3320 .glossaryaddentry {
3321 text-align: center;
3324 .mod-glossary .tabrow0 {
3325 padding-bottom: 5px;
3328 #mod-glossary-view .glossarycontrol {
3329 float: right;
3330 text-align:right;
3331 white-space: nowrap;
3334 /***
3335 *** Modules: Journal
3336 ***/
3337 #mod-journal-view .lastedit,
3338 #mod-journal-view .editend {
3339 margin: 5px;
3340 text-align: center;
3342 #mod-journal-view .feedbackbox {
3343 width: 75%;
3344 border-collapse: separate;
3346 #mod-journal-view .entrycontent {
3347 padding: 3px;
3349 #mod-journal-view .picture {
3350 width: 35px;
3352 #mod-journal-view .grade {
3353 text-align: right;
3355 #mod-journal-view .info {
3356 margin-bottom: 5px;
3357 text-align: right;
3361 /***
3362 *** Modules: Label
3363 ***/
3365 /***
3366 *** Modules: Lesson
3367 ***/
3368 #mod-lesson-lesson #page .addform {
3369 text-align: center;
3371 #mod-lesson-edit #page .label {
3372 font-weight: bold;
3374 #mod-lesson-edit #page .labelcorrect {
3375 text-decoration: underline;
3376 font-weight: bold;
3378 .lessonmediafilecontrol {
3379 text-align: center;
3380 margin-left: auto;
3381 margin-right: auto;
3385 /***
3386 *** Modules: Quiz
3387 ***/
3389 #mod-quiz-view .quizinfo {
3390 text-align: center;
3392 #mod-quiz-view #page .quizgradefeedback,
3393 #mod-quiz-view #page .quizattempt
3395 text-align: center;
3398 #mod-quiz-attempt #page {
3399 text-align: center;
3401 #mod-quiz-attempt .pagingbar {
3402 margin: 1.5em auto;
3405 body#question-preview .quemodname,
3406 body#question-preview .controls
3408 text-align: center;
3410 body#question-preview .quemodname, body#question-preview .controls {
3411 text-align: center;
3414 #mod-quiz-review #page .controls {
3415 text-align: center;
3416 margin: 1.5em auto;
3418 #mod-quiz-review .pagingbar {
3419 margin: 1.5em auto;
3421 #mod-quiz-review .pagingbar {
3422 margin: 1.5em auto;
3424 table.quizreviewsummary {
3425 margin-bottom: 1.8em;
3426 width: 100%;
3428 table.quizreviewsummary tr {
3430 table.quizreviewsummary th.cell {
3431 padding: 1px 0.5em 1px 1em;
3432 font-weight: bold;
3433 text-align: right;
3434 width: 10em;
3436 table.quizreviewsummary td.cell {
3437 padding: 1px 1em 1px 0.5em;
3440 #mod-quiz-edit #page .controls,
3441 #mod-quiz-edit #page .attemptsnotice
3443 text-align: center;
3445 #mod-quiz-edit .quizquestions h2 {
3446 margin-top: 0;
3448 #mod-quiz-edit #showbreaks {
3449 margin-top: 0.7em;
3451 .quizquestionlistcontrols {
3452 text-align: center;
3455 body#mod-quiz-report table#attempts,
3456 body#mod-quiz-report table#commands,
3457 body#mod-quiz-report table#itemanalysis
3459 width: 80%;
3460 margin: auto;
3462 body#mod-quiz-report table#attempts,
3463 body#mod-quiz-report h2.main {
3464 clear: both;
3466 body#mod-quiz-report table#attempts {
3467 margin: 20px auto;
3469 body#mod-quiz-report table#attempts .header,
3470 body#mod-quiz-report table#attempts .cell
3472 padding: 4px;
3474 body#mod-quiz-report table#attempts .header .commands {
3475 display: inline;
3477 body#mod-quiz-report table#attempts .picture {
3478 width: 40px;
3480 body#mod-quiz-report table#attempts td {
3481 border-left-width: 1px;
3482 border-right-width: 1px;
3483 border-left-style: solid;
3484 border-right-style: solid;
3485 vertical-align: middle;
3487 body#mod-quiz-report table#attempts .header {
3488 text-align: left;
3490 body#mod-quiz-report table#attempts .picture {
3491 text-align: center !important;
3493 body#mod-quiz-report .controls {
3494 text-align: center;
3497 /***
3498 *** Modules: Resource
3499 ***/
3501 #mod-resource-view .resourcecontent {
3502 text-align:center;
3503 margin:20px;
3506 #mod-resource-view .resourcepdf {
3507 width: 100%;
3508 padding-top: 15px;
3509 text-align: center
3512 .resourcecontent object {
3513 height:480px;
3514 width:600px;
3517 .resourcepdf object{
3518 height: 800px;
3519 width: 800px;
3522 .mod-resource .modified {
3523 text-align:center;
3526 .mod-resource .popupnotice {
3527 text-align:center;
3528 margin:40px;
3531 .ims-nav-bar {
3532 position: relative;
3533 padding:0.1em;
3536 .ims-nav-button a,
3537 .ims-nav-dimmed {
3538 padding-left:1em;
3539 padding-right:1em;
3542 #ims-containerdiv {
3543 margin-top:0.2em;
3546 #ims-menudiv {
3547 position:absolute;
3548 width:250px;
3549 overflow:auto;
3552 #ims-menudiv ol {
3553 list-style-type:none;
3554 margin:0px;
3555 padding-left:1em;
3558 #ims-contentframe {
3559 position:absolute;
3560 left:260px;
3561 border:1px solid;
3562 width:640px;
3563 height:480px;
3566 #ims-contentframe-no-nav {
3567 position:absolute;
3568 border:1px solid;
3569 width:640px;
3570 height:480px;
3573 #mod-resource-view div#footer {
3574 margin-top: 5px;
3577 /***
3578 *** Modules: Scorm
3579 ***/
3581 /***
3582 *** Modules: Survey
3583 ***/
3584 .resultgraph {
3585 text-align:center;
3586 border:1px solid;
3589 .reportsummary,
3590 .studentreport,
3591 .reportbuttons {
3592 text-align:center;
3595 .centerpara {
3596 text-align:center;
3599 .fullnamecell {
3600 width:10%;
3601 vertical-align:top;
3602 white-space: nowrap;
3605 .questiontext {
3606 font-size:1em;
3609 .smalltext {
3610 font-size:0.6em;
3613 .smalltextcell,
3614 .screenreadertext {
3615 width:10%;
3616 text-align:center;
3619 .foundthat,
3620 .preferthat {
3621 width:10%;
3622 white-space: nowrap;
3625 .qnumtopcell {
3626 width:10px;
3627 vertical-align:top;
3630 .qnummiddlecell {
3631 width:10px;
3632 vertical-align:middle;
3635 .optioncell {
3636 width:40%;
3637 vertical-align:middle;
3640 .buttoncell {
3641 width:5%;
3644 .questioncell {
3645 width:50%;
3646 vertical-align:top;
3649 .whitecell {
3650 background-color:white;
3652 /***
3653 *** Modules: Wiki
3654 ***/
3655 .sideblockheading,
3656 .howtowiki {
3657 text-align:right;
3660 .wikisearchform,
3661 .wikilinksblock,
3662 wikiadminactions {
3663 text-align:center;
3666 .wikilinkright{
3667 text-align:right;
3668 padding-bottom: 0.5em;
3671 .wikiexportbox{
3672 margin-left:auto;
3673 margin-right:auto;
3675 /***
3676 *** Modules: Workshop
3677 ***/
3678 .redfont {
3679 color: red;
3682 .workshopuploadform,
3683 .workshopkey {
3684 text-align:center;