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;
258 .admin .generalboxcontent {
259 background-color:#EEEEEE;
263 border-color:#BBBBBB;
264 background-color:#EEEEEE;
267 .admin .informationbox {
268 border-color:#BBBBBB;
269 background-color:#FFFFFF;
272 body#admin-index
.c0
{
273 background-color: #FAFAFA;
276 body#admin-blocks table#blocks
.r0
,
277 body#admin-blocks table#incompatible
.r0
{
278 background-color: #f0f0f0;
281 body#admin-blocks table#blocks
.r1
,
282 body#admin-blocks table#incompatible
.r1
{
283 background-color: #fafafa;
286 body#admin-blocks table#incompatible td
.c0
{
291 background-color: #f0f0f0;
295 background-color: #fafafa;
298 #admin-report-simpletest-index span
.notice
{
302 #admin-report-simpletest-index b
.pass
{
306 #admin-report-simpletest-index b
.fail
, b
.exception
{
310 #admin-report-simpletest-index .exception
, .exception pre
{
311 background-color: #fdd;
314 #admin-report-simpletest-index .unittestsummary
{
318 #admin-report-simpletest-index .unittestsummary
.failed
{
319 background-color: red
;
322 #admin-report-simpletest-index .unittestsummary
.passed
{
323 background-color: green
;
326 #adminsettings fieldset
{
327 background-color: #EEE;
332 #adminsettings .form-shortname
{
336 .block_admin_tree.sideblock .link.current {
337 background-color:#EEEEEE;
340 #admin-lang .translator
{
341 border-color: #dddddd;
344 #admin-lang .translator tr
.r0
{
345 background-color: #f0f0f0;
348 #admin-lang .translator tr
.r1
{
349 background-color: #fafafa;
352 #admin-lang .translator
.strkey
{
356 #admin-lang .translator
.bothmissing
{
357 background-color: #ef6868;
360 #admin-lang .translator
.mastermissing
{
361 background-color: #feff7f;
364 #admin-lang .translator
.localdifferent
{
365 background-color: #aaffaa;
368 .environmenttable .error {
369 background-color : red
;
373 .environmenttable .warn {
374 background-color : yellow
;
377 .environmenttable .ok {
378 background-color : lime
;
386 border-color: #dddddd;
389 .sideblock .content {
390 border-color: #dddddd;
391 background-color:#FCFCFC;
394 .sideblock .content hr {
395 border-top-color:#999999;
398 #left-column .hidden
.header
,
399 #right-column .hidden
.header
401 border-bottom-color: #dddddd;
404 .sideblock .header .hide-show img.hide-show-image {
405 background: url
('../../pix/t/switch_minus.gif') no-repeat bottom
;
408 .sideblock.hidden .header .hide-show img.hide-show-image {
409 background: url
('../../pix/t/switch_plus.gif') no-repeat bottom
;
418 .blogpost.blogdraft .content {
419 background-color:#EEEEEE;
422 .block_blog_tags .official {
426 .block_blog_tags .personal {
435 #calendar .maincalendar
,
436 #calendar .sidecalendar
{
437 border-color: #DDDDDD;
440 #calendar .maincalendar table
.calendarmonth th
{
441 border-color: #000000;
445 border-color: #DDDDDD;
448 #calendar .maincalendar
.eventlist
.event
{
449 border-color:#DDDDDD;
452 #calendar .maincalendar
.eventlist
.event
.topic
,
453 #calendar .maincalendar
.eventlist
.event
.picture
,
454 #calendar .maincalendar
.eventlist
.event
.side
{
455 background-color:#EEEEEE;
458 #calendar .maincalendar table
.calendarmonth ul
.events-underway
{
462 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
468 #calendar .event_global
,
469 .minicalendar
.event_global
,
470 .block_calendar_month .event_global {
471 border-color:#D6F8CD !important
; /* #C5E7BC */
472 background-color:#D6F8CD;
475 #calendar .event_course
,
476 .minicalendar
.event_course
,
477 .block_calendar_month .event_course {
478 border-color:#FFD3BD !important
; /* #EEC2AC */
479 background-color:#FFD3BD;
482 #calendar .event_course0
,
483 .minicalendar
.event_course0
,
484 .block_calendar_month .event_course0 {
485 border-color:#FFD3BD !important
; /* #EEC2AC */
486 background-color:#FFD3BD;
489 #calendar .event_course1
,
490 .minicalendar
.event_course1
,
491 .block_calendar_month .event_course1 {
492 border-color:#99CCFF !important
; /* #EEC2AC */
493 background-color:#99CCFF;
496 #calendar .event_course2
,
497 .minicalendar
.event_course2
,
498 .block_calendar_month .event_course2 {
499 border-color:#FFFFCC !important
; /* #EEC2AC */
500 background-color:#FFFFCC;
503 #calendar .event_group
,
504 .minicalendar
.event_group
,
505 .block_calendar_month .event_group {
506 border-color:#FEE7AE !important
; /* #EDD69D */
507 background-color:#FEE7AE;
510 #calendar .event_user
,
511 .minicalendar
.event_user
,
512 .block_calendar_month .event_user {
513 border-color:#DCE7EC !important
; /* #CBD6DB */
514 background-color:#DCE7EC;
517 #calendar .duration_global
,
518 .minicalendar .duration_global {
519 border-top-color:#66D14D !important
;
520 border-bottom-color:#66D14D !important
;
523 #calendar .duration_course
,
524 .minicalendar .duration_course {
525 border-top-color:#FF9966 !important
;
526 border-bottom-color:#FF9966 !important
;
529 #calendar .duration_course0
,
530 .minicalendar .duration_course0 {
531 border-top-color:#FF9966 !important
;
532 border-bottom-color:#FF9966 !important
;
535 #calendar .duration_course1
,
536 .minicalendar .duration_course1 {
537 border-top-color:#0099FF !important
;
538 border-bottom-color:#0099FF !important
;
541 #calendar .duration_course2
,
542 .minicalendar .duration_course2 {
543 border-top-color:#FFFF00 !important
;
544 border-bottom-color:#FFFF00 !important
;
547 #calendar .duration_group
,
548 .minicalendar .duration_group {
549 border-top-color:#FBBB23 !important
;
550 border-bottom-color:#FBBB23 !important
;
553 #calendar .duration_user
,
554 .minicalendar .duration_user {
555 border-top-color:#A1BECB !important
;
556 border-bottom-color:#A1BECB !important
;
560 .minicalendar .weekend {
565 .minicalendar .today {
566 border-color:#444444;
570 .minicalendar .nottoday {
571 border-color:#eeeeee;
575 background-color:#FFFFFF;
579 border-color:#000000;
580 background-color:#FFFFFF;
583 #calendar .maincalendar
.filters table
,
584 #calendar .sidecalendar
.filters table
,
585 .block_calendar_month .filters table {
586 background-color: #EEEEEE;
589 #calendar td
.sidecalendar
.sideblock
{
590 border-color: #DDDDDD;
598 /* course, entry-page, login */
600 border-color:#DDDDDD;
604 .headingblock .outline {
605 border-color:#DDDDDD;
608 #course-view .weekscss
.section
,
609 #course-view .section td
{
610 border-color:#DDDDDD;
613 /* .content should match the body background, sides are white. */
614 #course-view .weekscss
.content
{
618 #course-view .weekscss
.section
,
619 #course-view .section td
.side
{
623 #course-view .section
.side
{
626 #course-view .section
.left
{
629 #course-view .section
.right
{
632 #course-view .weekscss
.current
,
633 #course-view .current td
.side
{
637 #course-view .weekscss
.hidden
,
638 #course-view .hidden td
.side
{
643 #course-view .topics
{
646 #course-view .weeks
{
649 #course-view .section
.spacer
{
652 #course-view .section
.weekdates
{
656 #course-view .weekscss
.weekdates
{
662 border-color:#DDDDDD;
664 body#course-user
.section
{
665 border-color:#AAAAAA;
668 #admin-report .plugin
,
669 #course-report .plugin
,
670 #course-import .plugin
{
675 border-bottom: 1px solid
#cecece;
676 border-top: 1px solid
#cecece;
677 border-right: 1px solid
#cecece;
678 border-left: 1px solid
#cecece;
680 background-color: #fdfdfd;
692 body#grade-index
.grades
{
696 body#grade-index
.grades td
{
697 border-color:#e0e0e0;
700 body#grade-index
.grades
.r0
{
701 background-color: #ffffff;
704 body#grade-index
.grades
.r1
{
705 background-color: #f0f0f0;
710 .grade-report-grader .catlevel1 {
711 background-color: #ffffff;
713 .grade-report-grader .catlevel2 {
714 background-color: #eeeeee;
716 .grade-report-grader .catlevel3 {
717 background-color: #dddddd;
720 .grade-report-grader td.overridden {
721 background-color: #dddddd;
729 .loginbox
.twocolumns
.loginpanel
,
730 .loginbox .subcontent {
731 border-color:#DDDDDD;
739 table
.message_search_results td
{
740 border-color:#DDDDDD;
743 .message.other .author {
747 .message.me .author {
766 background-color: #F5F5F5;
769 background-color: #EEE;
773 .shortanswer .answer {
774 background-color: #EEE;
782 .que.multianswer .incorrect {
783 background-color: #faa;
785 .que .partiallycorrect {
786 background-color: #ff9;
789 background-color: #afa;
798 background-color:#EEEEEE;
816 border-color: #DDDDDD;
819 border-color: #DDDDDD;
826 #mod-chat-gui_basic .text
,
827 #mod-chat-gui_header_js-jsupdate .text
{
831 #mod-chat-gui_basic .event
,
832 #mod-chat-gui_basic .title
,
833 #mod-chat-gui_header_js-jsupdate .event
,
834 #mod-chat-gui_header_js-jsupdate .title
{
838 #mod-chat-gui_header_js-chatinput .wait
{
842 #mod-chat-view #chatcurrentusers
.idletime
{
856 border-color:#DDDDDD;
859 .forumpost .content {
868 border-bottom-color: #EEEEEE;
871 .forumpost .starter {
875 .forumheaderlist .discussion .starter {
879 .forumheaderlist td {
880 border-color: #FFFFFF;
883 .sideblock .post .head {
887 .forumthread .unread {
890 #mod-forum-discuss .forumpost
{
894 #mod-forum-discuss .forumpost
.unread
.content
{
895 border-color: #FFD991;
898 #mod-forum-discuss .forumthread
.unread
{
901 #mod-forum-index .unread
{
906 *** Modules: Glossary
910 border-color: #BBBBBB;
914 border-color: #BBBBBB;
921 border-color: #DDDDDD;
924 .glossarypost
.entryheader
,
925 .glossarypost
.entryapproval
,
926 .glossarypost
.picture
,
927 .glossarypost
.entryattachment
,
928 .glossarypost .left {
929 background-color: #F0F0F0;
933 border-color: #DDDDDD;
936 .glossarycomment
.entryheader
,
937 .glossarycomment
.picture
,
938 .glossarycomment .left {
939 background-color: #F0F0F0;
943 #mod-glossary-report .generalbox
.teacher
{
947 .glossarycategoryheader {
948 background-color: #dddddd;
951 .glossaryformatheader {
952 background-color: #dddddd;
960 #mod-journal-view .feedbackbox
.left
,
961 #mod-journal-view .feedbackbox
.entryheader
{
962 background-color: #dddddd;
977 table
.quizattemptsummary
.bestrow td
{
978 background-color: #e8e8e8;
981 table
.quizreviewsummary th
.cell
{
984 table
.quizreviewsummary td
.cell
{
989 *** Modules: Resource
994 text-decoration: none
;
997 .ims-nav-button
a:link
,
998 .ims-nav-button
a:visited
,
999 .ims-nav-button a:hover {
1001 text-decoration: none
;
1005 .ims-nav-button
a:link
,
1006 .ims-nav-button a:visited {
1007 border-top: 1px solid
#cecece;
1008 border-bottom: 2px solid
#4a4a4a;
1009 border-left: 1px solid
#cecece;
1010 border-right: 2px solid
#4a4a4a;
1013 .ims-nav-button a:hover {
1014 border-bottom: 1px solid
#cecece;
1015 border-top: 2px solid
#4a4a4a;
1016 border-right: 1px solid
#cecece;
1017 border-left: 2px solid
#4a4a4a;
1021 #ims-contentframe-no-nav {
1022 border-color: #cecece;
1034 #mod-survey-view .r0
{
1035 background-color: #EEEEEE;
1037 #mod-survey-view .r1
{
1038 background-color: #DDDDDD;
1047 *** Modules: Workshop
1050 .workshoppostpicture {
1051 background-color:#FEE6B9;
1054 .workshopassessmentheading {
1055 background-color:#DDDDDD;
1062 #admin-roles-override .capcurrent
{
1063 background-color:#FFFFFF;
1064 border: 1px solid
#cecece;
1067 #admin-roles-manage .capdefault
{
1068 background-color:#dddddd;
1069 border: 1px solid
#cecece;
1072 #admin-roles-manage .rolecap
,
1073 #admin-roles-override .rolecap
{
1075 border-bottom:1px solid
;
1076 border-bottom-color: #cecece;
1079 #admin-roles-manage .rolecap
.cap-desc
.cap-name
,
1080 #admin-roles-override .rolecap
.cap-desc
.cap-name
{
1084 form
.mform
.required label
{
1087 form
.mform
.fdescription
.required
{