MDL-10723 Removed all uses of print_navigation() throughout moodle, the function...
[moodle-pu.git] / theme / standard / styles_color.css
blob7c510318f0d3987dbcfe68981563ef9376ebc90a
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 color:#AAAAAA;
159 .teacheronly {
160 color:#990000;
163 .unread {
164 background: #FFD991;
167 .censoredtext {
168 color:#000000;
169 background:#000000;
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 {
182 color:#CCCCCC;
186 .generaltable .cell {
187 background-color:#FFFFFF;
188 border-color:#EEEEEE;
191 .generaltable {
192 border-color:#EEEEEE;
197 /***
198 *** Header
199 ***/
201 .breadcrumb .sep, #admin-report-simpletest-index .sep {
202 color:#aaa;
205 .headerskip a:link,
206 .headerskip a:visited,
207 .headerskip a:hover {
208 color: #FFF;
211 .navigation select {
212 background-color:#FFFFFF;
215 .navigation optgroup {
216 background-color:#EEEEEE;
219 .navigation optgroup option {
220 background-color:#FFFFFF;
223 /***
224 *** Footer
225 ***/
227 /*Accessibility: .debugwarn */
228 .debugwarn {
229 text-align: center;
230 background: #FDD;
233 .homelink a:link,
234 .homelink a:visited,
235 .homelink a:hover {
236 color: #000;
237 text-decoration: none;
239 .homelink a:link,
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;
246 .homelink a:hover {
247 border-bottom: 1px solid #cecece;
248 border-top: 2px solid #4a4a4a;
249 border-right: 1px solid #cecece;
250 border-left: 2px solid #4a4a4a;
254 /***
255 *** Admin
256 ***/
258 .admin .generalboxcontent {
259 background-color:#EEEEEE;
262 .admin .generalbox {
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 {
287 color: #ff0000;
290 table.flexible .r0 {
291 background-color: #f0f0f0;
294 table.flexible .r1 {
295 background-color: #fafafa;
298 #admin-report-simpletest-index span.notice {
299 color: teal;
302 #admin-report-simpletest-index b.pass {
303 color: green;
306 #admin-report-simpletest-index b.fail, b.exception {
307 color: red;
310 #admin-report-simpletest-index .exception, .exception pre {
311 background-color: #fdd;
314 #admin-report-simpletest-index .unittestsummary {
315 color: white;
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;
328 border-color: #BBB;
329 color: #000;
332 #adminsettings .form-shortname {
333 color: #888;
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 {
353 color: #666666;
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;
370 color : inherit;
373 .environmenttable .warn {
374 background-color : yellow;
377 .environmenttable .ok {
378 background-color : lime;
381 /***
382 *** Blocks
383 ***/
385 .sideblock .header {
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;
414 /***
415 *** Blogs
416 ***/
418 .blogpost.blogdraft .content {
419 background-color:#EEEEEE;
422 .block_blog_tags .official {
423 color: #0000cc;
426 .block_blog_tags .personal {
427 color: #666699;
431 /***
432 *** Calendar
433 ***/
435 #calendar .maincalendar,
436 #calendar .sidecalendar {
437 border-color: #DDDDDD;
440 #calendar .maincalendar table.calendarmonth th {
441 border-color: #000000;
444 table.minicalendar {
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 {
459 color:#999999;
462 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
463 .minicalendar a,
464 .calendarmonth a {
465 color:#000077;
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;
559 #calendar .weekend,
560 .minicalendar .weekend {
561 color:#990000;
564 #calendar .today,
565 .minicalendar .today {
566 border-color:#444444;
569 #calendar .nottoday,
570 .minicalendar .nottoday {
571 border-color:#eeeeee;
574 .cal_popup_fg {
575 background-color:#FFFFFF;
578 .cal_popup_bg {
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;
594 /***
595 *** Course
596 ***/
598 /* course, entry-page, login */
599 .headingblock {
600 border-color:#DDDDDD;
603 /* course */
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 {
615 background: #FAFAFA;
618 #course-view .weekscss .section,
619 #course-view .section td.side {
620 background: #FFFFFF;
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 {
634 background: #FFD991;
637 #course-view .weekscss .hidden,
638 #course-view .hidden td.side {
639 background: #DDDDDD;
643 #course-view .topics {
646 #course-view .weeks {
649 #course-view .section .spacer {
652 #course-view .section .weekdates {
653 color: #777777;
656 #course-view .weekscss .weekdates {
657 color: #333333;
660 .categoryboxcontent,
661 .coursebox {
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 {
671 margin-bottom: 20px;
672 margin-left:10%;
673 margin-right:10%;
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;
684 /***
685 *** Doc
686 ***/
688 /***
689 *** Grades
690 ***/
692 body#grade-index .grades {
693 border-color:black;
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;
708 /* new grades css*/
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;
724 /***
725 *** Login
726 ***/
728 .loginbox,
729 .loginbox.twocolumns .loginpanel,
730 .loginbox .subcontent {
731 border-color:#DDDDDD;
735 /***
736 *** Message
737 ***/
739 table.message_search_results td {
740 border-color:#DDDDDD;
743 .message.other .author {
744 color: #8888CC;
747 .message.me .author {
748 color: #999999;
751 .message .time {
752 color: #999999;
755 .message .content {
758 /***
759 *** Question
760 ***/
762 .que {
763 border-color: #DDD;
765 .que .r0 {
766 background-color: #F5F5F5;
768 .que .r1 {
769 background-color: #EEE;
771 .calculated .answer,
772 .numerical .answer,
773 .shortanswer .answer {
774 background-color: #EEE;
776 .que .feedback {
777 border-color: #DDD;
779 .que .incorrect {
782 .que.multianswer .incorrect {
783 background-color: #faa;
785 .que .partiallycorrect {
786 background-color: #ff9;
788 .que .correct {
789 background-color: #afa;
793 /***
794 *** Logs
795 ***/
797 .logtable .r1 {
798 background-color:#EEEEEE;
802 /***
803 *** Tabs
804 ***/
808 /***
809 *** User
810 ***/
812 .userpicture {
815 .userinfobox {
816 border-color: #DDDDDD;
818 .groupinfobox {
819 border-color: #DDDDDD;
822 /***
823 *** Modules: Chat
824 ***/
826 #mod-chat-gui_basic .text,
827 #mod-chat-gui_header_js-jsupdate .text {
828 color:#000
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 {
835 color:#888
838 #mod-chat-gui_header_js-chatinput .wait {
839 background: #dddddd;
842 #mod-chat-view #chatcurrentusers .idletime {
843 color: #888888;
846 /***
847 *** Modules: Choice
848 ***/
850 /***
851 *** Modules: Forum
852 ***/
854 .forumheaderlist,
855 .forumpost {
856 border-color:#DDDDDD;
859 .forumpost .content {
860 background: #FFFFFF;
863 .forumpost .left {
864 background:#EEEEEE;
867 .forumpost .topic {
868 border-bottom-color: #EEEEEE;
871 .forumpost .starter {
872 background:#DDDDDD;
875 .forumheaderlist .discussion .starter {
876 background:#DDDDDD;
879 .forumheaderlist td {
880 border-color: #FFFFFF;
883 .sideblock .post .head {
884 color:#555555;
887 .forumthread .unread {
888 background: #FFD991;
890 #mod-forum-discuss .forumpost {
891 background: none;
894 #mod-forum-discuss .forumpost.unread .content {
895 border-color: #FFD991;
898 #mod-forum-discuss .forumthread .unread {
901 #mod-forum-index .unread {
905 /***
906 *** Modules: Glossary
907 ***/
909 .entryboxheader {
910 border-color: #BBBBBB;
913 .entrybox {
914 border-color: #BBBBBB;
917 .entry {
920 .glossarypost {
921 border-color: #DDDDDD;
924 .glossarypost .entryheader,
925 .glossarypost .entryapproval,
926 .glossarypost .picture,
927 .glossarypost .entryattachment,
928 .glossarypost .left {
929 background-color: #F0F0F0;
932 .glossarycomment {
933 border-color: #DDDDDD;
936 .glossarycomment .entryheader,
937 .glossarycomment .picture,
938 .glossarycomment .left {
939 background-color: #F0F0F0;
943 #mod-glossary-report .generalbox .teacher {
944 background: #F0F0F0;
947 .glossarycategoryheader {
948 background-color: #dddddd;
951 .glossaryformatheader {
952 background-color: #dddddd;
956 /***
957 *** Modules: Journal
958 ***/
960 #mod-journal-view .feedbackbox .left,
961 #mod-journal-view .feedbackbox .entryheader {
962 background-color: #dddddd;
965 /***
966 *** Modules: Label
967 ***/
969 /***
970 *** Modules: Lesson
971 ***/
973 /***
974 *** Modules: Quiz
975 ***/
977 table.quizattemptsummary .bestrow td {
978 background-color: #e8e8e8;
981 table.quizreviewsummary th.cell {
982 background: #f0f0f0;
984 table.quizreviewsummary td.cell {
985 background: #fafafa;
988 /***
989 *** Modules: Resource
990 ***/
992 .ims-nav-dimmed {
993 color: #AAAAAA;
994 text-decoration: none;
997 .ims-nav-button a:link,
998 .ims-nav-button a:visited,
999 .ims-nav-button a:hover {
1000 color: #000;
1001 text-decoration: none;
1004 .ims-nav-dimmed,
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;
1020 #ims-contentframe,
1021 #ims-contentframe-no-nav {
1022 border-color: #cecece;
1026 /***
1027 *** Modules: Scorm
1028 ***/
1030 /***
1031 *** Modules: Survey
1032 ***/
1034 #mod-survey-view .r0 {
1035 background-color: #EEEEEE;
1037 #mod-survey-view .r1 {
1038 background-color: #DDDDDD;
1042 /***
1043 *** Modules: Wiki
1044 ***/
1046 /***
1047 *** Modules: Workshop
1048 ***/
1050 .workshoppostpicture {
1051 background-color:#FEE6B9;
1054 .workshopassessmentheading {
1055 background-color:#DDDDDD;
1058 .error {
1059 color:#ff0000;
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 {
1074 border:none;
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 {
1081 color: #888;
1084 form.mform .required label {
1085 color:#a00;
1087 form.mform .fdescription.required {
1088 color:#a00;