1 /*******************************************************************
4 This CSS file contains all color definitions like
5 background-color, font-color, border-color etc.
7 Styles are organised into the following sections:
26 *******************************************************************/
52 a
.autolink
.glossary:hover
{
61 .block_online_users .listentry img {
66 background-color:#FAFAFA;
80 table
.formtable tbody th
{
81 background-color: transparent
;
82 background-image: none
;
86 background-color:#AAFFAA;
90 color:#AA0000; /* highlight missing terms in forum search */
93 /* Alternate rows even */
97 /* Alternate rows odd */
101 /* notification messages (can be good or bad) */
112 #admin-auth_config .required
{
113 background-color:#DDDDDD;
117 border-color:#DDDDDD;
120 border-color:#DDDDDD;
123 border-color: #888888;
126 background-color:#BBBBBB;
130 border-color:#DDDDDD;
135 border-color:#660000;
136 background-color:#990000;
140 background-color:#FFBBBB;
144 border-color:#DDDDDD;
151 border-color:#DDDDDD;
152 background-color:#FFFFFF;
174 /* kept for backward compatibility with some non-standard modules
175 which use these classes for various things */
176 .generaltab, .generaltabinactive {
177 background-color:#BBBBBB;
179 .generaltabselected {
180 background-color:#DDDDDD;
182 .generaltabinactive {
187 .generaltable .cell {
188 background-color:#FFFFFF;
189 border-color:#EEEEEE;
193 border-color:#EEEEEE;
202 .breadcrumb .sep, #admin-report-simpletest-index .sep {
207 background-color:#FFFFFF;
210 .navigation optgroup {
211 background-color:#EEEEEE;
214 .navigation optgroup option {
215 background-color:#FFFFFF;
222 /*Accessibility: .debugwarn */
232 text-decoration: none
;
235 .homelink a:visited {
236 border-top: 1px solid
#cecece;
237 border-bottom: 2px solid
#4a4a4a;
238 border-left: 1px solid
#cecece;
239 border-right: 2px solid
#4a4a4a;
242 border-bottom: 1px solid
#cecece;
243 border-top: 2px solid
#4a4a4a;
244 border-right: 1px solid
#cecece;
245 border-left: 2px solid
#4a4a4a;
253 .admin .generalboxcontent {
254 background-color:#EEEEEE;
258 border-color:#BBBBBB;
259 background-color:#EEEEEE;
262 .admin .informationbox {
263 border-color:#BBBBBB;
264 background-color:#FFFFFF;
267 #admin-index .adminerror
{
268 background-color:#ff6666;
271 body#admin-index
.c0
{
272 background-color: #FAFAFA;
275 body#admin-blocks table#blocks
.r0
,
276 body#admin-blocks table#incompatible
.r0
{
277 background-color: #f0f0f0;
280 body#admin-blocks table#blocks
.r1
,
281 body#admin-blocks table#incompatible
.r1
{
282 background-color: #fafafa;
285 body#admin-blocks table#incompatible td
.c0
{
290 background-color: #f0f0f0;
294 background-color: #fafafa;
297 #admin-report-simpletest-index span
.notice
{
301 #admin-report-simpletest-index b
.pass
{
305 #admin-report-simpletest-index b
.fail
, b
.exception
{
309 #admin-report-simpletest-index .exception
, .exception pre
{
310 background-color: #fdd;
313 #admin-report-simpletest-index .unittestsummary
{
317 #admin-report-simpletest-index .unittestsummary
.failed
{
318 background-color: red
;
321 #admin-report-simpletest-index .unittestsummary
.passed
{
322 background-color: green
;
326 .plugincompattable td.ok {
330 .plugincompattable td.warning {
334 .plugincompattable td.error {
340 #adminsettings fieldset
{
341 background-color: #EEE;
346 #adminsettings fieldset
.error
{
347 border: 1px solid red
;
350 #adminsettings fieldset
.error legend
{
354 #adminsettings .form-shortname
{
358 #adminsettings .form-overridden
{
359 background-color: #ff6;
362 #adminsettings .form-warning
{
363 background-color: #f88;
366 #adminsettings .form-defaultinfo
{
370 #adminsettings .form-item
.pathok
{
374 #adminsettings .form-item
.patherror
{
378 .block_admin_tree.sideblock .link.current {
379 background-color:#EEEEEE;
382 .block_admin_tree.sideblock .link.criticalnotification {
383 background-color:#ff6666;
386 .block_admin_tree.sideblock .link.hidden {
391 #admin-lang .translator
{
392 border-color: #dddddd;
395 #admin-lang .translator tr
.r0
{
396 background-color: #f0f0f0;
399 #admin-lang .translator tr
.r1
{
400 background-color: #fafafa;
403 #admin-lang .translator
.strkey
{
407 #admin-lang .translator
.bothmissing
{
408 background-color: #ef6868;
411 #admin-lang .translator
.mastermissing
{
412 background-color: #feff7f;
415 #admin-lang .translator
.localdifferent
{
416 background-color: #aaffaa;
419 .environmenttable .error {
420 background-color : red
;
424 .environmenttable .warn {
425 background-color : yellow
;
428 .environmenttable .ok {
429 background-color : lime
;
432 #admin-uploaduser .uuinfo
{
433 background-color: #8e8;
436 #admin-uploaduser .uuwarning
{
437 background-color: #ee8;
440 #admin-uploaduser .uuerror
{
441 background-color: #e99;
449 border-color: #dddddd;
452 .sideblock .content {
453 border-color: #dddddd;
454 background-color:#FCFCFC;
457 .sideblock .content hr {
458 border-top-color:#999999;
461 #left-column .hidden
.header
,
462 #right-column .hidden
.header
464 border-bottom-color: #dddddd;
472 .blogpost.blogdraft .content {
473 background-color:#EEEEEE;
476 .block_blog_tags .official {
480 .block_blog_tags .personal {
489 #calendar .maincalendar
,
490 #calendar .sidecalendar
{
491 border-color: #DDDDDD;
494 #calendar .maincalendar table
.calendarmonth th
{
495 border-color: #000000;
499 border-color: #DDDDDD;
502 #calendar .maincalendar
.eventlist
.event
{
503 border-color:#DDDDDD;
506 #calendar .maincalendar
.eventlist
.event
.topic
,
507 #calendar .maincalendar
.eventlist
.event
.picture
,
508 #calendar .maincalendar
.eventlist
.event
.side
{
509 background-color:#EEEEEE;
512 #calendar .maincalendar table
.calendarmonth ul
.events-underway
{
516 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
522 #calendar .event_global
,
523 .minicalendar
.event_global
,
524 .block_calendar_month .event_global {
525 border-color:#D6F8CD !important
; /* #C5E7BC */
526 background-color:#D6F8CD;
529 #calendar .event_course
,
530 .minicalendar
.event_course
,
531 .block_calendar_month .event_course {
532 border-color:#FFD3BD !important
; /* #EEC2AC */
533 background-color:#FFD3BD;
537 #calendar .event_group
,
538 .minicalendar
.event_group
,
539 .block_calendar_month .event_group {
540 border-color:#FEE7AE !important
; /* #EDD69D */
541 background-color:#FEE7AE;
544 #calendar .event_user
,
545 .minicalendar
.event_user
,
546 .block_calendar_month .event_user {
547 border-color:#DCE7EC !important
; /* #CBD6DB */
548 background-color:#DCE7EC;
551 #calendar .duration_global
,
552 .minicalendar .duration_global {
553 border-top-color:#66D14D !important
;
554 border-bottom-color:#66D14D !important
;
557 #calendar .duration_course
,
558 .minicalendar .duration_course {
559 border-top-color:#FF9966 !important
;
560 border-bottom-color:#FF9966 !important
;
563 #calendar .duration_course0
,
564 .minicalendar .duration_course0 {
565 border-top-color:#FF9966 !important
;
566 border-bottom-color:#FF9966 !important
;
569 #calendar .duration_course1
,
570 .minicalendar .duration_course1 {
571 border-top-color:#0099FF !important
;
572 border-bottom-color:#0099FF !important
;
575 #calendar .duration_course2
,
576 .minicalendar .duration_course2 {
577 border-top-color:#FFFF00 !important
;
578 border-bottom-color:#FFFF00 !important
;
581 #calendar .duration_group
,
582 .minicalendar .duration_group {
583 border-top-color:#FBBB23 !important
;
584 border-bottom-color:#FBBB23 !important
;
587 #calendar .duration_user
,
588 .minicalendar .duration_user {
589 border-top-color:#A1BECB !important
;
590 border-bottom-color:#A1BECB !important
;
594 .minicalendar .weekend {
599 .minicalendar .today {
600 border-color:#444444;
604 .minicalendar .nottoday {
605 border-color:#eeeeee;
609 background-color:#FFFFFF;
613 border-color:#000000;
614 background-color:#FFFFFF;
617 #calendar .maincalendar
.filters table
,
618 #calendar .sidecalendar
.filters table
,
619 .block_calendar_month .filters table {
620 background-color: #EEEEEE;
623 #calendar td
.sidecalendar
.sideblock
{
624 border-color: #DDDDDD;
632 /* course, entry-page, login */
634 border-color:#DDDDDD;
638 .headingblock .outline {
639 border-color:#DDDDDD;
642 #course-view .weekscss
.section
,
643 #course-view .section td
{
644 border-color:#DDDDDD;
647 /* .content should match the body background, sides are white. */
648 #course-view .weekscss
.content
{
652 #course-view .weekscss
.section
,
653 #course-view .section td
.side
{
657 #course-view .section
.side
{
660 #course-view .section
.left
{
663 #course-view .section
.right
{
666 #course-view .weekscss
.current
,
667 #course-view .current td
.side
{
671 #course-view .weekscss
.hidden
,
672 #course-view .hidden td
.side
{
677 #course-view .topics
{
680 #course-view .weeks
{
683 #course-view .section
.spacer
{
686 #course-view .section
.weekdates
{
690 #course-view .weekscss
.weekdates
{
696 border-color:#DDDDDD;
698 body#course-user
.section
{
699 border-color:#AAAAAA;
702 #admin-report .plugin
,
703 #course-report .plugin
,
704 #course-import .plugin
{
709 border-bottom: 1px solid
#cecece;
710 border-top: 1px solid
#cecece;
711 border-right: 1px solid
#cecece;
712 border-left: 1px solid
#cecece;
714 background-color: #fdfdfd;
726 body#grade-index
.grades
{
730 body#grade-index
.grades td
{
731 border-color:#e0e0e0;
734 body#grade-index
.grades
.r0
{
735 background-color: #ffffff;
738 body#grade-index
.grades
.r1
{
739 background-color: #f0f0f0;
742 td
.grade div
.overridden
{
743 background-color: #DDDDDD;
746 .grade-report-grader table#user-grades td.cell span.gradepass {
747 background-color: #C2EBBD;
750 .grade-report-grader table#user-grades td.cell span.gradefail {
751 background-color: #EBC4BD;
756 .grade-edit-tree .moving {
757 background-color: #E8EEF7;
765 .loginbox
.twocolumns
.loginpanel
,
766 .loginbox .subcontent {
767 border-color:#DDDDDD;
775 table
.message_search_results td
{
776 border-color:#DDDDDD;
779 .message.other .author {
783 .message.me .author {
802 background-color: #F5F5F5;
805 background-color: #EEE;
809 .shortanswer .answer {
810 background-color: #EEE;
812 .essay .answerreview {
813 background-color: #EEE;
821 .que.multianswer .incorrect {
822 background-color: #faa;
824 .que .partiallycorrect {
825 background-color: #ff9;
828 background-color: #afa;
837 background-color:#EEEEEE;
855 border-color: #DDDDDD;
858 border-color: #DDDDDD;
865 #mod-chat-gui_basic .text
,
866 #mod-chat-gui_header_js-jsupdate .text
{
870 #mod-chat-gui_basic .event
,
871 #mod-chat-gui_basic .title
,
872 #mod-chat-gui_header_js-jsupdate .event
,
873 #mod-chat-gui_header_js-jsupdate .title
{
877 #mod-chat-gui_header_js-chatinput .wait
{
881 #mod-chat-view #chatcurrentusers
.idletime
{
895 border-color:#DDDDDD;
898 .forumpost .content {
907 border-bottom-color: #EEEEEE;
910 .forumpost .starter {
914 .forumheaderlist .discussion .starter {
918 .forumheaderlist td {
919 border-color: #FFFFFF;
922 .sideblock .post .head {
926 .forumthread .unread {
929 #mod-forum-discuss .forumpost
{
933 #mod-forum-discuss .forumpost
.unread
.content
{
934 border-color: #FFD991;
937 #mod-forum-discuss .forumthread
.unread
{
940 #mod-forum-index .unread
{
945 *** Modules: Glossary
949 border-color: #BBBBBB;
953 border-color: #BBBBBB;
960 border-color: #DDDDDD;
963 .glossarypost
.entryheader
,
964 .glossarypost
.entryapproval
,
965 .glossarypost
.picture
,
966 .glossarypost
.entryattachment
,
967 .glossarypost .left {
968 background-color: #F0F0F0;
972 border-color: #DDDDDD;
975 .glossarycomment
.entryheader
,
976 .glossarycomment
.picture
,
977 .glossarycomment .left {
978 background-color: #F0F0F0;
982 #mod-glossary-report .generalbox
.teacher
{
986 .glossarycategoryheader {
987 background-color: #dddddd;
990 .glossaryformatheader {
991 background-color: #dddddd;
999 #mod-journal-view .feedbackbox
.left
,
1000 #mod-journal-view .feedbackbox
.entryheader
{
1001 background-color: #dddddd;
1016 table
.quizattemptsummary
.bestrow td
{
1017 background-color: #e8e8e8;
1020 table
.quizreviewsummary th
.cell
{
1021 background: #f0f0f0;
1023 table
.quizreviewsummary td
.cell
{
1024 background: #fafafa;
1026 .mod-quiz .highlightgraded {
1030 *** Modules: Resource
1035 text-decoration: none
;
1038 .ims-nav-button
a:link
,
1039 .ims-nav-button
a:visited
,
1040 .ims-nav-button a:hover {
1042 text-decoration: none
;
1046 .ims-nav-button
a:link
,
1047 .ims-nav-button a:visited {
1048 border-top: 1px solid
#cecece;
1049 border-bottom: 2px solid
#4a4a4a;
1050 border-left: 1px solid
#cecece;
1051 border-right: 2px solid
#4a4a4a;
1054 .ims-nav-button a:hover {
1055 border-bottom: 1px solid
#cecece;
1056 border-top: 2px solid
#4a4a4a;
1057 border-right: 1px solid
#cecece;
1058 border-left: 2px solid
#4a4a4a;
1062 #ims-contentframe-no-nav {
1063 border-color: #cecece;
1075 #mod-survey-view .r0
{
1076 background-color: #EEEEEE;
1078 #mod-survey-view .r1
{
1079 background-color: #DDDDDD;
1088 *** Modules: Workshop
1091 .workshoppostpicture {
1092 background-color:#FEE6B9;
1095 .workshopassessmentheading {
1096 background-color:#DDDDDD;
1103 #admin-roles-override .capcurrent
{
1104 background-color:#FFFFFF;
1105 border: 1px solid
#cecece;
1108 #admin-roles-manage .capdefault
{
1109 background-color:#dddddd;
1110 border: 1px solid
#cecece;
1113 #admin-roles-manage .rolecap
,
1114 #admin-roles-override .rolecap
{
1116 border-bottom:1px solid
;
1117 border-bottom-color: #cecece;
1120 #admin-roles-manage .rolecap
.cap-desc
.cap-name
,
1121 #admin-roles-override .rolecap
.cap-desc
.cap-name
{
1125 form
.mform
.required label
{
1128 form
.mform
.fdescription
.required
{
1131 form
.mform
.required
.fgroup span label
{