adding some strings
[moodle-linuxchix.git] / theme / standard / styles_layout.css
blob924f2e7dce81299fe3e0d8614464291f7aa596dc
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 .sitelink {
768 padding-top:1em;
771 .performanceinfo {
772 margin: 2em;
775 .performanceinfo span {
776 display: block;
779 #footer .validators {
780 margin-top:40px;
781 padding-top:5px;
782 border-top: 1px dotted gray;
785 #footer .validators ul {
786 margin:0px;
787 padding:0px;
788 list-style-type:none;
791 #footer .validators ul li {
792 display:inline;
793 margin-right:10px;
794 margin-left:10px;
797 /***
798 *** Filters
799 ***/
800 span.mediaplugin {
801 display:block;
802 clear:both;
803 margin-top:5px;
804 margin-bottom:5px;
807 span.mediaplugin_mp3 {
808 display:inline;
809 clear:none;
810 margin:0px;
811 margin-left:0.5em;
815 /***
816 *** Admin
817 ***/
819 body#admin-index .c0 {
820 vertical-align: top;
823 body#admin-index .c1 {
824 vertical-align: middle;
827 body#admin-blocks table.generaltable th,
828 body#admin-filters table.generaltable th,
829 body#admin-modules table.generaltable th,
830 body#admin-auth table.generaltable th
832 white-space: nowrap;
835 body#admin-modules .generaltablecell
837 padding-top: 2px;
838 padding-bottom: 2px;
841 body#admin-blocks table.generaltable th,
842 body#admin-blocks table.generaltable td.cell,
843 body#admin-filters table.generaltable th,
844 body#admin-filters table.generaltable td.cell,
845 body#admin-modules table.generaltable th,
846 body#admin-modules table.generaltable td.cell,
847 body#admin-auth table.generaltable th,
848 body#admin-auth table.generaltable td.cell
850 padding: 4px;
851 text-align: center;
852 vertical-align: middle;
855 body#admin-blocks table.generaltable th.c0,
856 body#admin-blocks table.generaltable td.c0,
857 body#admin-filters table.generaltable th.c0,
858 body#admin-filters table.generaltable td.c0,
859 body#admin-modules table.generaltable th.c0,
860 body#admin-modules table.generaltable td.c0,
861 body#admin-auth table.generaltable th.c0,
862 body#admin-auth table.generaltable td.c0
864 text-align: left;
867 body#admin-modules table.generaltable td.c0
869 white-space: nowrap;
872 #admin-blocks
873 #admin-config .confighelp {
874 display: block;
875 padding-bottom: 20px;
878 #admin-roles-manage table.generalbox {
879 margin: auto;
882 #admin-stickyblocks .generalbox {
883 text-align:center;
886 #admin-index .copyrightnotice {
887 margin: auto;
888 text-align: center;
891 #admin-report-simpletest-index .exception pre {
892 padding: 8px;
895 #admin-report-simpletest-index .unittestsummary {
896 padding: 8px;
897 margin-top: 1em;
900 #admin-roles-allowassign .buttons,
901 #admin-roles-allowoverride .buttons,
902 #admin-roles-manage .buttons,
903 #admin-roles-override .buttons {
904 margin: 20px;
905 text-align:center;
908 #admin-roles-manage .buttons .singlebutton,
909 #admin-roles-override .buttons .singlebutton {
910 display: inline;
911 padding: 5px;
914 #admin-roles-manage .selector,
915 #admin-roles-override .selector {
916 text-align:center;
919 #admin-roles-manage table.roledesc,
920 #admin-roles-override table.roledesc {
921 margin-left:auto;
922 margin-right:auto;
925 #admin-roles-manage table.rolecap,
926 #admin-roles-override table.rolecap {
927 margin-left:auto;
928 margin-right:auto;
931 .rolecap .inherit,
932 .rolecap .allow,
933 .rolecap .prevent,
934 .rolecap .prohibit {
935 text-align:center;
938 #admin-roles-manage .rolecap .cap-desc .cap-name,
939 #admin-roles-override .rolecap .cap-desc .cap-name {
940 display: block;
943 #admin-roles-override .cell.c1,
944 #admin-roles-assign .cell.c1 {
945 padding-top: 0.75em;
948 #admin-lang .generalbox {
949 text-align:center;
950 margin:auto;
951 border-width: 1px;
952 border-style: solid;
955 #admin-langimport .generalbox {
956 text-align:center;
957 margin:auto;
958 border-width: 1px;
959 border-style: solid;
962 #admin-langimport .generalbox table {
963 text-align:center;
964 margin:auto;
967 #admin-index .adminwarning {
968 text-align:center;
969 border-width: 1px;
970 border-style: solid;
971 margin:20px;
974 #admin-index .adminwarning .singlebutton,
975 #admin-index #layout-table .singlebutton {
976 text-align:center;
977 margin:20px;
980 #adminsettings fieldset {
981 margin-top: 1em;
982 padding: 1em 0.5em;
985 #adminsettings legend {
986 display: none;
989 #adminsettings .form-group {
990 float: left;
993 #adminsettings .form-item {
994 margin: 0;
997 #adminsettings label {
998 display: block;
999 float: left;
1000 width: 150px;
1001 text-align: right;
1004 #adminsettings .form-shortname {
1005 display: block;
1008 #adminsettings select,
1009 #adminsettings input {
1010 float: left;
1011 margin: 0 0 0 10px;
1014 #adminsettings textarea {
1015 float: left;
1016 margin: 0 0 0 10px;
1017 width: 65%;
1020 #adminsettings .form-group select,
1021 #adminsettings .form-group input {
1022 display: inline;
1023 float: none;
1027 /* #adminsettings .admin-configtime .form-select {
1028 display: inline;
1029 float: none;
1032 #adminsettings div.admin-frontpage div.form-group select.form-select {
1033 display: inline;
1034 float: none;
1035 } */
1037 #adminsettings .description {
1038 clear: both;
1039 margin: 0 1em 0 160px;
1040 padding: 0.3em 0 1.5em 0;
1043 #adminsettings .form-item .unmask input {
1044 margin-left:5px;
1045 margin-right:3px;
1048 #adminsettings .form-item .unmask label {
1049 width: auto;
1050 text-align: left;
1053 .environmentbox {
1054 margin-top: 1em;
1057 .form-buttons {
1058 margin: 10px 0 0 160px;
1061 .form-text {
1062 width: 20em;
1064 .form-textarea { }
1065 .form-select { }
1066 .form-checkbox { }
1067 .form-radio { }
1068 .form-submit { }
1069 .form-reset { }
1071 .admin-frontpagedesc .htmlarea {
1072 margin: 0 auto 10px auto;
1073 width : 600px;
1076 .adminsearchform {
1077 padding-top:10px;
1080 .block_admin_tree .admintree {
1081 text-align:left;
1084 #admin-lang .translator {
1085 border-width: 1px;
1086 border-style: solid;
1089 #adminsettings #admin-calendar_weekend table {
1090 width: 100%;
1093 #adminsettings #admin-calendar_weekend table td {
1094 text-align: center;
1097 #adminsettings #admin-calendar_weekend table td label {
1098 width: 100%;
1099 text-align: center;
1100 float: none;
1103 #trustedhosts .generaltable {
1104 margin-left: auto;
1105 margin-right: auto;
1106 width: 500px;
1109 #trustedhosts .standard {
1110 width: auto;
1113 #mnetconfig table {
1114 margin-left: auto;
1115 margin-right: auto;
1118 #admin-report-stats-index .invisiblefieldset {
1119 display: block;
1122 #admin-report-courseoverview-index .invisiblefieldset {
1123 display: block;
1126 /***
1127 *** Blocks
1128 ***/
1130 /*Accessibility: Skip block link, for screen reader users. */
1131 a.skip-block, .skip-block {
1132 display:block;
1133 width:2em;
1134 height:1px;
1136 .sideblock .skip-block {
1137 height:4px;
1139 .skip-block-to {
1140 font-size:1px;
1143 .sideblock {
1144 margin-bottom:1em;
1145 width: 100%;
1148 .sideblock .header, .sideblock h2.header {
1149 text-align: left;
1150 margin:0;
1151 padding:4px;
1152 padding-top:0;
1153 border-width: 1px;
1154 border-style: solid;
1155 border-bottom: none;
1157 .sideblock h2 {
1158 margin:0;
1159 padding:0;
1162 .sideblock .header .hide-show {
1163 float:right;
1166 .sideblock .header .hide-show img.hide-show-image {
1167 height:11px;
1168 width:11px;
1169 margin-top:0.25em;
1172 .sideblock .header .commands {
1173 margin-top: 0.3em;
1174 clear: both;
1175 height: 16px;
1178 .sideblock .header .commands a {
1179 margin: 0px 2px;
1182 #left-column .hidden .header,
1183 #right-column .hidden .header
1185 border-bottom-width: 1px;
1186 border-bottom-style: solid;
1189 #left-column .hidden .content,
1190 #right-column .hidden .content
1192 display: none;
1195 .sideblock .header .icon.hide,
1196 .sideblock .header .icon.edit {
1197 margin-right: 6px;
1200 .sideblock .content {
1201 padding: 4px;
1202 border-width: 1px;
1203 border-style: solid;
1206 .sideblock .content h3,
1207 .sideblock .content h2 {
1208 text-align: left;
1211 .sideblock .content h2 {
1212 margin:1.5em 0 0;
1213 padding:0;
1216 .sideblock .content .head {
1217 margin-top: 10px;
1220 .sideblock .content hr {
1221 height:1px;
1222 margin-top:4px;
1223 margin-bottom:4px;
1224 border:none;
1225 border-top:1px solid;
1228 .sideblock div.column {
1229 margin:0px;
1230 margin-right:4px;
1231 padding:0px;
1234 .sideblock div.column.c0 {
1235 float: left;
1238 .sideblock div.column.c1 {
1239 display: inline;
1242 .sideblock .content .c0 img.icon {
1243 margin:0px;
1246 .sideblock .content .list, .unlist, .inline-list {
1247 list-style:none;
1248 padding:0;
1249 margin:0;
1252 .sideblock .content .list {
1253 width: 100%;
1256 .sideblock .content .list li {
1257 clear: left;
1260 .sideblock .content .inline-list li {
1261 display:inline;
1264 .sideblock .content ul.list li.listentry {
1265 clear:both;
1268 .sideblock .content div.info {
1269 text-align:center;
1272 .sideblock .footer {
1273 margin-bottom: 4px;
1274 text-align:center;
1275 clear:both;
1278 .sideblock img.userpicture {
1279 width:16px;
1280 height:16px;
1281 margin-right:4px;
1284 .blockconfigtable {
1285 margin-top: 0;
1286 margin-right: auto;
1287 margin-left: auto;
1290 .blockconfigtable td.label {
1291 text-align: right;
1292 width: 50%;
1295 .blockconfigtable td.value {
1296 text-align: left;
1297 width: 50%;
1300 .blockconfigtable td.submit {
1301 text-align: center;
1304 .blockconfiginstancecontent .tabs {
1305 margin-bottom: 0px;
1306 margin-left: auto;
1307 margin-right: auto;
1310 .block_messages .content {
1311 text-align:left;
1312 font-size:0.75em;
1313 padding-top:5px;
1316 .block_recent_activitysideblock .h3 {
1317 padding-top:5px;
1320 .block_online_users .listentry div.user,
1321 .block_messages .listentry div.user {
1322 float:left;
1325 .block_online_users .listentry div.message,
1326 .block_messages .listentry div.message {
1327 float:right;
1330 .block_course_list .footer {
1331 margin-top: 5px;
1334 #rssfeeds {
1335 margin-left: auto;
1336 margin-right: auto;
1339 #block_rss {
1340 text-align: center;
1343 .block_search_forums .invisiblefieldset {
1344 display: block;
1347 /***
1348 *** Blogs
1349 ***/
1350 .addbloglink {
1351 text-align: center;
1354 .blogpost .audience {
1355 text-align: right;
1358 .blogpost .tags {
1359 margin-top: 15px;
1363 /***
1364 *** Calendar
1365 ***/
1367 #calendar {
1368 width: 100%;
1369 border-spacing: 5px;
1370 border-collapse: separate;
1373 #calendar h2,
1374 #calendar h3
1376 text-align: center;
1379 #calendar .maincalendar,
1380 #calendar .sidecalendar
1382 vertical-align: top;
1383 border: 1px solid;
1384 padding: 0px;
1387 #calendar .maincalendar {
1388 height: 100%;
1391 #calendar .maincalendar .heightcontainer {
1392 height: 100%;
1393 position: relative;
1396 #calendar .maincalendar .bottom {
1397 width: 100%;
1398 text-align: center;
1399 padding:5px 0 0;
1402 #calendar .sidecalendar {
1403 width: 25%;
1406 #calendar .maincalendar table.calendarmonth {
1407 border-collapse: separate;
1408 margin: 0px auto;
1409 width: 98%;
1412 #calendar .maincalendar table.calendarmonth th {
1413 padding:10px;
1414 border-bottom:2px solid;
1417 #calendar .maincalendar table.calendarmonth td {
1418 height: 5em;
1419 padding-left: 4px;
1420 padding-top: 4px;
1421 line-height:1.2em;
1424 #calendar .maincalendar table.calendarmonth td,
1425 table.minicalendar td,
1426 table.minicalendar th {
1427 width:14%;
1428 vertical-align:top;
1430 table.minicalendar td {
1431 text-align: center;
1433 #calendar .maincalendar table.calendarmonth td table td {
1434 height: auto;
1437 #calendar div.header
1439 padding: 5px;
1442 #calendar .sideblock div.header
1444 border:none;
1447 #calendar .maincalendar .buttons {
1448 float: right;
1451 #calendar .maincalendar .filters table,
1452 #calendar .sidecalendar .filters table,
1453 .sideblock.block_calendar_month .filters table
1455 border-collapse:separate;
1456 border-spacing: 2px;
1457 padding: 2px;
1458 width: 100%;
1461 #calendar .maincalendar .filters {
1462 padding: 0px 10px;
1465 #calendar .sidecalendar .filters {
1466 padding: 5px;
1469 #calendar .maincalendar .controls {
1470 clear:both;
1471 padding:10px;
1474 #calendar .maincalendar table.calendarmonth ul.events-new,
1475 #calendar .maincalendar table.calendarmonth ul.events-underway
1477 padding:0px;
1478 margin:0px;
1479 list-style-type:none;
1482 #calendar .maincalendar table.calendarmonth ul li {
1483 margin-top: 4px;
1486 .minicalendarblock {
1487 padding: 0px 4px;
1490 table.minicalendar {
1491 width: 100%;
1492 margin: 10px auto;
1493 padding:2px;
1494 border-width:1px;
1495 border-style:solid;
1496 border-collapse:separate;
1497 border-spacing:1px !important;
1500 table.minicalendar th {
1501 padding: 0px 2px;
1504 #calendar .maincalendar .eventlist {
1505 padding: 10px;
1508 #calendar .maincalendar .eventlist .topic {
1509 padding: 5px;
1510 border-style:solid;
1511 border-width: 0px;
1512 border-bottom-color: #EEEEEE;
1513 border-bottom-width: 1px;
1516 #calendar .maincalendar .eventlist .event {
1517 width:100%;
1518 margin-bottom:10px;
1519 border-spacing:0px;
1520 border-collapse:separate;
1521 border-width:1px;
1522 border-style:solid;
1525 #calendar .maincalendar .eventlist .event .name {
1526 float:left;
1529 #calendar .maincalendar .eventlist .event .course {
1530 float:left;
1531 clear:left;
1534 #calendar .maincalendar .eventlist .event .date {
1535 float:right;
1538 #calendar .maincalendar .eventlist .event .description .commands {
1539 width:100%;
1542 #calendar .maincalendar .eventlist .event .description {
1543 padding:5px;
1546 #calendar .maincalendar .eventlist .event .picture {
1547 padding:8px;
1550 #calendar .maincalendar .eventlist .event .side {
1551 width:32px;
1554 #calendar #selecteventtype table {
1555 margin:auto;
1558 #calendar .event_global,
1559 #calendar .event_course,
1560 #calendar .event_course0,
1561 #calendar .event_course1,
1562 #calendar .event_course2,
1563 #calendar .event_group,
1564 #calendar .event_user,
1565 .minicalendar .event_global,
1566 .minicalendar .event_course,
1567 .minicalendar .event_course0,
1568 .minicalendar .event_course1,
1569 .minicalendar .event_course2,
1570 .minicalendar .event_group,
1571 .minicalendar .event_user {
1572 border:2px solid !important;
1575 #calendar .duration_global,
1576 #calendar .duration_course,
1577 #calendar .duration_course0,
1578 #calendar .duration_course1,
1579 #calendar .duration_course2,
1580 #calendar .duration_group,
1581 #calendar .duration_user,
1582 .minicalendar .duration_global,
1583 .minicalendar .duration_course,
1584 .minicalendar .duration_course0,
1585 .minicalendar .duration_course1,
1586 .minicalendar .duration_course2,
1587 .minicalendar .duration_group,
1588 .minicalendar .duration_user
1590 border-top:2px solid !important;
1591 border-bottom:2px solid !important;
1594 #calendar .today,
1595 .minicalendar .today {
1596 border:2px solid;
1599 #calendar .nottoday,
1600 .minicalendar .today {
1601 border:1px solid;
1604 .cal_popup_bg {
1605 padding:0px;
1606 margin:0px;
1607 border:1px solid;
1610 .cal_popup_close {
1611 margin-right:5px;
1614 .cal_popup_caption {
1615 border-width:0px 0px 1px 0px;
1616 border-style:solid;
1617 padding-bottom:2px;
1620 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1621 .calendar-controls .previous,
1622 .calendar-controls .next,
1623 .calendar-controls .current {
1624 display: block;
1625 float: left;
1626 width: 12%;
1628 .calendar-controls .previous {
1629 text-align: left;
1631 .calendar-controls .current {
1632 text-align: center;
1633 width: 76%;
1635 .calendar-controls .next {
1636 text-align: right;
1639 #calendar .maincalendar .calendar-controls .previous,
1640 #calendar .maincalendar .calendar-controls .next
1642 width: 30%;
1644 #calendar .maincalendar .calendar-controls .current {
1645 width: 39.95%;
1648 #calendar .indent {
1649 padding-left: 20px;
1652 #calendar td.sidecalendar {
1653 border-width:0px;
1656 #calendar td.sidecalendar .sideblock {
1657 border: 1px solid;
1658 margin-bottom:10px;
1661 #calendar td.sidecalendar .minicalendartop {
1662 padding-top:10px;
1665 .sideblock .content h3.eventskey {
1666 margin-top:0.5em;
1667 margin-bottom:0;
1668 margin-left:0.5em;
1671 /***
1672 *** Course
1673 ***/
1675 .activitydate, .activityhead {
1676 text-align:center;
1679 #course-view .section td {
1680 vertical-align:top;
1683 #course-view .section td.content {
1684 padding:5px;
1685 border-style:solid;
1686 border-width:1px;
1687 border-left:0px;
1688 border-right:0px;
1691 #course-view .section td.side {
1692 padding:5px;
1693 border-style:solid;
1694 border-width:1px;
1697 #course-view .section td.left {
1698 border-right:0px;
1699 text-align:center;
1700 width: 1.5em;
1703 #course-view .section td.right {
1704 border-left:0px;
1705 text-align:center;
1706 width: 1.5em;
1709 #course-view .current .side {
1712 #course-view .section .spacer {
1713 height:0.5em;
1716 #course-view .section .weekdates {
1719 #course-view ul.section,
1720 #site-index ul.section {
1721 margin: 0;
1722 padding: 0;
1723 list-style: none;
1726 .section_add_menus {
1727 text-align:right;
1730 .section_add_menus .horizontal div {
1731 display:inline;
1735 /*#course-view ul.section li.activity ul li,
1736 #site-index ul.section li.activity ul li {
1737 list-style: disc;
1740 /*Accessibility: No-tables course format. */
1741 #course-view ul.weekscss {
1742 margin: 0;
1743 padding: 0;
1744 list-style: none;
1746 /* Window-width: 800 pixels.
1747 IE doesn't support, see inline IE conditional comment. */
1748 .weekscss-format {
1749 min-width: 763px;
1751 .weekscss-format .block_adminblock select,
1752 .weekscss-format .block_calendar_month .minicalendar {
1753 width: 100%;
1754 padding: 0;
1756 .weekscss-format .block_calendar_month .minicalendar th,
1757 .weekscss-format .block_calendar_month .minicalendar td {
1758 padding: 0.1em 0 0.1em 1px;
1760 .weekscss-format #middle-column {
1761 margin: 0 12.5em 0 12.5em;
1763 .weekscss-format #left-column,
1764 .weekscss-format #right-column {
1765 width: 11.5em;
1767 .weekscss-format #left-column {
1768 float: left;
1770 .weekscss-format #right-column {
1771 float: right;
1773 .weekscss li.section {
1774 margin-bottom: 0.5em;
1775 border-style:solid;
1776 border-width:1px;
1778 .weekscss .content,
1779 .weekscss .side {
1780 padding: 5px;
1782 .weekscss .content {
1783 margin: 0 1.7em 0 1.7em;
1785 .weekscss .right {
1786 width: 1.6em;
1787 float: right;
1788 text-align:center;
1791 .section .activity img.activityicon {
1792 vertical-align:middle;
1793 height:16px;
1794 width:16px;
1797 .section img.movetarget {
1798 height:16px;
1799 width:80px;
1802 body#course-view .unread {
1803 margin-left: 3em;
1806 body#course-view .sideblock.drag .header {
1807 cursor: move;
1810 body#course-enrol .generalbox {
1811 margin-top: 20px;
1814 body#course-enrol .coursebox {
1815 margin-top: 20px;
1818 body#course-user .graph {
1819 text-align: center;
1822 body#course-user .section,
1823 body#course-user .content {
1824 margin-left: 30px;
1825 margin-right: 30px;
1828 body#course-user .section {
1829 border-width:1px;
1830 border-style:solid;
1831 padding:10px;
1832 margin-bottom: 20px;
1835 body#course-user .section h2 {
1836 margin-top: 0;
1840 .headingblock, h2.headingblock {
1841 border-width:1px;
1842 border-style:solid;
1843 padding:5px;
1844 margin:0;
1847 #site-index .subscribelink,
1848 #course-view .subscribelink {
1849 text-align:right;
1852 body#site-index .headingblock,
1853 body#course-view .headingblock {
1854 margin-bottom: 9px;
1857 body#course-category .courseboxes,
1858 body#course-index .courseboxes {
1859 padding:20px;
1862 body#course-category .rolelink {
1863 text-align:right;
1864 padding:10px;
1867 body#course-category .addcategory {
1868 text-align: center;
1869 padding: 10px;
1872 body#course-index #middle-column .editcourse {
1873 margin-left:auto;
1874 margin-right:auto;
1875 margin-top:20px;
1876 margin-bottom:20px;
1879 body#course-index #middle-column .editcourse th,
1880 body#course-index #middle-column .editcourse td {
1881 padding-left:10px;
1882 padding-right:10px;
1885 body#course-index #middle-column .editcourse .count {
1886 text-align:right;
1889 body#course-index .singlebutton,
1890 body#course-index .addcategory {
1891 text-align: center;
1894 body#course-info .generalbox.icons {
1895 text-align: center;
1898 body#course-info .generalbox.info {
1899 margin-left:auto;
1900 margin-right:auto;
1903 .coursebox {
1904 width: 100%;
1905 float:left;
1906 margin-bottom: 15px;
1907 border-width:1px;
1908 border-style:solid;
1911 .coursebox .summary {
1912 float: right;
1913 text-align:left;
1914 width: 48%;
1915 padding:5px;
1918 .coursebox .info {
1919 float: left;
1920 text-align:left;
1921 width: 48%;
1922 padding:5px;
1925 #my-index .coursebox .info {
1926 float: none;
1929 #my-index .name {
1930 margin-left: 5px;
1933 .categorylist {
1934 width:90%;
1935 margin-left:auto;
1936 margin-right:auto;
1939 .categorylist .category.image {
1940 width:20px;
1943 .categorylist .category.number {
1944 text-align:right;
1947 .categoryboxcontent {
1948 border-width:1px;
1949 border-style:solid;
1952 .categorypicker {
1953 text-align:center;
1954 padding-bottom:10px;
1957 #coursesearch,
1958 #coursesearch2 {
1959 text-align:center;
1962 .addcoursebutton {
1963 text-align:center;
1966 .coursebox .cost {
1967 padding-top: 20px;
1970 .coursebox ul.teachers li {
1971 list-style-type:none;
1972 padding:0;
1973 margin:0;
1976 #course-category #renameform {
1977 text-align:center;
1980 #course-category #themeform {
1981 text-align: center;
1984 #course-category .singlebutton {
1985 text-align:center;
1988 #course-category #coursesearch {
1989 text-align:center;
1993 #course-report #content {
1994 padding-top:15px;
1995 padding-bottom:15px;
1998 #course-report p {
1999 text-align:center;
2002 #course-report .logselectform,
2003 #course-report .participationselectform,
2004 #course-report-log-index .logselectform,
2005 #course-report-participation-index .participationselectform {
2006 margin-left:auto;
2007 margin-right:auto;
2008 text-align:center;
2009 margin-top:10px;
2010 margin-bottom:10px;
2013 #course-report .participationselectform label,
2014 #course-report-participation-index .participationselectform label {
2015 margin-left:15px;
2016 margin-right:5px;
2019 #course-report-log-index .info {
2020 margin-left:auto;
2021 margin-right:auto;
2022 text-align:center;
2023 margin:10px;
2026 #content .coursebox .summary .category {
2027 text-align:right;
2030 #course-editsection .singlebutton {
2031 text-align:center;
2034 /***
2035 *** Group
2036 ***/
2037 body#group-index #groupeditform {
2038 text-align: center;
2042 /***
2043 *** Doc
2044 ***/
2046 body#doc-contents h1 {
2047 margin: 1em 0px 0px 0px;
2050 body#doc-contents ul {
2051 list-style-type: none;
2052 margin: 0;
2053 padding: 0;
2054 width: 90%;
2058 /***
2059 *** Grades
2060 ***/
2063 .grade-report-grader table {
2064 border-width:1px;
2065 border-style:solid;
2066 margin-top: 20px;
2069 .grade-report-grader div.submit {
2070 margin-top: 20px;
2071 text-align: center;
2074 .grade-report-grader table td {
2075 border-width:1px;
2076 border-style:solid;
2079 .grade-report-grader tr.heading {
2080 border-width:0px 0px 0px 0px;
2081 border-style:solid;
2084 .grade-report-grader .heading td {
2085 border-width:0px 0px 0px 0px;
2086 border-style:solid;
2089 .grade-report-grader th.category {
2090 border-width:1px 1px 0px 1px;
2091 border-style:solid;
2094 .grade-report-grader th.user {
2095 border-width:0px 0px 1px 0px;
2096 border-style:solid;
2099 .grade-report-grader th.categoryitem,
2100 .grade-report-grader th.courseitem,
2101 .grade-report-grader td.topleft {
2102 border-width:0px 1px 0px 1px;
2103 border-style:solid;
2106 .grade-report-grader td.fillerfirst {
2107 border-width:0px 0px 0px 1px;
2108 border-style:solid;
2111 .grade-report-grader td.fillerlast {
2112 border-width:0px 1px 0px 0px;
2113 border-style:solid;
2116 .grade-report-grader th.item {
2117 border-width:1px 1px 1px 1px;
2118 border-style:solid;
2121 .grade-report-grader div.gradertoggle {
2122 display: inline;
2123 margin-left: 20px;
2126 .grade-report-grader table.gradestable {
2127 margin-left:auto;
2128 margin-right:auto;
2131 .grade-report-grader .gradestable th.user {
2132 text-align:left;
2135 .grade-report-grader .gradestable td {
2136 text-align:right;
2139 .grade-report-grader th.range {
2140 border-width:1px 1px 1px 1px;
2141 border-style:solid;
2144 .grade-report-grader .userpic {
2145 display: inline;
2146 margin-right: 10px;
2148 /* gradebook edit tree */
2150 #grade-edit-edit_tree .gradetreebox {
2151 width:70%;
2152 margin-left:auto;
2153 margin-right:auto;
2154 margin-top:10px;
2155 padding-bottom:15px;
2158 #grade-edit-tree .buttons {
2159 margin: 20px;
2160 text-align:center;
2163 #grade-edit-tree .buttons .singlebutton {
2164 display: inline;
2165 padding: 5px;
2169 #grade-edit-tree .movetarget {
2170 position: relative;
2171 width: 80px;
2172 height: 16px;
2175 #grade-edit-tree ul#grade_tree {
2176 width: auto;
2179 #grade-edit-tree ul#grade_tree li {
2180 list-style: none;
2183 #grade-edit-tree ul#grade_tree li.category {
2184 margin-bottom: 6px;
2187 #grade-edit-tree .moving {
2188 background-color: #E8EEF7;
2191 #grade-edit-tree .iconsmall {
2192 margin-left: 4px;
2195 #grade-report-toggles {
2196 text-align: center;
2199 /***
2200 *** Login
2201 ***/
2203 .loginbox {
2204 margin-top:15px;
2205 margin-bottom:15px;
2206 border:1px solid;
2207 width:50%;
2208 margin-left:25%;
2209 overflow:hidden;
2212 .loginbox form {
2213 margin:0px;
2214 padding:0px;
2217 .loginbox.twocolumns {
2218 width:90%;
2219 margin-left:5%;
2220 /* background: #faa; */
2223 .loginbox h2,
2224 .loginbox .subcontent {
2225 margin:5px;
2226 padding:10px;
2227 text-align:center;
2230 .loginbox .loginpanel .subcontent {
2231 text-align:center;
2234 .loginbox .loginpanel .desc {
2235 margin:0px;
2236 padding:0px;
2237 margin-bottom:5px;
2240 .loginbox .signuppanel .subcontent {
2241 text-align:left;
2244 .loginbox .loginsub {
2245 margin-left:0%;
2246 margin-right:0%;
2249 .loginbox .guestsub,
2250 .loginbox .forgotsub {
2251 border-top:1px solid;
2252 margin-left:12%;
2253 margin-right:12%;
2254 margin-bottom:5px;
2257 .loginbox .loginform {
2258 margin-top:1em;
2259 text-align:left;
2262 .loginbox .loginform .form-label {
2263 float:left;
2264 text-align:right;
2265 width:40%;
2268 .loginbox .loginform .form-input {
2269 float:right;
2270 width:59%;
2273 .loginbox .loginform .form-input input {
2274 width: 6em;
2277 .loginbox .signupform {
2278 margin-top:1em;
2279 text-align:center;
2282 .loginbox.twocolumns .loginpanel {
2283 float:left;
2284 width:49.5%;
2285 border-right: 1px solid;
2286 margin-bottom:-2000px;
2287 padding-bottom:2000px;
2288 /* background: #afa; */
2291 .loginbox.twocolumns .signuppanel {
2292 float:right;
2293 width:50%;
2294 margin-bottom:-2000px;
2295 padding-bottom:2000px;
2299 /***
2300 *** Message
2301 ***/
2304 #message-user .userpicture,
2305 #message-history .userpicture {
2306 width: 100px;
2307 height: 100px;
2310 .message-discussion-noframes #userinfo .userpicture {
2311 float:left;
2314 .message-discussion-noframes #userinfo .name h1 {
2315 margin:0px;
2318 .message-discussion-noframes #userinfo .name {
2319 text-align:center;
2320 margin-left:60px;
2323 .message-discussion-noframes #userinfo .commands {
2324 text-align:left;
2325 margin-left:60px;
2328 .message-discussion-noframes #userinfo .commands ul {
2329 margin:0px;
2330 padding:0px;
2331 list-style-type:none;
2334 .message-discussion-noframes #userinfo .commands ul li {
2335 display:inline;
2336 padding-right:16px;
2339 .message-discussion-noframes #send {
2340 padding-top:10px;
2341 clear:both;
2344 .message-discussion-noframes #send h1 {
2345 margin:0px;
2348 .message-discussion-noframes #messages {
2349 padding-top:10px;
2352 .message-discussion-noframes #messages ul.messagelist {
2353 margin:0px;
2354 padding:0px;
2357 .message-discussion-noframes #send h1 {
2358 margin:0px;
2361 .message .noframesjslink {
2362 margin-top:20px;
2365 .message .link {
2366 vertical-align:middle;
2369 table.message .searchresults td {
2370 padding:5px;
2371 border-width:1px;
2372 border-style:solid;
2373 border-collapse:collapse;
2374 border-spacing:0px;
2376 .message .summary .link {
2377 text-align:right;
2379 .message .heading {
2380 text-align:center;
2383 .message .note {
2384 text-align:center;
2385 padding:10px;
2388 #message-user .commands span {
2389 margin-left:10px;
2390 margin-right:10px;
2393 body#message-messages {
2394 padding:10px;
2397 /***
2398 *** Notes
2399 ***/
2400 .notepost {
2401 margin-bottom: 1em;
2402 background-color: #EEE;
2404 .sitenotepost {
2406 .coursenotepost {
2408 .draftnotepost {
2409 background-color: #F0FFF0;
2412 .ownnotepost .info {
2413 font-weight: bolder;
2416 .notepost .header {
2417 background: #DDD;
2418 padding: 5px;
2421 .notepost .user {
2422 font-weight: bolder;
2425 .notepost .userpicture {
2426 float: left;
2427 margin-right: 5px;
2430 .notepost .info {
2431 font-size: smaller;
2434 .notepost .content {
2435 clear: both;
2438 .notepost .footer {
2439 clear: both;
2442 /***
2443 *** MyMoodle
2444 ***/
2446 .my .coursebox .overview .info {
2447 margin-left:20px;
2450 .my .coursebox .overview {
2451 margin-bottom:10px;
2455 /***
2456 *** Question
2457 ***/
2458 .questionbank h2 {
2459 margin-top: 0;
2462 .que {
2463 text-align: left;
2464 margin: 0 auto 1.8em auto;
2465 border: 1px solid;
2466 clear: both;
2468 .que .info {
2469 float: left;
2470 margin: 0.5em 0 0.5em 1.2em;
2471 width: 8%;
2473 .que .content {
2474 float: left;
2475 margin: 0.5em 1.2em 0.5em 0;
2476 width: 85%;
2478 .que.description .info {
2479 display: none;
2481 .que.description .content {
2482 margin-left: 1.2em;
2483 float: none;
2484 width: auto;
2486 .que .qtext {
2487 margin-bottom: 1.5em;
2489 .que .ablock {
2490 margin: 0.7em 0 0.3em 0;
2492 .que .prompt {
2493 float: left;
2494 width: 15%;
2495 height: 2em;
2496 padding-top: 0.3em;
2498 .que .control {
2499 width: 5%;
2501 .que .answer {
2502 float: left;
2503 width: 83%;
2504 margin-bottom: 0.5em;
2506 .que .submit {
2507 position: relative;
2508 clear: both;
2509 float: left;
2511 /* MSIE Hack */
2512 * html .que .submit {
2513 float: none;
2515 .multianswer .submit {
2516 margin-top: 1em;
2518 .que .c0,
2519 .que .c1 {
2520 padding: 0.3em 0 0.3em 0.3em;
2521 vertical-align: top;
2523 .que .feedback {
2524 clear: both;
2525 padding: 0 0 0.3em 0.3em;
2526 margin-bottom: 0.5em;
2527 border: 1px solid;
2529 .multichoice td.feedback {
2530 width: auto;
2531 vertical-align: top;
2532 padding-top: 0.3em;
2533 border-style: none;
2535 .essay .feedback {
2536 border-style: none;
2538 .multichoice .text {
2539 width: auto;
2541 .calculated .answer,
2542 .numerical .answer,
2543 .shortanswer .answer {
2544 padding: 0.3em;
2545 width: auto;
2547 .truefalse .answer span {
2548 float: left;
2549 clear: left;
2550 padding: 0.3em;
2551 width: 100%;
2553 .que .grading,
2554 .que .comment,
2555 .que .commentlink,
2556 .que .generalfeedback,
2557 .que .history {
2558 margin-top: 0.5em;
2560 .que .grade {
2561 margin-top: 0.5em;
2564 .importerror {
2565 margin-top: 10px;
2566 border-bottom: 1px solid #555;
2569 /***
2570 *** Logs
2571 ***/
2573 .logtable {
2574 margin-left:auto;
2575 margin-right:auto;
2578 .logtable td,
2579 .logtable th {
2580 padding-left: 10px;
2581 padding-right: 10px;
2584 .logtable th {
2585 text-align:left;
2588 #course-user .info {
2589 margin-left:auto;
2590 margin-right:auto;
2591 text-align:center;
2592 margin:10px;
2595 /***
2596 *** Tabs
2597 ***/
2600 /*globalnav*/
2601 .tabtree {
2602 position:relative;
2605 .tabrow0 {
2606 text-align: center;
2607 width:100%;
2608 padding:0 0 1.75em 0;
2609 margin:0;
2610 list-style:none;
2611 line-height:1.8em;
2612 font-size: 84%;
2615 .tabrow0 li {
2616 display: inline;
2617 margin: 0 -4px 0 0;
2618 padding: 0;
2621 .tabrow0 a span {
2622 padding: 10px 14px 0.35em 0;
2623 background: transparent url(pix/tab/right.gif) no-repeat right top;
2626 .tabrow1 li a span {
2627 background: none !important;
2630 .tabrow0 a {
2631 text-decoration: none;
2632 background: transparent url(pix/tab/left.gif) no-repeat left top;
2633 margin: 0 -1px 0 0;
2634 padding: 10px 0 0.35em 13px;
2637 .tabrow0 a:hover {
2638 background-image: url(pix/tab/left_hover.gif);
2641 .tabrow0 .here a:hover {
2642 background-image: url(pix/tab/left.gif);
2645 .tabrow0 a:hover span {
2646 background-image: url(pix/tab/right_hover.gif);
2649 .tabrow0 .here a:hover span {
2650 background-image: url(pix/tab/right.gif);
2653 .tabrow0 .here a {
2654 color:#444;
2658 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2659 position:relative;
2660 z-index:102;
2663 /*subnav*/
2664 .tabrow0 .empty {
2665 height: 1px;
2666 overflow: hidden;
2667 padding: 0;
2670 .tabrow0 div,
2671 .tabrow0 ul {
2672 position: absolute;
2673 left: 0;
2674 top: 2.0em;
2675 width: 100%;
2676 margin: 0;
2677 padding: 0.25em 0;
2678 list-style: none;
2679 border-top: 1px solid #aaa;
2680 line-height: normal;
2681 background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2682 font-size: 90%;
2685 .tabrow0 ul li {
2686 display:inline;
2687 margin-top:1px;
2688 background-image: none;
2691 .tabrow0 ul a {
2692 background-image: none;
2693 color:#00c;
2694 margin:0;
2695 padding:0 1em;
2696 border:0
2699 .tabrow0 ul a span {
2700 padding: 0;
2701 background-image: none;
2704 .tabrow0 ul .last span,
2705 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2706 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2707 background-image: none !important;
2710 .tabrow0 ul div {
2711 display: none;
2714 ul.tabrow1 li a,
2715 ul.tabrow1 li a:link,
2716 ul.tabrow1 li a:visited {
2717 color:#00c;
2718 font-size: 110%;
2721 ul.tabrow1 li.here.selected a {
2722 color:#444;
2725 /***
2726 *** User
2727 ***/
2729 .userinfobox {
2730 margin-bottom:5px;
2731 border-width: 1px;
2732 border-style: solid;
2733 border-collapse: separate;
2736 .userinfobox .left,
2737 .userinfobox .side {
2738 padding: 10px;
2739 width: 100px;
2740 vertical-align: top;
2743 .userinfobox .userpicture {
2744 width: 100px;
2745 height: 100px;
2748 .userinfobox .content {
2749 padding: 10px;
2750 vertical-align: top;
2753 .userinfobox .links {
2754 width: 100px;
2755 padding: 5px;
2756 vertical-align: bottom;
2759 .userinfobox .list td {
2760 padding: 3px;
2763 .userinfobox .username {
2764 padding-bottom: 20px;
2767 .userinfobox td.label {
2768 text-align:right;
2769 white-space: nowrap;
2770 vertical-align: top;
2773 table.userinfobox {
2774 width: 80%;
2775 margin-left: 10%;
2776 margin-right: 10%;
2779 table.groupinfobox {
2780 width: 60%;
2781 margin-left: 20%;
2782 margin-right: 20%;
2783 border-width:1px;
2784 border-style:solid;
2785 margin-bottom: 20px;
2788 .groupinfobox .left {
2789 padding: 10px;
2790 width: 100px;
2791 vertical-align: top;
2794 body#user-index h2 {
2795 text-align: center;
2798 #user-view .buttons,
2799 #user-index .buttons {
2800 text-align: center;
2803 #user-view .buttons form,
2804 #user-view .buttons form div {
2805 display:inline;
2808 body#user-index #longtimenosee,
2809 body#user-index #showall {
2810 text-align: center;
2813 body#user-index #showall {
2814 margin: 10px 0px;
2817 body#user-index table#participants {
2818 margin: auto;
2819 width: 80%;
2822 body#user-index table#participants td,
2823 body#user-index table#participants th {
2824 vertical-align: middle;
2825 text-align: left;
2826 padding: 4px;
2829 body#user-index table.controls {
2830 width: 100%;
2832 body#user-index table.controls tr {
2833 vertical-align: top;
2835 body#user-index table.controls td.right,
2836 body#user-index table.controls td.left {
2837 padding: 4px;
2839 body#user-index table.controls .right {
2840 text-align: right;
2842 body#course-participation h2 {
2843 text-align:center;
2845 body#course-participation #showall {
2846 text-align:center;
2847 margin: 10px 0px;
2849 body#user-index .rolesform {
2850 text-align:center;
2853 #user-policy .noticebox {
2854 text-align:center;
2855 margin-left:auto;
2856 margin-right:auto;
2857 margin-bottom:10px;
2858 width:80%;
2859 height:250px;
2862 #user-policy #policyframe {
2863 width:100%;
2864 height:100%;
2867 /***
2868 *** Modules: Assignment
2869 ***/
2871 .userpicture,
2872 .picture user,
2873 .picture teacher {
2874 width:35px;
2875 vertical-align:top;
2877 .modform {
2878 text-align:center;
2881 /***
2882 *** Modules: Chat
2883 ***/
2885 .nextchatsession {
2886 text-align:center;
2889 #mod-chat-gui_header_js-jsupdate {
2890 margin:10px
2892 #mod-chat-gui_header_js-jsupdate .chat-event,
2893 #mod-chat-gui_header_js-jsupdate .chat-message {
2894 width:100%;
2895 padding:0;
2896 margin-top:7px
2899 #mod-chat-view #chatcurrentusers .chatuserdetails {
2900 vertical-align: middle;
2903 #mod-chat-view #enterlink {
2904 text-align: center;
2905 margin-left: auto;
2906 margin-right: auto;
2907 width: 50%;
2910 .chat-event .picture,
2911 .chat-message .picture {
2912 width:40px;
2913 vertical-align:top;
2915 .chat-event .text,
2916 .chat-message .text {
2917 text-align: left;
2920 #mod-chat-gui_basic #participants ul {
2921 margin:0px;
2922 padding:0px;
2923 list-style-type:none;
2926 #mod-chat-gui_basic #participants ul li {
2927 display:inline;
2928 margin-right:10px;
2931 #mod-chat-gui_basic #participants ul li .userinfo {
2932 display:inline;
2935 #mod-chat-gui_basic #messages dl {
2936 padding:0px;
2937 margin:1px;
2940 #mod-chat-gui_basic #messages dd,
2941 #mod-chat-gui_basic #messages dt {
2942 margin-left:0px;
2943 margin-right:5px;
2944 padding:0px;
2945 display:inline;
2948 /***
2949 *** Modules: Choice
2950 ***/
2951 .button {
2952 text-align:center;
2955 .attemptcell {
2956 width:5px;
2957 white-space: nowrap;
2960 .anonymous,
2961 .names {
2962 margin-left:auto;
2963 margin-right:auto;
2966 .downloadreport {
2967 border:0px;
2968 margin-left:auto;
2969 margin-right:auto;
2972 .choiceresponse {
2973 width:100%;
2975 .choiceresponse .picture {
2976 width:10px;
2977 white-space: nowrap;
2980 .choiceresponse .fullname {
2981 width:100%;
2982 white-space: nowrap;
2986 .results.data {
2987 vertical-align:top;
2988 white-space: nowrap;
2991 /***
2992 *** Modules: Data
2993 ***/
2994 .fieldadd,
2995 .sortdefault,
2996 .defaulttemplate {
2997 text-align:center;
2999 .datapreferences {
3000 text-align:center;
3003 table.presets {
3004 margin-left: auto;
3005 margin-right: auto;
3008 /***
3009 *** Modules: Forum
3010 ***/
3012 .forumheaderlist,
3013 .forumpost {
3014 border-width:1px;
3015 border-style:solid;
3016 border-collapse:separate;
3019 .forumpost {
3020 margin-top: 15px;
3023 .forumpost .topic {
3024 padding: 4px;
3025 border-style:solid;
3026 border-width: 0px;
3027 border-bottom-width: 1px;
3030 .forumpost .commands {
3031 padding-top: 0.5em;
3032 text-align:right;
3033 clear: both;
3036 .forumpost .ratings {
3037 padding-top: 1em;
3038 text-align:right;
3041 .forumpost .attachments {
3042 padding: 7px;
3043 text-align:right;
3046 .forumpost .content {
3047 padding: 4px;
3050 .forumpost .footer {
3051 padding-top: 0.5em;
3052 text-align:right;
3055 .forumpost .link {
3056 padding-top: 0.5em;
3057 text-align:right;
3060 .forumpost .left {
3061 width: 35px;
3062 padding: 4px;
3063 text-align: center;
3064 vertical-align: top;
3067 .mod-forum .indent {
3068 margin-left: 30px;
3071 body#user-view .forumpost,
3072 .course .forumpost {
3073 width: 100%;
3076 body#mod-forum-search .c0 {
3077 text-align: right;
3080 body#mod-forum-search .introcontent {
3081 padding: 15px;
3084 .forumolddiscuss {
3085 text-align: right;
3088 .forumheaderlist {
3089 width: 100%;
3092 .forumheaderlist td {
3093 border-width:1px 0px 0px 1px;
3094 border-style:solid;
3097 .forumheaderlist .replies {
3098 text-align: center;
3099 white-space: nowrap;
3102 .forumheaderlist .picture {
3103 width: 35px;
3106 .forumheaderlist .discussion .starter {
3107 vertical-align: middle;
3110 .forumheaderlist .lastpost {
3111 white-space: nowrap;
3112 text-align: right;
3115 .forumheaderlist .discussion .author {
3116 white-space: nowrap;
3118 .forumolddiscuss {
3119 text-align:right;
3121 .forumaddnew,
3122 .forumnodiscuss,
3123 .noticeboxcontent {
3124 text-align:center;
3127 #mod-forum-view .forumcontrol .groupmenu {
3128 float: left;
3129 text-align:left;
3130 white-space: nowrap;
3133 #mod-forum-view .forumcontrol .subscription {
3134 float: right;
3135 text-align:right;
3136 white-space: nowrap;
3139 #mod-forum-index .subscription {
3140 float: right;
3141 text-align:right;
3142 white-space: nowrap;
3145 #mod-forum-view .unread {
3146 padding-left: 3px;
3147 padding-right: 3px;
3149 #mod-forum-discuss .forumpost.unread .content {
3150 border-style: solid;
3151 border-width: 2px;
3153 #mod-forum-discuss .ratingsubmit {
3154 text-align:center;
3155 padding:10px;
3157 #mod-forum-index .unread img,
3158 #mod-forum-view .unread img
3160 margin-left: 5px;
3163 #mod-forum-discuss .discussioncontrols td {
3164 width: 33%;
3165 text-align:center;
3168 #email .unsubscribelink {
3169 margin-top:20px;
3170 border-width: 0px 1px 0px 0px;
3171 border-style: solid;
3172 text-align:center;
3175 /***
3176 *** Modules: Glossary
3177 ***/
3179 .glossarypost .commands {
3180 width: 200px;
3181 white-space: nowrap;
3184 #mod-glossary-comments .glossarypost,
3185 #mod-glossary-comment .glossarypost {
3186 margin-top: 15px;
3189 .entryboxheader {
3190 border-width: 1px 1px 0px 1px;
3191 border-style: solid;
3194 .entrybox {
3195 width: 100%;
3196 border-width: 0px 1px 1px 1px;
3197 border-style: solid;
3200 .entrybox hr {
3201 border-left:none;
3202 border-right:none;
3205 .glossarypost {
3206 width: 95%;
3207 border-width:1px;
3208 border-style:solid;
3209 border-collapse:separate;
3210 margin-left:auto;
3211 margin-right:auto;
3212 margin-bottom: 5px;
3213 text-align: left;
3216 .entrylist {
3217 border-width:0px;
3220 .entrylowersection {
3221 padding-top: 10px;
3224 .entrylowersection table{
3225 width: 100%;
3228 .entrylowersection .aliases {
3229 text-align:center;
3232 .entrylowersection .icons,
3233 .entrylowersection .ratings {
3234 text-align:right;
3235 padding-right: 5px;
3238 .entrylowersection .ratings {
3239 padding-bottom: 2px;
3242 .glossarycategoryheader {
3243 width: 95%;
3244 margin-left:auto;
3245 margin-right:auto;
3248 .glossaryformatheader {
3249 width: 90%;
3252 .glossarypost .entry {
3253 padding: 3px;
3256 .glossarypost .picture {
3257 width: 35px;
3260 .glossarycomment {
3261 border-width:1px;
3262 border-style:solid;
3263 border-collapse:separate;
3264 margin-bottom: 5px;
3265 text-align: left;
3268 .glossarycomment .entry {
3269 padding: 3px;
3272 .glossarycomment .picture {
3273 width: 35px;
3276 .glossarycomment .icons {
3277 text-align: right;
3280 .glossarydisplay {
3281 width: 90%;
3282 margin-left:auto;
3283 margin-right:auto;
3284 text-align:center;
3287 .glossarydisplay .tabs {
3288 width: 100%;
3291 .glossarydisplay .separator {
3292 width: 4px;
3295 .glossarydisplay .tabs .selected,
3296 .glossarydisplay .tabs .inactive,
3297 .glossarydisplay .tabs .general {
3300 .glossaryimportexport {
3301 margin-left:auto;
3302 margin-right:auto;
3303 text-align:center;
3306 .glossarypopup {
3307 width: 95%;
3310 .glossaryapproval {
3311 width: 100%;
3314 .mod-glossary .glossarydisplay .tabs {
3315 margin-bottom: 0px;
3317 .mod-glossary .glossarydisplay .tabs .side {
3318 border-style: none;
3319 border-width: 0px;
3320 width: auto;
3323 .glossaryexplain,
3324 .glossaryaddentry {
3325 text-align: center;
3328 .mod-glossary .tabrow0 {
3329 padding-bottom: 5px;
3332 #mod-glossary-view .glossarycontrol {
3333 float: right;
3334 text-align:right;
3335 white-space: nowrap;
3338 /***
3339 *** Modules: Journal
3340 ***/
3341 #mod-journal-view .lastedit,
3342 #mod-journal-view .editend {
3343 margin: 5px;
3344 text-align: center;
3346 #mod-journal-view .feedbackbox {
3347 width: 75%;
3348 border-collapse: separate;
3350 #mod-journal-view .entrycontent {
3351 padding: 3px;
3353 #mod-journal-view .picture {
3354 width: 35px;
3356 #mod-journal-view .grade {
3357 text-align: right;
3359 #mod-journal-view .info {
3360 margin-bottom: 5px;
3361 text-align: right;
3365 /***
3366 *** Modules: Label
3367 ***/
3369 /***
3370 *** Modules: Lesson
3371 ***/
3372 #mod-lesson-lesson #page .addform {
3373 text-align: center;
3375 #mod-lesson-edit #page .label {
3376 font-weight: bold;
3378 #mod-lesson-edit #page .labelcorrect {
3379 text-decoration: underline;
3380 font-weight: bold;
3382 .lessonmediafilecontrol {
3383 text-align: center;
3384 margin-left: auto;
3385 margin-right: auto;
3389 /***
3390 *** Modules: Quiz
3391 ***/
3393 #mod-quiz-view .quizinfo {
3394 text-align: center;
3396 #mod-quiz-view #page .quizgradefeedback,
3397 #mod-quiz-view #page .quizattempt
3399 text-align: center;
3402 #mod-quiz-attempt #page {
3403 text-align: center;
3405 #mod-quiz-attempt .pagingbar {
3406 margin: 1.5em auto;
3409 body#question-preview .quemodname,
3410 body#question-preview .controls
3412 text-align: center;
3414 body#question-preview .quemodname, body#question-preview .controls {
3415 text-align: center;
3418 #mod-quiz-review #page .controls {
3419 text-align: center;
3420 margin: 1.5em auto;
3422 #mod-quiz-review .pagingbar {
3423 margin: 1.5em auto;
3425 #mod-quiz-review .pagingbar {
3426 margin: 1.5em auto;
3428 table.quizreviewsummary {
3429 margin-bottom: 1.8em;
3430 width: 100%;
3432 table.quizreviewsummary tr {
3434 table.quizreviewsummary th.cell {
3435 padding: 1px 0.5em 1px 1em;
3436 font-weight: bold;
3437 text-align: right;
3438 width: 10em;
3440 table.quizreviewsummary td.cell {
3441 padding: 1px 1em 1px 0.5em;
3444 #mod-quiz-edit #page .controls,
3445 #mod-quiz-edit #page .attemptsnotice
3447 text-align: center;
3449 #mod-quiz-edit .quizquestions h2 {
3450 margin-top: 0;
3452 #mod-quiz-edit #showbreaks {
3453 margin-top: 0.7em;
3455 .quizquestionlistcontrols {
3456 text-align: center;
3459 body#mod-quiz-report table#attempts,
3460 body#mod-quiz-report table#commands,
3461 body#mod-quiz-report table#itemanalysis
3463 width: 80%;
3464 margin: auto;
3466 body#mod-quiz-report table#attempts,
3467 body#mod-quiz-report h2.main {
3468 clear: both;
3470 body#mod-quiz-report table#attempts {
3471 margin: 20px auto;
3473 body#mod-quiz-report table#attempts .header,
3474 body#mod-quiz-report table#attempts .cell
3476 padding: 4px;
3478 body#mod-quiz-report table#attempts .header .commands {
3479 display: inline;
3481 body#mod-quiz-report table#attempts .picture {
3482 width: 40px;
3484 body#mod-quiz-report table#attempts td {
3485 border-left-width: 1px;
3486 border-right-width: 1px;
3487 border-left-style: solid;
3488 border-right-style: solid;
3489 vertical-align: middle;
3491 body#mod-quiz-report table#attempts .header {
3492 text-align: left;
3494 body#mod-quiz-report table#attempts .picture {
3495 text-align: center !important;
3497 body#mod-quiz-report .controls {
3498 text-align: center;
3501 /***
3502 *** Modules: Resource
3503 ***/
3505 #mod-resource-view .resourcecontent {
3506 text-align:center;
3507 margin:20px;
3510 #mod-resource-view .resourcepdf {
3511 width: 100%;
3512 padding-top: 15px;
3513 text-align: center
3516 .resourcecontent object {
3517 height:480px;
3518 width:600px;
3521 .resourcepdf object{
3522 height: 800px;
3523 width: 800px;
3526 .mod-resource .modified {
3527 text-align:center;
3530 .mod-resource .popupnotice {
3531 text-align:center;
3532 margin:40px;
3535 .ims-nav-bar {
3536 position: relative;
3537 padding:0.1em;
3540 .ims-nav-button a,
3541 .ims-nav-dimmed {
3542 padding-left:1em;
3543 padding-right:1em;
3546 #ims-containerdiv {
3547 margin-top:0.2em;
3550 #ims-menudiv {
3551 position:absolute;
3552 width:250px;
3553 overflow:auto;
3556 #ims-menudiv ol {
3557 list-style-type:none;
3558 margin:0px;
3559 padding-left:1em;
3562 #ims-contentframe {
3563 position:absolute;
3564 left:260px;
3565 border:1px solid;
3566 width:640px;
3567 height:480px;
3570 #ims-contentframe-no-nav {
3571 position:absolute;
3572 border:1px solid;
3573 width:640px;
3574 height:480px;
3577 #mod-resource-view div#footer {
3578 margin-top: 5px;
3581 /***
3582 *** Modules: Scorm
3583 ***/
3585 /***
3586 *** Modules: Survey
3587 ***/
3588 .resultgraph {
3589 text-align:center;
3590 border:1px solid;
3593 .reportsummary,
3594 .studentreport,
3595 .reportbuttons {
3596 text-align:center;
3599 .centerpara {
3600 text-align:center;
3603 .fullnamecell {
3604 width:10%;
3605 vertical-align:top;
3606 white-space: nowrap;
3609 .questiontext {
3610 font-size:1em;
3613 .smalltext {
3614 font-size:0.6em;
3617 .smalltextcell,
3618 .screenreadertext {
3619 width:10%;
3620 text-align:center;
3623 .foundthat,
3624 .preferthat {
3625 width:10%;
3626 white-space: nowrap;
3629 .qnumtopcell {
3630 width:10px;
3631 vertical-align:top;
3634 .qnummiddlecell {
3635 width:10px;
3636 vertical-align:middle;
3639 .optioncell {
3640 width:40%;
3641 vertical-align:middle;
3644 .buttoncell {
3645 width:5%;
3648 .questioncell {
3649 width:50%;
3650 vertical-align:top;
3653 .whitecell {
3654 background-color:white;
3656 /***
3657 *** Modules: Wiki
3658 ***/
3659 .sideblockheading,
3660 .howtowiki {
3661 text-align:right;
3664 .wikisearchform,
3665 .wikilinksblock,
3666 wikiadminactions {
3667 text-align:center;
3670 .wikilinkright{
3671 text-align:right;
3672 padding-bottom: 0.5em;
3675 .wikiexportbox{
3676 margin-left:auto;
3677 margin-right:auto;
3679 /***
3680 *** Modules: Workshop
3681 ***/
3682 .redfont {
3683 color: red;
3686 .workshopuploadform,
3687 .workshopkey {
3688 text-align:center;