MDL-11515:
[moodle-linuxchix.git] / theme / standard / styles_layout.css
blob40e54537f7ecbff863e5b920ce74e7f91d708a0f
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 tags
28 user
30 various modules
32 *******************************************************************/
35 /***
36 *** Core
37 ***/
39 h1.main,
40 h2.main,
41 h3.main,
42 h4.main,
43 h5.main,
44 h6.main {
45 text-align: center;
48 #layout-table {
49 width:100%;
50 border-collapse:separate;
51 margin-top: 8px;
54 #layout-table #left-column,
55 #layout-table #middle-column,
56 #layout-table #right-column
58 vertical-align:top;
61 #layout-table #middle-column {
62 padding-left:12px;
63 padding-right:12px;
66 .clearer {
67 clear:both;
68 margin:0;
69 padding:0;
70 height:1px;
71 border:none;
72 background:transparent;
73 display:block;
76 .clearfix {
77 min-width: 0;
78 /* overflow: hidden; */
81 .clearfix:after {
82 /* content: "<!-- -->"; */
83 content: ".";
84 display: block;
85 height: 0;
86 clear: both;
87 visibility: hidden;
90 /* .clearfix {display: inline-table;} */
92 /* Hides from IE-mac \*/
93 * html .clearfix {height: 1%;}
94 .clearfix {display: block;}
95 /* End hide from IE-mac */
97 .mdl-align {
98 text-align: center;
101 .continuebutton {
102 text-align: center;
105 form {
106 margin-bottom:0;
109 table {
110 border-spacing: 0;
111 border-collapse: collapse;
114 a img {
115 border:none;
118 img.userpicture,
119 img.grouppicture {
120 border: 0;
123 #grouppicture {
124 text-align: center;
127 div.groupselector {
128 float: left;
129 margin-top: 3px;
130 margin-bottom: 3px;
133 #addmembersform table {
134 margin-left: auto;
135 margin-right: auto;
138 .notifyproblem {
139 text-align: center;
140 padding: 10px;
143 .notifysuccess {
144 text-align:center;
145 padding: 10px;
148 .notifytiny {
149 text-align:left;
150 padding: 0;
153 .singlebutton form,
154 .singlebutton div {
155 display:inline;
158 .generalbox {
159 border-width:1px;
160 border-style:solid;
161 margin-bottom: 15px;
162 padding:10px;
165 .generalbox#intro {
166 width:70%;
167 margin-left:auto;
168 margin-right:auto;
169 padding-bottom:15px;
172 .boxaligncenter {
173 margin-left:auto;
174 margin-right:auto;
177 .boxalignright {
178 margin-left:auto;
179 margin-right:0;
182 .boxalignleft {
183 margin-left:0;
184 margin-right:auto;
187 .boxwidthnarrow {
188 width: 30%
191 .boxwidthnormal {
192 width: 50%
195 .boxwidthwide {
196 width: 80%
199 .centerpara {
200 text-align:center
203 .noticebox {
204 border-width:1px;
205 border-style:solid;
206 padding:10px;
209 #notice.generalbox {
210 width: 60%;
211 margin-left:auto;
212 margin-right:auto;
215 #notice .buttons {
216 text-align:center
219 #notice .buttons div,
220 #notice .buttons form {
221 display:inline;
224 #notice .singlebutton {
225 text-align:center;
226 padding: 5px;
227 margin: 0px;
230 .errorbox {
231 border-width:1px;
232 border-style:solid;
233 margin: 1em 15%;
234 width: 70%;
235 padding:10px;
238 .errorbox .title {
239 padding: 5px;
242 .informationbox {
243 border-width:1px;
244 border-style:solid;
245 padding: 10px;
248 .feedbackbox {
249 border-width:1px;
250 border-style:solid;
253 .feedbackby {
256 .feedback {
259 .generaltable {
260 border-width: 1px;
261 border-style: solid;
264 .generaltable .cell {
265 border-width: 1px;
266 border-style: solid;
267 border-collapse: collapse;
270 #participationreport .reporttable {
271 text-align: center;
272 margin-left:auto;
273 margin-right:auto;
276 #participationreport {
277 text-align: center;
280 #participationreport .modulename {
281 font-weight: bold;
284 #participationreportselector {
285 text-align: center;
288 #participationreportactions {
289 text-align: center;
292 .initialbar {
293 text-align: center;
296 #help .indent {
297 margin-left:3em;
300 .closewindow,
301 #help .helpindex {
302 text-align: center;
305 .tabledivider {
306 border-width:1px;
307 border-style:solid;
308 border-left:0;
309 border-right:0;
310 border-top:0;
313 .sitetopic {
314 margin-bottom:20px;
317 .sitetopiccontent {
318 border-width:1px;
319 border-style:solid;
322 .pagingbar {
323 text-align:center;
326 .pagingbar a {
327 padding-left: 10px;
330 .pagingbar .thispage {
331 padding-left: 10px;
334 table.formtable {
335 margin: auto;
338 table.formtable tbody th {
339 vertical-align: top;
342 table.formtable tbody td,
343 table.formtable tbody th
345 padding: 5px;
348 table.formtable tbody .htmlarea td,
349 table.formtable tbody .htmlarea th
351 padding: 0;
354 .flexible th
356 white-space: nowrap;
359 .paging {
360 text-align: center;
361 margin: 10px 0 10px 0;
364 .unread {
365 padding-right:2px;
368 .cell {
369 vertical-align: top;
372 .helplink img {
373 vertical-align: middle;
374 margin: 0 2px;
375 width: 17px;
376 height: 17px;
379 img.emoticon {
380 vertical-align: middle;
381 width: 15px;
382 height: 15px;
385 form.popupform,
386 form.popupform div {
387 display: inline;
390 form.popupform label {
391 margin-right: 0.5em;
394 .arrow_button {
395 margin-top:3em;
398 .arrow_button input {
399 width:2.4em;
400 padding:0.3em;
401 overflow:hidden;
404 .groupmanagementtable td {
405 vertical-align: top;
408 .groupmanagementtable p {
409 text-align: center;
412 .groupmanagementtable select {
413 width: 18em;
416 #group-groupings .buttons {
417 margin: 20px;
418 text-align:center;
421 #group-groupings .buttons .singlebutton {
422 display: inline;
423 padding: 5px;
426 #group-usersummary {
427 width: 14em;
431 #grouping-groups-overview {
432 margin: auto;
433 width: 90%;
436 #grouping-groups-overview ul {
437 list-style: none;
438 padding-left: 0;
439 margin-left: 0px;
440 font-weight: bold;
443 /* First level list items i.e. groupings */
444 #grouping-groups-overview ul li {
445 padding-bottom: 1.8em;
448 /* Second level list items i.e. groups */
449 #grouping-groups-overview ul li ul li {
450 font-style: italic;
451 font-weight: normal;
452 background-color: #ffffff;
453 border: 1px solid #DDDDDD;
454 padding: 1.1em;
455 margin: 0.1em;
458 /* Third level list items i.e. group members */
459 #grouping-groups-overview ul li ul li ul li {
460 font-style: normal;
461 border: none;
462 padding: 0;
466 img.icon {
467 vertical-align:middle;
468 margin-right:4px;
469 width:16px;
470 height:16px;
471 border:0px;
474 img.iconsmall {
475 vertical-align:middle;
476 margin-right:1px;
477 width:11px;
478 height:11px;
479 border:0px;
482 img.iconhelp {
483 vertical-align:middle;
484 margin-right:4px;
485 width:17px;
486 height:17px;
487 border:0px;
490 img.iconkbhelp {
491 width:49px;
492 height:17px;
493 border:0px;
496 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
497 .accesshide {
498 position:absolute;
499 top:-1000px;
500 left:10px;
501 font-weight:normal;
502 font-size:1em;
505 .invisiblefieldset {
506 display:inline;
507 border:0px;
508 padding:0px;
509 margin:0px;
512 span.hide,
513 div.hide {
514 display:none;
517 /***
518 *** Forms
519 ***/
521 .mform {
522 margin: 0 auto;
523 padding: 0;
524 width: 80%;
526 .mform fieldset {
527 border: 1px solid #DDDDDD;
528 padding: 10px 0;
529 margin: 0.7em 0;
530 width:100%;
532 .mform fieldset.hidden, .mform fieldset.felement {
533 border: 0;
535 .mform fieldset.felement {
536 width: auto;
538 .mform fieldset legend {
539 font-weight: bold;
540 margin-left: 0.5em;
542 .mform fieldset .advancedbutton{
543 width:100%;
544 text-align:right;
546 .mform div.fitem {
547 clear: both;
548 width: 100%;
549 min-height: 1.5em;
552 .mform .fitemtitle {
553 display: block;
554 float: left;
555 width: 30%;
556 padding: 0;
557 margin: 5px 0 0 10px;
558 text-align: right;
561 .mform .fitemtitle div{
562 display: inline;
565 div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label,
566 fieldset.fdate_selector label {
567 display:inline;
568 float: none;
569 width: auto;
572 .mform div.felement, .mform fieldset.felement{
573 display: block;
574 float: left;
575 margin: 5px 0 0 10px;
576 padding: 0;
577 text-align:left;
578 width: 60%;
581 .mform div.fdescription {
582 clear: both;
583 min-height: 1.5em;
586 .mform .fdescription.required {
587 text-align:right;
590 .mform input, .mform select {
591 width: auto;
593 .mform ftextarea {
595 .mform br {
596 clear: left;
598 .mform div.fhtmleditor {
599 margin: 0 auto 10px auto;
600 width : 600px;
601 clear:both;
602 float:none;
603 padding: 25px 0 20px 0;
605 .mform span.error, .mform span.required {
606 color: red;
608 .mform div.error,.mform fieldset.error {
609 border: 1px solid red;
610 padding: 5px;
611 color: inherit;
613 .mform .fcheckbox input {
614 margin-left: 0px;
616 .mform .fpassword .unmask {
617 display:inline;
619 .mform .fpassword .unmask input {
620 margin-left:5px;
621 margin-right:3px;
624 form#adminsettings div.htmlarea {
625 clear: left;
626 padding-top: 5px;
629 .mform label .req, .mform label .adv {
630 cursor: help;
633 /* form frozen */
634 div.mform div.fitem div.fstatic{
635 border-color : lightgrey;
636 border-style : dashed;
637 border-width : thin;
640 #admin-register .mform .fsubmit {
641 padding:20px;
642 text-align:center;
645 div.phpinfo .center{
646 text-align: center;
649 div.phpinfo .center table {
650 margin-left: auto;
651 margin-right: auto;
652 text-align: left;
655 div.phpinfo .center th {
656 text-align: center;
659 .backup-form-instances {
660 margin:0px 20px 0px 20px;
662 .restore-form-instances {
663 margin:0px 20px 0px 20px;
667 /***
668 *** Header
669 ***/
671 .headerskip {
672 position:absolute;
673 right:20em;
674 font-size:0.8em;
677 #header-home {
680 #header {
683 .headermain, h1.headermain {
684 float:left;
685 margin:0;
686 padding:0;
689 .headermenu {
690 float:right;
691 text-align:right;
694 .navigation li,
695 .navigation div,
696 .navigation button,
697 .navigation form {
698 display: inline;
701 .navbar {
702 width:auto;
703 padding:3px 0.5em;
704 border-width:1px;
705 border-style:solid;
708 .navbar .langmenu {
709 text-align:right;
712 table.navbar {
713 width: 100%;
716 .navbar .navbutton {
717 margin-top: 3px;
718 float: left;
721 .navbar .navbutton div,
722 .navbar .navbutton form {
723 display:inline;
724 margin:0px;
725 padding:0px;
728 .navbar .breadcrumb {
729 float:left;
730 margin:0.2em 0;
733 .breadcrumb ul {
734 padding:0;
735 margin:0;
736 text-indent:0;
737 list-style:none;
739 .breadcrumb li {
740 display:inline;
743 .navbar .navbutton,
744 .navbar .menu {
745 float:right;
748 #footer .navbar {
749 margin-top: 4em;
752 .reportlink {
753 text-align:right;
756 .navigation {
757 margin-bottom: 4px;
760 .navigation ul {
761 margin:0px;
762 padding:0px;
763 list-style-type:none;
766 .navigation ul li form,
767 .navigation ul li {
768 display:inline;
769 margin:0px;
770 padding:0px;
771 margin-left:2px;
774 .navigation ul li form fieldset,
775 .navigation ul li form div select {
776 vertical-align: middle;
779 .navigation optgroup {
780 text-align:center;
781 padding-top:4px;
784 .navigation option {
785 text-align:left;
788 .navigation optgroup option {
789 padding:0px;
792 #navmenupopup option,
793 #navmenufooterpopup option {
794 padding: 2px 0 2px 20px;
795 background-repeat: no-repeat;
796 background-position: 1px 2px;
797 vertical-align: middle;
800 /***
801 *** Footer
802 ***/
804 #footer {
805 text-align:center;
806 margin-top: 40px;
809 .homelink {
810 margin: 1em 0;
813 .homelink a {
814 padding-left:1em;
815 padding-right:1em;
818 .sitelink {
819 padding-top:1em;
822 .performanceinfo {
823 margin: 2em;
826 .performanceinfo span {
827 display: block;
830 #footer .validators {
831 margin-top:40px;
832 padding-top:5px;
833 border-top: 1px dotted gray;
836 #footer .validators ul {
837 margin:0px;
838 padding:0px;
839 list-style-type:none;
842 #footer .validators ul li {
843 display:inline;
844 margin-right:10px;
845 margin-left:10px;
848 /***
849 *** Filters
850 ***/
851 span.mediaplugin {
852 display:block;
853 clear:both;
854 margin-top:5px;
855 margin-bottom:5px;
858 span.mediaplugin_mp3 {
859 display:inline;
860 clear:none;
861 margin:0px;
862 margin-left:0.5em;
866 /***
867 *** Admin
868 ***/
870 body#admin-index .c0 {
871 vertical-align: top;
874 body#admin-index .c1 {
875 vertical-align: middle;
878 body#admin-blocks table.generaltable th,
879 body#admin-filters table.generaltable th,
880 body#admin-modules table.generaltable th,
881 body#admin-auth table.generaltable th
883 white-space: nowrap;
886 body#admin-modules .generaltablecell
888 padding-top: 2px;
889 padding-bottom: 2px;
892 body#admin-blocks table.generaltable th,
893 body#admin-blocks table.generaltable td.cell,
894 body#admin-filters table.generaltable th,
895 body#admin-filters table.generaltable td.cell,
896 body#admin-modules table.generaltable th,
897 body#admin-modules table.generaltable td.cell,
898 body#admin-auth table.generaltable th,
899 body#admin-auth table.generaltable td.cell
901 padding: 4px;
902 text-align: center;
903 vertical-align: middle;
906 body#admin-blocks table.generaltable th.c0,
907 body#admin-blocks table.generaltable td.c0,
908 body#admin-filters table.generaltable th.c0,
909 body#admin-filters table.generaltable td.c0,
910 body#admin-modules table.generaltable th.c0,
911 body#admin-modules table.generaltable td.c0,
912 body#admin-auth table.generaltable th.c0,
913 body#admin-auth table.generaltable td.c0
915 text-align: left;
918 body#admin-modules table.generaltable td.c0
920 white-space: nowrap;
923 #admin-blocks
924 #admin-config .confighelp {
925 display: block;
926 padding-bottom: 20px;
929 #admin-roles-manage table.generalbox {
930 margin: auto;
933 #admin-stickyblocks .generalbox {
934 text-align:center;
937 #admin-index .copyrightnotice {
938 margin: auto;
939 text-align: center;
942 #admin-report-simpletest-index .exception pre {
943 padding: 8px;
946 #admin-report-simpletest-index .unittestsummary {
947 padding: 8px;
948 margin-top: 1em;
951 #admin-roles-allowassign .buttons,
952 #admin-roles-allowoverride .buttons,
953 #admin-roles-manage .buttons,
954 #admin-roles-override .buttons {
955 margin: 20px;
956 text-align:center;
959 #admin-roles-manage .buttons .singlebutton,
960 #admin-roles-override .buttons .singlebutton {
961 display: inline;
962 padding: 5px;
965 #admin-roles-manage .selector,
966 #admin-roles-override .selector {
967 text-align:center;
970 #admin-roles-manage table.roledesc,
971 #admin-roles-override table.roledesc {
972 margin-left:auto;
973 margin-right:auto;
976 #admin-roles-manage table.rolecap,
977 #admin-roles-override table.rolecap {
978 margin-left:auto;
979 margin-right:auto;
982 .rolecap .inherit,
983 .rolecap .allow,
984 .rolecap .prevent,
985 .rolecap .prohibit {
986 text-align:center;
989 #admin-roles-manage .rolecap .cap-desc .cap-name,
990 #admin-roles-override .rolecap .cap-desc .cap-name {
991 display: block;
994 #admin-roles-override .cell.c1,
995 #admin-roles-assign .cell.c1 {
996 padding-top: 0.75em;
999 #admin-lang .generalbox {
1000 text-align:center;
1001 margin:auto;
1002 border-width: 1px;
1003 border-style: solid;
1006 #admin-langimport .generalbox {
1007 text-align:center;
1008 margin:auto;
1009 border-width: 1px;
1010 border-style: solid;
1013 #admin-langimport .generalbox table {
1014 text-align:center;
1015 margin:auto;
1018 #admin-index .adminwarning {
1019 text-align:center;
1020 border-width: 1px;
1021 border-style: solid;
1022 margin:20px;
1025 #admin-index .adminwarning .singlebutton,
1026 #admin-index #layout-table .singlebutton {
1027 text-align:center;
1028 margin:20px;
1031 #adminsettings fieldset {
1032 margin-top: 1em;
1033 padding: 1em 0.5em;
1036 #adminsettings legend {
1037 display: none;
1040 #adminsettings .form-group {
1041 float: left;
1044 #adminsettings .form-item {
1045 margin: 0;
1048 #adminsettings label {
1049 display: block;
1050 float: left;
1051 width: 150px;
1052 text-align: right;
1055 #adminsettings .form-shortname {
1056 display: block;
1059 #adminsettings select,
1060 #adminsettings input {
1061 float: left;
1062 margin: 0 0 0 10px;
1065 #adminsettings textarea {
1066 float: left;
1067 margin: 0 0 0 10px;
1068 width: 65%;
1071 #adminsettings .form-group select,
1072 #adminsettings .form-group input {
1073 display: inline;
1074 float: none;
1078 /* #adminsettings .admin-configtime .form-select {
1079 display: inline;
1080 float: none;
1083 #adminsettings div.admin-frontpage div.form-group select.form-select {
1084 display: inline;
1085 float: none;
1086 } */
1088 #adminsettings .description {
1089 clear: both;
1090 margin: 0 1em 0 160px;
1091 padding: 0.3em 0 1.5em 0;
1094 #adminsettings .form-item .unmask input {
1095 margin-left:5px;
1096 margin-right:3px;
1099 #adminsettings .form-item .unmask label {
1100 width: auto;
1101 text-align: left;
1104 .environmentbox {
1105 margin-top: 1em;
1108 .form-buttons {
1109 margin: 10px 0 0 160px;
1112 .form-text {
1113 width: 20em;
1115 .form-textarea { }
1116 .form-select { }
1117 .form-checkbox { }
1118 .form-radio { }
1119 .form-submit { }
1120 .form-reset { }
1122 .admin-frontpagedesc .htmlarea {
1123 margin: 0 auto 10px auto;
1124 width : 600px;
1127 .adminsearchform {
1128 padding-top:10px;
1131 .block_admin_tree .admintree {
1132 text-align:left;
1135 #admin-lang .translator {
1136 border-width: 1px;
1137 border-style: solid;
1140 #adminsettings #admin-calendar_weekend table {
1141 width: 100%;
1144 #adminsettings #admin-calendar_weekend table td {
1145 text-align: center;
1148 #adminsettings #admin-calendar_weekend table td label {
1149 width: 100%;
1150 text-align: center;
1151 float: none;
1154 #trustedhosts .generaltable {
1155 margin-left: auto;
1156 margin-right: auto;
1157 width: 500px;
1160 #trustedhosts .standard {
1161 width: auto;
1164 #mnetconfig table {
1165 margin-left: auto;
1166 margin-right: auto;
1169 #admin-report-stats-index .invisiblefieldset {
1170 display: block;
1173 #admin-report-courseoverview-index .invisiblefieldset {
1174 display: block;
1177 /***
1178 *** Blocks
1179 ***/
1181 /*Accessibility: Skip block link, for screen reader users. */
1182 a.skip-block, .skip-block {
1183 display:block;
1184 width:2em;
1185 height:1px;
1187 .sideblock .skip-block {
1188 height:4px;
1190 .skip-block-to {
1191 font-size:1px;
1194 .sideblock {
1195 margin-bottom:1em;
1196 width: 100%;
1199 .sideblock .header, .sideblock h2.header {
1200 text-align: left;
1201 margin:0;
1202 padding:4px;
1203 padding-top:0;
1204 border-width: 1px;
1205 border-style: solid;
1206 border-bottom: none;
1208 .sideblock h2 {
1209 margin:0;
1210 padding:0;
1213 .sideblock .header .hide-show {
1214 float:right;
1217 .sideblock .header .hide-show img.hide-show-image {
1218 height:11px;
1219 width:11px;
1220 margin-top:0.25em;
1223 .sideblock .header .commands {
1224 margin-top: 0.3em;
1225 clear: both;
1226 height: 16px;
1229 .sideblock .header .commands a {
1230 margin: 0px 2px;
1233 #left-column .hidden .header,
1234 #right-column .hidden .header
1236 border-bottom-width: 1px;
1237 border-bottom-style: solid;
1240 #left-column .hidden .content,
1241 #right-column .hidden .content
1243 display: none;
1246 .sideblock .header .icon.hide,
1247 .sideblock .header .icon.edit {
1248 margin-right: 6px;
1251 .sideblock .content {
1252 padding: 4px;
1253 border-width: 1px;
1254 border-style: solid;
1257 .sideblock .content h3,
1258 .sideblock .content h2 {
1259 text-align: left;
1262 .sideblock .content h2 {
1263 margin:1.5em 0 0;
1264 padding:0;
1267 .sideblock .content .head {
1268 margin-top: 10px;
1271 .sideblock .content hr {
1272 height:1px;
1273 margin-top:4px;
1274 margin-bottom:4px;
1275 border:none;
1276 border-top:1px solid;
1279 .sideblock div.column {
1280 margin:0px;
1281 margin-right:4px;
1282 padding:0px;
1285 .sideblock div.column.c0 {
1286 float: left;
1289 .sideblock div.column.c1 {
1290 display: inline;
1293 .sideblock .content .c0 img.icon {
1294 margin:0px;
1297 .sideblock .content .list, .unlist, .inline-list {
1298 list-style:none;
1299 padding:0;
1300 margin:0;
1303 .sideblock .content .list {
1304 width: 100%;
1307 .sideblock .content .list li {
1308 clear: left;
1311 .sideblock .content .inline-list li {
1312 display:inline;
1315 .sideblock .content ul.list li.listentry {
1316 clear:both;
1319 .sideblock .content div.info {
1320 text-align:center;
1323 .sideblock .footer {
1324 margin-bottom: 4px;
1325 text-align:center;
1326 clear:both;
1329 .sideblock img.userpicture {
1330 width:16px;
1331 height:16px;
1332 margin-right:4px;
1335 .blockconfigtable {
1336 margin-top: 0;
1337 margin-right: auto;
1338 margin-left: auto;
1341 .blockconfigtable td.label {
1342 text-align: right;
1343 width: 50%;
1346 .blockconfigtable td.value {
1347 text-align: left;
1348 width: 50%;
1351 .blockconfigtable td.submit {
1352 text-align: center;
1355 .blockconfiginstancecontent .tabs {
1356 margin-bottom: 0px;
1357 margin-left: auto;
1358 margin-right: auto;
1361 .block_messages .content {
1362 text-align:left;
1363 font-size:0.75em;
1364 padding-top:5px;
1367 .block_recent_activitysideblock .h3 {
1368 padding-top:5px;
1371 .block_online_users .listentry div.user,
1372 .block_messages .listentry div.user {
1373 float:left;
1376 .block_online_users .listentry div.message,
1377 .block_messages .listentry div.message {
1378 float:right;
1381 .block_course_list .footer {
1382 margin-top: 5px;
1385 #rssfeeds {
1386 margin-left: auto;
1387 margin-right: auto;
1390 #block_rss {
1391 text-align: center;
1394 .block_search_forums .invisiblefieldset {
1395 display: block;
1398 .block_tag_youtube .youtube-thumb {
1399 width:75px;
1400 height:50px;
1402 .block_tag_youtube .yt-video-entry{
1403 font-size:10px;
1404 line-height:11px;
1407 .block_tag_flickr .flickr-photos {
1408 padding:3px;
1411 /***
1412 *** Blogs
1413 ***/
1414 .addbloglink {
1415 text-align: center;
1418 .blogpost .audience {
1419 text-align: right;
1422 .blogpost .tags {
1423 margin-top: 15px;
1427 /***
1428 *** Calendar
1429 ***/
1431 #calendar {
1432 width: 100%;
1433 border-spacing: 5px;
1434 border-collapse: separate;
1437 #calendar h2,
1438 #calendar h3
1440 text-align: center;
1443 #calendar .maincalendar,
1444 #calendar .sidecalendar
1446 vertical-align: top;
1447 border: 1px solid;
1448 padding: 0px;
1451 #calendar .maincalendar {
1452 height: 100%;
1455 #calendar .maincalendar .heightcontainer {
1456 height: 100%;
1457 position: relative;
1460 #calendar .maincalendar .bottom {
1461 width: 100%;
1462 text-align: center;
1463 padding:5px 0 0;
1466 #calendar .sidecalendar {
1467 width: 25%;
1470 #calendar .maincalendar table.calendarmonth {
1471 border-collapse: separate;
1472 margin: 0px auto;
1473 width: 98%;
1476 #calendar .maincalendar table.calendarmonth th {
1477 padding:10px;
1478 border-bottom:2px solid;
1481 #calendar .maincalendar table.calendarmonth td {
1482 height: 5em;
1483 padding-left: 4px;
1484 padding-top: 4px;
1485 line-height:1.2em;
1488 #calendar .maincalendar table.calendarmonth td,
1489 table.minicalendar td,
1490 table.minicalendar th {
1491 width:14%;
1492 vertical-align:top;
1494 table.minicalendar td {
1495 text-align: center;
1497 #calendar .maincalendar table.calendarmonth td table td {
1498 height: auto;
1501 #calendar div.header
1503 padding: 5px;
1506 #calendar .sideblock div.header
1508 border:none;
1511 #calendar .maincalendar .buttons {
1512 float: right;
1515 #calendar .maincalendar .filters table,
1516 #calendar .sidecalendar .filters table,
1517 .sideblock.block_calendar_month .filters table
1519 border-collapse:separate;
1520 border-spacing: 2px;
1521 padding: 2px;
1522 width: 100%;
1525 #calendar .maincalendar .filters {
1526 padding: 0px 10px;
1529 #calendar .sidecalendar .filters {
1530 padding: 5px;
1533 #calendar .maincalendar .controls {
1534 clear:both;
1535 padding:10px;
1538 #calendar .maincalendar table.calendarmonth ul.events-new,
1539 #calendar .maincalendar table.calendarmonth ul.events-underway
1541 padding:0px;
1542 margin:0px;
1543 list-style-type:none;
1546 #calendar .maincalendar table.calendarmonth ul li {
1547 margin-top: 4px;
1550 .minicalendarblock {
1551 padding: 0px 4px;
1554 table.minicalendar {
1555 width: 100%;
1556 margin: 10px auto;
1557 padding:2px;
1558 border-width:1px;
1559 border-style:solid;
1560 border-collapse:separate;
1561 border-spacing:1px !important;
1564 table.minicalendar th {
1565 padding: 0px 2px;
1568 #calendar .maincalendar .eventlist {
1569 padding: 10px;
1572 #calendar .maincalendar .eventlist .topic {
1573 padding: 5px;
1574 border-style:solid;
1575 border-width: 0px;
1576 border-bottom-color: #EEEEEE;
1577 border-bottom-width: 1px;
1580 #calendar .maincalendar .eventlist .event {
1581 width:100%;
1582 margin-bottom:10px;
1583 border-spacing:0px;
1584 border-collapse:separate;
1585 border-width:1px;
1586 border-style:solid;
1589 #calendar .maincalendar .eventlist .event .name {
1590 float:left;
1593 #calendar .maincalendar .eventlist .event .course {
1594 float:left;
1595 clear:left;
1598 #calendar .maincalendar .eventlist .event .date {
1599 float:right;
1602 #calendar .maincalendar .eventlist .event .description .commands {
1603 width:100%;
1606 #calendar .maincalendar .eventlist .event .description {
1607 padding:5px;
1610 #calendar .maincalendar .eventlist .event .picture {
1611 padding:8px;
1614 #calendar .maincalendar .eventlist .event .side {
1615 width:32px;
1618 #calendar #selecteventtype table {
1619 margin:auto;
1622 #calendar .event_global,
1623 #calendar .event_course,
1624 #calendar .event_group,
1625 #calendar .event_user,
1626 .minicalendar .event_global,
1627 .minicalendar .event_course,
1628 .minicalendar .event_group,
1629 .minicalendar .event_user {
1630 border:2px solid !important;
1633 #calendar .duration_global,
1634 #calendar .duration_course,
1635 #calendar .duration_group,
1636 #calendar .duration_user,
1637 .minicalendar .duration_global,
1638 .minicalendar .duration_course,
1639 .minicalendar .duration_group,
1640 .minicalendar .duration_user
1642 border-top:2px solid !important;
1643 border-bottom:2px solid !important;
1646 #calendar .today,
1647 .minicalendar .today {
1648 border:2px solid;
1651 #calendar .nottoday,
1652 .minicalendar .today {
1653 border:1px solid;
1656 .cal_popup_bg {
1657 padding:0px;
1658 margin:0px;
1659 border:1px solid;
1662 .cal_popup_close {
1663 margin-right:5px;
1666 .cal_popup_caption {
1667 border-width:0px 0px 1px 0px;
1668 border-style:solid;
1669 padding-bottom:2px;
1672 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1673 .calendar-controls .previous,
1674 .calendar-controls .next,
1675 .calendar-controls .current {
1676 display: block;
1677 float: left;
1678 width: 12%;
1680 .calendar-controls .previous {
1681 text-align: left;
1683 .calendar-controls .current {
1684 text-align: center;
1685 width: 76%;
1687 .calendar-controls .next {
1688 text-align: right;
1691 #calendar .maincalendar .calendar-controls .previous,
1692 #calendar .maincalendar .calendar-controls .next
1694 width: 30%;
1696 #calendar .maincalendar .calendar-controls .current {
1697 width: 39.95%;
1700 #calendar .indent {
1701 padding-left: 20px;
1704 #calendar td.sidecalendar {
1705 border-width:0px;
1708 #calendar td.sidecalendar .sideblock {
1709 border: 1px solid;
1710 margin-bottom:10px;
1713 #calendar td.sidecalendar .minicalendartop {
1714 padding-top:10px;
1717 .sideblock .content h3.eventskey {
1718 margin-top:0.5em;
1719 margin-bottom:0;
1720 margin-left:0.5em;
1723 /***
1724 *** Course
1725 ***/
1727 .activitydate, .activityhead {
1728 text-align:center;
1731 #course-view .section td {
1732 vertical-align:top;
1735 #course-view .section td.content {
1736 padding:5px;
1737 border-style:solid;
1738 border-width:1px;
1739 border-left:0px;
1740 border-right:0px;
1743 #course-view .section td.side {
1744 padding:5px;
1745 border-style:solid;
1746 border-width:1px;
1749 #course-view .section td.left {
1750 border-right:0px;
1751 text-align:center;
1752 width: 1.5em;
1755 #course-view .section td.right {
1756 border-left:0px;
1757 text-align:center;
1758 width: 1.5em;
1761 #course-view .current .side {
1764 #course-view .section .spacer {
1765 height:0.5em;
1768 #course-view .section .weekdates {
1771 #course-view ul.section,
1772 #site-index ul.section {
1773 margin: 0;
1774 padding: 0;
1775 list-style: none;
1778 .section_add_menus {
1779 text-align:right;
1782 .section_add_menus .horizontal div {
1783 display:inline;
1787 /*#course-view ul.section li.activity ul li,
1788 #site-index ul.section li.activity ul li {
1789 list-style: disc;
1792 /*Accessibility: No-tables course format. */
1793 #course-view ul.weekscss {
1794 margin: 0;
1795 padding: 0;
1796 list-style: none;
1798 /* Window-width: 800 pixels.
1799 IE doesn't support, see inline IE conditional comment. */
1800 .weekscss-format {
1801 min-width: 763px;
1803 .weekscss-format .block_adminblock select,
1804 .weekscss-format .block_calendar_month .minicalendar {
1805 width: 100%;
1806 padding: 0;
1808 .weekscss-format .block_calendar_month .minicalendar th,
1809 .weekscss-format .block_calendar_month .minicalendar td {
1810 padding: 0.1em 0 0.1em 1px;
1812 .weekscss-format #middle-column {
1813 margin: 0 12.5em 0 12.5em;
1815 .weekscss-format #left-column,
1816 .weekscss-format #right-column {
1817 width: 11.5em;
1819 .weekscss-format #left-column {
1820 float: left;
1822 .weekscss-format #right-column {
1823 float: right;
1825 .weekscss li.section {
1826 margin-bottom: 0.5em;
1827 border-style:solid;
1828 border-width:1px;
1830 .weekscss .content,
1831 .weekscss .side {
1832 padding: 5px;
1834 .weekscss .content {
1835 margin: 0 1.7em 0 1.7em;
1837 .weekscss .right {
1838 width: 1.6em;
1839 float: right;
1840 text-align:center;
1843 .section .activity img.activityicon {
1844 vertical-align:middle;
1845 height:16px;
1846 width:16px;
1849 .section img.movetarget {
1850 height:16px;
1851 width:80px;
1854 body#course-view .unread {
1855 margin-left: 3em;
1858 body#course-view .sideblock.drag .header {
1859 cursor: move;
1862 body#course-enrol .generalbox {
1863 margin-top: 20px;
1866 body#course-enrol .coursebox {
1867 margin-top: 20px;
1870 body#course-user .graph {
1871 text-align: center;
1874 body#course-user .section,
1875 body#course-user .content {
1876 margin-left: 30px;
1877 margin-right: 30px;
1880 body#course-user .section {
1881 border-width:1px;
1882 border-style:solid;
1883 padding:10px;
1884 margin-bottom: 20px;
1887 body#course-user .section h2 {
1888 margin-top: 0;
1892 .headingblock, h2.headingblock {
1893 border-width:1px;
1894 border-style:solid;
1895 padding:5px;
1896 margin:0;
1899 #site-index .subscribelink,
1900 #course-view .subscribelink {
1901 text-align:right;
1904 body#site-index .headingblock,
1905 body#course-view .headingblock {
1906 margin-bottom: 9px;
1909 body#course-category .courseboxes,
1910 body#course-index .courseboxes {
1911 padding:20px;
1914 body#course-category .rolelink {
1915 text-align:right;
1916 padding:10px;
1919 body#course-category .addcategory {
1920 text-align: center;
1921 padding: 10px;
1924 body#course-index #middle-column .editcourse {
1925 margin-left:auto;
1926 margin-right:auto;
1927 margin-top:20px;
1928 margin-bottom:20px;
1931 body#course-index #middle-column .editcourse th,
1932 body#course-index #middle-column .editcourse td {
1933 padding-left:10px;
1934 padding-right:10px;
1937 body#course-index #middle-column .editcourse .count {
1938 text-align:right;
1941 body#course-index .singlebutton,
1942 body#course-index .addcategory {
1943 text-align: center;
1946 body#course-info .generalbox.icons {
1947 text-align: center;
1950 body#course-info .generalbox.info {
1951 margin-left:auto;
1952 margin-right:auto;
1955 .coursebox {
1956 width: 100%;
1957 float:left;
1958 margin-bottom: 15px;
1959 border-width:1px;
1960 border-style:solid;
1963 .coursebox .summary {
1964 float: right;
1965 text-align:left;
1966 width: 48%;
1967 padding:5px;
1970 .coursebox .info {
1971 float: left;
1972 text-align:left;
1973 width: 48%;
1974 padding:5px;
1977 #my-index .coursebox .info {
1978 float: none;
1981 #my-index .name {
1982 margin-left: 5px;
1985 .categorylist {
1986 width:90%;
1987 margin-left:auto;
1988 margin-right:auto;
1991 .categorylist .category.image {
1992 width:20px;
1995 .categorylist .category.number {
1996 text-align:right;
1999 .categoryboxcontent {
2000 border-width:1px;
2001 border-style:solid;
2004 .categorypicker {
2005 text-align:center;
2006 padding-bottom:10px;
2009 #coursesearch,
2010 #coursesearch2 {
2011 text-align:center;
2014 .addcoursebutton {
2015 text-align:center;
2018 .coursebox .cost {
2019 padding-top: 20px;
2022 .coursebox ul.teachers li {
2023 list-style-type:none;
2024 padding:0;
2025 margin:0;
2028 #course-category #renameform {
2029 text-align:center;
2032 #course-category #themeform {
2033 text-align: center;
2036 #course-category .singlebutton {
2037 text-align:center;
2040 #course-category #coursesearch {
2041 text-align:center;
2045 #course-report #content {
2046 padding-top:15px;
2047 padding-bottom:15px;
2050 #course-report p {
2051 text-align:center;
2054 #course-report .logselectform,
2055 #course-report .participationselectform,
2056 #course-report-log-index .logselectform,
2057 #course-report-participation-index .participationselectform {
2058 margin-left:auto;
2059 margin-right:auto;
2060 text-align:center;
2061 margin-top:10px;
2062 margin-bottom:10px;
2065 #course-report .participationselectform label,
2066 #course-report-participation-index .participationselectform label {
2067 margin-left:15px;
2068 margin-right:5px;
2071 #course-report-log-index .info {
2072 margin-left:auto;
2073 margin-right:auto;
2074 text-align:center;
2075 margin:10px;
2078 #content .coursebox .summary .category {
2079 text-align:right;
2082 #course-editsection .singlebutton {
2083 text-align:center;
2086 /***
2087 *** Group
2088 ***/
2089 body#group-index #groupeditform {
2090 text-align: center;
2094 /***
2095 *** Doc
2096 ***/
2098 body#doc-contents h1 {
2099 margin: 1em 0px 0px 0px;
2102 body#doc-contents ul {
2103 list-style-type: none;
2104 margin: 0;
2105 padding: 0;
2106 width: 90%;
2110 /***
2111 *** Grades
2112 ***/
2115 .grade-report-grader table {
2116 border-width:1px;
2117 border-style:solid;
2118 margin-top: 20px;
2121 .grade-report-grader #overDiv table {
2122 margin: 0;
2125 .grade-report-grader #overDiv table td.feedback {
2126 border: 0px;
2128 .grade-report-grader #overDiv .feedback {
2129 background-color: #AABBFF;
2130 color: #000000;
2131 font-family: Verdana;
2132 font-size: 70%;
2133 font-weight: normal;
2136 .grade-report-grader #overDiv .caption {
2137 background-color: #5566CC;
2138 color: #CCCCFF;
2139 font-family: Arial;
2140 font-size: 70%;
2141 font-weight: bold;
2144 .grade-report-grader div.submit {
2145 margin-top: 20px;
2146 text-align: center;
2149 .grade-report-grader table td {
2150 border-width:1px;
2151 border-style:solid;
2154 .grade-report-grader tr.heading {
2155 border-width:0px 0px 0px 0px;
2156 border-style:solid;
2159 .grade-report-grader .heading td {
2160 border-width:0px 0px 0px 0px;
2161 border-style:solid;
2164 .grade-report-grader th.category {
2165 border-width:1px 1px 0px 1px;
2166 border-style:solid;
2169 .grade-report-grader th.user {
2170 border-width:0px 0px 1px 0px;
2171 border-style:solid;
2174 .grade-report-grader th.categoryitem,
2175 .grade-report-grader th.courseitem,
2176 .grade-report-grader td.topleft {
2177 border-width:0px 1px 0px 1px;
2178 border-style:solid;
2181 .grade-report-grader td.fillerfirst {
2182 border-width:0px 0px 0px 1px;
2183 border-style:solid;
2186 .grade-report-grader td.fillerlast {
2187 border-width:0px 1px 0px 0px;
2188 border-style:solid;
2191 .grade-report-grader th.item {
2192 border-width:1px 1px 1px 1px;
2193 border-style:solid;
2196 .grade-report-grader div.gradertoggle {
2197 display: inline;
2198 margin-left: 20px;
2201 .grade-report-grader table.gradestable {
2202 margin-left:auto;
2203 margin-right:auto;
2206 .grade-report-grader .gradestable th.user {
2207 text-align:left;
2210 .grade-report-grader .gradestable td {
2211 text-align:right;
2214 .grade-report-grader th.range {
2215 border-width:1px 1px 1px 1px;
2216 border-style:solid;
2219 .grade-report-grader .userpic {
2220 display: inline;
2221 margin-right: 10px;
2224 .grade-report-grader .quickfeedback {
2225 border: #000000 1px dashed;
2228 .grade-report-user table#user-grade td.cell {
2229 padding-right: 10px;
2232 .popupfeedback {
2233 background-color: #FFFFFF;
2234 border: #000000 1px dashed;
2237 .gradebook_feedback {
2238 display: block;
2239 color: yellow;
2242 .gradebook_feedback_caption {
2243 font-size: 2em;
2245 /* scales edit */
2247 .grade-edit-scale .buttons {
2248 margin: 20px;
2249 text-align:center;
2252 .grade-edit-scale .buttons .singlebutton {
2253 display: inline;
2254 padding: 5px;
2257 /* outcomes edit */
2259 .grade-edit-outcome .buttons {
2260 margin: 20px;
2261 text-align:center;
2264 .grade-edit-outcome .buttons .singlebutton {
2265 display: inline;
2266 padding: 5px;
2269 /* gradebook edit tree */
2271 .grade-edit-tree .gradetreebox {
2272 width:70%;
2273 margin-left:auto;
2274 margin-right:auto;
2275 margin-top:10px;
2276 padding-bottom:15px;
2279 .grade-edit-tree .buttons {
2280 margin: 20px;
2281 text-align:center;
2284 .grade-edit-tree .idnumber {
2285 margin-left: 15px;
2288 .grade-edit-tree .buttons .singlebutton {
2289 display: inline;
2290 padding: 5px;
2293 .grade-edit-tree .movetarget {
2294 position: relative;
2295 width: 80px;
2296 height: 16px;
2299 .grade-edit-tree ul#grade_tree {
2300 width: auto;
2303 .grade-edit-tree ul#grade_tree li {
2304 list-style: none;
2307 .grade-edit-tree ul#grade_tree li.category {
2308 margin-bottom: 6px;
2311 .grade-edit-tree .moving {
2312 background-color: #E8EEF7;
2315 .grade-edit-tree .iconsmall {
2316 margin-left: 4px;
2319 #grade-report-toggles {
2320 text-align: center;
2323 .grade-report-grader #siteconfiglink {
2324 text-align: right;
2327 .gradeexportlink {
2328 padding: 2em;
2329 text-align: center;
2330 margin-left: auto;
2331 margin-right: auto;
2334 /***
2335 *** Login
2336 ***/
2338 .loginbox {
2339 margin-top:15px;
2340 margin-bottom:15px;
2341 border:1px solid;
2342 width:50%;
2343 margin-left:25%;
2344 overflow:hidden;
2347 .loginbox form {
2348 margin:0px;
2349 padding:0px;
2352 .loginbox.twocolumns {
2353 width:90%;
2354 margin-left:5%;
2355 /* background: #faa; */
2358 .loginbox h2,
2359 .loginbox .subcontent {
2360 margin:5px;
2361 padding:10px;
2362 text-align:center;
2365 .loginbox .loginpanel .subcontent {
2366 text-align:center;
2369 .loginbox .loginpanel .desc {
2370 margin:0px;
2371 padding:0px;
2372 margin-bottom:5px;
2375 .loginbox .signuppanel .subcontent {
2376 text-align:left;
2379 .loginbox .loginsub {
2380 margin-left:0%;
2381 margin-right:0%;
2384 .loginbox .guestsub,
2385 .loginbox .forgotsub {
2386 border-top:1px solid;
2387 margin-left:12%;
2388 margin-right:12%;
2389 margin-bottom:5px;
2392 .loginbox .loginform {
2393 margin-top:1em;
2394 text-align:left;
2397 .loginbox .loginform .form-label {
2398 float:left;
2399 text-align:right;
2400 width:40%;
2403 .loginbox .loginform .form-input {
2404 float:right;
2405 width:59%;
2408 .loginbox .loginform .form-input input {
2409 width: 6em;
2412 .loginbox .signupform {
2413 margin-top:1em;
2414 text-align:center;
2417 .loginbox.twocolumns .loginpanel {
2418 float:left;
2419 width:49.5%;
2420 border-right: 1px solid;
2421 margin-bottom:-2000px;
2422 padding-bottom:2000px;
2423 /* background: #afa; */
2426 .loginbox.twocolumns .signuppanel {
2427 float:right;
2428 width:50%;
2429 margin-bottom:-2000px;
2430 padding-bottom:2000px;
2434 /***
2435 *** Message
2436 ***/
2439 #message-user .userpicture,
2440 #message-history .userpicture {
2441 width: 100px;
2442 height: 100px;
2445 .message-discussion-noframes #userinfo .userpicture {
2446 float:left;
2449 .message-discussion-noframes #userinfo .name h1 {
2450 margin:0px;
2453 .message-discussion-noframes #userinfo .name {
2454 text-align:center;
2455 margin-left:60px;
2458 .message-discussion-noframes #userinfo .commands {
2459 text-align:left;
2460 margin-left:60px;
2463 .message-discussion-noframes #userinfo .commands ul {
2464 margin:0px;
2465 padding:0px;
2466 list-style-type:none;
2469 .message-discussion-noframes #userinfo .commands ul li {
2470 display:inline;
2471 padding-right:16px;
2474 .message-discussion-noframes #send {
2475 padding-top:10px;
2476 clear:both;
2479 .message-discussion-noframes #send h1 {
2480 margin:0px;
2483 .message-discussion-noframes #messages {
2484 padding-top:10px;
2487 .message-discussion-noframes #messages ul.messagelist {
2488 margin:0px;
2489 padding:0px;
2492 .message-discussion-noframes #send h1 {
2493 margin:0px;
2496 .message .noframesjslink {
2497 margin-top:20px;
2500 .message .link {
2501 vertical-align:middle;
2504 table.message .searchresults td {
2505 padding:5px;
2506 border-width:1px;
2507 border-style:solid;
2508 border-collapse:collapse;
2509 border-spacing:0px;
2511 .message .summary .link {
2512 text-align:right;
2514 .message .heading {
2515 text-align:center;
2518 .message .note {
2519 text-align:center;
2520 padding:10px;
2523 #message-user .commands span {
2524 margin-left:10px;
2525 margin-right:10px;
2528 body#message-messages {
2529 padding:10px;
2532 body#message-send .notifysuccess {
2533 padding:1px;
2536 body#message-send td.fixeditor {
2537 text-align:center;
2540 /***
2541 *** Notes
2542 ***/
2543 .notepost {
2544 margin-bottom: 1em;
2545 background-color: #EEE;
2547 .sitenotepost {
2549 .coursenotepost {
2551 .draftnotepost {
2554 .ownnotepost .info {
2557 .notepost .header {
2558 background: #DDD;
2559 padding: 5px;
2562 .notepost .user {
2563 font-weight: bolder;
2566 .notepost .userpicture {
2567 float: left;
2568 margin-right: 5px;
2571 .notepost .info {
2572 font-size: smaller;
2575 .notepost .content {
2576 clear: both;
2579 .notepost .footer {
2580 clear: both;
2583 body.notes .generalbox {
2584 margin-left:auto;
2585 margin-right:auto;
2586 width:90%;
2589 body.notes .notesgroup {
2590 margin-left:20px;
2593 /***
2594 *** MyMoodle
2595 ***/
2597 .my .coursebox .overview .info {
2598 margin-left:20px;
2601 .my .coursebox .overview {
2602 margin-bottom:10px;
2606 /***
2607 *** Question
2608 ***/
2609 .questionbank h2 {
2610 margin-top: 0;
2613 .que {
2614 text-align: left;
2615 margin: 0 auto 1.8em auto;
2616 border: 1px solid;
2617 clear: both;
2619 .que .info {
2620 float: left;
2621 margin: 0.5em 0 0.5em 1.2em;
2622 width: 8%;
2624 .que .content {
2625 float: left;
2626 margin: 0.5em 1.2em 0.5em 0;
2627 width: 85%;
2629 .que.description .info {
2630 display: none;
2632 .que.description .content {
2633 margin-left: 1.2em;
2634 float: none;
2635 width: auto;
2637 .que .qtext {
2638 margin-bottom: 1.5em;
2640 .que .ablock {
2641 margin: 0.7em 0 0.3em 0;
2643 .que .prompt {
2644 float: left;
2645 width: 15%;
2646 height: 2em;
2647 padding-top: 0.3em;
2649 .que .control {
2650 width: 5%;
2652 .que .answer {
2653 float: left;
2654 width: 83%;
2655 margin-bottom: 0.5em;
2657 .que .submit {
2658 position: relative;
2659 clear: both;
2660 float: left;
2662 /* MSIE Hack */
2663 * html .que .submit {
2664 float: none;
2666 .multianswer .submit {
2667 margin-top: 1em;
2669 .que .c0,
2670 .que .c1 {
2671 padding: 0.3em 0 0.3em 0.3em;
2672 vertical-align: top;
2674 .que .feedback {
2675 clear: both;
2676 padding: 0 0 0.3em 0.3em;
2677 margin-bottom: 0.5em;
2678 border: 1px solid;
2680 .multichoice td.feedback {
2681 width: auto;
2682 vertical-align: top;
2683 padding-top: 0.3em;
2684 border-style: none;
2686 .essay .feedback {
2687 border-style: none;
2689 .multichoice .text {
2690 width: auto;
2692 .calculated .answer,
2693 .numerical .answer,
2694 .shortanswer .answer {
2695 padding: 0.3em;
2696 width: auto;
2698 .truefalse .answer span {
2699 float: left;
2700 clear: left;
2701 padding: 0.3em;
2702 width: 100%;
2704 .que .grading,
2705 .que .comment,
2706 .que .commentlink,
2707 .que .generalfeedback,
2708 .que .history {
2709 margin-top: 0.5em;
2711 .que .grade {
2712 margin-top: 0.5em;
2715 .importerror {
2716 margin-top: 10px;
2717 border-bottom: 1px solid #555;
2720 /***
2721 *** Logs
2722 ***/
2724 .logtable {
2725 margin-left:auto;
2726 margin-right:auto;
2729 .logtable td,
2730 .logtable th {
2731 padding-left: 10px;
2732 padding-right: 10px;
2735 .logtable th {
2736 text-align:left;
2739 #course-user .info {
2740 margin-left:auto;
2741 margin-right:auto;
2742 text-align:center;
2743 margin:10px;
2746 /***
2747 *** Tabs
2748 ***/
2751 /*globalnav*/
2752 .tabtree {
2753 position:relative;
2756 .tabrow0 {
2757 text-align: center;
2758 width:100%;
2759 padding:0 0 1.75em 0;
2760 margin:0;
2761 list-style:none;
2762 line-height:1.8em;
2763 font-size: 84%;
2766 .tabrow0 li {
2767 display: inline;
2768 margin: 0 -4px 0 0;
2769 padding: 0;
2772 .tabrow0 a span {
2773 padding: 10px 14px 0.35em 0;
2774 background: transparent url(pix/tab/right.gif) no-repeat right top;
2777 .tabrow1 li a span {
2778 background: none !important;
2781 .tabrow0 a {
2782 text-decoration: none;
2783 background: transparent url(pix/tab/left.gif) no-repeat left top;
2784 margin: 0 -1px 0 0;
2785 padding: 10px 0 0.35em 13px;
2788 .tabrow0 a:hover {
2789 background-image: url(pix/tab/left_hover.gif);
2792 .tabrow0 .here a:hover {
2793 background-image: url(pix/tab/left.gif);
2796 .tabrow0 a:hover span {
2797 background-image: url(pix/tab/right_hover.gif);
2800 .tabrow0 .here a:hover span {
2801 background-image: url(pix/tab/right.gif);
2804 .tabrow0 .here a {
2805 color:#444;
2809 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2810 position:relative;
2811 z-index:102;
2814 /*subnav*/
2815 .tabrow0 .empty {
2816 height: 1px;
2817 overflow: hidden;
2818 padding: 0;
2821 .tabrow0 div,
2822 .tabrow0 ul {
2823 position: absolute;
2824 left: 0;
2825 top: 2.0em;
2826 width: 100%;
2827 margin: 0;
2828 padding: 0.25em 0;
2829 list-style: none;
2830 border-top: 1px solid #aaa;
2831 line-height: normal;
2832 background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2833 font-size: 90%;
2836 .tabrow0 ul li {
2837 display:inline;
2838 margin-top:1px;
2839 background-image: none;
2842 .tabrow0 ul a {
2843 background-image: none;
2844 color:#00c;
2845 margin:0;
2846 padding:0 1em;
2847 border:0
2850 .tabrow0 ul a span {
2851 padding: 0;
2852 background-image: none;
2855 .tabrow0 ul .last span,
2856 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2857 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2858 background-image: none !important;
2861 .tabrow0 ul div {
2862 display: none;
2865 ul.tabrow1 li a,
2866 ul.tabrow1 li a:link,
2867 ul.tabrow1 li a:visited {
2868 color:#00c;
2869 font-size: 110%;
2872 ul.tabrow1 li.here.selected a {
2873 color:#444;
2876 /***
2877 *** Tags
2878 ***/
2880 h2.tag-heading {
2881 text-align:center;
2882 margin-left:auto;
2883 margin-right:auto;
2884 display:block;
2885 width:95%;
2886 padding: 5px 5px 5px 5px;
2890 div#tag-description,
2891 div#tag-blogs {
2892 width:95%;
2893 padding: 5px 5px 5px 5px;
2894 margin-left:auto;
2895 margin-right:auto;
2896 display:block;
2899 body#tag-index .moreblogs {
2900 text-align:center;
2903 div#tag-management-box {
2904 margin-bottom:10px;
2905 text-align:center;
2906 line-height:20px;
2907 display:block;
2908 font-size:12px;
2911 div#tag-user-table {
2912 padding:3px;
2913 width:95%;
2914 clear: both;
2915 margin-left:auto;
2916 margin-right:auto;
2917 display:block;
2920 /* small css hack for firefox*/
2921 div#tag-user-table:after{
2922 content:".";
2923 display:block;
2924 clear:both;
2925 visibility:hidden;
2926 height:0;
2927 overflow:hidden;
2929 /* end hack*/
2931 div.user-box {
2932 margin-left:8px;
2933 margin-right:8px;
2934 margin-top:8px;
2935 margin-bottom:8px;
2936 width:115px;
2937 height:160px;
2938 text-align:center;
2939 display:block;
2940 float:left;
2943 img.user-image {
2944 border:0px;
2945 height:100px;
2946 width:100px;
2949 div#small-tag-cloud-box {
2950 width:300px;
2951 margin-left:auto;
2952 margin-right:auto;
2953 margin-bottom:0px;
2954 margin-top:0px;
2957 div#big-tag-cloud-box {
2958 width:600px;
2959 margin-left:auto;
2960 margin-right:auto;
2961 margin-bottom:0px;
2962 margin-top:0px;
2963 display:block;
2964 float:none;
2967 ul#tag-cloud-list {
2968 list-style:none;
2969 padding:5px;
2970 margin:0px;
2971 list-style-type:none;
2973 ul#tag-cloud-list li {
2974 margin:0px;
2975 display:inline;
2978 /* search start*/
2980 div#tag-search-box {
2981 text-align:center;
2982 margin-left:auto;
2983 margin-right:auto;
2984 margin-top:10px;
2985 margin-bottom:10px;
2988 div#tag-search-results-container {
2989 padding:0px;
2990 width:100%;
2993 ul#tag-search-results {
2994 padding:0px;
2995 margin-left:20%;
2996 margin-right:20%;
2997 margin-top:15px;
2998 margin-bottom:0px;
2999 float:left;
3000 width:60%;
3001 display:block;
3002 list-style:none;
3005 ul#tag-search-results li{
3007 width:30%;
3008 float:left;
3009 padding-left:1%;
3010 text-align:left;
3011 line-height:20px;
3012 padding-right:1%;
3016 div#tags-management-links {
3017 text-align:right;
3018 display:block;
3019 font-size:12px;
3022 /* search end*/
3024 /* tag management start*/
3025 span.flagged-tag {
3026 color:#FF0000;
3028 span.flagged-tag a{
3029 color:#FF0000;
3032 table#tag-management-list {
3033 text-align:left;
3034 margin-left:auto;
3035 margin-right:auto;
3038 table#tag-management-list tr td{
3039 padding-left:4px;
3040 padding-right :4px;
3043 form#tag-management-form {
3044 text-align:center;
3046 /* tag management end*/
3048 /* autocomplete start*/
3049 #relatedtags-autocomplete-container
3051 margin-left:auto;
3052 margin-right:auto;
3053 min-height:4.6em;
3054 width:100%;
3057 #relatedtags-autocomplete {
3058 position:relative;
3059 display:block;
3060 width:60%;
3061 margin-left:auto;
3062 margin-right:auto;
3064 #relatedtags-autocomplete .yui-ac-content
3066 position:absolute;
3067 width:420px;
3068 left:20%;
3069 border:1px solid #404040;
3070 background:#fff;
3071 overflow:hidden;
3072 z-index:9050;
3074 #relatedtags-autocomplete .ysearchquery
3076 position:absolute;
3077 right:10px;
3078 color:#808080;
3079 z-index:10;
3081 #relatedtags-autocomplete .yui-ac-shadow {
3082 position:absolute;
3083 margin:.3em;
3084 width:100%;
3085 background:#a0a0a0;
3086 z-index:9049;
3088 #relatedtags-autocomplete ul {
3089 padding:0;width:100%;
3090 margin:0;
3091 list-style-type:none;
3094 #relatedtags-autocomplete li {
3095 padding:0 5px;
3096 cursor:default;
3097 white-space:
3098 nowrap;
3100 #relatedtags-autocomplete li.yui-ac-highlight
3102 background:#FFFFCC;
3104 /* autocomplete end*/
3106 /***
3107 *** User
3108 ***/
3110 .userinfobox {
3111 margin-bottom:5px;
3112 border-width: 1px;
3113 border-style: solid;
3114 border-collapse: separate;
3117 .userinfobox .left,
3118 .userinfobox .side {
3119 padding: 10px;
3120 width: 100px;
3121 vertical-align: top;
3124 .userinfobox .userpicture {
3125 width: 100px;
3126 height: 100px;
3129 .userinfobox .content {
3130 padding: 10px;
3131 vertical-align: top;
3134 .userinfobox .links {
3135 width: 100px;
3136 padding: 5px;
3137 vertical-align: bottom;
3140 .userinfobox .list td {
3141 padding: 3px;
3144 .userinfobox .username {
3145 padding-bottom: 20px;
3148 .userinfobox td.label {
3149 text-align:right;
3150 white-space: nowrap;
3151 vertical-align: top;
3154 table.userinfobox {
3155 width: 80%;
3156 margin-left: 10%;
3157 margin-right: 10%;
3160 table.groupinfobox {
3161 width: 60%;
3162 margin-left: 20%;
3163 margin-right: 20%;
3164 border-width:1px;
3165 border-style:solid;
3166 margin-bottom: 20px;
3169 .groupinfobox .left {
3170 padding: 10px;
3171 width: 100px;
3172 vertical-align: top;
3175 body#user-index h2 {
3176 text-align: center;
3179 #user-view .buttons,
3180 #user-index .buttons {
3181 text-align: center;
3184 #user-view .buttons form,
3185 #user-view .buttons form div {
3186 display:inline;
3189 body#user-index #longtimenosee,
3190 body#user-index #showall {
3191 text-align: center;
3194 body#user-index #showall {
3195 margin: 10px 0px;
3198 body#user-index table#participants,
3199 body#tag-manage table#tag-management-list {
3200 margin: auto;
3201 width: 80%;
3204 body#tag-manage table#tag-management-list td,
3205 body#tag-manage table#tag-management-list, th,
3206 body#user-index table#participants td,
3207 body#user-index table#participants th {
3208 vertical-align: middle;
3209 text-align: left;
3210 padding: 4px;
3213 body#user-index table.controls {
3214 width: 100%;
3216 body#user-index table.controls tr {
3217 vertical-align: top;
3219 body#user-index table.controls td.right,
3220 body#user-index table.controls td.left {
3221 padding: 4px;
3223 body#user-index table.controls .right {
3224 text-align: right;
3226 body#course-participation h2 {
3227 text-align:center;
3229 body#course-participation #showall {
3230 text-align:center;
3231 margin: 10px 0px;
3233 body#user-index .rolesform {
3234 text-align:center;
3237 #user-policy .noticebox {
3238 text-align:center;
3239 margin-left:auto;
3240 margin-right:auto;
3241 margin-bottom:10px;
3242 width:80%;
3243 height:250px;
3246 #user-policy #policyframe {
3247 width:100%;
3248 height:100%;
3251 /***
3252 *** Modules: Assignment
3253 ***/
3255 .userpicture,
3256 .picture user,
3257 .picture teacher {
3258 width:35px;
3259 vertical-align:top;
3261 .modform {
3262 text-align:center;
3264 #wordcount {
3265 text-align: right;
3268 /***
3269 *** Modules: Chat
3270 ***/
3272 .nextchatsession {
3273 text-align:center;
3276 #mod-chat-gui_header_js-jsupdate {
3277 margin:10px
3279 #mod-chat-gui_header_js-jsupdate .chat-event,
3280 #mod-chat-gui_header_js-jsupdate .chat-message {
3281 width:100%;
3282 padding:0;
3283 margin-top:7px
3286 #mod-chat-view #chatcurrentusers .chatuserdetails {
3287 vertical-align: middle;
3290 #mod-chat-view #enterlink {
3291 text-align: center;
3292 margin-left: auto;
3293 margin-right: auto;
3294 width: 50%;
3297 .chat-event .picture,
3298 .chat-message .picture {
3299 width:40px;
3300 vertical-align:top;
3302 .chat-event .text,
3303 .chat-message .text {
3304 text-align: left;
3307 #mod-chat-gui_basic #participants ul {
3308 margin:0px;
3309 padding:0px;
3310 list-style-type:none;
3313 #mod-chat-gui_basic #participants ul li {
3314 display:inline;
3315 margin-right:10px;
3318 #mod-chat-gui_basic #participants ul li .userinfo {
3319 display:inline;
3322 #mod-chat-gui_basic #messages dl {
3323 padding:0px;
3324 margin:1px;
3327 #mod-chat-gui_basic #messages dd,
3328 #mod-chat-gui_basic #messages dt {
3329 margin-left:0px;
3330 margin-right:5px;
3331 padding:0px;
3332 display:inline;
3335 /***
3336 *** Modules: Choice
3337 ***/
3338 .button {
3339 text-align:center;
3342 .attemptcell {
3343 width:5px;
3344 white-space: nowrap;
3347 .anonymous,
3348 .names {
3349 margin-left:auto;
3350 margin-right:auto;
3353 .downloadreport {
3354 border:0px;
3355 margin-left:auto;
3356 margin-right:auto;
3359 .choiceresponse {
3360 width:100%;
3362 .choiceresponse .picture {
3363 width:10px;
3364 white-space: nowrap;
3367 .choiceresponse .fullname {
3368 width:100%;
3369 white-space: nowrap;
3373 .results.data {
3374 vertical-align:top;
3375 white-space: nowrap;
3378 /***
3379 *** Modules: Data
3380 ***/
3381 .fieldadd,
3382 .sortdefault,
3383 .defaulttemplate {
3384 text-align:center;
3386 .datapreferences {
3387 text-align:center;
3390 table.presets {
3391 margin-left: auto;
3392 margin-right: auto;
3395 /***
3396 *** Modules: Forum
3397 ***/
3399 .forumheaderlist,
3400 .forumpost {
3401 border-width:1px;
3402 border-style:solid;
3403 border-collapse:separate;
3406 .forumpost {
3407 margin-top: 15px;
3410 .forumpost .topic {
3411 padding: 4px;
3412 border-style:solid;
3413 border-width: 0px;
3414 border-bottom-width: 1px;
3417 .forumpost .commands {
3418 padding-top: 0.5em;
3419 text-align:right;
3420 clear: both;
3423 .forumpost .ratings {
3424 padding-top: 1em;
3425 text-align:right;
3428 .forumpost .attachments {
3429 padding: 7px;
3430 text-align:right;
3433 .forumpost .content {
3434 padding: 4px;
3437 .forumpost .footer {
3438 padding-top: 0.5em;
3439 text-align:right;
3442 .forumpost .link {
3443 padding-top: 0.5em;
3444 text-align:right;
3447 .forumpost .left {
3448 width: 35px;
3449 padding: 4px;
3450 text-align: center;
3451 vertical-align: top;
3454 .mod-forum .indent {
3455 margin-left: 30px;
3458 body#user-view .forumpost,
3459 .course .forumpost {
3460 width: 100%;
3463 body#mod-forum-search .c0 {
3464 text-align: right;
3467 body#mod-forum-search .introcontent {
3468 padding: 15px;
3471 .forumolddiscuss {
3472 text-align: right;
3475 .forumheaderlist {
3476 width: 100%;
3479 .forumheaderlist td {
3480 border-width:1px 0px 0px 1px;
3481 border-style:solid;
3484 .forumheaderlist .replies {
3485 text-align: center;
3486 white-space: nowrap;
3489 .forumheaderlist .picture {
3490 width: 35px;
3493 .forumheaderlist .discussion .starter {
3494 vertical-align: middle;
3497 .forumheaderlist .lastpost {
3498 white-space: nowrap;
3499 text-align: right;
3502 .forumheaderlist .discussion .author {
3503 white-space: nowrap;
3505 .forumolddiscuss {
3506 text-align:right;
3508 .forumaddnew,
3509 .forumnodiscuss,
3510 .noticeboxcontent {
3511 text-align:center;
3514 #mod-forum-view .forumaddnew {
3515 margin-bottom: 20px;
3518 #mod-forum-view .forumcontrol .groupmenu {
3519 float: left;
3520 text-align:left;
3521 white-space: nowrap;
3524 #mod-forum-view .forumcontrol .subscription {
3525 float: right;
3526 text-align:right;
3527 white-space: nowrap;
3530 #mod-forum-index .subscription {
3531 float: right;
3532 text-align:right;
3533 white-space: nowrap;
3536 #mod-forum-view .unread {
3537 padding-left: 3px;
3538 padding-right: 3px;
3540 #mod-forum-discuss .forumpost.unread .content {
3541 border-style: solid;
3542 border-width: 2px;
3544 #mod-forum-discuss .ratingsubmit {
3545 text-align:center;
3546 padding:10px;
3548 #mod-forum-index .unread img,
3549 #mod-forum-view .unread img
3551 margin-left: 5px;
3554 #mod-forum-discuss .discussioncontrols td {
3555 width: 33%;
3556 text-align:center;
3559 #email .unsubscribelink {
3560 margin-top:20px;
3561 border-width: 0px 1px 0px 0px;
3562 border-style: solid;
3563 text-align:center;
3566 /***
3567 *** Modules: Glossary
3568 ***/
3570 .glossarypost .commands {
3571 width: 200px;
3572 white-space: nowrap;
3575 #mod-glossary-comments .glossarypost,
3576 #mod-glossary-comment .glossarypost {
3577 margin-top: 15px;
3580 .entryboxheader {
3581 border-width: 1px 1px 0px 1px;
3582 border-style: solid;
3585 .entrybox {
3586 width: 100%;
3587 border-width: 0px 1px 1px 1px;
3588 border-style: solid;
3591 .entrybox hr {
3592 border-left:none;
3593 border-right:none;
3596 .glossarypost {
3597 width: 95%;
3598 border-width:1px;
3599 border-style:solid;
3600 border-collapse:separate;
3601 margin-left:auto;
3602 margin-right:auto;
3603 margin-bottom: 5px;
3604 text-align: left;
3607 .entrylist {
3608 border-width:0px;
3611 .entrylowersection {
3612 padding-top: 10px;
3615 .entrylowersection table{
3616 width: 100%;
3619 .entrylowersection .aliases {
3620 text-align:center;
3623 .entrylowersection .icons,
3624 .entrylowersection .ratings {
3625 text-align:right;
3626 padding-right: 5px;
3629 .entrylowersection .ratings {
3630 padding-bottom: 2px;
3633 .glossarycategoryheader {
3634 width: 95%;
3635 margin-left:auto;
3636 margin-right:auto;
3639 .glossaryformatheader {
3640 width: 90%;
3643 .glossarypost .entry {
3644 padding: 3px;
3647 .glossarypost .picture {
3648 width: 35px;
3651 .glossarycomment {
3652 border-width:1px;
3653 border-style:solid;
3654 border-collapse:separate;
3655 margin-bottom: 5px;
3656 text-align: left;
3659 .glossarycomment .entry {
3660 padding: 3px;
3663 .glossarycomment .picture {
3664 width: 35px;
3667 .glossarycomment .icons {
3668 text-align: right;
3671 .glossarydisplay {
3672 width: 90%;
3673 margin-left:auto;
3674 margin-right:auto;
3675 text-align:center;
3678 .glossarydisplay .tabs {
3679 width: 100%;
3682 .glossarydisplay .separator {
3683 width: 4px;
3686 .glossarydisplay .tabs .selected,
3687 .glossarydisplay .tabs .inactive,
3688 .glossarydisplay .tabs .general {
3691 .glossaryimportexport {
3692 margin-left:auto;
3693 margin-right:auto;
3694 text-align:center;
3697 .glossarypopup {
3698 width: 95%;
3701 .glossaryapproval {
3702 width: 100%;
3705 .mod-glossary .glossarydisplay .tabs {
3706 margin-bottom: 0px;
3708 .mod-glossary .glossarydisplay .tabs .side {
3709 border-style: none;
3710 border-width: 0px;
3711 width: auto;
3714 .glossaryexplain,
3715 .glossaryaddentry {
3716 text-align: center;
3719 .mod-glossary .tabrow0 {
3720 padding-bottom: 5px;
3723 #mod-glossary-view .glossarycontrol {
3724 float: right;
3725 text-align:right;
3726 white-space: nowrap;
3729 /***
3730 *** Modules: Journal
3731 ***/
3732 #mod-journal-view .lastedit,
3733 #mod-journal-view .editend {
3734 margin: 5px;
3735 text-align: center;
3737 #mod-journal-view .feedbackbox {
3738 width: 75%;
3739 border-collapse: separate;
3741 #mod-journal-view .entrycontent {
3742 padding: 3px;
3744 #mod-journal-view .picture {
3745 width: 35px;
3747 #mod-journal-view .grade {
3748 text-align: right;
3750 #mod-journal-view .info {
3751 margin-bottom: 5px;
3752 text-align: right;
3756 /***
3757 *** Modules: Label
3758 ***/
3760 /***
3761 *** Modules: Lesson
3762 ***/
3763 #mod-lesson-lesson #page .addform {
3764 text-align: center;
3766 #mod-lesson-edit #page .label {
3767 font-weight: bold;
3769 #mod-lesson-edit #page .labelcorrect {
3770 text-decoration: underline;
3771 font-weight: bold;
3773 .lessonmediafilecontrol {
3774 text-align: center;
3775 margin-left: auto;
3776 margin-right: auto;
3780 /***
3781 *** Modules: Quiz
3782 ***/
3784 #mod-quiz-view .quizinfo {
3785 text-align: center;
3787 #mod-quiz-view #page .quizgradefeedback,
3788 #mod-quiz-view #page .quizattempt
3790 text-align: center;
3793 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3794 width:70%;
3795 margin-left:auto;
3796 margin-right:auto;
3798 #passwordform {
3799 margin: 1em 0;
3801 #mod-quiz-attempt #page {
3802 text-align: center;
3804 #mod-quiz-attempt .pagingbar {
3805 margin: 1.5em auto;
3808 body#question-preview .quemodname,
3809 body#question-preview .controls
3811 text-align: center;
3813 body#question-preview .quemodname, body#question-preview .controls {
3814 text-align: center;
3817 #mod-quiz-review #page .controls {
3818 text-align: center;
3819 margin: 1.5em auto;
3821 #mod-quiz-review .pagingbar {
3822 margin: 1.5em auto;
3824 #mod-quiz-review .pagingbar {
3825 margin: 1.5em auto;
3827 table.quizreviewsummary {
3828 margin-bottom: 1.8em;
3829 width: 100%;
3831 table.quizreviewsummary tr {
3833 table.quizreviewsummary th.cell {
3834 padding: 1px 0.5em 1px 1em;
3835 font-weight: bold;
3836 text-align: right;
3837 width: 10em;
3839 table.quizreviewsummary td.cell {
3840 padding: 1px 1em 1px 0.5em;
3843 #mod-quiz-mod #reviewoptionshdr .fitem {
3844 float: left;
3845 width: 30%;
3846 margin-left: 10px;
3847 clear: none;
3849 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3850 width: 100%;
3851 font-weight: bold;
3852 text-align: left;
3853 height: 2.5em;
3854 margin-left: 0;
3856 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3857 width: 100%;
3858 text-align: left;
3859 margin-left: 0;
3861 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3862 float: left;
3863 clear: left;
3866 #mod-quiz-edit #page .controls,
3867 #mod-quiz-edit #page .attemptsnotice
3869 text-align: center;
3871 #mod-quiz-edit .quizquestions h2 {
3872 margin-top: 0;
3874 #mod-quiz-edit #showbreaks {
3875 margin-top: 0.7em;
3877 .quizquestionlistcontrols {
3878 text-align: center;
3881 body#mod-quiz-report table#attempts,
3882 body#mod-quiz-report table#commands,
3883 body#mod-quiz-report table#itemanalysis
3885 width: 80%;
3886 margin: auto;
3888 body#mod-quiz-report table#attempts,
3889 body#mod-quiz-report h2.main {
3890 clear: both;
3892 body#mod-quiz-report table#attempts {
3893 margin: 20px auto;
3895 body#mod-quiz-report table#attempts .header,
3896 body#mod-quiz-report table#attempts .cell
3898 padding: 4px;
3900 body#mod-quiz-report table#attempts .header .commands {
3901 display: inline;
3903 body#mod-quiz-report table#attempts .picture {
3904 width: 40px;
3906 body#mod-quiz-report table#attempts td {
3907 border-left-width: 1px;
3908 border-right-width: 1px;
3909 border-left-style: solid;
3910 border-right-style: solid;
3911 vertical-align: middle;
3913 body#mod-quiz-report table#attempts .header {
3914 text-align: left;
3916 body#mod-quiz-report table#attempts .picture {
3917 text-align: center !important;
3919 body#mod-quiz-report .controls {
3920 text-align: center;
3923 /***
3924 *** Modules: Resource
3925 ***/
3927 #mod-resource-view .resourcecontent {
3928 text-align:center;
3929 margin:20px;
3932 #mod-resource-view .resourcepdf {
3933 width: 100%;
3934 padding-top: 15px;
3935 text-align: center
3938 .resourcecontent object {
3939 height:480px;
3940 width:600px;
3943 .resourcepdf object{
3944 height: 800px;
3945 width: 800px;
3948 .mod-resource .modified {
3949 text-align:center;
3952 .mod-resource .popupnotice {
3953 text-align:center;
3954 margin:40px;
3957 .ims-nav-bar {
3958 margin-top:0.2em;
3959 position: relative;
3962 .ims-nav-button a,
3963 .ims-nav-dimmed {
3964 padding-left:1em;
3965 padding-right:1em;
3966 padding-top:0.2em;
3967 padding-bottom:0.2em;
3970 #ims-containerdiv {
3971 margin-top:0.2em;
3974 #ims-menudiv {
3975 padding-top:1em;
3976 padding-right:0.2em;
3977 position:absolute;
3978 width:250px;
3979 overflow:auto;
3982 #ims-menudiv ol {
3983 margin:0em;
3984 list-style-type:none;
3985 padding-left:1em;
3988 #ims-contentframe {
3989 position:absolute;
3990 left:260px;
3991 border:1px solid;
3992 width:640px;
3993 height:480px;
3996 #ims-contentframe-no-nav {
3997 position:absolute;
3998 border:1px solid;
3999 width:640px;
4000 height:480px;
4003 #mod-resource-view div#footer {
4004 margin-top: 5px;
4007 /***
4008 *** Modules: Scorm
4009 ***/
4011 /***
4012 *** Modules: Survey
4013 ***/
4014 .resultgraph {
4015 text-align:center;
4016 border:1px solid;
4019 .reportsummary,
4020 .studentreport,
4021 .reportbuttons {
4022 text-align:center;
4025 .centerpara {
4026 text-align:center;
4029 .fullnamecell {
4030 width:10%;
4031 vertical-align:top;
4032 white-space: nowrap;
4035 .questiontext {
4036 font-size:1em;
4039 .smalltext {
4040 font-size:0.6em;
4043 .smalltextcell,
4044 .screenreadertext {
4045 width:10%;
4046 text-align:center;
4049 .foundthat,
4050 .preferthat {
4051 width:10%;
4052 white-space: nowrap;
4055 .qnumtopcell {
4056 width:10px;
4057 vertical-align:top;
4060 .qnummiddlecell {
4061 width:10px;
4062 vertical-align:middle;
4065 .optioncell {
4066 width:40%;
4067 vertical-align:middle;
4070 .buttoncell {
4071 width:5%;
4074 .questioncell {
4075 width:50%;
4076 vertical-align:top;
4079 .whitecell {
4080 background-color:white;
4082 /***
4083 *** Modules: Wiki
4084 ***/
4085 .sideblockheading,
4086 .howtowiki {
4087 text-align:right;
4090 .wikisearchform,
4091 .wikilinksblock,
4092 wikiadminactions {
4093 text-align:center;
4096 .wikilinkright{
4097 text-align:right;
4098 padding-bottom: 0.5em;
4101 .wikiexportbox{
4102 margin-left:auto;
4103 margin-right:auto;
4105 /***
4106 *** Modules: Workshop
4107 ***/
4108 .redfont {
4109 color: red;
4112 .workshopuploadform,
4113 .workshopkey {
4114 text-align:center;
4118 /***
4119 *** Help files (/lang/-/help)
4120 ***/
4121 #help hr {
4122 border: none;
4123 height: 1px;
4124 background: #ccc;
4126 #help .example1 {
4127 color: #a00;
4129 #help .success {
4130 color: #080;
4132 #help .center {
4133 text-align: center;
4135 #help .moreinfo {
4136 text-align: right;
4138 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4139 #help .indent {
4140 margin-left: 40px;
4142 #help .indent-big {
4143 margin-left: 160px;
4144 margin-right:160px;
4146 #help pre, #help code {
4147 background: #eee;
4148 border: 1px dashed #ddd;
4149 padding: 3px;