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 body#admin-index
.c0
{
268 background-color: #FAFAFA;
271 body#admin-blocks table#blocks
.r0
,
272 body#admin-blocks table#incompatible
.r0
{
273 background-color: #f0f0f0;
276 body#admin-blocks table#blocks
.r1
,
277 body#admin-blocks table#incompatible
.r1
{
278 background-color: #fafafa;
281 body#admin-blocks table#incompatible td
.c0
{
286 background-color: #f0f0f0;
290 background-color: #fafafa;
293 #admin-report-simpletest-index span
.notice
{
297 #admin-report-simpletest-index b
.pass
{
301 #admin-report-simpletest-index b
.fail
, b
.exception
{
305 #admin-report-simpletest-index .exception
, .exception pre
{
306 background-color: #fdd;
309 #admin-report-simpletest-index .unittestsummary
{
313 #admin-report-simpletest-index .unittestsummary
.failed
{
314 background-color: red
;
317 #admin-report-simpletest-index .unittestsummary
.passed
{
318 background-color: green
;
322 .plugincompattable td.ok {
326 .plugincompattable td.warning {
330 .plugincompattable td.error {
336 #adminsettings fieldset
{
337 background-color: #EEE;
342 #adminsettings fieldset
.error
{
343 border: 1px solid red
;
346 #adminsettings fieldset
.error legend
{
350 #adminsettings .form-shortname
{
354 #adminsettings .form-overridden
{
355 background-color: #ff6;
358 #adminsettings .form-warning
{
359 background-color: #f88;
362 #adminsettings .form-defaultinfo
{
366 #adminsettings .form-item
.pathok
{
370 #adminsettings .form-item
.patherror
{
374 .block_admin_tree.sideblock .link.current {
375 background-color:#EEEEEE;
378 .block_admin_tree.sideblock .link.hidden {
383 #admin-lang .translator
{
384 border-color: #dddddd;
387 #admin-lang .translator tr
.r0
{
388 background-color: #f0f0f0;
391 #admin-lang .translator tr
.r1
{
392 background-color: #fafafa;
395 #admin-lang .translator
.strkey
{
399 #admin-lang .translator
.bothmissing
{
400 background-color: #ef6868;
403 #admin-lang .translator
.mastermissing
{
404 background-color: #feff7f;
407 #admin-lang .translator
.localdifferent
{
408 background-color: #aaffaa;
411 .environmenttable .error {
412 background-color : red
;
416 .environmenttable .warn {
417 background-color : yellow
;
420 .environmenttable .ok {
421 background-color : lime
;
424 #admin-uploaduser .uuinfo
{
425 background-color: #8e8;
428 #admin-uploaduser .uuwarning
{
429 background-color: #ee8;
432 #admin-uploaduser .uuerror
{
433 background-color: #e99;
441 border-color: #dddddd;
444 .sideblock .content {
445 border-color: #dddddd;
446 background-color:#FCFCFC;
449 .sideblock .content hr {
450 border-top-color:#999999;
453 #left-column .hidden
.header
,
454 #right-column .hidden
.header
456 border-bottom-color: #dddddd;
464 .blogpost.blogdraft .content {
465 background-color:#EEEEEE;
468 .block_blog_tags .official {
472 .block_blog_tags .personal {
481 #calendar .maincalendar
,
482 #calendar .sidecalendar
{
483 border-color: #DDDDDD;
486 #calendar .maincalendar table
.calendarmonth th
{
487 border-color: #000000;
491 border-color: #DDDDDD;
494 #calendar .maincalendar
.eventlist
.event
{
495 border-color:#DDDDDD;
498 #calendar .maincalendar
.eventlist
.event
.topic
,
499 #calendar .maincalendar
.eventlist
.event
.picture
,
500 #calendar .maincalendar
.eventlist
.event
.side
{
501 background-color:#EEEEEE;
504 #calendar .maincalendar table
.calendarmonth ul
.events-underway
{
508 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
514 #calendar .event_global
,
515 .minicalendar
.event_global
,
516 .block_calendar_month .event_global {
517 border-color:#D6F8CD !important
; /* #C5E7BC */
518 background-color:#D6F8CD;
521 #calendar .event_course
,
522 .minicalendar
.event_course
,
523 .block_calendar_month .event_course {
524 border-color:#FFD3BD !important
; /* #EEC2AC */
525 background-color:#FFD3BD;
529 #calendar .event_group
,
530 .minicalendar
.event_group
,
531 .block_calendar_month .event_group {
532 border-color:#FEE7AE !important
; /* #EDD69D */
533 background-color:#FEE7AE;
536 #calendar .event_user
,
537 .minicalendar
.event_user
,
538 .block_calendar_month .event_user {
539 border-color:#DCE7EC !important
; /* #CBD6DB */
540 background-color:#DCE7EC;
543 #calendar .duration_global
,
544 .minicalendar .duration_global {
545 border-top-color:#66D14D !important
;
546 border-bottom-color:#66D14D !important
;
549 #calendar .duration_course
,
550 .minicalendar .duration_course {
551 border-top-color:#FF9966 !important
;
552 border-bottom-color:#FF9966 !important
;
555 #calendar .duration_course0
,
556 .minicalendar .duration_course0 {
557 border-top-color:#FF9966 !important
;
558 border-bottom-color:#FF9966 !important
;
561 #calendar .duration_course1
,
562 .minicalendar .duration_course1 {
563 border-top-color:#0099FF !important
;
564 border-bottom-color:#0099FF !important
;
567 #calendar .duration_course2
,
568 .minicalendar .duration_course2 {
569 border-top-color:#FFFF00 !important
;
570 border-bottom-color:#FFFF00 !important
;
573 #calendar .duration_group
,
574 .minicalendar .duration_group {
575 border-top-color:#FBBB23 !important
;
576 border-bottom-color:#FBBB23 !important
;
579 #calendar .duration_user
,
580 .minicalendar .duration_user {
581 border-top-color:#A1BECB !important
;
582 border-bottom-color:#A1BECB !important
;
586 .minicalendar .weekend {
591 .minicalendar .today {
592 border-color:#444444;
596 .minicalendar .nottoday {
597 border-color:#eeeeee;
601 background-color:#FFFFFF;
605 border-color:#000000;
606 background-color:#FFFFFF;
609 #calendar .maincalendar
.filters table
,
610 #calendar .sidecalendar
.filters table
,
611 .block_calendar_month .filters table {
612 background-color: #EEEEEE;
615 #calendar td
.sidecalendar
.sideblock
{
616 border-color: #DDDDDD;
624 /* course, entry-page, login */
626 border-color:#DDDDDD;
630 .headingblock .outline {
631 border-color:#DDDDDD;
634 #course-view .weekscss
.section
,
635 #course-view .section td
{
636 border-color:#DDDDDD;
639 /* .content should match the body background, sides are white. */
640 #course-view .weekscss
.content
{
644 #course-view .weekscss
.section
,
645 #course-view .section td
.side
{
649 #course-view .section
.side
{
652 #course-view .section
.left
{
655 #course-view .section
.right
{
658 #course-view .weekscss
.current
,
659 #course-view .current td
.side
{
663 #course-view .weekscss
.hidden
,
664 #course-view .hidden td
.side
{
669 #course-view .topics
{
672 #course-view .weeks
{
675 #course-view .section
.spacer
{
678 #course-view .section
.weekdates
{
682 #course-view .weekscss
.weekdates
{
688 border-color:#DDDDDD;
690 body#course-user
.section
{
691 border-color:#AAAAAA;
694 #admin-report .plugin
,
695 #course-report .plugin
,
696 #course-import .plugin
{
701 border-bottom: 1px solid
#cecece;
702 border-top: 1px solid
#cecece;
703 border-right: 1px solid
#cecece;
704 border-left: 1px solid
#cecece;
706 background-color: #fdfdfd;
718 body#grade-index
.grades
{
722 body#grade-index
.grades td
{
723 border-color:#e0e0e0;
726 body#grade-index
.grades
.r0
{
727 background-color: #ffffff;
730 body#grade-index
.grades
.r1
{
731 background-color: #f0f0f0;
734 td
.grade div
.overridden
{
735 background-color: #DDDDDD;
738 .grade-report-grader table#user-grades td.cell span.gradepass {
739 background-color: #C2EBBD;
742 .grade-report-grader table#user-grades td.cell span.gradefail {
743 background-color: #EBC4BD;
748 .grade-edit-tree .moving {
749 background-color: #E8EEF7;
757 .loginbox
.twocolumns
.loginpanel
,
758 .loginbox .subcontent {
759 border-color:#DDDDDD;
767 table
.message_search_results td
{
768 border-color:#DDDDDD;
771 .message.other .author {
775 .message.me .author {
794 background-color: #F5F5F5;
797 background-color: #EEE;
801 .shortanswer .answer {
802 background-color: #EEE;
804 .essay .answerreview {
805 background-color: #EEE;
813 .que.multianswer .incorrect {
814 background-color: #faa;
816 .que .partiallycorrect {
817 background-color: #ff9;
820 background-color: #afa;
829 background-color:#EEEEEE;
847 border-color: #DDDDDD;
850 border-color: #DDDDDD;
857 #mod-chat-gui_basic .text
,
858 #mod-chat-gui_header_js-jsupdate .text
{
862 #mod-chat-gui_basic .event
,
863 #mod-chat-gui_basic .title
,
864 #mod-chat-gui_header_js-jsupdate .event
,
865 #mod-chat-gui_header_js-jsupdate .title
{
869 #mod-chat-gui_header_js-chatinput .wait
{
873 #mod-chat-view #chatcurrentusers
.idletime
{
887 border-color:#DDDDDD;
890 .forumpost .content {
899 border-bottom-color: #EEEEEE;
902 .forumpost .starter {
906 .forumheaderlist .discussion .starter {
910 .forumheaderlist td {
911 border-color: #FFFFFF;
914 .sideblock .post .head {
918 .forumthread .unread {
921 #mod-forum-discuss .forumpost
{
925 #mod-forum-discuss .forumpost
.unread
.content
{
926 border-color: #FFD991;
929 #mod-forum-discuss .forumthread
.unread
{
932 #mod-forum-index .unread
{
937 *** Modules: Glossary
941 border-color: #BBBBBB;
945 border-color: #BBBBBB;
952 border-color: #DDDDDD;
955 .glossarypost
.entryheader
,
956 .glossarypost
.entryapproval
,
957 .glossarypost
.picture
,
958 .glossarypost
.entryattachment
,
959 .glossarypost .left {
960 background-color: #F0F0F0;
964 border-color: #DDDDDD;
967 .glossarycomment
.entryheader
,
968 .glossarycomment
.picture
,
969 .glossarycomment .left {
970 background-color: #F0F0F0;
974 #mod-glossary-report .generalbox
.teacher
{
978 .glossarycategoryheader {
979 background-color: #dddddd;
982 .glossaryformatheader {
983 background-color: #dddddd;
991 #mod-journal-view .feedbackbox
.left
,
992 #mod-journal-view .feedbackbox
.entryheader
{
993 background-color: #dddddd;
1008 table
.quizattemptsummary
.bestrow td
{
1009 background-color: #e8e8e8;
1012 table
.quizreviewsummary th
.cell
{
1013 background: #f0f0f0;
1015 table
.quizreviewsummary td
.cell
{
1016 background: #fafafa;
1018 .mod-quiz .highlightgraded {
1022 *** Modules: Resource
1027 text-decoration: none
;
1030 .ims-nav-button
a:link
,
1031 .ims-nav-button
a:visited
,
1032 .ims-nav-button a:hover {
1034 text-decoration: none
;
1038 .ims-nav-button
a:link
,
1039 .ims-nav-button a:visited {
1040 border-top: 1px solid
#cecece;
1041 border-bottom: 2px solid
#4a4a4a;
1042 border-left: 1px solid
#cecece;
1043 border-right: 2px solid
#4a4a4a;
1046 .ims-nav-button a:hover {
1047 border-bottom: 1px solid
#cecece;
1048 border-top: 2px solid
#4a4a4a;
1049 border-right: 1px solid
#cecece;
1050 border-left: 2px solid
#4a4a4a;
1054 #ims-contentframe-no-nav {
1055 border-color: #cecece;
1067 #mod-survey-view .r0
{
1068 background-color: #EEEEEE;
1070 #mod-survey-view .r1
{
1071 background-color: #DDDDDD;
1080 *** Modules: Workshop
1083 .workshoppostpicture {
1084 background-color:#FEE6B9;
1087 .workshopassessmentheading {
1088 background-color:#DDDDDD;
1095 #admin-roles-override .capcurrent
{
1096 background-color:#FFFFFF;
1097 border: 1px solid
#cecece;
1100 #admin-roles-manage .capdefault
{
1101 background-color:#dddddd;
1102 border: 1px solid
#cecece;
1105 #admin-roles-manage .rolecap
,
1106 #admin-roles-override .rolecap
{
1108 border-bottom:1px solid
;
1109 border-bottom-color: #cecece;
1112 #admin-roles-manage .rolecap
.cap-desc
.cap-name
,
1113 #admin-roles-override .rolecap
.cap-desc
.cap-name
{
1117 form
.mform
.required label
{
1120 form
.mform
.fdescription
.required
{
1123 form
.mform
.required
.fgroup span label
{