Merge commit 'catalyst/MOODLE_19_STABLE' into mdl19-linuxchix
[moodle-linuxchix.git] / theme / standard / styles_color.css
blobedc6594a86bf0e0cedab0593bbd13a992c93eda2
1 /*******************************************************************
2 styles_color.css
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:
9 core
10 header
11 footer
13 admin
14 blocks
15 calendar
16 course
17 doc
18 login
19 message
20 question
21 tabs
22 user
24 various modules
26 *******************************************************************/
28 /***
29 *** Core
30 ***/
32 a:link,
33 a:visited {
34 color:#0000FF;
37 a.dimmed:link,
38 a.dimmed:visited {
39 color:#AAAAAA;
42 a:hover {
43 color:#FF0000;
46 a.autolink:link,
47 a.autolink:visited {
48 color:#000000;
49 background: #DDDDDD;
52 a.autolink.glossary:hover {
53 cursor: help;
56 img.userpicture,
57 img.grouppicture {
58 border-color:#000
61 .block_online_users .listentry img {
62 border:#888
65 body {
66 background-color:#FAFAFA;
67 color:#000;
70 th.header,
71 td.header,
72 div.header {
73 border-color:#DDDDDD;
76 .navbar {
77 border-color:#DDDDDD;
80 table.formtable tbody th {
81 background-color: transparent;
82 background-image: none;
85 .highlight {
86 background-color:#AAFFAA;
89 .highlight2 {
90 color:#AA0000; /* highlight missing terms in forum search */
93 /* Alternate rows even */
94 .r0 {
97 /* Alternate rows odd */
98 .r1 {
101 /* notification messages (can be good or bad) */
102 .notifyproblem {
103 color:#660000;
105 .notifysuccess {
106 color:#006600;
108 .notifytiny {
109 color:#000044;
112 #admin-auth_config .required {
113 background-color:#DDDDDD;
116 .generalbox {
117 border-color:#DDDDDD;
119 .informationbox {
120 border-color:#DDDDDD;
122 .feedbackbox {
123 border-color: #888888;
125 .feedbackby {
126 background-color:#BBBBBB;
129 .noticebox {
130 border-color:#DDDDDD;
133 .errorbox {
134 color:#ffffff;
135 border-color:#660000;
136 background-color:#990000;
139 .errorboxcontent {
140 background-color:#FFBBBB;
143 .tabledivider {
144 border-color:#DDDDDD;
147 .sitetopic {
150 .sitetopiccontent {
151 border-color:#DDDDDD;
152 background-color:#FFFFFF;
155 .dimmed_text,
156 .dimmed_text a {
157 color:#AAAAAA;
160 .teacheronly {
161 color:#990000;
164 .unread {
165 background: #FFD991;
168 .censoredtext {
169 color:#000000;
170 background:#000000;
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 {
183 color:#CCCCCC;
187 .generaltable .cell {
188 background-color:#FFFFFF;
189 border-color:#EEEEEE;
192 .generaltable {
193 border-color:#EEEEEE;
198 /***
199 *** Header
200 ***/
202 .breadcrumb .sep, #admin-report-simpletest-index .sep {
203 color:#aaa;
206 .navigation select {
207 background-color:#FFFFFF;
210 .navigation optgroup {
211 background-color:#EEEEEE;
214 .navigation optgroup option {
215 background-color:#FFFFFF;
218 /***
219 *** Footer
220 ***/
222 /*Accessibility: .debugwarn */
223 .debugwarn {
224 text-align: center;
225 background: #FDD;
228 .homelink a:link,
229 .homelink a:visited,
230 .homelink a:hover {
231 color: #000;
232 text-decoration: none;
234 .homelink a:link,
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;
241 .homelink a:hover {
242 border-bottom: 1px solid #cecece;
243 border-top: 2px solid #4a4a4a;
244 border-right: 1px solid #cecece;
245 border-left: 2px solid #4a4a4a;
249 /***
250 *** Admin
251 ***/
253 .admin .generalboxcontent {
254 background-color:#EEEEEE;
257 .admin .generalbox {
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 {
286 color: #ff0000;
289 table.flexible .r0 {
290 background-color: #f0f0f0;
293 table.flexible .r1 {
294 background-color: #fafafa;
297 #admin-report-simpletest-index span.notice {
298 color: teal;
301 #admin-report-simpletest-index b.pass {
302 color: green;
305 #admin-report-simpletest-index b.fail, b.exception {
306 color: red;
309 #admin-report-simpletest-index .exception, .exception pre {
310 background-color: #fdd;
313 #admin-report-simpletest-index .unittestsummary {
314 color: white;
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 {
327 color: #008000;
330 .plugincompattable td.warning {
331 color: #DF7800;
334 .plugincompattable td.error {
335 color: #DF0000;
338 /* Admin settings */
340 #adminsettings fieldset {
341 background-color: #EEE;
342 border-color: #BBB;
343 color: #000;
346 #adminsettings fieldset.error {
347 border: 1px solid red;
350 #adminsettings fieldset.error legend {
351 color: red;
354 #adminsettings .form-shortname {
355 color: #888;
358 #adminsettings .form-overridden {
359 background-color: #ff6;
362 #adminsettings .form-warning {
363 background-color: #f88;
366 #adminsettings .form-defaultinfo {
367 color: #888;
370 #adminsettings .form-item .pathok {
371 color: green;
374 #adminsettings .form-item .patherror {
375 color: red;
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 {
387 color:#999999;
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 {
404 color: #666666;
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;
421 color : inherit;
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;
444 /***
445 *** Blocks
446 ***/
448 .sideblock .header {
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;
468 /***
469 *** Blogs
470 ***/
472 .blogpost.blogdraft .content {
473 background-color:#EEEEEE;
476 .block_blog_tags .official {
477 color: #0000cc;
480 .block_blog_tags .personal {
481 color: #666699;
485 /***
486 *** Calendar
487 ***/
489 #calendar .maincalendar,
490 #calendar .sidecalendar {
491 border-color: #DDDDDD;
494 #calendar .maincalendar table.calendarmonth th {
495 border-color: #000000;
498 table.minicalendar {
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 {
513 color:#999999;
516 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
517 .minicalendar a,
518 .calendarmonth a {
519 color:#000077;
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;
593 #calendar .weekend,
594 .minicalendar .weekend {
595 color:#990000;
598 #calendar .today,
599 .minicalendar .today {
600 border-color:#444444;
603 #calendar .nottoday,
604 .minicalendar .nottoday {
605 border-color:#eeeeee;
608 .cal_popup_fg {
609 background-color:#FFFFFF;
612 .cal_popup_bg {
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;
628 /***
629 *** Course
630 ***/
632 /* course, entry-page, login */
633 .headingblock {
634 border-color:#DDDDDD;
637 /* course */
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 {
649 background: #FAFAFA;
652 #course-view .weekscss .section,
653 #course-view .section td.side {
654 background: #FFFFFF;
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 {
668 background: #FFD991;
671 #course-view .weekscss .hidden,
672 #course-view .hidden td.side {
673 background: #DDDDDD;
677 #course-view .topics {
680 #course-view .weeks {
683 #course-view .section .spacer {
686 #course-view .section .weekdates {
687 color: #777777;
690 #course-view .weekscss .weekdates {
691 color: #333333;
694 .categoryboxcontent,
695 .coursebox {
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 {
705 margin-bottom: 20px;
706 margin-left:10%;
707 margin-right:10%;
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;
718 /***
719 *** Doc
720 ***/
722 /***
723 *** Grades
724 ***/
726 body#grade-index .grades {
727 border-color:black;
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;
754 /* grade edit */
756 .grade-edit-tree .moving {
757 background-color: #E8EEF7;
760 /***
761 *** Login
762 ***/
764 .loginbox,
765 .loginbox.twocolumns .loginpanel,
766 .loginbox .subcontent {
767 border-color:#DDDDDD;
771 /***
772 *** Message
773 ***/
775 table.message_search_results td {
776 border-color:#DDDDDD;
779 .message.other .author {
780 color: #8888CC;
783 .message.me .author {
784 color: #999999;
787 .message .time {
788 color: #999999;
791 .message .content {
794 /***
795 *** Question
796 ***/
798 .que {
799 border-color: #DDD;
801 .que .r0 {
802 background-color: #F5F5F5;
804 .que .r1 {
805 background-color: #EEE;
807 .calculated .answer,
808 .numerical .answer,
809 .shortanswer .answer {
810 background-color: #EEE;
812 .essay .answerreview {
813 background-color: #EEE;
815 .que .feedback {
816 border-color: #DDD;
818 .que .incorrect {
821 .que.multianswer .incorrect {
822 background-color: #faa;
824 .que .partiallycorrect {
825 background-color: #ff9;
827 .que .correct {
828 background-color: #afa;
832 /***
833 *** Logs
834 ***/
836 .logtable .r1 {
837 background-color:#EEEEEE;
841 /***
842 *** Tabs
843 ***/
847 /***
848 *** User
849 ***/
851 .userpicture {
854 .userinfobox {
855 border-color: #DDDDDD;
857 .groupinfobox {
858 border-color: #DDDDDD;
861 /***
862 *** Modules: Chat
863 ***/
865 #mod-chat-gui_basic .text,
866 #mod-chat-gui_header_js-jsupdate .text {
867 color:#000
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 {
874 color:#888
877 #mod-chat-gui_header_js-chatinput .wait {
878 background: #dddddd;
881 #mod-chat-view #chatcurrentusers .idletime {
882 color: #888888;
885 /***
886 *** Modules: Choice
887 ***/
889 /***
890 *** Modules: Forum
891 ***/
893 .forumheaderlist,
894 .forumpost {
895 border-color:#DDDDDD;
898 .forumpost .content {
899 background: #FFFFFF;
902 .forumpost .left {
903 background:#EEEEEE;
906 .forumpost .topic {
907 border-bottom-color: #EEEEEE;
910 .forumpost .starter {
911 background:#DDDDDD;
914 .forumheaderlist .discussion .starter {
915 background:#DDDDDD;
918 .forumheaderlist td {
919 border-color: #FFFFFF;
922 .sideblock .post .head {
923 color:#555555;
926 .forumthread .unread {
927 background: #FFD991;
929 #mod-forum-discuss .forumpost {
930 background: none;
933 #mod-forum-discuss .forumpost.unread .content {
934 border-color: #FFD991;
937 #mod-forum-discuss .forumthread .unread {
940 #mod-forum-index .unread {
944 /***
945 *** Modules: Glossary
946 ***/
948 .entryboxheader {
949 border-color: #BBBBBB;
952 .entrybox {
953 border-color: #BBBBBB;
956 .entry {
959 .glossarypost {
960 border-color: #DDDDDD;
963 .glossarypost .entryheader,
964 .glossarypost .entryapproval,
965 .glossarypost .picture,
966 .glossarypost .entryattachment,
967 .glossarypost .left {
968 background-color: #F0F0F0;
971 .glossarycomment {
972 border-color: #DDDDDD;
975 .glossarycomment .entryheader,
976 .glossarycomment .picture,
977 .glossarycomment .left {
978 background-color: #F0F0F0;
982 #mod-glossary-report .generalbox .teacher {
983 background: #F0F0F0;
986 .glossarycategoryheader {
987 background-color: #dddddd;
990 .glossaryformatheader {
991 background-color: #dddddd;
995 /***
996 *** Modules: Journal
997 ***/
999 #mod-journal-view .feedbackbox .left,
1000 #mod-journal-view .feedbackbox .entryheader {
1001 background-color: #dddddd;
1004 /***
1005 *** Modules: Label
1006 ***/
1008 /***
1009 *** Modules: Lesson
1010 ***/
1012 /***
1013 *** Modules: Quiz
1014 ***/
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 {
1027 background:yellow;
1029 /***
1030 *** Modules: Resource
1031 ***/
1033 .ims-nav-dimmed {
1034 color: #AAAAAA;
1035 text-decoration: none;
1038 .ims-nav-button a:link,
1039 .ims-nav-button a:visited,
1040 .ims-nav-button a:hover {
1041 color: #000;
1042 text-decoration: none;
1045 .ims-nav-dimmed,
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;
1061 #ims-contentframe,
1062 #ims-contentframe-no-nav {
1063 border-color: #cecece;
1067 /***
1068 *** Modules: Scorm
1069 ***/
1071 /***
1072 *** Modules: Survey
1073 ***/
1075 #mod-survey-view .r0 {
1076 background-color: #EEEEEE;
1078 #mod-survey-view .r1 {
1079 background-color: #DDDDDD;
1083 /***
1084 *** Modules: Wiki
1085 ***/
1087 /***
1088 *** Modules: Workshop
1089 ***/
1091 .workshoppostpicture {
1092 background-color:#FEE6B9;
1095 .workshopassessmentheading {
1096 background-color:#DDDDDD;
1099 .error {
1100 color:#ff0000;
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 {
1115 border:none;
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 {
1122 color: #888;
1125 form.mform .required label {
1126 color:#a00;
1128 form.mform .fdescription.required {
1129 color:#a00;
1131 form.mform .required .fgroup span label {
1132 color:#000;