Added LinuxChix theme
[moodle-linuxchix.git] / theme / standard / styles_color.css
blobab245c835d1451e3dfb449c6d3f868e3bc42886d
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 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 {
282 color: #ff0000;
285 table.flexible .r0 {
286 background-color: #f0f0f0;
289 table.flexible .r1 {
290 background-color: #fafafa;
293 #admin-report-simpletest-index span.notice {
294 color: teal;
297 #admin-report-simpletest-index b.pass {
298 color: green;
301 #admin-report-simpletest-index b.fail, b.exception {
302 color: red;
305 #admin-report-simpletest-index .exception, .exception pre {
306 background-color: #fdd;
309 #admin-report-simpletest-index .unittestsummary {
310 color: white;
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 {
323 color: #008000;
326 .plugincompattable td.warning {
327 color: #DF7800;
330 .plugincompattable td.error {
331 color: #DF0000;
334 /* Admin settings */
336 #adminsettings fieldset {
337 background-color: #EEE;
338 border-color: #BBB;
339 color: #000;
342 #adminsettings fieldset.error {
343 border: 1px solid red;
346 #adminsettings fieldset.error legend {
347 color: red;
350 #adminsettings .form-shortname {
351 color: #888;
354 #adminsettings .form-overridden {
355 background-color: #ff6;
358 #adminsettings .form-warning {
359 background-color: #f88;
362 #adminsettings .form-defaultinfo {
363 color: #888;
366 #adminsettings .form-item .pathok {
367 color: green;
370 #adminsettings .form-item .patherror {
371 color: red;
374 .block_admin_tree.sideblock .link.current {
375 background-color:#EEEEEE;
378 .block_admin_tree.sideblock .link.hidden {
379 color:#999999;
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 {
396 color: #666666;
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;
413 color : inherit;
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;
436 /***
437 *** Blocks
438 ***/
440 .sideblock .header {
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;
460 /***
461 *** Blogs
462 ***/
464 .blogpost.blogdraft .content {
465 background-color:#EEEEEE;
468 .block_blog_tags .official {
469 color: #0000cc;
472 .block_blog_tags .personal {
473 color: #666699;
477 /***
478 *** Calendar
479 ***/
481 #calendar .maincalendar,
482 #calendar .sidecalendar {
483 border-color: #DDDDDD;
486 #calendar .maincalendar table.calendarmonth th {
487 border-color: #000000;
490 table.minicalendar {
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 {
505 color:#999999;
508 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
509 .minicalendar a,
510 .calendarmonth a {
511 color:#000077;
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;
585 #calendar .weekend,
586 .minicalendar .weekend {
587 color:#990000;
590 #calendar .today,
591 .minicalendar .today {
592 border-color:#444444;
595 #calendar .nottoday,
596 .minicalendar .nottoday {
597 border-color:#eeeeee;
600 .cal_popup_fg {
601 background-color:#FFFFFF;
604 .cal_popup_bg {
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;
620 /***
621 *** Course
622 ***/
624 /* course, entry-page, login */
625 .headingblock {
626 border-color:#DDDDDD;
629 /* course */
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 {
641 background: #FAFAFA;
644 #course-view .weekscss .section,
645 #course-view .section td.side {
646 background: #FFFFFF;
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 {
660 background: #FFD991;
663 #course-view .weekscss .hidden,
664 #course-view .hidden td.side {
665 background: #DDDDDD;
669 #course-view .topics {
672 #course-view .weeks {
675 #course-view .section .spacer {
678 #course-view .section .weekdates {
679 color: #777777;
682 #course-view .weekscss .weekdates {
683 color: #333333;
686 .categoryboxcontent,
687 .coursebox {
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 {
697 margin-bottom: 20px;
698 margin-left:10%;
699 margin-right:10%;
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;
710 /***
711 *** Doc
712 ***/
714 /***
715 *** Grades
716 ***/
718 body#grade-index .grades {
719 border-color:black;
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;
746 /* grade edit */
748 .grade-edit-tree .moving {
749 background-color: #E8EEF7;
752 /***
753 *** Login
754 ***/
756 .loginbox,
757 .loginbox.twocolumns .loginpanel,
758 .loginbox .subcontent {
759 border-color:#DDDDDD;
763 /***
764 *** Message
765 ***/
767 table.message_search_results td {
768 border-color:#DDDDDD;
771 .message.other .author {
772 color: #8888CC;
775 .message.me .author {
776 color: #999999;
779 .message .time {
780 color: #999999;
783 .message .content {
786 /***
787 *** Question
788 ***/
790 .que {
791 border-color: #DDD;
793 .que .r0 {
794 background-color: #F5F5F5;
796 .que .r1 {
797 background-color: #EEE;
799 .calculated .answer,
800 .numerical .answer,
801 .shortanswer .answer {
802 background-color: #EEE;
804 .essay .answerreview {
805 background-color: #EEE;
807 .que .feedback {
808 border-color: #DDD;
810 .que .incorrect {
813 .que.multianswer .incorrect {
814 background-color: #faa;
816 .que .partiallycorrect {
817 background-color: #ff9;
819 .que .correct {
820 background-color: #afa;
824 /***
825 *** Logs
826 ***/
828 .logtable .r1 {
829 background-color:#EEEEEE;
833 /***
834 *** Tabs
835 ***/
839 /***
840 *** User
841 ***/
843 .userpicture {
846 .userinfobox {
847 border-color: #DDDDDD;
849 .groupinfobox {
850 border-color: #DDDDDD;
853 /***
854 *** Modules: Chat
855 ***/
857 #mod-chat-gui_basic .text,
858 #mod-chat-gui_header_js-jsupdate .text {
859 color:#000
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 {
866 color:#888
869 #mod-chat-gui_header_js-chatinput .wait {
870 background: #dddddd;
873 #mod-chat-view #chatcurrentusers .idletime {
874 color: #888888;
877 /***
878 *** Modules: Choice
879 ***/
881 /***
882 *** Modules: Forum
883 ***/
885 .forumheaderlist,
886 .forumpost {
887 border-color:#DDDDDD;
890 .forumpost .content {
891 background: #FFFFFF;
894 .forumpost .left {
895 background:#EEEEEE;
898 .forumpost .topic {
899 border-bottom-color: #EEEEEE;
902 .forumpost .starter {
903 background:#DDDDDD;
906 .forumheaderlist .discussion .starter {
907 background:#DDDDDD;
910 .forumheaderlist td {
911 border-color: #FFFFFF;
914 .sideblock .post .head {
915 color:#555555;
918 .forumthread .unread {
919 background: #FFD991;
921 #mod-forum-discuss .forumpost {
922 background: none;
925 #mod-forum-discuss .forumpost.unread .content {
926 border-color: #FFD991;
929 #mod-forum-discuss .forumthread .unread {
932 #mod-forum-index .unread {
936 /***
937 *** Modules: Glossary
938 ***/
940 .entryboxheader {
941 border-color: #BBBBBB;
944 .entrybox {
945 border-color: #BBBBBB;
948 .entry {
951 .glossarypost {
952 border-color: #DDDDDD;
955 .glossarypost .entryheader,
956 .glossarypost .entryapproval,
957 .glossarypost .picture,
958 .glossarypost .entryattachment,
959 .glossarypost .left {
960 background-color: #F0F0F0;
963 .glossarycomment {
964 border-color: #DDDDDD;
967 .glossarycomment .entryheader,
968 .glossarycomment .picture,
969 .glossarycomment .left {
970 background-color: #F0F0F0;
974 #mod-glossary-report .generalbox .teacher {
975 background: #F0F0F0;
978 .glossarycategoryheader {
979 background-color: #dddddd;
982 .glossaryformatheader {
983 background-color: #dddddd;
987 /***
988 *** Modules: Journal
989 ***/
991 #mod-journal-view .feedbackbox .left,
992 #mod-journal-view .feedbackbox .entryheader {
993 background-color: #dddddd;
996 /***
997 *** Modules: Label
998 ***/
1000 /***
1001 *** Modules: Lesson
1002 ***/
1004 /***
1005 *** Modules: Quiz
1006 ***/
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 {
1019 background:yellow;
1021 /***
1022 *** Modules: Resource
1023 ***/
1025 .ims-nav-dimmed {
1026 color: #AAAAAA;
1027 text-decoration: none;
1030 .ims-nav-button a:link,
1031 .ims-nav-button a:visited,
1032 .ims-nav-button a:hover {
1033 color: #000;
1034 text-decoration: none;
1037 .ims-nav-dimmed,
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;
1053 #ims-contentframe,
1054 #ims-contentframe-no-nav {
1055 border-color: #cecece;
1059 /***
1060 *** Modules: Scorm
1061 ***/
1063 /***
1064 *** Modules: Survey
1065 ***/
1067 #mod-survey-view .r0 {
1068 background-color: #EEEEEE;
1070 #mod-survey-view .r1 {
1071 background-color: #DDDDDD;
1075 /***
1076 *** Modules: Wiki
1077 ***/
1079 /***
1080 *** Modules: Workshop
1081 ***/
1083 .workshoppostpicture {
1084 background-color:#FEE6B9;
1087 .workshopassessmentheading {
1088 background-color:#DDDDDD;
1091 .error {
1092 color:#ff0000;
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 {
1107 border:none;
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 {
1114 color: #888;
1117 form.mform .required label {
1118 color:#a00;
1120 form.mform .fdescription.required {
1121 color:#a00;
1123 form.mform .required .fgroup span label {
1124 color:#000;