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;
173 /* kept for backward compatibility with some non-standard modules
174 which use these classes for various things */
175 .generaltab, .generaltabinactive {
176 background-color:#BBBBBB;
178 .generaltabselected {
179 background-color:#DDDDDD;
181 .generaltabinactive {
186 .generaltable .cell {
187 background-color:#FFFFFF;
188 border-color:#EEEEEE;
192 border-color:#EEEEEE;
201 .breadcrumb .sep, #admin-report-simpletest-index .sep {
206 .headerskip
a:visited
,
207 .headerskip a:hover {
212 background-color:#FFFFFF;
215 .navigation optgroup {
216 background-color:#EEEEEE;
219 .navigation optgroup option {
220 background-color:#FFFFFF;
227 /*Accessibility: .debugwarn */
237 text-decoration: none
;
240 .homelink a:visited {
241 border-top: 1px solid
#cecece;
242 border-bottom: 2px solid
#4a4a4a;
243 border-left: 1px solid
#cecece;
244 border-right: 2px solid
#4a4a4a;
247 border-bottom: 1px solid
#cecece;
248 border-top: 2px solid
#4a4a4a;
249 border-right: 1px solid
#cecece;
250 border-left: 2px solid
#4a4a4a;
259 border-color:#BBBBBB;
260 background-color:#EEEEEE;
263 .admin .informationbox {
264 border-color:#BBBBBB;
265 background-color:#FFFFFF;
268 body#admin-index
.c0
{
269 background-color: #FAFAFA;
272 body#admin-blocks table#blocks
.r0
,
273 body#admin-blocks table#incompatible
.r0
{
274 background-color: #f0f0f0;
277 body#admin-blocks table#blocks
.r1
,
278 body#admin-blocks table#incompatible
.r1
{
279 background-color: #fafafa;
282 body#admin-blocks table#incompatible td
.c0
{
287 background-color: #f0f0f0;
291 background-color: #fafafa;
294 #admin-report-simpletest-index span
.notice
{
298 #admin-report-simpletest-index b
.pass
{
302 #admin-report-simpletest-index b
.fail
, b
.exception
{
306 #admin-report-simpletest-index .exception
, .exception pre
{
307 background-color: #fdd;
310 #admin-report-simpletest-index .unittestsummary
{
314 #admin-report-simpletest-index .unittestsummary
.fail
{
315 background-color: red
;
318 #admin-report-simpletest-index .unittestsummary
.pass
{
319 background-color: green
;
322 #adminsettings fieldset
{
323 background-color: #EEE;
328 #adminsettings .form-shortname
{
332 .block_admin_tree.sideblock .link.current {
333 background-color:#EEEEEE;
336 #admin-lang .translator
{
337 border-color: #dddddd;
340 #admin-lang .translator tr
.r0
{
341 background-color: #f0f0f0;
344 #admin-lang .translator tr
.r1
{
345 background-color: #fafafa;
348 #admin-lang .translator
.strkey
{
352 #admin-lang .translator
.bothmissing
{
353 background-color: #ef6868;
356 #admin-lang .translator
.mastermissing
{
357 background-color: #feff7f;
360 #admin-lang .translator
.localdifferent
{
361 background-color: #aaffaa;
364 .environmenttable .error {
365 background-color : red
;
369 .environmenttable .warn {
370 background-color : yellow
;
373 .environmenttable .ok {
374 background-color : lightgreen
;
381 border-color: #dddddd;
384 .sideblock .content {
385 border-color: #dddddd;
386 background-color:#FCFCFC;
389 .sideblock .content hr {
390 border-top-color:#999999;
393 #left-column .hidden
.header
,
394 #right-column .hidden
.header
396 border-bottom-color: #dddddd;
399 .sideblock .header .hide-show img.hide-show-image {
400 background: url
('../../pix/t/switch_minus.gif') no-repeat bottom
;
403 .sideblock.hidden .header .hide-show img.hide-show-image {
404 background: url
('../../pix/t/switch_plus.gif') no-repeat bottom
;
413 .blogpost.blogdraft .content {
414 background-color:#EEEEEE;
417 .block_blog_tags .official {
421 .block_blog_tags .personal {
430 #calendar .maincalendar
,
431 #calendar .sidecalendar
{
432 border-color: #DDDDDD;
435 #calendar .maincalendar table
.calendarmonth th
{
436 border-color: #000000;
440 border-color: #DDDDDD;
443 #calendar .maincalendar
.eventlist
.event
{
444 border-color:#DDDDDD;
447 #calendar .maincalendar
.eventlist
.event
.topic
,
448 #calendar .maincalendar
.eventlist
.event
.picture
,
449 #calendar .maincalendar
.eventlist
.event
.side
{
450 background-color:#EEEEEE;
453 #calendar .maincalendar table
.calendarmonth ul
.events-underway
{
457 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
463 #calendar .event_global
,
464 .minicalendar
.event_global
,
465 .block_calendar_month .event_global {
466 border-color:#D6F8CD !important
; /* #C5E7BC */
467 background-color:#D6F8CD;
470 #calendar .event_course
,
471 .minicalendar
.event_course
,
472 .block_calendar_month .event_course {
473 border-color:#FFD3BD !important
; /* #EEC2AC */
474 background-color:#FFD3BD;
477 #calendar .event_course0
,
478 .minicalendar
.event_course0
,
479 .block_calendar_month .event_course0 {
480 border-color:#FFD3BD !important
; /* #EEC2AC */
481 background-color:#FFD3BD;
484 #calendar .event_course1
,
485 .minicalendar
.event_course1
,
486 .block_calendar_month .event_course1 {
487 border-color:#99CCFF !important
; /* #EEC2AC */
488 background-color:#99CCFF;
491 #calendar .event_course2
,
492 .minicalendar
.event_course2
,
493 .block_calendar_month .event_course2 {
494 border-color:#FFFFCC !important
; /* #EEC2AC */
495 background-color:#FFFFCC;
498 #calendar .event_group
,
499 .minicalendar
.event_group
,
500 .block_calendar_month .event_group {
501 border-color:#FEE7AE !important
; /* #EDD69D */
502 background-color:#FEE7AE;
505 #calendar .event_user
,
506 .minicalendar
.event_user
,
507 .block_calendar_month .event_user {
508 border-color:#DCE7EC !important
; /* #CBD6DB */
509 background-color:#DCE7EC;
512 #calendar .duration_global
,
513 .minicalendar .duration_global {
514 border-top-color:#66D14D !important
;
515 border-bottom-color:#66D14D !important
;
518 #calendar .duration_course
,
519 .minicalendar .duration_course {
520 border-top-color:#FF9966 !important
;
521 border-bottom-color:#FF9966 !important
;
524 #calendar .duration_course0
,
525 .minicalendar .duration_course0 {
526 border-top-color:#FF9966 !important
;
527 border-bottom-color:#FF9966 !important
;
530 #calendar .duration_course1
,
531 .minicalendar .duration_course1 {
532 border-top-color:#0099FF !important
;
533 border-bottom-color:#0099FF !important
;
536 #calendar .duration_course2
,
537 .minicalendar .duration_course2 {
538 border-top-color:#FFFF00 !important
;
539 border-bottom-color:#FFFF00 !important
;
542 #calendar .duration_group
,
543 .minicalendar .duration_group {
544 border-top-color:#FBBB23 !important
;
545 border-bottom-color:#FBBB23 !important
;
548 #calendar .duration_user
,
549 .minicalendar .duration_user {
550 border-top-color:#A1BECB !important
;
551 border-bottom-color:#A1BECB !important
;
555 .minicalendar .weekend {
560 .minicalendar .today {
561 border-color:#444444;
565 .minicalendar .nottoday {
566 border-color:#eeeeee;
570 background-color:#FFFFFF;
574 border-color:#000000;
575 background-color:#FFFFFF;
578 #calendar .maincalendar
.filters table
,
579 #calendar .sidecalendar
.filters table
,
580 .block_calendar_month .filters table {
581 background-color: #EEEEEE;
584 #calendar td
.sidecalendar
.sideblock
{
585 border-color: #DDDDDD;
593 /* course, entry-page, login */
595 border-color:#DDDDDD;
599 .headingblock .outline {
600 border-color:#DDDDDD;
603 #course-view .weekscss
.section
,
604 #course-view .section td
{
605 border-color:#DDDDDD;
608 /* .content should match the body background, sides are white. */
609 #course-view .weekscss
.content
{
613 #course-view .weekscss
.section
,
614 #course-view .section td
.side
{
618 #course-view .section
.side
{
621 #course-view .section
.left
{
624 #course-view .section
.right
{
627 #course-view .weekscss
.current
,
628 #course-view .current td
.side
{
632 #course-view .weekscss
.hidden
,
633 #course-view .hidden td
.side
{
638 #course-view .topics
{
641 #course-view .weeks
{
644 #course-view .section
.spacer
{
647 #course-view .section
.weekdates
{
651 #course-view .weekscss
.weekdates
{
657 border-color:#DDDDDD;
659 body#course-user
.section
{
660 border-color:#AAAAAA;
663 #admin-report .plugin
,
664 #course-report .plugin
,
665 #course-import .plugin
{
670 border-bottom: 1px solid
#cecece;
671 border-top: 1px solid
#cecece;
672 border-right: 1px solid
#cecece;
673 border-left: 1px solid
#cecece;
675 background-color: #fdfdfd;
687 body#grade-index
.grades
{
691 body#grade-index
.grades td
{
692 border-color:#e0e0e0;
695 body#grade-index
.grades
.r0
{
696 background-color: #ffffff;
699 body#grade-index
.grades
.r1
{
700 background-color: #f0f0f0;
705 .grade-report-grader .catlevel1 {
706 background-color: #ffffff;
708 .grade-report-grader .catlevel2 {
709 background-color: #eeeeee;
711 .grade-report-grader .catlevel3 {
712 background-color: #dddddd;
715 .grade-report-grader td.overridden {
716 background-color: #dddddd;
724 .loginbox
.twocolumns
.loginpanel
,
725 .loginbox .subcontent {
726 border-color:#DDDDDD;
734 table
.message_search_results td
{
735 border-color:#DDDDDD;
738 .message.other .author {
742 .message.me .author {
761 background-color: #F5F5F5;
764 background-color: #EEE;
768 .shortanswer .answer {
769 background-color: #EEE;
775 background-color: #faa;
777 .que .partiallycorrect {
778 background-color: #ff9;
781 background-color: #afa;
790 background-color:#EEEEEE;
808 border-color: #DDDDDD;
811 border-color: #DDDDDD;
818 #mod-chat-gui_basic .text
,
819 #mod-chat-gui_header_js-jsupdate .text
{
823 #mod-chat-gui_basic .event
,
824 #mod-chat-gui_basic .title
,
825 #mod-chat-gui_header_js-jsupdate .event
,
826 #mod-chat-gui_header_js-jsupdate .title
{
830 #mod-chat-gui_header_js-chatinput .wait
{
834 #mod-chat-view #chatcurrentusers
.idletime
{
848 border-color:#DDDDDD;
851 .forumpost .content {
860 border-bottom-color: #EEEEEE;
863 .forumpost .starter {
867 .forumheaderlist .discussion .starter {
871 .forumheaderlist td {
872 border-color: #FFFFFF;
875 .sideblock .post .head {
879 .forumthread .unread {
882 #mod-forum-discuss .forumpost
{
886 #mod-forum-discuss .forumpost
.unread
.content
{
887 border-color: #FFD991;
890 #mod-forum-discuss .forumthread
.unread
{
893 #mod-forum-index .unread
{
898 *** Modules: Glossary
902 border-color: #BBBBBB;
906 border-color: #BBBBBB;
913 border-color: #DDDDDD;
916 .glossarypost
.entryheader
,
917 .glossarypost
.entryapproval
,
918 .glossarypost
.picture
,
919 .glossarypost
.entryattachment
,
920 .glossarypost .left {
921 background-color: #F0F0F0;
925 border-color: #DDDDDD;
928 .glossarycomment
.entryheader
,
929 .glossarycomment
.picture
,
930 .glossarycomment .left {
931 background-color: #F0F0F0;
935 #mod-glossary-report .generalbox
.teacher
{
939 .glossarycategoryheader {
940 background-color: #dddddd;
943 .glossaryformatheader {
944 background-color: #dddddd;
952 #mod-journal-view .feedbackbox
.left
,
953 #mod-journal-view .feedbackbox
.entryheader
{
954 background-color: #dddddd;
969 table
.quizattemptsummary
.bestrow td
{
970 background-color: #e8e8e8;
973 table
.quizreviewsummary th
.cell
{
976 table
.quizreviewsummary td
.cell
{
981 *** Modules: Resource
986 text-decoration: none
;
989 .ims-nav-button
a:link
,
990 .ims-nav-button
a:visited
,
991 .ims-nav-button a:hover {
993 text-decoration: none
;
997 .ims-nav-button
a:link
,
998 .ims-nav-button a:visited {
999 border-top: 1px solid
#cecece;
1000 border-bottom: 2px solid
#4a4a4a;
1001 border-left: 1px solid
#cecece;
1002 border-right: 2px solid
#4a4a4a;
1005 .ims-nav-button a:hover {
1006 border-bottom: 1px solid
#cecece;
1007 border-top: 2px solid
#4a4a4a;
1008 border-right: 1px solid
#cecece;
1009 border-left: 2px solid
#4a4a4a;
1013 #ims-contentframe-no-nav {
1014 border-color: #cecece;
1026 #mod-survey-view .r0
{
1027 background-color: #EEEEEE;
1029 #mod-survey-view .r1
{
1030 background-color: #DDDDDD;
1039 *** Modules: Workshop
1042 .workshoppostpicture {
1043 background-color:#FEE6B9;
1046 .workshopassessmentheading {
1047 background-color:#DDDDDD;
1054 #admin-roles-override .capcurrent
{
1055 background-color:#FFFFFF;
1056 border: 1px solid
#cecece;
1059 #admin-roles-manage .capdefault
{
1060 background-color:#dddddd;
1061 border: 1px solid
#cecece;
1064 #admin-roles-manage .rolecap
,
1065 #admin-roles-override .rolecap
{
1067 border-bottom:1px solid
;
1068 border-bottom-color: #cecece;
1071 #admin-roles-manage .rolecap
.cap-desc
.cap-name
,
1072 #admin-roles-override .rolecap
.cap-desc
.cap-name
{
1076 form
.mform
.required label
{
1079 form
.mform
.fdescription
.required
{